header {transition:height 0.5s;background-image: url(../Images/darc-welle-transparenz.png), url(../Images/darc-welle_grau.jpg);background-repeat: repeat-x, no-repeat;background-size: auto, cover;background-color: #e8e8e8;background-position: 0 145px, 0 0;box-sizing: border-box;position: relative;min-height: 291px;left: 0;right: 0;top: 0;}
header * {box-sizing: border-box;}
img{vertical-align:bottom}
#header_cont, .maxCont {max-width: 1200px;margin: 0 auto;position: relative;height: 100%;}
.maxCont{/* height:0; */}

#header_left {
  width: 22%;
  min-widtH: 233px;
}
#banner{position:absolute;right:0;top: 22px; z-index:3;}
#banner img{border-radius:4px}
#header_img {position: absolute;transition:all 0.5s;top: 10px;z-index: 1;left: 0px;width: 178px;}
#header_homeZoom{position:absolute;top: -91px;left: 24%;transition:all 0.5s;}
#headerSubMen{position:absolute;left: 26%;top: -150px;width: 74%;}
#zoom {
  /* font-size: 12px; */
  /* background-color: #fff; */
  /* border: 1px solid #26A7DE; */
  width: auto;
  height: 33px;
  /* color: #808080; */
  /* display: flex; */
  /* justify-content: center; */
  float: left;
}

#zoom a {
  color: #808080;
}

#zoom a:hover {
  color: #26A7DE;
}

#home {
  /* font-size: 12px; */
  /* background-color: #263D5D; */
  width: 30px;
  height: 33px;
  /* margin-bottom: 25px; */
  float: left;
  /* display: flex; */
  /* justify-content: center; */
  margin-right: 10px;
}

#home a {
  color: #fff;
}

#home a img{max-width:100%; height:auto}

#home a:hover {
  color: #fff;
  text-decoration: none;
}

#lang{position: absolute;top: -91px;right: 53.05%;transition:all 0.5s;}

#lang ul, #lang li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#lang .menu__item {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#lang .menu__item:first-child {
    margin-right: 5px !important;
}
#lang .menu__item.selected_language{display:none;}
#lang .menu__item.selected_language img {-webkit-filter: grayscale(0.8);filter: gray;filter: url(/elements/grayscale.svg#desaturate);-webkit-filter: grayscale(80%);filter: grayscale(80%);cursor: default;opacity:.7;}

#search {position: absolute;left: 24%;top: -52px;/* width: 25.7%; */right: 53%;transition: all 0.5s; z-index:2;}

.tx-yagooglesearch-pi2 INPUT[type="text"],
.searchinput {
  font-family: 'Open Sans', verdana, sans-serif;
  font-size: 13px;
  color: #485a63;
  color: #273d5e;
  border: 1px solid #2aa6da;
  border-width: 1px 0 1px 1px;
  width: 90%;
  padding: 2px 5px;
  height: 30px;
  float: left;
  border-radius: 4px 0 0 4px;
}
.tx-yagooglesearch-pi2 button[type="submit"], #ovsearchbutton{width: 10%;height: 30px;background: #1fa5dd;border:none;font-size: 1px;position: relative;line-height: 0;/* cursor: pointer; */color: transparent;float: left;border-radius: 0 4px 4px 0;}
.tx-yagooglesearch-pi2 button[type="submit"] span, #ovsearchbutton span{display: block;height: 12px;width: 12px;border: 2px solid #fff;border-radius:50%;position: relative;margin: -2px auto 0 auto;left: 5%;padding: 0;}
.tx-yagooglesearch-pi2 button[type="submit"] span:after, #ovsearchbutton span:after{content:'';display: block;position:absolute;height: 2px;border-width: 0;width: 6px;transform:rotate(-45deg);background:#fff;left: -5px;bottom: -3px;}

.tx-yagooglesearch-pi2 input[type="submit"], .searchbutton{
  width: 8%;
  height: 23px;
  background-image: url(../Images/Button-Suche.png);
  background-position: center;
  border:none;
  font-size: 1px;
  line-height: 0;
  cursor: pointer;
  color: transparent;
  float: left;
}

.searchbutton-fake {
  background: none; 
  border: none; 
  color: #2aa6da; 
  cursor: pointer; 
  font-family: 'Open Sans', verdana, sans-serif; 
  font-size: 13px;
  margin: 0;
  padding: 0;
}
.searchbutton-fake:hover {
  text-decoration: underline;
}

