body {
  background: #f8f8f8; 
  font-family:Verdana,Arial;
  font-size:15px;
  line-height:1.3em;
}
.main-section,.body-bg{background:none;
      background: #fff;
    -moz-box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
    box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
    margin: 0 auto;
    max-width: 1680px;
    
    overflow: hidden;
    position: relative;
  
  }
a,.header-golden, .header-golden a{color:#c9c0bb !important;}
.header-golden-light, .header-golden-light a{color:#c9c0bb !important;}

a:hover{color:#000;}
.header-blue, header-blue a{color:#00a3d4;}
h1,h2,h3{font-family:Verdana,Arial;font-weight:bold;}
h1{font-size:2.2em;}
h2{font-size:1.6em;margin-top:12px;}
h3{font-size:1.4em;}

.image-center-outer,.image-center-inner{float:none;right:auto;}
.image-center-outer .image > a > img,.image-center-inner .image > a > img{margin:0px auto;}
.image-center-outer .image > img,.image-center-inner .image > img{margin:0px auto;}
.header-image {
    clear:left;overflow: inherit;margin-top:100px;
}

.footer-section{background:transparent;background:#219c8c;position:fixed;bottom:0;left:0;z-index:999;width:100%;}
.footer-section .footer-col-middle{background:#219c8c;}
ul.nav.footer-nav li a{font-family:'Microgramma W01 Bold Ex',Verdana,Arial;}
ul.nav.footer-nav li a:hover,ul.nav.footer-nav li a:focus,ul.nav.footer-nav li a.active {background:rgba(0,0,0,0.3);color:#FFF;}
.navbar-default .navbar-nav{padding-bottom:10px !important;}
.navbar-default .navbar-nav > li > a{color:#219c8c;font-size:1.3em;font-family:Verdana,Arial;}

.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:none;color:#FFF;}
ul.nav.navbar-nav.navbar-subnav {margin:0px;padding:0px;}
ul.nav.navbar-nav.navbar-subnav li a,
.navbar-nav > .active > a:focus{color:#219c8c;font-size:18px;padding:0px;line-height:1.2em;}
ul.nav.navbar-nav.navbar-subnav > .active > a, ul.nav.navbar-nav.navbar-subnav > .active > a:hover, ul.nav.navbar-nav.navbar-subnav > .active > a:focus{color:#000;background:#219c8c;}


#mySidenav.sidenav{position:fixed;}

.mailform-2cols input.submit{background:#219c8c;color:#000;font-weight:bold;border-color:#219c8c;}

#language_menu{font-family:Verdana,Arial; font-weight:bold;font-size:1.4em;}
#language_menu .active{text-decoration:underline;}
.header-nav{display:table;width:100%;;background:#efecea;}

.header-nav.navbar-nav{margin:inherit;}
.header-nav > div{display:table-cell;float:none;vertical-align:middle;}
.header-nav .logo{padding-top:0px;margin-top:0;}
.header-nav .logo img{max-width:100%;width:auto;}
ul.nav.footer-nav,.top-top{margin:20px 10px 10px 10px;display:block;text-align:left;}
@media (min-width: 768px){
.col-sm-10.footer-col-middle {
    width: 83.33333333%;
}


}

.open-nav{}

.open-nav span.icon-bar{background:#000000;}
.open-nav span.open-text{color:#000000;}
.open-nav:hover > span.open-text{color:#219c8c;}
.open-nav:hover > span.icon-bar,.navbar-icon:hover span{background:#219c8c;}




.carousel-inner .item{height:120px;}

.navbar-icon{height:34px;width:34px;padding:0;position:relative;background:none !important;border:none !important;}
.navbar-icon .icon-bar{position:absolute;top:50%;left:0px;margin-top:-1px;width:100%;height:2px;}
.navbar-icon .icon-bar:nth-child(2){margin-top:-7px;}
.navbar-icon .icon-bar:nth-child(3){margin-top:+6px;}
.navbar-icon .icon-bar:nth-child(4){margin-top:+12px;width:80%;}


.navbar-icon:focus{outline:0}



.navbar-icon, .navbar-icon > span {display:block;}


@media (max-width:480px) {
  .header-nav .logo img{max-width:100%;}
}   

.sidenav .navbar{clear:both;width:100%;margin-top:30px;white-space: nowrap;}
.sidenav .navbar li{text-align:left;padding-bottom:10px;line-height:1em;}
.sidenav {height: 100%;  width: 0; position: absolute; z-index: 1;  top: 100px; left: 0;background-color: #111;  overflow-x: hidden; transition: 0.5s; }
.sidenav ul.navbar-nav > li a {font-family: Verdana,Arial;padding: 8px 8px 8px 8px;text-decoration: none;font-size: 32px;color: #219c8c;display: block;transition: 0.3s;}
.sidenav a:hover, .offcanvas a:focus{color: #f1f1f1;}
.close-nav .glyphicon,.open-nav{color:#219c8c; font-size:30px;cursor:pointer;}
.sidenav .close-nav {display:block; width:100%;color:#999999;font-size:12px;background:transparent;padding:10px;cursor:pointer;}
.open-text{clear:left;font-size:10px;color:#219c8c;font-family:Verdana,Arial;}
.close-text{clear:right;font-size:10px;color:#219c8c;font-family:Verdana,Arial;}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}


.container {
    max-width:100%;
}
.main-section{position:relative;}
.main-content{clear:left;margin-bottom:100px;padding-bottom:0px;}
.footer-section{position:relative;}
@media (min-width: 480px) {
  .carousel-inner .item{height:150px;}
}

@media screen and (min-device-width : 480px) 
and (max-device-width : 1400px) 
and (orientation : landscape)  { .carousel-inner .item{height:100px;}
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  
  .carousel-inner .item{height:200px;}
  ul.nav.navbar-nav.navbar-subnav li a{padding:0px !important;}
  
  
}
@media (min-width: 992px) {
  .container {
    width: 900px;
    
  }
  .main-content{margin-bottom:100px;}
  .footer-section{position:fixed;}
  .carousel-inner .item{height:300px;}
  
}
@media (min-width: 1200px) {
  .container {
    width: 1000px;max-width:100%;
  }
  .carousel-inner .item{height:300px;}
}

@media (min-width: 1300px) {
  .main-section > .container,  .footer-section > .container {
    width: 1100px;  max-width:100%;
  }
  .carousel-inner .item{height:300px;}
}

@media (min-width: 1400px) {
  .main-section > .container,  .footer-section > .container {
    width: 1200px; max-width:100%;
    
  }
  .carousel-inner .item{height:300px;}
}



@media (max-width:767px)  { 
.top-top{text-align:center;}
ul.nav.footer-nav li{text-align:center;}
ul.nav.footer-nav li a{display:inline-blick;float:none;width:auto;}
.close-nav .glyphicon, .close-nav .glyphicon, .open-nav {
    font-size: 25px;
}
 .open-text,.close-text {
    font-size:9px;text-align:center;
}
.sidenav ul.navbar-nav > li a{font-size:20px;}
#language_menu{font-family:Verdana,Arial; font-weight:bold;font-size:1.2em;line-height:2em;}
#language_menu li{width:100%;text-align:right;}  
}

.sidenav ul.navbar-nav > li a.color-f01,.color-f01{color:#d8d3d0 !important;}
.sidenav ul.navbar-nav > li a.color-f02,.color-f02{color:#cc3333 !important;}
.sidenav ul.navbar-nav > li a.color-f03,.color-f03{color:#0099cc !important;}

.color-jm{color:#219c8c;}

#c363{background:rgba(201,192,187,0.3);padding-top:40px;padding-bottom:40px;}
#to-top-jmd .fa{width:auto;padding:2px;cursor:pointer;display:inline;}

ul.no-list-style{list-style-type:none;}
.checkbox-dsgvo div{border:0px;}
.checkbox-dsgvo input{
    -webkit-box-shadow: unset;
    box-shadow: unset;
margin:0;padding:0;display:inline-block;width:auto;border:0;font-size:2em;margin-right:10px;}
.checkbox-dsgvo label{display:inline;font-weight:normal;color:#666;line-height:2em;}
.checkbox-dsgvo  .help-block[data-bv-result=INVALID]{display:block !important;}

.footer-item img.active{

-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;

}

.carousel-control .fa{font-size:5em;margin-top:-0.5em;}
#cookie-bar {

    bottom:60px !important;
}