/* Vorschlag 1: klare Navigation mit feiner aktiver Linie. */
@media(min-width:1121px){
header{border-bottom:1px solid #dce7f2;box-shadow:0 5px 20px #15325404}
header .header{min-height:98px;gap:30px}
header #portal-nav .menu-list{gap:24px}
header #portal-nav .menu-list>li>a{position:relative;color:#3b536d;font-size:14px;font-weight:650;padding:16px 0}
header #portal-nav .menu-list>li:is(.current-menu-item,.current-menu-ancestor)>a{color:#1c568f}
header #portal-nav .menu-list>li:is(.current-menu-item,.current-menu-ancestor)>a:after{content:'';position:absolute;bottom:6px;left:0;right:0;height:2px;border-radius:2px;background:#2b66a7}
header #portal-nav .sp-coupon-mega-disclosure{flex-basis:23px;width:23px}
header #portal-nav .sp-coupon-mega-toggle{width:23px;min-width:23px;height:32px;border:0;background:transparent;color:#577694}
header #portal-nav .sp-coupon-mega-toggle svg{width:12px;height:12px}
}

header .menu{align-items:center;justify-content:center;gap:7px}
header .menu .sp-menu-symbol{display:block;width:16px;height:16px;flex:none}
header .menu .sp-menu-close,header .menu[aria-expanded=true] .sp-menu-open{display:none}
header .menu[aria-expanded=true] .sp-menu-close{display:block}
@media(max-width:1120px){header .menu{display:inline-flex}}