nav.main-nav{position:absolute;width: 100%;left: 0;top: 114px;transition:all 0.5s;z-index:2;}

nav.main-nav .menu_content_wrapper {
  display:none;
  position: absolute;
  border-radius: 4px;
  left: 0;
  top: 36px;
  background-color: #000;
  width: 100%;
  z-index: 99;
  color: #fff;
  background: -moz-linear-gradient(top, #273d5e, #0076b5);
  background: -ms-linear-gradient(top, #273d5e 0%, #0076b5 100%);
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#273d5e), to(#0076b5));
  padding: 10px 20px 10px 20px;
}

nav.main-nav .menu_content_wrapper p {
    color: #fff;
}

/* Klasse um Menüs in der jeweiligen Ansicht auszuschalten */
.nav-hidden {
  /* display: none !important; */
}

#main-nav-list {
    display: flex;
    list-style-type: none;
    /* justify-content: space-between; */
    margin: 0;
    padding: 0;
    /* width: 100%; */
    position: relative;
    /* margin-left: 1%; */
}

#main-nav-list ul, #main-nav-list li {
  list-style-type: none;
  margin: 0;
  padding: 0;
 
}

ul#mobile-nav-list{display:none;}
#main-nav-list > li {flex-grow:1;flex-shrink:0;margin: 0 0.5%;}
#main-nav-list li:first-child {margin: 0 0.5% 0 0;}
#main-nav-list li:first-child div.menu_content_wrapper{border-radius:0 4px 4px 4px}
#main-nav-list li:last-child div.menu_content_wrapper{border-radius:4px 0 4px 4px}

#main-nav-list li:last-child {margin: 0 0 0 0.5%;}
/* MOL - 2018-12-20 - Wer auch immer das verbrochen hat, möge es fixen... die Einträge im Flyout-Menü in allen Ebenen an der letzten Stelle einzurücken sieht jedenfalls scheiße aus */
#main-nav-list div.menu_content_wrapper li:last-child {margin: 0;}

/*#main-nav-list li.active{flex-shrink:1;overflow-x: hidden;}*/
/* MOL - 2018-12-18 - Fix für Referate, brechen nicht mehr um wenn aktuelle Seite im Menü */
#main-nav-list > li.active{flex-shrink:1;overflow-x: hidden;}

#main-nav-list li.active label{display: flex;}
#main-nav-list li.active label span{flex-shrink: 0;}
#main-nav-list li.active label .labelBlock{display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex-shrink: 1;display:block;/* line-height: 1; */}
#main-nav-list li.active label span.menu_arrow_down{margin: 2px 0 3px 10px;}
#main-nav-list > li label {background-color: #2aa6da;padding: 8px 5px;font-size: 13px;line-height: 14px;color: #ffffff;text-decoration: none;border-radius: 4px 4px 0 0;display: block;text-align: center;font-weight: bold;cursor: pointer;transition:background 300ms;}


#main-nav-list .linkToFamilyHead{position: absolute;top: 10px;right: 30px;}
#main-nav-list .linkToFamilyHead a{color:#ccc;font-size: 13px;}
/* Bei Klick auf einen Menuepunkt wird ein Radiobutton gesetzt und das Untermenue sichtbar */
#main-nav-list .mmopen:checked ~ .menu_content_wrapper{
  display:block;
}

/* Das schliessende Label ist standardmssig unsichtbar */
#main-nav-list input[type="radio"].mmclose+label {
  display:none;
}

/* Der offene Menuepunkt wird unsichtbar um das schliessende Label einzublenden */
#main-nav-list input[type="radio"].mmopen:checked+label {
  display: none;
}

/* Der schliessende Menuepunkt wird sichtbar, wenn das Menue offen ist */
#main-nav-list input[type="radio"].mmopen:checked~label.closebutton {
  display: block;
  background-color: #273d5e;
  padding-bottom: 14px;
  position: relative;
}

