/* -- Partial: STREICHER Base: Navigation -- */
:root {
    --na_color: var(--oben_color);
    --na_mob_color: var(--na_color);
    --na_resp_color: rgb(var(--color_base_color));
    --na_klapp_close: rgb(var(--color_weiss));
    --na_mob_trans: all 0.3s ease 0.3s;
    --na_mob_size: clamp(42px, calc(38.364px + 1.136vw), 52px);
    --na_mob_linie: clamp(30px, calc(26.364px + 1.136vw), 40px);
    --na_mob_height: 3px;
    --na_nav_abstand1030: clamp(10px, calc(2.727px + 2.273vw), 30px);
    --na_nav_abstand_ou: clamp(10px, calc(8.182px + 0.568vw), 15px);
    --na_bgcolor: linear-gradient(145deg,rgba(221, 221, 221, 1) 0%, rgba(170, 170, 170, 1) 100%);
    --na_ul1_fs: clamp(1.125rem, 1.0341rem + 0.4545vw, 1.375rem); /* min: 18px -> 320px, max. 22px -> 1200px */
    --na_toogle_size: 8px;
    --na_toogle_height: 1px;
    --na_toogle_left: 3px;
    --na_toogle_right: 9px;

    --na_link_act: var(--hl_linie_width_4);
    --na_link_act_ab: calc(var(--hl_linie_width_4) * 2);
    --na_link_marg: clamp(20px, calc(16.364px + 1.136vw), 30px);
    --na_abs_510: clamp(5px, calc(3.182px + 0.568vw), 10px);
    --na_linie13: 13px;
    --na_linieheight_slogan: 1.6;
    --na_klapp_li_puffer: 100px;
    --na_overlay: rgba(var(--color_base_color),var(--color_base_alpha050));
    --na_trenner: var(--color_aaa);
}

.na_hauptnavi {
    width: 100%;
    float: left;
    clear: both;
}

/* -- Mob-Button - -*/
#na_mobnav, 
ul.na_navi input[name="togglesub"] {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden; 
}

label[for="na_mobnav"] {
    float: right;
    display: block;
}

label[for="na_mobnav"] .na_mob_button {
    float: left;
    position: relative;
    z-index: 5;
    margin: var(--na_abs_510) 0 0 0;
    padding: 0;
    width: 0;
    height: 0;
    cursor: pointer;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    visibility: hidden;
}

label[for="na_mobnav"] .na_mob_button.is-visible {
    visibility: visible;
    width: var(--na_mob_size);
    height: var(--na_mob_size);
}

label[for="na_mobnav"] .na_mob_button span {
    background-color: var(--na_mob_color);
    height: var(--na_mob_height);
    left: calc((var(--na_mob_size) - var(--na_mob_linie)) / 2);
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: var(--na_mob_linie);
    transition: var(--na_mob_trans);
}

label[for="na_mobnav"] .na_mob_button span::after, 
label[for="na_mobnav"] .na_mob_button span::before {
    backface-visibility: hidden;
    background-color: var(--na_mob_color);
    content: "";
    height: var(--na_mob_height);
    position: absolute;
    transform: translateZ(0px);
    transition: var(--na_mob_trans);
    width: 100%;
    display: block;
}

label[for="na_mobnav"] .na_mob_button span::before {
    transform: translateY(calc(var(--na_mob_height) * -4));
}

label[for="na_mobnav"] .na_mob_button span::after {
    transform: translateY(calc(var(--na_mob_height) * 4));
}

#na_mobnav:checked + label .na_mob_button span {
    background-color: transparent;
}

#na_mobnav:checked + label .na_mob_button span::before {
    transform: translateY(0px) rotate(-45deg);
    background-color: var(--na_mob_color);
}

#na_mobnav:checked + label .na_mob_button span::after {
    transform: translateY(0px) rotate(45deg);
    background-color: var(--na_mob_color);
}

#na_mobnav + label > .na_mob_label {
    width: 0;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
}

#na_mobnav + label > .na_mob_label,
#na_mobnav:checked + label > .na_mob_label.na_open {
    display: none;
}

