body {overflow:auto;background:#333333;}
.body-bg{background:#171717;}
.main-section{position:absolute;height:100%;width:100%;background:inherit;}

/*JQUERY MOBILE UI Element wird automatisch eingefügt. Kann man nicht ausschalten, daher verbergen
Datei admin/Resources/Public/Javascript/jquery.mobile-1.4.2.js - benötigt für Slide-Funktion des Headerslider*/
.ui-loader{display:none;}

/*linke Balken neben Inhalt*/
/*.body-bg .main-section > .container:before{content:" ";position:fixed;height:100%;width:5px;background:#3d3d42;background-image: -webkit-linear-gradient(#171717 0%,#3d3d42 50%, #3d3d42 100%); background-image: -moz-linear-gradient(#171717 0%,#3d3d42 50%, #3d3d42 100%); background-image: -o-linear-gradient(#171717 0%, #3d3d42 50%,#3d3d42 100%);background-image: linear-gradient(#171717 0%, #3d3d42 50%,#3d3d42 100%);}*/
.bg-image{position:absolute;left:-20px;}


/*Höhe des Bilderkarussels im Header festlegen*/
.carousel-inner > .item{height:303px;}
.carousel-text-inner{display:none;}
/******************************/
/*INHALTSBEREICH RECHTE SEITE*/
.content-right{margin:0;padding:0;background:#FFF;}  
/*Hintegrunde und höhe des Inhaltscontainers festlegen*/
.abs-height-container{position:absolute;height:100%;width:100%;z-index:0;background:#ffffff;overflow:hidden;}
.abs-height-container:after{content:" ";position:absolute;overflow:hidden;left:0;top:0;height:100px;width:100%;z-index:0;background:#ffffff;background-image: -webkit-linear-gradient(#d2d2d3 0%, #ffffff 70%);background-image: -moz-linear-gradient(#d2d2d3 0%, #ffffff 70%); background-image: -o-linear-gradient(#d2d2d3 0%,#ffffff 70%); background-image: linear-gradient(#d2d2d3 0%, #ffffff 70%);}

/*HEADERBEREICH LOGO UND BILDER im RECHTEN BEREICH*/
.header-nav{height:100px;background:#e4dfdd;}
.header-nav .logo{padding-top:4em;}
.header-nav .logo img{max-width:100%;width:100%;height:auto;}
.header-image{overflow:hidden;}
.header-image.container{margin:0;padding:0; }
.img-bg-container{content:" ";position:absolute;height:303px;width:300%;margin-left:-20px;background:#2A2A2A;background-image:-webkit-linear-gradient(left,#3d3d42 0%,#3d3d42 40%,#171717 80%); background-image: -moz-linear-gradient(left,#3d3d42 0%,#3d3d42 40%,#171717 80%);background-image: -o-linear-gradient(left,#3d3d42 0%,#3d3d42 40%,#171717 80%);background-image: linear-gradient(left,#3d3d42 0%,#3d3d42 40%,#171717 80%);}
.header-nav .logo img{max-width:70%;width:70%;height:auto;}

.header-red{color:#219c8c;}


.footer-section{background:#4e4e53;margin:0;padding:0;text-align:center;position:fixed;bottom:0;width:100%;color:#333;border:0;line-height:1.3em;}
.footer-col-middle > div{text-align:left;padding-left:0px;margin:0;padding:0.5em 0 0.1em 0;    }
.footer-col-middle{background:rgba(255,255,255,0.75);}
ul.nav.footer-nav{margin:0;padding:0;clear:none;float:none;display:inline;}  
ul.nav.footer-nav:after,ul.nav.footer-nav:before{display:none;}  
ul.nav.footer-nav li{display:inline;list-style-type:none;margin:0;padding:0;}
.footer-col-middle span.address-line,
.footer-col-middle  a{margin:0;padding:0 0.5em 0 0.5em;color:#c9c0bb;}
ul.nav.footer-nav li a{display:inline;}

.mailform-2cols ol{margin-left;0;padding-left:0;}
.mailform-2cols li.csc-form-element, div.csc-mailform ol, div.csc-mailform ol li{list-style-type:none;}
.mailform-2cols  label{color:#8A9499;}
.mailform-2cols  input.textline,
.mailform-2cols  select{background-color: #ffffff;    background-image: none;border: 1px solid #cccccc; border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555555;font-size: 12px;height: 33px;line-height: 1.6;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.mailform-2cols  input.textline{width:90%;}
.mailform-2cols  select{}
.mailform-2cols  textarea{min-height:20px;height:auto !important;}
.mailform-2cols  textarea, .mailform-2cols .fullwidth{width:90%;margin-bottom:10px;}
.mailform-2cols  input.submit{background-color: #219c8c; border-color: #e60000;  color: #ffffff; -moz-user-select: none;background-image: none;border-radius: 0;cursor: pointer; display: inline-block;padding: 6px 12px;text-align: center;vertical-align: middle;white-space: nowrap;}
.mailform-2cols li.csc-form-element, div.csc-mailform ol, div.csc-mailform ol li {margin-bottom:1em;}
.ui-input-text{clear:both;display:block;}
div.csc-mailform li .ui-checkbox label{float:none;}
.ui-checkbox input{float:left;margin-right:5px;}
.ui-checkbox{clear:both;float:left;width:auto;}
.ui-select{clear:both;float:left;width:100%;margin-bottom:10px;}
.navbar-default{position: relative; z-index: 111;}
.navbar-default{background:transparent;border:0;}
.navbar-default {
    background-color:transparent;
    border-color:transparent;
}
.fancybox-margin{margin:0px !important;}  
.main-content{padding-bottom:100px;}

@media (min-width:768px) {
.mailform-2cols  .csc-form-element-textline{float:left;width:45%;margin-right:5%;}
.mailform-2cols  .csc-form-element-textarea {clear:both;float:left;width:95%;}
.mailform-2cols  .csc-form-element-submit {clear:both;float:left;width:auto;}
.mailform-2cols  .form-group{clear:both;margin-top:0.9em;}
.mailform-2cols  .form-group > div,
.mailform-2cols  .form-group .col-sm-3,
.mailform-2cols  .form-group .col-sm-5{width:100%;display:block;padding-left:0;}
.csc-form-element-select .ui-select span{display:none;}


.main-content.container{margin-top:40px;margin-bottom:90px;}
/*NAVIGATION*/

/*Um einen Hauptpunkt mit Subnavigation klickbar zu machen, wenn ein Dropdownmenü eingestellt it, Klasse disabled bei a-Tag hinzufügen*/
ul.nav li.dropdown:hover ul.dropdown-menu{display:block;  margin-top:0px; }
/*Äußeres DIV*/
.navbar-collapse.collapse{text-align:right;margin:90px 5px 0 0;padding:0;height:303px;min-height:303px;display:block;}
/*NAVIGATION UL*/
ul.navbar-nav{display:block;text-align:right;clear:float;float:none;margin:5px 0 0 0;padding:0;list-style-type:none;}

ul.navbar-nav > li{clear:float;float:none !important;display:block;text-align:right;padding:1px 0 1px 0;}
ul.navbar-nav > li a{float:none;display:block;font-weight:normal;font-size:1em;}


/*Äußeres DIV*/
.nav-subnav{margin-top:50px;display:block;text-align:right;}
ul.nav.navbar-nav.navbar-subnav{margin:0 -15px 0 0;}
ul.nav.navbar-nav.navbar-subnav li{padding:1px 0 1px 0;}
ul.nav.navbar-nav.navbar-subnav li a{font-size:1em;line-height:1.3em;padding:3px 45px 3px 0;}



}
        

@media (max-width:991px) {
 /* .footer-section .col-xs-3{display:none;}
 .footer-section .col-xs-10{margin-left:0;padding-left:0;width:100%;border:1px solid red;}
 */
 .footer-section .container{margin:0 auto;padding:0;}
 .footer-section .row {margin:0 0 0 15px;padding:0;}
 .col-xs-9.footer-col-middle{width:100%;padding:0;margin:0;}
 .main-content.container{width:90%;margin-left:5%;}
 ul.navbar-nav > li a{padding-bottom:5px;padding-top:5px;padding-right:10px;}
 /* .footer-section .row {margin-left:0;} */
 .footer-col-middle{background:rgba(255,255,255,0.75);float: left;width: 100%;}

} 


@media (max-width:767px)  { 

.navbar-toggle.navbar-toggle-menu{margin-top:0.5em;}
.navbar-toggle .glyphicon{font-size:2em;color:#DEDEDE;}
 .footer-section .row {margin:0 45px 0 45px;padding:0;}

/*SUBNAVIGATION alein stehende hier ausblenden, weil Subnav innerhaltb der Hauptnavigation genutzt wird.*/
.nav-subnav{display:none;}

/*HAUPTNAVIGATION UL*/
.navbar-collapse.collapse{text-align:left;margin:10px 5px 0 0;height:auto;min-height:0;}
.navbar-collapse.collapse{margin:0;padding:0;} 


ul.navbar-default {margin:0;padding:0;}

.navbar-default .navbar-nav li ul.dropdown-menu{clear:both;display:block;position:relative;float:left;width:100%;top:0;border:0;margin:1px 0 0 0;padding:0;background:rgba(0,0,0,0.2);}

.navbar-default .navbar-nav > li{clear:both !important;border:0;border-top:1px solid #000;}
.navbar-default .navbar-nav li ul.dropdown-menu li:hover,.navbar-default .navbar-nav li ul.dropdown-menu li.active,
.navbar-default .navbar-nav li:hover,.navbar-default .navbar-nav li.active{background:transparent;text-decoration:none;}
.navbar-default .navbar-nav li a{display:block;padding:0.4em 0 .4em 0.5em;margin:0;font-weight:normal;}
.navbar-default .navbar-nav ul.dropdown-menu li a{padding-left:2em;color:#7c8086;}
.navbar-default .dropdown-menu li > a:hover,.navbar-default .dropdown-menu li:hover > a,
.navbar-default .navbar-nav li > a:hover,.navbar-default .navbar-nav li:hover > a{color:#FFF !important;background:transparent;}

.navbar-default .dropdown-menu li.active > a,.navbar-default .navbar-nav li.active > a{color:#219c8c !important;background:transparent;}

.content-right{clear:both;}
.main-section{position:relative;height:auto;}
.main-section .container.absolute-height{position:relative;height:auto;}
.main-section .container.absolute-height .content-right .main-content{position:relative;background:#FFF;} 
.media-list .col-sm-2{width: 16.6667%;padding:0;float:left;}
.media-list .col-sm-10{width: 83.3333%;padding:0;float:left;}
  .footer-section{clear:both;float:left;width:100%;position:relative;top:auto;bottom:auto;}
  .footer-section span,.footer-section ul {display:block;}
  .footer-section span.address-line{clear:both;margin-bottom:10px;}
 .footer-section span.trenner{display:none;} 
 .footer-section ul:after {content:" ";clear:both;height:10px;display:block;}
ul.nav.footer-nav li{clear:both;float:left;width:100%;margin-top:5px;line-height:1.6em;}
ul.nav.footer-nav li a{display:block;float:left;width:100%;}

}
.footer-nav img{width:40px;height:18px;}
/*INHALTSELEMENTE*/
/*BILDBEARBEITUNG*/
.image{position:relative;}

/*Bilder ohne Abstand nebeneinander*/
.image-wrap-noborder{padding-left:15px;padding-right:15px;}
.image-wrap-noborder .image-column{padding:0;margin:0;}
.image-wrap-noborder .image-column .thumbnail,.image-wrap-noborder .image-column .image {padding:0;margin:0;}
.image-wrap-noborder .image-column img{min-width:100%;width:100%;height:auto;}
.image-wrap-noborder .caption{display:none;background:rgba(0,0,0,0.5);position:absolute;bottom:0;width:100%;color:#FFF;padding:.3em;text-align:center;}


.media-list h4{margin:0;padding:0 0 0.1em 0;}

.container {
    max-width:100%;
}

.main-section{background-color: #333333;}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
    
  }
  
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;max-width:100%;
  }
}

@media (min-width: 1300px) {
  .main-section > .container,  .footer-section > .container {
    width: 1270px;  max-width:100%;
  }
}

@media (min-width: 1400px) {
  .main-section > .container,  .footer-section > .container {
    width: 1370px; max-width:100%;
    
  }
}
.csc-form-element-checkboxgroup{clear:both;}
.fieldset-subgroup ol, .fieldset-subgroup li{margin-left:0px !important;padding-left:0px !important;display:block;}
div.csc-mailform .fieldset-subgroup li label,
div.csc-mailform li .ui-checkbox label{display: inline-block;min-width:95%;width:95%;}
div.csc-mailform .fieldset-subgroup li .ui-checkbox{display: inline-block;width:100%;}
.fieldset-subgroup legend{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 15px;
    font-weight: bold;
  font-size:inherit;
      border-bottom:0px;
  line-height:1.3em;
}

#cookie-bar{bottom:100px !important;}

@media (max-width: 700px) {
#cookie-bar{width:60% !important;}

}