/* den aktiven Pfad markieren bei Unterseiten */
#main-nav-list > li.active label, #main-nav-list > li.active label:after {
  background-color: #595e65;
}
#main-nav-list > li:hover label {background:#273d5e;}
/* Die Verbindung zwischen dem Menuepunkt und dem ausgeklappten Menue dazwischenschummeln */
#main-nav-list input.mmopen[type="radio"]:checked ~ label.closebutton::after {
    display: none;
    height: 11px;
    content: " ";
    position: absolute;
    bottom: -11px;
    right: 0px;
    width: 100%;
    background-color: #273d5e;
}

#main-nav-list ul.dropdown-menu.sec-menu.level1 {
  column-count: 3;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  padding: 0 10px 0 0;
  -ms-column-count:3;
  -o-column-count:3;
}

/* Jeweilige Menuebloecke nicht auf mehrere Spalten aufteilen */
#main-nav-list ul.dropdown-menu.sec-menu.level1 > li {
  /*display: inline-block;*/
}

#main-nav-list .dropdown-menu.level2 {
    /* margin-left: 10px; */
}

#main-nav-list ul.level1 > li {
    padding-bottom: 10px;
}

#main-nav-list ul.level1 > li:last-child {
    padding-bottom: 0px;
}

#main-nav-list a {
  color: #fff;
  line-height: 15px;
  font-size: 13px;
}

.mobileDev #main-nav-list a {
  color: #fff;
  line-height: 25px;
  font-size: 13px;
}

#main-nav-list a:hover {
  color: #f7a900;
  text-decoration: none;
}

#main-nav-list ul.level1 > li > a {
  font-weight: bold;
}

/* Der Link zur OrgUnit ueber dem eigentlichen Ausklappmenue */
#main-nav-list div.menu_content_wrapper div.linkToLevel0 a {
    font-weight: bold;
    
}
#main-nav-list div.menu_content_wrapper div.linkToLevel0{
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    padding-bottom: 6px;
    /* padding-left: 5px; */
}


#main-nav-list li.active label, #main-nav-list li.active input[type="radio"].mmopen:checked~label.closebutton{display: flex;justify-content: center;}
/* MOL - 2018-10-02 - Die Stile von #main-nav-list übertragen auf #mobile-nav-list */
#mobile-nav-list {
    display: flex;
    list-style-type: none;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    position: relative;
}

#mobile-nav-list ul, #mobile-nav-list li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#mobile-nav-list > li label {
  background-color: #2aa6da;
  padding: 5px 6px;
  
  font-size: 13px;
  line-height: 14px;
  color: #ffffff;
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

/* Bei Klick auf einen Menuepunkt wird ein Radiobutton gesetzt und das Untermenue sichtbar */
#mobile-nav-list .mmopen:checked ~ .menu_content_wrapper{
  display:block;
}

/* Das schliessende Label ist standardmssig unsichtbar */
#mobile-nav-list input[type="radio"].mmclose+label {
  display:none;
}

/* Der offene Menuepunkt wird unsichtbar um das schliessende Label einzublenden */
#mobile-nav-list input[type="radio"].mmopen:checked+label {
  display: none;
}

/* Der schliessende Menuepunkt wird sichtbar, wenn das Menue offen ist */
#mobile-nav-list input[type="radio"].mmopen:checked~label.closebutton {
  display: block;
  background-color: #273d5e;
  position: relative;
}

/* den aktiven Pfad markieren bei Unterseiten */
#mobile-nav-list > li.active label, #mobile-nav-list > li.active label:after {
  background-color: #273D5D;
}





#mobile-nav-list a {
  color: #fff;
  line-height: 15px;
  font-size: 13px;
}

#mobile-nav-list a:hover {
  color: #fff;
  text-decoration: none;
}



.headertitle h1, .headertitle h2, .headertitle h3, .headertitle h4, .headertitle h5 {
  font-weight: normal;
  color: #273D5E;
  margin-bottom: 8px;
  font-size: 26px;
  /* line-height: 34px; */
}

#headerSubMen{display:none;}

#sectionmenu {
    margin-left: 15px;
}

#headerSubMenH{position:relative;padding: 160px 0 20px 0;margin-left: 280px;min-height: 290px;}
#headerSubMenH:after{content:''; display:block; clear:both;}

#sectionmenu ul, #sectionmenu li, #sectionmenuH ul, #sectionmenuH li  {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#sectionmenu ul, #sectionmenuH ul {
    column-count: 3;
}

#sectionmenu ul li a, #sectionmenuH ul li a {
  color: #273d5e;
}