#na_mobnav + label > .na_mob_label.na_open,
#na_mobnav:checked + label > .na_mob_label.na_close {
    display: block;
}

/* -- Navigationsbereich -- */
.na_navbox {
    width: 100%;
    float: left;
    clear: none;
    margin: 0;
    padding: 0;
    font-size: var(--na_ul1_fs);
    line-height:var(--font_lineheigt);
    text-transform: none;
}


.na_navbox ul.na_navi,
ul.na_navi ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: var(--na_color);
}

.na_navbox ul.na_navi {
    white-space: nowrap;
    float: left;
    clear: both;
    width: auto;
}

#oben .na_navbox a {
    color: var(--na_color);
}

.na_navcontent {
    width: 100%;
    float: left;
    clear: both;
    margin-top: var(--na_nav_abstand_ou);
}

.na_resp_bg {
    display: none;
}

/* kompletter Navigationsbereich im mobilen Zustand geschlossen */
.na_hauptnavi.is-mobile .na_navcontent {
    display: none;
}


/* Menü geöffnet */
.na_hauptnavi.is-mobile #na_mobnav:checked ~ .na_navbox .na_navcontent {
    display: block;
}

/* -- Ebene 1 -- */
ul.na_navi > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 var(--na_link_marg) 0 0;
    padding: 0;
    /*position: relative;*/
    padding-bottom: var(--na_nav_abstand_ou);
}

.na_hauptnavi.is-mobile ul.na_navi > li {
    padding: 0;
}

ul.na_navi > li > a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 0;
}

ul.na_navi > li.act > a::after,
ul.na_navi > li:hover > a::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--na_link_act_ab) * -1);
    width: var(--na_link_act);
    background-color: var(--color_base_hightlight_1);
}

ul.na_navi > .ifsub > label > .na_navtoggle {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: calc(var(--padding10) * 2);
    height: 100%;
    cursor: pointer;
    margin: 0;
    text-indent: -9999px;
    overflow: hidden;
}

ul.na_navi > .ifsub > label > .na_navtoggle .na_close,
ul.na_navi .ifsub:has(input[name="togglesub"]:checked) label .na_navtoggle .na_open {
    display: none;
}

ul.na_navi .ifsub:has(input[name="togglesub"]:checked) label .na_navtoggle .na_close {
    display: block;
}

ul.na_navi .na_navtoggle::before,
ul.na_navi .na_navtoggle::after {
    content: '';
    display: block;
    width: var(--na_toogle_size);
    height: var(--na_toogle_height);
    background: var(--na_color);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: var(--na_toogle_left);
}

.na_hauptnavi:not(.is-mobile) ul.na_navi .na_navtoggle::before,
.na_hauptnavi:not(.is-mobile) ul.na_navi .na_navtoggle::after {
    top: calc(var(--padding10) * 1.5);
}

ul.na_navi .na_navtoggle::after {    
    transform: rotate(-45deg);
    left: var(--na_toogle_right);
}


/* -- Klappnavi -- */
.na_klappnavi {
    display: block;
    position: absolute;
    left: 0;
    top: var(--ob_height);
    background: var(--na_bgcolor);
    width: var(--oben_maxwidth);
    float: left;
    clear: both;
    padding: var(--paddingl50) calc((100% - var(--oben_maxwidth)) / 2);
    visibility: hidden;
}

.na_klappnavi:has(.na_slogan) {
    padding-bottom: var(--paddingl20);
}

.na_klappnavi_bg {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    z-index: 0;
    opacity: 0.5;
}

.na_hauptnavi .na_klappbox {
    width: 100%;
    float: left;
    clear: both;
}

.na_hauptnavi:not(.is-mobile) .na_klappbox {
    width: 100%;
    float: left;
    clear: both;
    max-height: calc(100dvh - var(--ob_height) - calc(var(--paddingl50) * 2));
    overflow-y: auto
}

ul.na_navi > li.ifsub:hover > .na_klappnavi, 
ul.na_navi > li.ifsub:focus-within > .na_klappnavi,
ul.na_navi > li.ifsub:has(input[name="togglesub"]:checked) > .na_klappnavi {
    display: block;
    visibility: visible;
}

