html.nav-open{overflow:hidden}html.nav-open header.nav{background:#141a20}html.nav-open header.nav nav.links{top:var(--nav-bottom,82px);z-index:120;height:calc(100dvh - var(--nav-bottom,82px));padding:16px 28px max(32px,env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#141a20;border-top:1px solid #ffffff14;flex-direction:column;align-items:flex-start;gap:4px;margin:0;display:flex;position:fixed;left:0;right:0;overflow-y:auto}html:not(.xg-js) .reveal,html.xg-reveal-all .reveal{opacity:1!important;transform:none!important}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transition:none!important;transform:none!important}}.hp-video:not([src]){display:none}@media (width>=761px) and (width<=1180px){body [class*=hero] h1,body h1{font-size:clamp(42px,5.8vw,68px)}}@media (width>=1181px){main>section[class*=hero]:not(.bd-hero) h1{margin-bottom:22px;font-size:clamp(48px,min(5vw,9vh),84px)}body [class*=hero] .lead{font-size:clamp(18px,2.6vh,22px)}main>section[class*=hero]:first-child{padding-top:clamp(100px,14vh,140px)}}@media (width<=760px){body [class*=hero] h1,body h1{hyphens:auto;overflow-wrap:break-word;margin-bottom:18px;font-size:clamp(32px,9vw,40px)}body [class*=hero] .lead{font-size:17px}main>section[class*=hero]:first-child{padding-top:96px}}.foot-col a:hover{padding-left:0}.kicker p{white-space:normal}.seg .case-beauty{align-self:start;width:100%}.tlogo-badge img,.brands .brand img{filter:brightness(0)invert()}.nav-cta{display:none}html.nav-open header.nav nav.links .dropdown{padding-left:16px;display:none}html.nav-open header.nav nav.links .nav-item.offen .dropdown{display:block}html.nav-open header.nav nav.links .nav-item{width:100%}html.nav-open header.nav nav.links a{align-items:center;min-height:48px;font-size:16px;display:flex}html.nav-open header.nav nav.links .dropdown a{font-size:15.5px}html.nav-open header.nav nav.links .flyout a{font-size:15px}html.nav-open header.nav nav.links .nav-parent{justify-content:space-between;padding-right:14px}html.nav-open header.nav nav.links .nav-parent .caret{flex:none;width:13px;height:13px;transition:transform .2s;display:block}html.nav-open header.nav nav.links .nav-item.offen .nav-parent .caret{transform:rotate(180deg)}html.nav-open header.nav nav.links .nav-cta{justify-content:center;min-height:52px;margin:18px 14px 6px;font-size:16.5px;display:flex}@media (width<=760px){.foot-col a{align-items:center;min-height:48px;margin-bottom:0;display:flex}.foot-legal{flex-wrap:wrap;align-items:center;gap:0 8px;display:flex}.foot-legal a{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.foot-bottom{align-items:center}}@media (width<=560px){.tc-btn{width:44px;height:44px}}@media (width<=760px){.spot-legal{font-size:14px;line-height:1.5}.fr-note,#xqi-tool .xqi-offers .xqi-offers-note,#xqi-tool .xqi-legal .xqi-offers-note{font-size:14px}.bd-body .gfx-marke i{font-size:13.5px}.gal-page .gtag,.ph .tag{font-size:12px}.ba-cap{font-size:13px}#xqi-tool .xqi-legal .xqi-ai,#xqi-tool .xqi-legal .xqi-lg-ai{font-size:12px}#xqi-tool .xqi-plabel,#xqi-tool .xqi-scorelbl{font-size:12.5px}}.sprungnav{display:none}@media (width<=760px){.sprungnav{border-bottom:1px solid var(--line);background:#ffffff05;display:block}.sprungnav .wrap{padding-top:0;padding-bottom:0}.sprungnav-kopf{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;width:100%;min-height:52px;color:var(--muted-on-dark);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;font-family:inherit;font-size:12.5px;font-weight:800;display:flex}.sprungnav-kopf .caret{flex:none;width:13px;height:13px;transition:transform .2s}.sprungnav.offen .sprungnav-kopf .caret{transform:rotate(180deg)}.sprungnav-liste{margin:0;padding:0 0 10px;list-style:none;display:none}.sprungnav.offen .sprungnav-liste{display:block}.sprungnav-liste a{min-height:46px;color:var(--text);border-top:1px solid var(--line);align-items:center;padding:4px 0;font-size:15.5px;font-weight:700;text-decoration:none;display:flex}.sprungnav-liste a:hover,.sprungnav-liste a:focus-visible{color:var(--orange)}main>section[id]{scroll-margin-top:84px}}