#sectionmenu ul li a:hover, #sectionmenuH ul li a:hover {
  text-decoration: none;
  color: #2aa6da;
}

#header_img img{max-width:100%; height:auto;}
#sectionmenu .header, #sectionmenuH .header {
  display: block;
  font-size: 13px;
  font-weight: bold;
  width: 342px;
  word-wrap: break-word;
  
}
#sectionmenu ul li a, #sectionmenuH ul li a{width:100%;white-space:nowrap;overflow:hidden;font-weight: bold;display: inline-block;text-overflow: ellipsis;background-image: url(../Icons/icon_anchor.svg);background-repeat: no-repeat;background-size: 15px 15px;background-position: 0 2px;padding-left: 20px;}
#sectionmenu ul li a:hover, #sectionmenuH ul li a:hover  { color: #2aa6da; }
/* MOL - 2020-10-02 -Fix CSS Bug in Chrome */
#sectionmenuH ul li a:before {
    content: '';
    height: 1px;
    display: block;
}

#districtback {
  font-size: 13px;
  font-weight: bold;
  margin-top: 20px;
  margin-left: 0px;
}
#districtback A {
  background-image: url(/fileadmin/config/Resources/Public/Icons/icon_back.svg);
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: 0 2px;
  padding-left: 20px;
  color: #485a63;
  color: #273d5e;
}
#districtback A:hover {
  text-decoration: none; 
  color: #2aa6da;
}

#login {position: absolute;top: -126px;border-radius: 3px;/* left: 1%; */border: 1px solid #ccc;/* transition:top 400ms; */width: 250px;padding: 5px 5px 8px 5px;background: rgba(102, 102, 102, 0.15);}

#login_credentials {
  display: flex;
  justify-content: space-between;
}

#login_credentials input {
    width: 49%;
    border: 1px solid #2aa6da;
    padding: 6px 4px;
    box-sizing: border-box;
    font-size: 13px;
    border-radius: 3px;
}

#mydarc_buttons {
    display: block;
    width: 100%;
}

#mydarc_buttons a {
    width: 49%;
    border-radius: 3px;
    background-color: #2aa6da;
    box-sizing: border-box;
    color: #fff;
    margin: 5px 0;
    display: inline-block;
    text-align: center;
    box-shadow: 1px 1px 5px -2px #333;
    padding: 6px 5px;
    font-size: 13px;
    /* opacity: 0.5; */
}
#mydarc_buttons a:first-child{margin-right: 2%;}

#mydarc_buttons a {
    text-decoration: none;
}

#login_submit input, #login_submit button {
    width: 100%;
    background-color: #2aa6da;
    color: #fff;
    font-size: 13px;
    margin: 5px 0;
    text-shadow: 1px 1px 1px #125e7d;
    border: none;
    padding: 8px 6px 4px 6px;
    font-weight: bold;
    line-height: 1.2;
    font-family: 'Open Sans', verdana;
    cursor: pointer;
    white-space: initial;
    border-radius: 3px;
    box-shadow: 0px 1px 2px #125e7d;
}
#login_submit button span.btnText{
    display: inline-block;
    width: 79%;
    /* overflow: hidden; */
    white-space: nowrap;
    /* text-overflow: ellipsis; */
}
#login_submit button span.icon{position: relative;display:inline-block;width: 16px;height: 12px;border-radius: 3px;box-sizing: border-box;background: #fff;margin-left: 10px;margin-bottom: -2px;box-shadow: 1px 1px 1px #125e7d;}
#login_submit button span.icon:before{content:'';display:block;position:absolute;width: 6px;height: 90%;display:block;margin:0 auto;border-width: 2px 2px 0 2px;border-style:solid;border-color:#fff;border-radius:50%;top: -7px;left: 3px;}
#login_submit button span.icon:after{content:'';display:block;position:absolute;width: 2px;left:50%;height: 40%;display:block;background:#1fa5dd;margin-left:-1px;margin-top: 21%;}
#login_additionals {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  /* margin-bottom: 10px; */
}

#login_additionals div {
  width: 50%;
  align-self: center;
}

#login_additionals div.permalogin {
    display: flex;
    color: #2aa6da;
}

#login_additionals div.permalogin input {
    height: 30px;
    width: 30px;
    margin-left: -2px;
}
.felogin-hidden{display:none;}