.na_hauptnavi:not(.is-mobile) ul.na_navi > li.ifsub:hover > .na_klappnavi,
.na_hauptnavi:not(.is-mobile) ul.na_navi > li.ifsub:focus-within > .na_klappnavi {
    z-index: 1;
}

.na_hauptnavi:not(.is-mobile) ul.na_navi:has(> li.ifsub:hover) li.ifsub:has(input[name="togglesub"]:checked) .na_klappnavi {
    display: none;
    visibility: hidden;
}

.na_hauptnavi:not(.is-mobile) ul.na_navi:has(> li.ifsub:hover) li.ifsub:has(input[name="togglesub"]:checked):hover .na_klappnavi {
    display: block;
    visibility: visible;
}

.na_hauptnavi:not(.is-mobile) .na_navcontent:has(ul.na_navi > li.ifsub:hover)::after,
.na_hauptnavi:not(.is-mobile) .na_navcontent:has(ul.na_navi > li.ifsub:focus-within)::after,
.na_hauptnavi:not(.is-mobile) .na_navcontent:has(ul.na_navi > li.ifsub input[name="togglesub"]:checked)::after {
    content: '';
    display: block;
    position: fixed;
    top: var(--ob_height);
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--na_overlay);
    backdrop-filter: var(--blur10);
    z-index: -1;     
}

.na_klapp_close {
    width: var(--na_mob_size);
    height: var(--na_mob_size);
    background: var(--color_base_hightlight_1);
    position: absolute;
    display: none;
    bottom: calc(var(--na_mob_size) / -2);
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.na_hauptnavi.is-mobile .na_klapp_close {
    display: none;
}

.na_hauptnavi:not(.is-mobile) ul.na_navi > li.ifsub:has(input[name="togglesub"]:checked) > .na_klappnavi .na_klapp_close  {
    display: block;
}

.na_klapp_close::after, 
.na_klapp_close::before {
    content: '';
    display: block;
    background-color: var(--na_mob_color);
    height: var(--na_mob_height);
    left: calc((var(--na_mob_size) - var(--na_mob_linie)) / 2);
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: var(--na_mob_linie);
    transform: translateY(0px) rotate(-45deg);
}

.na_klapp_close::after {
    transform: translateY(0px) rotate(45deg);
}
    
/* -- Klappnavi - Ebene 1 -- */
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1 {
    width: 100%;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
    min-height: var(--na_ebene_1_height);
    display: block;
}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1::before {
    content: '';
    display: none;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--na_ebene_1_real_width) + var(--na_link_marg));
    background: var(--na_trenner);
    height:var(--na_ebene_1_height);
}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1:has( li.ifsub > input[name="togglesub"]:checked)::before {
    display: block;
}

#oben .na_klappnavi ul.na_ebene-1 a {
    color: var(--na_resp_color);
}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1 > li {
    /* JS Breite */
    width:var(--na_ebene_1_width);
    max-width:calc(33.333% - var(--na_link_marg));
    float: left;
    clear: both;
    margin: calc(var(--padding10) / 2) 0 calc(var(--padding10) / 2) 0;

    /* wegen JS Berechnung */
    box-sizing:border-box;
    overflow:hidden;
    flex:0 0 auto;
}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1 > li.ifsub,
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-2 > li.ifsub,
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-3 > li.ifsub {
    display: flex;
    flex-wrap: nowrap;

}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1 > li > a,
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-2 > li > a,
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-3 > li > a { 
    position: relative;
    display: block;
    padding-left: var(--na_link_act_ab);    
    white-space: wrap;
}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1 > li.ifsub .na_navtoggle {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: calc(var(--padding10) * 2);
    height: 100%;
    cursor: pointer;
    margin: 0 0 0 var(--na_link_marg);
    text-indent: -9999px;
    overflow: hidden;
}

