/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - FULLPAGE-layout type layout
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media screen {
  /* force vertical scrollbar */
  body { overflow-y: scroll; }
  .ym-wrapper { max-width: 75.143em; margin: 0 auto; position: relative; }
  .ym-wbox { padding: 0 1em; }
  
  #mobilesearch, #mobile-box, #mobilenav { display: none; }

  #meta { position: fixed; top: 0; right: 0; bottom: auto; left: 0; background: #E5EBEE; z-index: 20; }
  #head { position: fixed; top: 0; right: 0; bottom: auto; left: 0; background: #FFFFFF; z-index: 10; border-bottom: 1px solid #E5EBEE; }
  .withimage #head { border-bottom-width: 0px; }
  #head .ym-wrapper:after { content: ""; display: block; position: absolute; bottom: -1px; left: -1000%; left: -webkit-calc((100% + 2em) / 4); left: -moz-calc((100% + 2em) / 4); left: calc((100% + 2em) / 4); height: 1px; width: 2px; background: #C1272D; }

  #head .ym-wbox { overflow: hidden; padding: 4em 1em 0; }
  #logo { float: left; width: 25%; border-right: 2px solid #C1272D; }
  #logo a { display: block; padding: 2em 2em 2em 1em; }
  #logo img { display: block; }
  .withimage #logo img { padding-bottom: 4em; }
  #slogan { margin: 0 0 0 25%; }
  #slogan .wrapper { padding: 2em 0 0 2em; }
  #slogan .top { color: #666666; font-size: 1.5em; font-weight: 900; letter-spacing: normal; line-height: 1.2; margin: -0.167em 0 0.167em; text-transform: uppercase; }
  #slogan .bottom { color: #1a1a1a; font-size: 1em; font-weight: 700; letter-spacing: 0.05em; line-height: 1; text-transform: uppercase; }
  
  .teaser-image { position: relative; overflow: hidden; }
  .teaser-image:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 2px; background: #c1272d; z-index: 1; }
  .teaser-image img { display: block; }
  
  .slickslider.slick-slider { margin: 0; }
  .slickslider.slick-slider .slickslider-figure { margin: 0; }
  .slickslider.slick-slider .slick-prev:before, .slickslider.slick-slider .slick-next:before { display: none; }
  .slickslider.slick-slider .slick-prev, .slickslider.slick-slider .slick-next { opacity: 0; width: 30px; height: 30px; z-index: 1; }
  .slickslider.slick-slider .slick-prev { left: 10px; background: url(/fileadmin/gfx/arrows.png) no-repeat scroll 0 0 transparent !important; }
  .slickslider.slick-slider .slick-next { right: 10px; background: url(/fileadmin/gfx/arrows.png) no-repeat scroll -30px 0 transparent !important; }
  .slickslider.slick-slider:hover .slick-prev, .slickslider.slick-slider:hover .slick-next { opacity: 1; }
  
  #main:before { content: ""; display: block; position: relative; overflow: hidden; padding-top: 12em; margin-top: 32px; }
  #main .ym-wbox { padding: 0 1em 8em; }
  
  .breadcrumbs { margin: 2.4em 0; color: #666; font-size: 0.833em; line-height: 1.5; min-height: 2.143em; }
  .breadcrumbs a { color: #666; }
  .breadcrumbs a:hover, .breadcrumbs a:focus { color: #50788E; }
  
  #map { height: 450px; width: 100%; margin: 0 0 3em; }  

  .csc-mailform .csc-mailform-field { display: block; padding: 0 0 0.5em; overflow: hidden; }
  .csc-mailform label { display: block; line-height: 1.5; }
  .csc-mailform-field input, .csc-mailform-field textarea { border: 1px solid #ccc; box-sizing: border-box; line-height: 1.2; padding: 0.125em 0.5em; width: 100%; }
  .csc-mailform input[type="submit"] { color: #4d4d4d; background: #e5ebee; cursor: pointer; float: right; margin: 1em 0 0; width: auto; }
  
  .indexedsearchbox { margin: 2em 0; border: 1px solid #8B9AA2; }
  .searchbox { display: block; overflow: hidden; padding: 0 5em 0 0; width: auto; }
  .searchbox-sword { float: left; position: relative; width: 100%; }
  .searchbox-button { float: left; margin: 0 -5em 0 0; position: relative; width: 5em; height: 1.714em; background: #8B9AA2; }
  .searchbox-sword input { display: block; color: #A2AEB5; font-size: 0.833em; line-height: 2; text-align: center; width: 100%; border: 0; outline: 0; }
  .searchbox-button button { color: #fff; font-style: italic; line-height: 1.5; text-align: center; width: 100%; background: #8B9AA2; border: 0; outline: 0; cursor: pointer; }
  .searchbox-button:hover, .searchbox-button button:hover { background: #50788E; }
  
  #foot { background: #e5ebee; }
  #foot .ym-wbox { padding: 4em 1em; }
  #foot h2 { color: #4d4d4d; font-size: 1.5em; margin: 0 0 0.75em; }
  #foot a { color: inherit; }
  
  .sitemap-list { margin: 0 -1em; }
  .sitemap-title { font-weight: 700; color: #1a1a1a; line-height: 1.5; }
  .sitemap ul { list-style: none; margin: 0 0 1.5em; }
  .sitemap li { color: #4d4d4d; line-height: 1.2; margin: 0.5em 0 0; }
  
  .csc-frame-border-left { position: relative; }
  .csc-frame-border-left:before { content: ""; position: absolute; top: 0; bottom: 0; left: -0.5em; width: 2px; background: #C1272D; }
  .csc-frame-border-left h2 { font-weight: 900; }
  
  .totop { display: none; position: fixed; margin: 0 0 0 1em; z-index: 5; }
  .totop a { display: block; text-indent: -999999px; width: 45px; height: 45px; background: url(/fileadmin/gfx/tothetop.gif) no-repeat scroll center center transparent; }
  .totop a.de { background-image: url(/fileadmin/gfx/nachoben.gif); }
  
  .article-item h3 { margin-top: 0; }
  .article .teaser-text { margin: 0 0 3em; }
  .article .teaser-text p { margin: 0 0 0.75em; }
  
  /* pagebrowse */
  .page-navigation { font-family: 'Source Sans Pro', sans-serif; display: block; margin: 1.5em 0; width: 100%; text-align: center; cursor: default; }
  .page-navigation a { display: block; color: #1a1a1a; line-height: 1em; padding: 0.25em; text-align: center; font-weight: 400; }
  .page-navigation a:hover, .page-navigation a:focus, .page-navigation a:active { background: none; color: #1a1a1a; text-decoration: none; }
  .page-navigation ul { overflow: hidden; }
  .page-navigation li { display: inline-block; height: 1.5em; line-height: 1.5em; margin: 0 0.25em 0.25em 0; min-width: 1.5em; text-align: center; background: #e5ebee; }
  .page-navigation li:before { display: none; }
  .page-navigation li:hover, .page-navigation li:focus, .page-navigation li.current { background: #bdccd4; cursor: pointer; }
  
  .news-list-rss { margin: 1.5em 0; }
  .news-list-rss a { height: 16px; line-height: 16px; padding: 0 0 0 20px; background: url(/fileadmin/gfx/rss.png) no-repeat scroll left center transparent; }
  .news-list-rss a:after { display: none; }
  
  /* fallback for missing media queries support*/
  body > header, body > nav, body > main, body > footer { min-width: 760px; }

  /* Basic Element Styling */
  .ym-column { display: block; overflow: hidden; width: auto; }
  .ym-column .ym-column { padding-right: 30%; }
  .ym-column .ym-column.special { padding: 0; }
  .ym-col1 { float: left; width: 25%; }
  .ym-col3 { margin: 0 0 0 25%; }
  .ym-col31 { position: relative; float: left; width: 100%; }
  .ym-col33 { position: relative; float: left; width: 42.857%; margin: 0 -42.857% 0 0; }
  .ym-col-full { width: 100%; margin: 0; }
  
  .ym-col1 .ym-cbox { padding: 0; }
  .ym-col31 .ym-cbox { padding: 0 4em 0 2em; }
  .ym-col33 .ym-cbox { padding: 0; }
  .ym-col-full .ym-cbox { padding: 0 0 0 2em; }
  .ym-gbox { padding: 0 1em; }
  
  .ym-g4-7 { width: 57.142857%; }
  .ym-g3-7 { width: 42.857143%; }

  .ym-skiplinks a.ym-skip:focus, .ym-skiplinks a.ym-skip:active { color: #fff; background: #333; border-bottom: 1px #000 solid; padding: 10px 0; text-align: center; text-decoration: none; }
}

@media screen and (min-width: 0px) {
  body > header, body > nav, body > main, body > footer { min-width: 0; }
}

@media screen and (max-width: 960px) {
  .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] { display: block; float: none; padding: 0; margin: 0; width: auto !important; }
  .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] { margin: 0; padding: 0; overflow: hidden; }

  #main:before, .ym-col1, .teaser-image:before, #head .ym-wrapper:after { display: none !important; }
  .ym-wbox { padding: 0; }

  #logo { width: 14em; width: -webkit-calc(165px + 3em); width: -moz-calc(165px + 3em);  width: calc(165px + 3em); }
  #logo img { padding: 0 !important; }
  #slogan { margin-left: 14em; margin-left: -webkit-calc(165px + 3em); margin-left: -moz-calc(165px + 3em); margin-left: calc(165px + 3em); }
  #slogan .top { font-size: 1.167em; }
  #slogan .bottom { font-size: 0.858em; }
  
  #meta, #head { overflow: hidden; position: relative; top: auto; }
  #meta .ym-wbox { padding: 0 1em; }
  #head { border-bottom-width: 1px !important; }
  #head .ym-wbox { padding: 1em; }
  
  #main { padding: 0 !important; }
  #main .ym-wbox { margin: 0; padding: 0 0 8em; }

  .teaser-image { margin: 0 -1em; min-height: 0 !important; height: auto !important; max-height: 24.305vw; }

  .ym-column .ym-column { padding-right: 35%; }
  .ym-col33 { width: 53.846%; margin-right: -53.846%; }
  .ym-col33 .ym-cbox { padding: 0 2em 0 0; }

  #foot .ym-wbox { padding: 4em 2em; }
  
  #metanav { float: left; width: auto; }
  .ym-hlist ul { float: left; }
  #mobile-box { display: block; float: right; padding: 0.5em 1em; }  
  .icon-line { float: right; }
  .icon-line .icon { cursor: pointer; float: right; padding: 0.1em 0; }
  .icon-line .icon .line { background: #000000; display: block; height: 2px; width: 21px; }
  .icon-line .icon .line.middle { margin: 2px 0; }
  #mobilesearch { clear: both; overflow: hidden; }
  #mobilesearch .indexedsearchbox { margin: 0.5em 1em 1em; }
  .icon-search { display: block; float: left; height: 1.5em; width: 1.5em; margin: -0.25em 1em -0.25em 0; background: url(/fileadmin/gfx/search.png) no-repeat scroll center center transparent; cursor: pointer; }
}

@media screen and (max-width: 640px) {
  .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] { display: block; float: none; padding: 0 !important; margin: 0; width: auto !important; }
  .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] { margin: 0; padding: 0; overflow: hidden; }
  .ym-col31 .ym-cbox { padding: 0 1em !important; }
  .ym-col33 .ym-cbox { padding: 4em 1em 0 !important; }

  #metanav > ul { padding: 0 0.5em; }
  .ym-hlist ul li a { padding: 0.25em 0.5em; }
  #meta .ym-wbox { padding: 0; }
  #head .ym-wbox { padding: 1em 0; }
  #foot .ym-wbox { padding: 2em 1em; }
  
  #logo { float: none; width: auto; border: 0; }
  #logo a { padding: 1em 1em 2em; }
  #slogan { margin: 0; }
  #slogan .wrapper { padding: 0 1em 1em; }
  #slogan .bottom { font-size: 1em; }

  .ym-col33 .indexedsearchbox { display: none; }
  .sitemap-list { margin: 0; }
  
  .teaser-image { max-height: none; }
}