.memberAreaSmall{color:#666; font-size:12px;}

.menu_arrow_down {
    height: 10px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 14px;
    display: inline-block;
    margin-left: 6px;
    position:relative;
}

.menu_arrow_down:before{content:'';position:absolute;width:100%;left:0;top: 2px;height:2px;background:#fff;}
.menu_arrow_up {
    height: 12px;
    width: 14px;
    display: inline-block;
    margin-left: 6px;
    position:relative;
}
li.active .menu_arrow_up{margin-left:10px;}
.menu_arrow_up:before{content:'';position:absolute;top: 50%;right: 0;width:100%;height:2px;background:#fff;transform:rotate(-45deg);}
.menu_arrow_up:after{content:'';position:absolute;top: 50%;right: 0;width:100%;height:2px;background:#fff;transform:rotate(45deg);}
.first .menu_arrow_down, .first .menu_arrow_up{margin-left:10px;}


#mobile-nav-list .menu_arrow_down:before{content:'';position:absolute;width:100%;left:0;top: 2px;height:2px;background:#fff;}
#mobile-nav-list .menu_arrow_up:before{content:'';position:absolute;top: 50%;right: 0;width:100%;height:2px;background:#fff;transform:rotate(-45deg);}
#mobile-nav-list .menu_arrow_up:after{content:'';position:absolute;top: 50%;right: 0;width:100%;height:2px;background:#fff;transform:rotate(45deg);}




.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


/* Aenderungen CHO Darstellung Header */
.tx-felogin-pi1 label, #login_forgot {
  display: block;
  line-height: 1;
  margin-top: 5px;
}

#login_forgot {
  margin-top: 0;
}

.memberinfo {
  color: #2aa6da;
  font-size: 14px;
  /* font-weight: bold; */
}
.memberUsername{font-size: 12px;color: #2aa6da;/* font-weight: bold; */}
.memberTitle:empty{display:none;}
#ilLogOut {
  background: #90989e;
  border: 0;
  width: 100%;
  border-radius: 3px;
  font-size: 14px;
  padding: 6px 5px;
  color: #fff;
  box-shadow: 0px 1px 3px -1px #000;
}

#login h1 {
  display: none;
}

#login .statusmessage {
  position: absolute;
  top: 195px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #ccc;
  left: 280px;
  right: 0;
  padding: 6px;
  font-size: 13px;
  display:none;
}

#login .statusmessage:before {
  content: '!';
  display: block;
  height: 20px;
  width: 20px;
  float: left;
  margin: 5px;
  padding: 6px;
  border-radius: 50%;
  background: #666;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 21px;
  
}