#oben .na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1 > li.ifsub .na_navtoggle::before, 
#oben .na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1 > li.ifsub .na_navtoggle:after {
    background: var(--na_resp_color);
}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1 > li.ifsub a,
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-2 > li.ifsub a,
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-3 > li.ifsub a { 
    flex: 1 1 auto;
}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1 > li.act > a::after,
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1 > li:hover > a::after,
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-2 > li.act > a::after,
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-2 > li:hover > a::after,
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-3 > li.act > a::after,
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-3 > li:hover > a::after { 
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--na_link_act);
    background-color: var(--color_base_hightlight_1);
}

/* -- Klappnavi - Ebene 2 --*/
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-2 {
    position:absolute;
    top:0;
    /* -- JS Breite -- */
    left:calc(var(--na_ebene_1_real_width) + var(--na_link_marg));
    width:calc(100% - var(--na_ebene_1_real_width) - calc(var(--na_link_marg) * 2));
    margin-left:var(--na_link_marg);
    display:block;
    visibility: hidden;
}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-1 > li.ifsub:has(input[name="togglesub"]:checked) > .na_ebene-2 {
    visibility: visible;
}

/* -- Trenner -- */
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-2::before {
    content: '';
    position: absolute;
    display: none;
    top: 0;
    left: calc(var(--na_ebene_2_real_width) + var(--na_link_marg));
    width: 1px;
    height: var(--na_ebene_1_height);
    background:var(--na_trenner);
}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-2:has(> li.ifsub > input:checked)::before {
    display:block;
}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-2 > li {
    /* JS Breite */
    width:var(--na_ebene_2_width);
    max-width: 25%;
    margin: calc(var(--padding10) / 2) 0 calc(var(--padding10) / 2) 0;
}

/* -- Klappnavi - Ebene 3 -- */
.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-3 {
    position:absolute;
    top:0;
    /* JS Breite */
    left:calc(var(--na_ebene_2_real_width) + var(--na_link_marg));
    width:calc(100% - var(--na_ebene_2_real_width) - calc(var(--na_link_marg) * 2));
    margin-left:var(--na_link_marg);
    display:block;
    visibility: hidden;
}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-3 > li {
    width:var(--na_ebene_2_width);
    max-width: 100%;
    margin: calc(var(--padding10) / 2) 0 calc(var(--padding10) / 2) 0;
}

.na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-2 > li.ifsub:has(input[name="togglesub"]:checked) > .na_ebene-3 {
    visibility: visible;
}

/* -- Slogan -- */
.na_slogan {
    width: 100%;
    float: left;
    clear: both;
    text-align: right;
    margin-top: var(--paddingl20);
    font-family: var(--hl_fontfamily_3);
    font-weight: var(--hl_fontweigt_400);
    font-size: var(--hl_size_slogan_schnoerkel);
    line-height: var(--na_linieheight_slogan);
}

/* -- Responsive-Bereich für Quicklinks und Sprachen, wenn in Oben kein Platz mehr ist -- */
.na_resp_box {
    display: none;
    width: calc(100% - calc(var(--na_nav_abstand_ou) * 2));
    float: left;
    clear: both;
    margin-top: var(--na_nav_abstand_ou);
    font-size: var(--font-size_14);
    line-height: var(--font_lineheigt);
    text-transform: uppercase;
    color: var(--na_resp_color);
    backdrop-filter: var(--blur10);
    padding: var(--na_nav_abstand_ou) var(--na_nav_abstand_ou) calc(var(--na_nav_abstand_ou) / 1.5) var(--na_nav_abstand_ou) ;
    box-shadow: inset 0 0 0 1px var(--na_overlay);
    text-align: center;
}

#oben .na_resp_box * {
    color: var(--na_resp_color);
}

/* -- Quicklinks -- */
.na_resp_ql {
    width: 100% ;
    float: left;
    clear: both;
}

.na_resp_ql .ob_quicklinks > .frame {
    float: none;
    clear: none;
    width: auto;    
    display: inline;
}

.na_resp_ql .ob_quicklinks ul,
.na_resp_ql .ob_quicklinks ul li {
    display: inline;

}

