.hamburger-container{
    font-size:14px;
    position: absolute;
    /**right: 20px;**/
    bottom: 0;
    padding-bottom: 5px;

}
.menu-text{
    position: absolute;
    left: -30px;
    text-align: center;
    width: 100px;
}
.menu-text-open{
display: none;
}
.mobilenav-active .menu-text-open{
display: block;
}
.mobilenav-active .menu-text-closed{
display: none;
}
.scrolled .hamburger-container{
    padding-top: 44px;
}
.hamburger {

    background-color: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    transition-duration: 0.35s all;
    transition-property: all;
    transition-timing-function: linear;
}
body.shrink .hamburger {
    top: 9px;
}

.hamburger:hover {
    opacity: 0.7;
}
.hamburger-box {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 40px;
}
.hamburger-inner {
    display: block;
    margin-top: -2px;
    top: 50%;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    background-color: #ffffff;
    border-radius: 4px;
    height: 3px;
    position: absolute;
    transition-duration: 0.2s;
    transition-property: transform;
    transition-timing-function: ease;
    width: 40px;
}
.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
    bottom: -10px;
}
.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.mobilenav-active .hamburger--spring .hamburger-inner {
    background-color: transparent;
    transition-delay: 0.22s;
}
.mobilenav-active .hamburger--spring .hamburger-inner::before {
    top: 0;
    transform: translate3d(0, 10px, 0) rotate(45deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mobilenav-active .hamburger--spring .hamburger-inner::after {
    top: 0;
    transform: translate3d(0, 10px, 0) rotate(-45deg);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.mobilenav .overlay {
    background-color:#ffffff;
    left: 0;
    min-height: 100%;
    opacity: 0;
    /**padding: 0px 15px;**/
    padding-top: 134px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    top: 0;
    transition: all 0.5s;
    width: 100%;
    z-index: 14;
    box-shadow: 5px 0 15px -4px #000;
}
.mobilenav-active .overlay {
    opacity: 1;
    pointer-events: all;
}
.mobilenav li{
   /** margin: 15px;
    text-transform: UPPERCASE;
    border-bottom:1px solid white; **/
}

/*li.current{
    border-top: 1px solid #ffffff50;
}*/
.mobilenav .submenu li{
    margin:0px;
}
.mobilenav .submenu a{
    text-transform: none;
    font-size: 0.9em;
    padding-left:20px;
}


.mobilenav .submenu .submenu a{
    text-transform: none;
    font-size: 0.7em;
    padding-left:36px;
}
.mobilenav ul {
    list-style: none;
    padding-left: 0px;
}
.mobilenav h1 {
    margin-bottom: 0px;
    padding-bottom: 5px;
}
.mobilenav a,
.mobilenav .metanav a{
    color: inherit;
    font-size: 24px;
    padding: 0px 20px;
    letter-spacing: 0.05em;
  line-height: 2; 
}
.mobilenav a:hover{
    text-decoration: none;
    color: white;

}
.mobilenav li:hover{
    background-color:#afd3f0;
    color: white;
}
.mobilenav li:hover a{
    color: white;
}

.mobilenav li.active, .mobilenav .mobilenav .submenu li.active, .mobilenav .submenu li.current{
    background-color:#afd3f0;
    color:#ffffff;
}
.mobilenav .current a{
    /* color:white; */
    /* background-color:#afd3f0; */
}
.mobilenav .submenu li.current a{background: #afd3f0;color:white;}


.mobilenav .metanav li{
    float: none;
    color: white;
    padding: 0px
}
.mobilenav .metanav img{
    display: none;
}

.mobilenav .submenu{
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s;
}
.mobilenav .submenu-active>.submenu{
    max-height: 5000px;
}
.mobilenav .submenu li, .mobilenav .submenu li a{
    background: #074096;
    color: white;
}
/*.mobilenav .submenu li:hover, .mobilenav .submenu li a:hover, .mobilenav .submenu li:hover>a{
    background-color:#074096;
    color:white;
}
*/


.nextlink:after{
    font-family: "Font Awesome 5 Free";
    content: url("/fileadmin/user_upload/Bildmaterial/svg/Mobile_Pfeil_grau_scaled.svg");
    font-weight: 400;
    font-size: 7px;
    float:right;
    width: 20px;
    margin-right: 15px;
    padding-top: 15px;
}
.submenu-active>.nextlink:after{
    font-weight: 900;
    content: url(/fileadmin/user_upload/Bildmaterial/svg/Mobile_Pfeil_weiss.svg);
    transition: auto;
}
@media (min-width: 576px){

}
@media(min-width: 768px) {
    .mobilenav .container{padding:0;margin:0; max-width:100%;}

}
@media (min-width: 992px){
    .hamburger-container{
        display: none;
    }
    .mobilenav{
        display: none;
    }
    .topbar{display:block !important;}
}
@media (min-width: 1200px) {

}

.topbar{display:none;}
.topicons{margin: 0 auto; text-align:center;}
.topicons a {padding: 0px 30px 0 5px; margin: 0 auto;}

.topicons li:hover{background:transparent;}

.mobilenav .container{padding:0;margin:0;}

.overlay-divider{
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    border: 0;
    border-top: 1px solid rgb(255, 255, 255);
}