#login_forgot span{display:block;}
#secondAccountBtn{display:none;}
#burgerButton, #loginButton{display:block;cursor: pointer;position:fixed;top:-100px;width: 55px;height: 42px;right: 3%;border: 1px solid #fff;z-index:11;border-radius: 3px;box-shadow: 2px 2px 4px -1px #1b5771;background-color: rgba(255, 255, 255, 0.6);}
#loginButton{background-image:url(/fileadmin/config/Resources/Public/Images/login_blue.png);background-position:center;background-repeat:no-repeat;right: calc(3% + 65px); z-index:9;}
#burgerButton.change{border: 1px solid #fff;background: rgba(255,255,255,0);box-shadow: 2px 2px 4px 0px #1b5771;}
.bar1, .bar2, .bar3 {height: 4px;background-color: #008ac3;margin: 6px 6px;transition: 0.4s;}
.bar1{margin:8px 6px 6px 6px;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-9px, 6px);margin: 7px 6px 5px 10px;background-color:#fff;}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-8px, -8px);margin: 8px 8px 0px 8px;background-color:#fff;}
/* #burgerButton:hover .bar2{transform: translate(3px, 0);} */
.sec-menu .menu_arrow_up, .sec-menu .menu_arrow_down{display:none;}

#secondBanner{display:none;}

@keyframes pulsText {0% {transform:scale(1);}50%{transform:scale(1.6);}100%{transform:scale(1);}}

#blockAll{position:fixed;top:0;left:0;font-size:25px;right:0;bottom:0;background:rgba(255,255,255,0.6);z-index: 500;display:none;}
.table{display:table; width:100%; height:100%;}
.tableCell{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
#blockAll span{display:inline-block; font-weight:bold; -webkit-animation: pulsText 1s infinite; /* Safari 4+ */-moz-animation:    pulsText 1s infinite; /* Fx 5+ */-o-animation:      pulsText 1s infinite; /* Opera 12+ */animation:         pulsText 2s infinite; /* IE 10+, Fx 29+ */}

#navBlende{position:absolute;background:#2aa6da;top:121px;height:24px;left:0;right:0;display: none;}

@media screen and (max-width: 1220px) {
  #login, #header_img{left: 0.5%;}
  #headerSubMenH{padding: 160px 15px 20px 0;}
}

@media screen and (max-width: 1159px) {
    #search {left: 25%;width: 23%;}
    #lang{right: 52%;}
    #header_homeZoom{left: 25%;}
  #main-nav-list{margin-left:0;}
}

@media screen and (max-width: 1039px) {
    
    #search {left: 25%;width: 19%;}
    .tx-yagooglesearch-pi2 INPUT[type="text"], .searchinput{width:80%;}
    #lang{right: 56%;left: auto;}
    #header_homeZoom{left: 25%;}
    .tx-yagooglesearch-pi2 button[type="submit"], .searchbutton {width: 20%;}
    .tx-yagooglesearch-pi2 INPUT[type="text"], .searchinput {width:80%;}
  #main-nav-list li {flex-grow:1;flex-shrink:0;margin: 0 0.2%;}
  #main-nav-list li:first-child {margin: 0 0.2% 0 0;}
  #main-nav-list li:last-child {margin: 0 0 0 0.2%;}
}

@media screen and (max-width: 929px) {
  ul#main-nav-list{display:none;}
  ul#mobile-nav-list{display: block !important;}
  #navBlende{display:none;}
  #header_homeZoom{display:none;}
  #districtback {margin-left: 15px;}
  #burgerButton, #loginButton{top: 28px; transition: all 500ms;}
  .scrolled #burgerButton, .scrolled #loginButton{top: 14px;}
  header{height:100px;min-height: unset;position:fixed;z-index: 10;box-shadow: 0px 2px 10px -2px #000;}
  .scrolled header{height:70px;}
  #header_img {width:165px;}
  .scrolled #header_img {width: 115px; top:8px;}

  #headerSubMen{position:relative;top: auto;width: 98%;left: auto;margin-left: 1%;margin-bottom: 20px; display:block;}
  #headerSubMen .headertitle{margin: 5px 0 0 0;}
  #headerSubMen h1{font-size:21px;line-height: 24px;margin-bottom: 6px;}
  #sectionmenu{width:100%; margin:0;}
  #headerSubMenH{display:none}
  #sectionmenu .header{width:auto;}
  #sectionmenu ul{column-count:auto;}
  #sectionmenu ul:after{display:block; content:' '; clear:both;}
  #sectionmenu ul li{display: block;float: left;width: 31.333%;margin:5px 1%;border: 1px solid #ccc;border-radius: 3px;padding: 4px 5px 1px 5px;background: #eee; transition:width 300ms;}
  #sectionmenu ul li span a{width:100%;white-space:nowrap;overflow:hidden;display: inline-block;text-overflow: ellipsis;}
  
  #secondAccountBtn{display:block;position:absolute;top: 12px;left: 12px;padding: 3px 5px 3px 30px;border-radius: 3px;border: 1px solid #ccc;color: #eee;background: rgba(255,255,255,0.1);text-shadow: 1px 1px 1px #333;box-shadow: 2px 2px 4px 0px #1b5771;background-image: url(/fileadmin/config/Resources/Public/Images/login_white.png);background-position: 3px 2px;background-repeat:no-repeat;background-size: 20px;}
  
  #login {width: auto;top: auto;position: relative;left: 0%;right: 0%;padding:0px;z-index: 6;border:none;margin: 0; transition:all 400ms; opacity:0; overflow:hidden; max-height:200px; height:0;}
  #login.offen{border-bottom: 1px solid #90989e;border-top: 1px solid #90989e;margin: 0 1% 10px 1%;padding: 10px;height:auto;opacity:1;top: auto !important;background: none;max-width: initial;border-radius: 0;}
  #banner, #secondBanner{right: auto;top: 3px;width: 50%;left: 27.5%;transition:left 400ms;bottom:0;max-width: 410px;}
    #banner > div, #secondBanner > div{display:table; width:100%; height:100%;}
    #banner > div > div, #secondBanner > div > div{display:table-cell;width:100%;height:100%;vertical-align: middle; text-align:center;}
    #banner > div > div *, #secondBanner > div > div *{display:inline;}
  #banner img, #secondBanner img{max-width:100%; height:auto;}
    #banner *, #secondBanner *{float:none; right:0;}
    #secondBanner{position:relative; top:auto; right:auto; left:auto; max-width:none;}
  #secondBanner .csc-textpic{padding:0;}
    #login_additionals div.permalogin {display: none;}
    #login_additionals div#login_forgot{width:100%; text-align:center;}
    #login_forgot span{display:inline;}
    #login_credentials input {width: 49.5%;}
    #mydarc_buttons a {width: 49.5%;}
    #mydarc_buttons a:first-child{margin-right: 1%;}
  #login_submit button span.btnText{width:auto;}
  #login_submit button{padding: 11px 6px 7px 6px;margin-bottom: 10px;}
  nav.main-nav{display:none;position: fixed;top: 20px;left: auto;width: 50%;height: 100%;right: 2%;background: transparent;z-index:40;border-radius:3px;max-height: calc(99% - 20px);/* overflow: hidden; */}
  .scrolled nav.main-nav{top:5px;}
  nav.main-nav.offen{display:block;}
  #search {left: 0;width: 100%;position:relative;background: #305d7d;top:0;font-size:14px;z-index: 2;height: 60px;padding: 11px 75px 11px 2%;border:1px solid #fff;border-radius:3px 3px 0 0;box-shadow: 0px 2px 5px -1px #1b5771;}
  #search form:after{content:' '; display:block; clear:both;}
  .tx-yagooglesearch-pi2 INPUT[type="text"]{height: 35px;line-height: 35px;border: 1px solid #fff;font-size: 14px;background: #eee;border-radius:3px 0 0 3px;box-shadow: 3px 3px 4px -1px #1b5771;}
  .tx-yagooglesearch-pi2 button[type="submit"]{height:35px;background-repeat:no-repeat;border:1px solid #fff;border-radius: 0 3px 3px 0;background-color:#2ba6da;margin: 0px 0 0 -1px;box-shadow: 3px 3px 4px -1px #1b5771;}
  .tx-yagooglesearch-pi2 input[type="submit"]{height:35px;background-repeat:no-repeat;border:1px solid #fff;border-radius: 0 3px 3px 0;background-color:#2ba6da;margin: 0px 0 0 -1px;box-shadow: 3px 3px 4px -1px #1b5771;}
  .tx-yagooglesearch-pi2 button[type="submit"] span{height: 16px;width: 16px;margin: -4px auto 0 auto;}
  .tx-yagooglesearch-pi2 button[type="submit"] span:after{height: 2px;width: 9px;left: -7px;bottom: -3px;}
  #mobile-nav-list, #mobile-nav-list li, #mobile-nav-list li a, #mobile-nav-list li label{display:block;width:100%;position: relative;text-align:left;font-size: 14px;text-shadow: 1px 1px 1px #0d3444;}
  #mobile-nav-list li{border-bottom:1px solid #ccc;}
  #mobile-nav-list li:last-child{border:none;}
  #mobile-nav-list{max-height:calc(100% - 108px);overflow: auto; border-left:1px solid #fff; border-right:1px solid #fff;}
  #mobile-nav-list li label, #mobile-nav-list li a{padding:14px 8px;}
  .menu_arrow_down, .menu_arrow_up{float:right;width: 25px;height: 16px;top: -1px;background-repeat: no-repeat;background-position: center;}
  #mobile-nav-list .menu_arrow_up, #mobile-nav-list ul.level1 > li .menu_arrow_up{top: -8px;height: 28px;}
  #mobile-nav-list  .menu_arrow_down:before{top: 5px;}
  #mobile-nav-list > li label{background-color: #0b6894;}
  #mobile-nav-list  .menu_arrow_down:after, #mobile-nav-list  .menu_arrow_down:after{content:'';position:absolute;right: -8px;top: -15px;bottom: -15px;width: 50px;}
  #mobile-nav-list .menu_content_wrapper{display:block;position:relative;top:0;left:0;right:0;width: 100%;bottom:auto;float: none;height:0px;overflow:hidden;padding:0;}
  #mobile-nav-list .mmopen:checked ~ .menu_content_wrapper{height:auto;overflow:visible;border-top: 1px solid #ccc;display: flex;flex-direction: column-reverse;}
  
  #mobile-nav-list .mmopen:checked ~ .menu_content_wrapper .linkToLevel0{position:absolute;top: -40px;border: none;width:calc(100% - 40px);}
  #mobile-nav-list .mmopen:checked ~ .menu_content_wrapper .linkToLevel0 a{padding: 10px 0 0 8px;height: 39px;}
  #mobile-nav-list input[type="radio"].mmopen:checked~label.closebutton {background-color: #0b6894;color: #0b6894;text-shadow: none;}
  #mobile-nav-list .active input[type="radio"].mmopen:checked~label.closebutton{background:#273d5e;}
  nav.main-nav .menu_content_wrapper {background: #0076b5;}
  #mobile-nav-list .menu_content_wrapper * {float: none;/* display:block; */margin: 0;border-radius: 0;width:100%;opacity: 1;column-count: unset !important;-moz-column-count: unset !important;-webkit-column-count: unset !important;-ms-column-count: unset !important;-o-column-count: unset !important;}
  #mobile-nav-list .menu_content_wrapper{border-radius:0}
  #mobile-nav-list .menu_content_wrapper ul.level1 li{}
  .menu_content_wrapper ul.level1 > li > ul{display:none;}
  #mobile-nav-list li{position:relative;}
  #mobile-nav-list .menu_content_wrapper ul.level1 li a:before{display:inline-block; content:'>'; padding-left:5px; margin-right:10px;}
  #mobile-nav-list ul.level1 > li{padding:0;position: relative;}
  #mobile-nav-list ul.level1 > li .menu_arrow_up,#mobile-nav-list ul.level1 > li .menu_arrow_down{width: 25px; opacity:0.7}
  #mobile-nav-list ul.level1 > li .menu_arrow_up{top:8px;}
  #mobile-nav-list ul.level1 > li .menu_arrow_down{top:14px}
  #mobile-nav-list li.current .linkToLevel0{display:none;}
  
  #mobile-nav-list li.offen ul.level2{display:block;background: rgba(255,255,255,0.2);margin:0;border-top: 1px solid #ccc;}
  #mobile-nav-list li.offen ul.level2:last-child{border:none;}
  #mobile-nav-list li.offen ul.level2 li{padding-left: 10px;}
  #mobile-nav-list li.offen ul.level2 li a{padding: 10px 8px;}
  #mobile-nav-list a{font-weight:bold;}
  #mobile-nav-list a:hover{color:#fff;}
  #mobile-nav-list li.current > a{letter-spacing:1px; color:#eee;}
  #mobile-nav-list ul.sec-menu span.menu_arrow_up, #mobile-nav-list ul.sec-menu span.menu_arrow_down{display:block;position:absolute;right: 8px;float:none !important;}
  
  #lang{position:relative;top:auto;left:auto;background: #305d7d;right:auto;bottom:auto;width:100%;border:1px solid #fff;border-radius:0 0 3px 3px;box-shadow: inset 0 2px 4px -1px #1b5771, 0 3px 9px -1px #1b5771;}
  #language_switch{width:100%;text-align: right;padding-top: 7px;padding-right: 10px;height: 49px;}
  #language_switch img{width: 35px;border-radius:4px;height: auto;}
  #header_img{left:1.5%;}
}

@media screen and (max-width: 799px) {
  nav.main-nav{width:70%; right:1.5%;}
  #banner{display:none;}
  #secondBanner{display:block;width: 98%;margin: 0 auto 10px auto;}
}


@media screen and (max-width: 579px) {
    
    header{height:70px;}
    #burgerButton, #loginButton{top: 14px;}
    #header_img {width: 115px; top:8px;}
  nav.main-nav{width: 98%;right: 1%; top:5px;}
  #sectionmenu ul li{width: 48%;margin:5px 1%;}
}

@media screen and (max-width: 399px) {
  #sectionmenu ul li{width: 98%;margin:5px 1%;}
}

@media screen and (min-width: 930px) {
  #home, #zoom, #lang .menu__item{width: 30px;height: auto;}
  #home a img, #zoom a img, #lang .menu__item img{max-width:100%;height:auto;border-radius: 4px;}
}