.na_resp_ql .ob_quicklinks ul li a {
    display: inline-block;
    padding: 0 calc(var(--padding10) / 2);
}


/* -- Sprache -- */
.na_resp_lang {
    width: 100%;
    float: left;
    clear: both;
    margin-top: var(--na_nav_abstand_ou);
    display: none;
    border-top: 1px solid var(--na_overlay);
    padding: var(--na_nav_abstand_ou) 0 0 0;
}

.na_resp_lang .ob_langnav {
    justify-content: center;
    column-gap: var(--na_abs_510);
}

/* -- Responsive Menü -- */
.na_hauptnavi.is-mobile .na_navcontent {
    width: var(--oben_maxwidth);
    float: left;
    clear: both;
    margin: 0;
    padding: calc(var(--na_nav_abstand_ou) * 3) calc((100% - var(--oben_maxwidth)) / 2) calc(var(--na_nav_abstand_ou) * 6) calc((100% - var(--oben_maxwidth)) / 2);
    position: absolute;
    left: 0;
    right: 0;
    top: var(--ob_height);
    background: var(--na_bgcolor);
    color: var(--na_resp_color);
}

.na_hauptnavi.is-mobile .na_navcontent .na_klappnavi .na_klappnavi_bg {
    display: none;
}

#oben .na_hauptnavi.is-mobile .na_navcontent a {
    color: var(--na_resp_color);
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_navtoggle::before, 
.na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_navtoggle::after {
    background: var(--na_resp_color);   
}

.na_hauptnavi.is-mobile .na_navcontent .na_resp_bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    z-index: 0;
    opacity: 0.5;
}

