/* NEWWEBSITE — refined global navigation */
header.site-header{height:78px;background:rgba(8,14,25,.97);border-bottom:1px solid #263b58;box-shadow:0 6px 30px #04091536}
header.site-header>.wrap{width:min(1240px,calc(100% - 56px))}
.site-header .brand{font-size:21px;white-space:nowrap}
.site-header .site-nav{display:flex;align-items:center;gap:6px;height:100%}
.site-nav>.nav-item{position:relative;display:flex;align-items:center;height:100%}
.site-nav .nav-link,.site-nav .nav-toggle{display:inline-flex;align-items:center;gap:9px;padding:12px 15px;border-radius:8px;border:1px solid transparent;background:transparent;color:#d5dfed;font-size:13px;font-weight:550;line-height:1.3;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .2s,background .2s,border-color .2s}
.site-nav .nav-link:hover,.site-nav .nav-toggle:hover,.site-nav .nav-link:focus-visible,.site-nav .nav-toggle:focus-visible,.site-nav .nav-item.open>.nav-toggle{color:#9bcaff;background:rgba(72,126,197,.13);border-color:#416997}
.site-nav .nav-link[aria-current="page"],.site-nav .nav-toggle[aria-current="page"]{color:#91c2ff}
.site-nav .nav-chevron{width:14px;height:14px;transition:transform .2s}
.site-nav .nav-item.open .nav-chevron{transform:rotate(180deg)}
.site-nav .nav-dropdown{position:absolute;top:calc(100% - 2px);left:0;width:280px;background:#142034;border:1px solid #40618b;border-radius:12px;padding:9px;box-shadow:0 18px 54px #02050dc9;z-index:90;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .16s,transform .16s,visibility .16s}
.site-nav .nav-item.open .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.site-nav .nav-dropdown a{display:flex;gap:12px;align-items:center;padding:12px 11px;border-radius:8px;color:#f0f5fd;text-decoration:none}
.site-nav .nav-dropdown a:hover,.site-nav .nav-dropdown a:focus-visible,.site-nav .nav-dropdown a[aria-current="page"]{background:#203c5e}
.site-nav .nav-dropdown svg{flex:none;color:#82bbfb;width:21px;height:21px}
.site-nav .nav-dropdown strong{display:block;font-size:13px;line-height:1.35;font-weight:650}
.site-nav .nav-dropdown small{display:block;color:#9eb2d0;font-size:11px;margin-top:2px}
.site-header .navcta{padding:11px 17px;border-radius:8px}
.site-header .menu{border:1px solid #486f9c;padding:6px 10px;border-radius:7px;font-size:20px}
@media(max-width:1080px){
 header.site-header>.wrap{width:calc(100% - 36px)}
 .site-header .site-nav{gap:0}
 .site-nav .nav-link,.site-nav .nav-toggle{padding:10px 9px;font-size:12px}
}
@media(max-width:900px){
 header.site-header{height:66px}
 header.site-header>.wrap{width:calc(100% - 30px)}
 .site-header .brand{font-size:19px}
 .site-header .menu{display:block;order:3}
 .site-header .navcta{display:none}
 .site-header .site-nav{display:none;position:absolute;left:0;right:0;top:66px;height:auto;max-height:calc(100dvh - 66px);overflow-y:auto;background:#0d1728;border-bottom:1px solid #3b5c83;padding:16px;flex-direction:column;align-items:stretch;gap:3px;box-shadow:0 22px 38px #010409a6}
 .site-header .site-nav.open{display:flex}
 .site-nav>.nav-item{display:block;height:auto;width:100%}
 .site-nav .nav-link,.site-nav .nav-toggle{width:100%;justify-content:space-between;font-size:14px;padding:14px 12px}
 .site-nav .nav-dropdown{position:static;width:100%;margin:0;border:0;border-left:2px solid #568de0;border-radius:0;background:#111d2f;box-shadow:none;padding:0 0 0 6px;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transform:none}
 .site-nav .nav-item.open .nav-dropdown{max-height:300px;visibility:visible;opacity:1;transform:none;padding:4px 0 5px 6px;margin-bottom:8px}
 .site-nav .nav-dropdown a{padding:12px}
}
@media(min-width:901px){
 .site-header .menu{display:none}
}

/* Ratgeber: five editorial topic links within the existing dropdown design */
.site-nav #ratgeber-menu .nav-dropdown-ratgeber{width:365px;left:-28px;max-width:calc(100vw - 30px);padding:9px}
.site-nav #ratgeber-menu .nav-dropdown-ratgeber a{display:block;padding:12px 14px;border-bottom:1px solid #29415d}
.site-nav #ratgeber-menu .nav-dropdown-ratgeber a:last-child{border-bottom:0}
.site-nav #ratgeber-menu .nav-dropdown-ratgeber strong{color:#e7f4ff;font-size:13px;line-height:1.35}
.site-nav #ratgeber-menu .nav-dropdown-ratgeber small{white-space:normal;color:#a9beda;font-size:11px;line-height:1.55;margin-top:5px}
@media(max-width:900px){
 .site-nav #ratgeber-menu .nav-dropdown-ratgeber{position:static;left:auto;width:100%;max-width:none;padding:0 0 0 6px}
 .site-nav #ratgeber-menu.open .nav-dropdown-ratgeber{max-height:570px;overflow:visible;padding:6px 0 8px 6px}
 .site-nav #ratgeber-menu .nav-dropdown-ratgeber a{padding:11px 10px}
 .site-header .site-nav.open{overflow-x:hidden}
}
@media(min-width:901px) and (max-width:1120px){
 .site-nav #ratgeber-menu .nav-dropdown-ratgeber{left:auto;right:0}
}
/* At compact tablet widths the right-side CTA would otherwise exceed the viewport. */
@media(min-width:761px) and (max-width:900px){
 .site-header .navcta{display:none}
}

.site-nav .nav-mobile-consult{display:none}
@media(max-width:900px){
 .site-header .site-nav .nav-mobile-consult{display:flex;align-items:center;justify-content:center;margin-top:9px;padding:13px 18px;color:#06172e;background:#7dbbff;border-radius:8px;font-weight:750;font-size:13px;text-decoration:none}
 .site-nav #ratgeber-menu .nav-dropdown-ratgeber{position:static;left:auto;right:auto;width:100%;max-width:none;padding:0 0 0 6px}
 .site-nav #ratgeber-menu.open .nav-dropdown-ratgeber{max-height:590px;overflow:visible;padding:6px 0 8px 6px}
}

/* Match the subtle separator lines of the Ratgeber menu. */
.site-nav #sparen-dropdown > a {
  border-bottom: 1px solid #29415d;
}
.site-nav #sparen-dropdown > a:last-child {
  border-bottom: 0;
}