/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align: baseline;}
    
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}

* {margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition: all 0.3s ease-in-out;}

/*
@font-face {
    font-family: 'apple_garamond';
    src: url('../fonts/applegaramond-lightitalic-webfont.eot');
    src: url('../fonts/applegaramond-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/applegaramond-lightitalic-webfont.woff') format('woff'),
         url('../fonts/applegaramond-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/applegaramond-lightitalic-webfont.svg#apple_garamond_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

/*
  ROT: #da2215 (alt)
  ROT: #f44336 (neu)
*/

html, body {min-height:100%;}
body {font-size:18px; font-family:arial,verdana,sans-serif; line-height:1; transition:none; background:url(../img/himmel.jpg) no-repeat top center #01448a fixed; background-size:cover; color:#000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}

/*---------------------------- ALLGEMEIN -------------------------------------*/

a {outline:none; color:#000;}
a:hover {color:inherit!important;}
:focus {outline:none;}
p {line-height:150%; margin-bottom:10px;}
p:last-child {margin-bottom:0;}
img, main {border:none; max-width:100%; height:auto;}
main {display:block;}
input, select, textarea, label {font-size:100%; font-family:inherit; color:inherit;}
h1 {font-size:250%; font-weight:bold; text-transform:uppercase; margin-bottom:20px;}
h2 {font-size:120%; font-weight:bold; margin-bottom:15px;}
h3 {font-size:100%; font-weight:bold; margin-bottom:10px;}
h4 {font-size:90%; font-weight:bold; margin-bottom:10px;}
h1 a:hover, h2 a:hover, h3:hover a, h4:hover a {text-decoration:none;}
header:only-child h1, header:only-child h2 {margin-bottom:0;}
nav ul {list-style:none;}  
b, strong {font-weight:bold;}   
figcaption {font-size:14px; margin-top:5px;}
.btn {border-radius:0;}
h4.panel-title {margin-bottom:0;}

.clear, .wrapper:after, nav ul:after {float:none; clear:both; height:0; display:block; font-size:0; content:"."; visibility:hidden;}

.more, .news-backlink-wrap a, .mobile-menu {text-decoration:none; display:inline-block; color:#fff; background-color:#f44336; padding:10px 15px; font-weight:bold;}
.more:hover, .news-backlink-wrap a:hover, .mobile-menu:hover {text-decoration:none; color:#fff!important;}

.mobile-menu {display:none;} 

#cookieChoiceInfo a:hover {text-decoration:none;}
#cookieChoiceDismiss:hover {color:#fff!important;}

.fancybox-container * {transition:none;}

/*----------------------------- BEREICHE -------------------------------------*/

.helper {border-top:10px solid #f44336;}
  .container {}
  
    .container > header {padding:20px 0; position:relative;}
      #logo {max-width:250px; margin:0 20px 10px 0; float:left;}
        #logo img {}
        
      nav#main {float:left; width:calc(100% - 270px); margin-top:105px;}
        nav#main ul {display:table-row;}
          nav#main ul li {position:relative; display:table-cell;}
            nav#main ul li a {display:block; min-width:100px; text-align:center; text-decoration:none; color:#fff; margin:0 5px; padding:5px 15px; border-bottom:5px solid #fff;}

            nav#main ul li:hover > a, nav#main ul li a.hover, nav#main ul > li.active > a, nav#main ul.sub > li.active > a {text-decoration:none; color:#f44336!important; border-color:#f44336;} 
            
        nav#main ul.sub {display:none; position:absolute; top:100%; left:0; z-index:1000; width:100%; font-size:16px;}
          nav#main ul.sub li {display:block; width:100%;}
          nav#main ul.sub li.first a {padding-top:10px;}
          nav#main ul.sub li:only-child a {padding:10px 0;}
          nav#main ul.sub li.last a {padding-bottom:10px;}
            nav#main ul.sub li a {min-width:0; padding:5px; text-transform:none; background:#fff; color:#000; border-bottom:none; font-weight:bold;}  
              nav#main ul.sub li:hover a {color:#f44336!important;}
            
        nav#main li:hover ul.sub, nav#main a.hover + ul.sub {display:block;}
        
        #quick {position:absolute; right:0; top:0; z-index:5;}
          #quick a {float:left; font-size:0; text-decoration:none; padding:20px; background-size:20px 20px; background:url(../img/lock.svg) no-repeat center center #f44336;}
          #quick a.search {margin-left:10px; background-image:url(../img/search.svg);} 
    
    main {}
      #content {width:100%;}
        #content > div {padding:20px 20px 10px; background:rgba(255,255,255,0.5);}
        #content > div:last-child {padding-bottom:30px;}
        .startpage #content > div.gridelements {padding:0; background:0;}
        
        #content ol:not(.slides):not(.ce-uploads), #content ul:not(.slides):not(.ce-uploads) {padding-left:20px; margin-bottom:20px; line-height:150%;}
      aside {}
      
    footer {}
      footer .row {justify-content:flex-end;}
        footer ul {display:flex;}
          footer a {padding:10px; display:block;}
  
/*---------------------------- AKKORDION -------------------------------------*/
.panel {border:1px solid #fff;}
.panel-title {padding:10px; font-weight:bold; background:#fff;}
.panel-title a {display:block; color:#000;}
.panel:nth-child(odd) .panel-title {background:#c1cdcd;}
.panel-body {padding:10px;}

.panel .contenttable {margin-bottom:0;}

a.accordion-toggle {padding-right:20px; background:url(../img/arrow-black-top.png) no-repeat right top;}
.panel:nth-child(odd) a.accordion-toggle {background-image:url(../img/arrow-white-top.png);}
a.accordion-toggle.collapsed {background-image:url(../img/arrow-black-bottom.png);}
.panel:nth-child(odd) a.accordion-toggle.collapsed {background-image:url(../img/arrow-white-bottom.png);}

/*----------------------------- TABELLEN -------------------------------------*/
.contenttable {border-collapse:collapse; margin-bottom:20px; width:100%;}
.contenttable td {padding:5px; border:1px solid #c1cdcd;}
.contenttable tr:nth-child(odd) td {background:#c1cdcd;}
.contenttable tr:nth-child(odd) td a {}
.news-single .contenttable {width:calc(100% - 282px - 25px);}

/*----------------------------- Formular -------------------------------------*/
.powermail_textarea {resize:none;}
.btn-primary, .btn-primary:hover {background-color:#f44336!important; border:none;}
.tx-powermail .powermail_fieldset .parsley-errors-list {padding-left:0!important; font-size:14px;}
.control-label {margin-bottom:2px;}
.mandatory {margin-left:2px; color:#f44336;}
.powermail_captchaimage {margin-top:5px; border-radius:.25rem; border:1px solid #ced4da;}

/*----------------------------- Slider -------------------------------------*/
.flexslider .image-caption {position:absolute; top:30px; left:30px; font-size:200%; color:#fff; text-transform:uppercase; font-weight:bold; text-shadow:2px 2px 2px #000;}
.flexslider .image-caption:after {display:none; content:"Mehr erfahren"; border:1px solid #fff; position:absolute; top:130%; left:0; padding:10px 20px; font-size:18px; text-shadow:none; text-transform:none;}
.flexslider a .image-caption:after {display:block;}

/*----------------------------- Galerie -------------------------------------*/
.sf-filecollection-gallery-image-container {padding-bottom:30px;}
.f3-widget-paginator {list-style:none; display:block; width:100%; text-align:center; padding-left:0!important;}
.f3-widget-paginator li {display:inline-block; margin:0 5px 5px;}
      
/*----------------------------- Cookiebot -------------------------------------*/      
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, 
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #f44336!important;
    border-color: #f44336!important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border-color: #f44336!important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: #f44336!important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
  border-color: #f44336!important;
  color: #f44336!important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, 
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, 
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, 
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, 
#CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: #f44336!important;
}

/*-------------------------- MEDIA QUERIES -----------------------------------*/

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media screen and (min-width:1260px){

}


@media screen and (max-width:1200px){
  
  #logo {float:none;}
  nav#main {width:100%; margin-top:0; float:none; display:table;}
}

@media only screen and (max-width: 992px){

  .container {max-width:100%;}
  
  .mobile-menu {display:block; width:100%; background:url(../img/arrow-white-bottom.png) no-repeat right 10px center #f44336;}
  
  nav#main {display:none;}
    nav#main ul {display:block;}
      nav#main ul li {display:block;}
        nav#main ul li a {margin:0; background-color:#fff; border-bottom:2px solid #f44336; color:#000!important; padding:7.5px 5px!important;}
        nav#main ul li.hassub > a {background:url(../img/arrow-black-bottom.png) no-repeat right 10px center #fff;}
        //nav#main ul li.hassub.active a {background:url(../img/arrow-black-top.png) no-repeat right center #fff;}
      nav#main ul.sub {position:static;}
  
  #logo {margin:10px auto 10px;}
  
  #cookieChoiceInfo span {display:block; margin-bottom:5px; font-size:14px; padding:0 10px;}
}

@media only screen and (max-width: 768px){
  .mobile-helper {overflow-x:auto;}
  .tx-powermail [class*="col"] {padding:0;}
  .flexslider .image-caption {font-size:150%;}
  
  .news-single .contenttable {width:100%;}
  .news-single .article .news-img-wrap {float:none; width:100%; margin:0 0 20px;}
  .news-single .article .news-img-wrap a {float:none;}
  .news-single .article .news-img-wrap .outer {display:inline-block; vertical-align:top; width:50%;}
  .news-single .article .news-img-wrap img {width:100%;}
  
  .news-related {width:100%; display:block;}
}

@media only screen and (max-width: 576px){
  body {font-size:16px; background-image:none;}
  h1 {font-size:200%;}
  h2 {font-size:150%;}
  h3 {font-size:110%;}
    
  .ce-gallery {float:none!important; margin:0 0 10px 0!important;}
                                                            
  .flexslider .image-caption {font-size:110%; left:10px; top:10px; width:calc(100% - 20px); /*position:static; background:#fff; color:#000; width:100%; margin-top:0; padding:0 10px 10px; text-shadow:none;*/}
  .flexslider .image-caption:after {display:none; /*position:static; margin-top:5px; text-align:center; border-color:#000;*/}
  .flexslider .ce-gallery {margin-bottom:0!important;}
  
  .flexslider .slides img {border-width:5px;}
  
  .tx-sf-filecollection-gallery .desc {font-size:14px;}
}