.na_hauptnavi.is-mobile .na_resp_navbox {
    width: 100%;
    float: left;
    clear: both;
    max-height: calc(100vh - var(--ob_height) - calc(var(--na_nav_abstand_ou) * 9));
    overflow-y: scroll;
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi {
    width: 100%;
    float: left;
    clear: both;
    white-space: normal;
    position: relative;
    z-index: 1;
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi > li {
    display: block;
    margin: 0 0 calc(var(--padding10) / 2);
    backdrop-filter: var(--blur10);
    box-shadow: inset 0 0 0 1px var(--na_overlay);
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi > li > a {
    display: block;
    padding: calc(var(--na_nav_abstand_ou) / 2) var(--na_nav_abstand_ou);
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi > li.ifsub {
    display: flex;
    flex-wrap: wrap;
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi > li.ifsub > a {
    flex: 1 1 auto;
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi > li > a + label {
    margin-right: var(--na_nav_abstand_ou);
}


.na_hauptnavi.is-mobile .na_navcontent ul.na_navi > li.act > a::after,
.na_hauptnavi.is-mobile .na_navcontent ul.na_navi > li:hover > a::after {
    display: none;
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi > li.act::after,
.na_hauptnavi.is-mobile .na_navcontent ul.na_navi > li:hover::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--na_link_act);
    background-color: var(--color_base_hightlight_1);
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi > li.act > a {
    font-weight: var(--hl_fontweigt_700);
}

/* -- Klappnavi -- */
.na_hauptnavi.is-mobile ul.na_navi .ifsub .na_klappnavi {
    position: static;
    width: calc(100% - calc(var(--na_nav_abstand_ou) * 2));
    float: left;
    clear: both;
    border-top: 1px solid var(--na_overlay);
    margin: 0 var(--na_nav_abstand_ou);
    padding: calc(var(--na_nav_abstand_ou) / 2) 0; 
    background: none !important;
    display: none;
}

.na_hauptnavi.is-mobile .na_slogan {
    display: none;
}

.na_hauptnavi.is-mobile ul.na_navi .ifsub:has(input[name="togglesub"]:checked) .na_klappnavi {
    display: block;

}

/* -- Ebene 1 -- */
.na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-1 {
    width: calc(100% - calc(var(--na_nav_abstand_ou) * 2));
    margin: calc(var(--na_nav_abstand_ou) / 2) var(--na_nav_abstand_ou);
    float: left;
    clear: both;
    display: block;
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-1 li {
    width: 100%;
    float: left;
    clear: both;
    margin: calc(var(--na_abs_510) / 2) 0;
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-1 li a {
    display: block;
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-1 li.ifsub input,
.na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-1 li.ifsub label {
    display: none;
}

#oben .na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-1 > li:hover > a,
#oben .na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-1 > li.act > a {
    text-decoration: underline;
    text-decoration-color: var(--color_base_hightlight_1);
    text-decoration-thickness: 2px;
}

#oben .na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-1 > li.act > a {
    font-weight: var(--hl_fontweigt_700);
}

/* -- Ebene 2 -- */
.na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-2 {
    width: calc(100% - var(--na_nav_abstand_ou));
    margin: calc(var(--na_nav_abstand_ou) / 2) 0 calc(var(--na_nav_abstand_ou) / 2) var(--na_nav_abstand_ou);
    float: left;
    clear: both;
    display: block;   
    border-left: 1px solid var(--na_overlay);
    font-size: var(--font-size_20);
    line-height: var(--font_lineheigt);
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-2 > li {
    position: relative;
    width: 100%;
    float: left;
    clear: both;
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-2 > li::before {
    content: '';
    display: block;
    width: var(--na_linie13);
    height: 1px;
    border-bottom: 1px solid var(--na_overlay);
    position: absolute;
    left: 0;
    top: var(--na_linie13);
}

#oben .na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-2 > li > a {
    padding: calc(var(--na_abs_510) / 2) var(--na_abs_510);
    margin-left: var(--na_linie13);
}

#oben .na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-2 > li:hover > a,
#oben .na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-2 > li.act > a {
    text-decoration: underline;
    text-decoration-color: var(--color_base_hightlight_1);
    text-decoration-thickness: 2px;
}

#oben .na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-2 > li.act > a {
    font-weight: var(--hl_fontweigt_700); 
}

/* -- Ebene 3 -- */
#oben .na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-3  {
    width: calc(100% - calc(var(--na_nav_abstand_ou) + var(--na_abs_510)));
    margin: var(--na_abs_510) 0 0 calc(var(--na_nav_abstand_ou) + var(--na_abs_510));
    float: left;
    clear: both;
    font-size: var(--font-size_18);
    line-height: var(--font_lineheigt);
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-3 > li {
    float: left;
    clear: none;
    width: auto;
    margin: 0 var(--na_abs_510) var(--na_abs_510) 0;
    position: relative;
}

.na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-3 > li > a {
    border: 1px solid var(--na_overlay);
    padding: calc(var(--na_abs_510) / 2) var(--na_abs_510);
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

#oben .na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-3 > li:hover > a {
    font-weight: var(--hl_fontweigt_700); 
}

#oben .na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-3 > li:hover::after,
#oben .na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-3 > li.act::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--na_link_act);
    background-color: var(--color_base_hightlight_1);
}

#oben .na_hauptnavi.is-mobile .na_navcontent ul.na_navi .na_ebene-3 > li.act > a {
    font-weight: var(--hl_fontweigt_700); 
}

/* -- Responsive Box für Quicklinks und Sprachen -- */
.na_hauptnavi.is-mobile .na_resp_box {
    display: block;
    position: relative;
    z-index: 1;
}

.na_hauptnavi.is-mobile .na_resp_box .ob_quicklinks {
    display: block;
    white-space: normal;
}


.na_hauptnavi.is-mobile .na_navcontent::after {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--na_overlay);
    backdrop-filter: var(--blur10);
    z-index: -1;
}

/* -- Responsive -- */
@media (max-width: 1700px) {
    .na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-2 > li {
        max-width: 33.333%;
    }
}

@media (max-width: 1450px) {
    .na_hauptnavi:not(.is-mobile) .na_klappnavi ul.na_ebene-2 > li {
        max-width: 45%;
    }
}

@media (max-width: 400px) {
    .ob_box {
        align-items: center;
    }

    .ob_navibereich,
    label[for="na_mobnav"] .na_mob_button {
        margin: 0;
    }
    
    .na_resp_lang {
        display: block;
    }
}