main:has(>.hero) .startlauf{--st-ton:var(--welt-500,var(--hf-brand-500));--st-tief:var(--welt-700,var(--hf-brand-700));--st-flaeche:var(--welt-50,var(--hf-brand-50));--st-schatten:color-mix(in srgb, var(--welt-700,var(--hf-brand-700)) 28%, transparent);--st-glanz:#ffffffb3}main:has(>.hero) .startlauf [data-welt]{--st-ton:var(--welt-500,var(--hf-brand-500));--st-tief:var(--welt-700,var(--hf-brand-700));--st-flaeche:var(--welt-50,var(--hf-brand-50));--st-schatten:color-mix(in srgb, var(--welt-700,var(--hf-brand-700)) 28%, transparent);--st-glanz:#ffffffb3}[data-thema=dunkel] main:has(>.hero) .startlauf{--st-schatten:color-mix(in srgb, var(--hf-bg-deep) 85%, transparent);--st-glanz:#ffffff14}[data-thema=dunkel] main:has(>.hero) .startlauf [data-welt]{--st-schatten:color-mix(in srgb, var(--hf-bg-deep) 85%, transparent);--st-glanz:#ffffff14}main:has(>.hero)>.hero{background:radial-gradient(60% 50% at 100% 100%, color-mix(in srgb, var(--hf-marke-500) 12%, transparent), transparent 70%), linear-gradient(180deg, var(--hf-surface) 0%, color-mix(in srgb, var(--hf-marke-500) 5%, var(--hf-surface)) 100%)}main:has(>.hero) .hero h1{font-weight:700}main:has(>.hero) .hero__kicker{border-radius:var(--hf-radius-pill);color:var(--hf-fg);padding:4px 12px 4px 0}main:has(>.hero) .hero__kicker:before{background:linear-gradient(90deg, var(--hf-marke-hell), var(--hf-marke-800));border-radius:2px;width:26px;height:3px}main:has(>.hero) .frage{border-color:color-mix(in srgb, var(--hf-marke-500) 35%, var(--hf-border-strong));box-shadow:0 1px 2px #1014180d, 0 14px 32px -20px color-mix(in srgb, var(--hf-marke-800) 55%, transparent)}main:has(>.hero) .frage:focus-within{box-shadow:0 1px 2px #1014180d, 0 0 0 4px color-mix(in srgb, var(--hf-marke-500) 18%, transparent), 0 18px 36px -20px color-mix(in srgb, var(--hf-marke-800) 65%, transparent)}main:has(>.hero) .frage__knopf{background-image:linear-gradient(180deg, #ffffff2e, transparent 60%), var(--hf-verlauf-marke-text);box-shadow:0 8px 16px -10px color-mix(in srgb, var(--hf-marke-800) 70%, transparent)}.neu-hero{margin-top:var(--hf-space-5);background:var(--hf-surface);border-radius:var(--hf-radius-lg);padding:var(--hf-space-3) var(--hf-space-4) var(--hf-space-2);box-shadow:0 0 0 1px color-mix(in srgb, var(--hf-brand-500) 14%, var(--hf-border)), 0 2px 4px -2px color-mix(in srgb, var(--hf-marke-800) 25%, transparent), 0 24px 48px -30px color-mix(in srgb, var(--hf-marke-800) 45%, transparent);position:relative;overflow:hidden}.neu-hero:before{content:"";background:var(--hf-verlauf-marke);height:3px;position:absolute;inset:0 0 auto}.neu-hero__kopf{justify-content:space-between;align-items:baseline;gap:var(--hf-space-3);margin:var(--hf-space-1) 0 var(--hf-space-1);font-size:var(--hf-text-xs);display:flex}.neu-hero__titel{color:var(--hf-fg);font-weight:700;font-size:var(--hf-text-sm)}.neu-hero__alle{color:var(--hf-fg-subtle);white-space:nowrap}.neu-hero__alle:hover{color:var(--hf-primary)}.neu-hero__liste{margin:0;padding:0;list-style:none;display:grid}.neu-hero__zeile{gap:var(--hf-space-3);padding:var(--hf-space-2) var(--hf-space-2);margin-inline:calc(-1 * var(--hf-space-2));border-top:var(--hf-border-w) solid var(--hf-border);border-radius:var(--hf-radius);transition:background var(--hf-dur-fast) var(--hf-ease);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.neu-hero__zeile:first-child{border-top-color:#0000}@media (hover:hover) and (pointer:fine){.neu-hero__zeile:hover{background:var(--hf-brand-50)}}.neu-hero__zeile:active{background:var(--hf-brand-50)}.neu-hero__zeichen{border-radius:var(--hf-radius);color:#fff;background:linear-gradient(135deg, var(--neu-a,var(--hf-marke-500)), var(--neu-b,var(--hf-marke-800)));place-items:center;width:32px;height:32px;display:grid}.neu-hero__zeichen svg{width:18px;height:18px}.neu-hero__text{gap:1px;min-width:0;display:grid}.neu-hero__t{font-weight:650;font-size:var(--hf-text-sm);color:var(--hf-fg);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.neu-hero__t:after{content:"";position:absolute;inset:0}.neu-hero__zeile:hover .neu-hero__t{color:var(--hf-primary)}.neu-hero__t:focus-visible{outline:none}.neu-hero__t:focus-visible:after{outline:2px solid var(--hf-accent);outline-offset:-2px;border-radius:var(--hf-radius)}.neu-hero__m{font-size:var(--hf-text-xs);color:var(--hf-fg-subtle);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.neu-hero__tag{font-size:var(--hf-text-xs);color:var(--hf-fg-subtle);white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width:1023px){.neu-hero{margin-top:var(--hf-space-4)}}@media (max-width:600px){.neu-hero__t{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}main:has(>.hero) .zahlen{background:linear-gradient(90deg, var(--hf-marke-500), color-mix(in srgb, var(--hf-marke-500) 20%, transparent)) no-repeat 0 0 / 100% 2px;border-top-color:#0000}main:has(>.hero) .zahlen b{color:var(--hf-marke-600);font-size:1.625rem}[data-thema=dunkel] main:has(>.hero) .zahlen b{color:var(--hf-titel-marke-a)}main:has(>.hero) .zahlen li{border-left-color:color-mix(in srgb, var(--hf-marke-500) 45%, transparent)}main:has(>.hero) .startlauf{background:linear-gradient(180deg, color-mix(in srgb, var(--hf-brand-100) 40%, var(--hf-bg-deep)) 0%, color-mix(in srgb, var(--hf-bg-deep) 70%, var(--hf-border)) 520px, color-mix(in srgb, var(--hf-bg-deep) 70%, var(--hf-border)) 100%);border-top:0}[data-thema=dunkel] main:has(>.hero) .startlauf{background:linear-gradient(180deg, color-mix(in srgb, var(--hf-marke-800) 30%, var(--hf-bg-deep)) 0%, var(--hf-bg-deep) 520px)}main:has(>.hero) .startlauf .band__h:not(.band__h--welt){padding-bottom:var(--hf-space-2);position:relative}main:has(>.hero) .startlauf .band__h:not(.band__h--welt):after{content:"";background:linear-gradient(90deg, var(--hf-marke-hell), var(--hf-marke-800));border-radius:2px;width:56px;height:3px;position:absolute;bottom:0;left:0}main:has(>.hero) .startlauf .band+.band{border-top:0}main:has(>.hero) .mauf__bild .tbild{border-radius:var(--hf-radius-lg);box-shadow:0 2px 4px -2px var(--st-schatten), 0 28px 56px -30px var(--st-schatten)}main:has(>.hero) .mkarte{border-radius:var(--hf-radius-lg);background:var(--hf-surface);padding-bottom:var(--hf-space-4);box-shadow:0 0 0 1px color-mix(in srgb, var(--st-ton) 16%, var(--hf-border)), 0 2px 4px -2px var(--st-schatten), 0 22px 44px -28px var(--st-schatten);transform-origin:50% 100%;transition:transform var(--hf-dur) var(--hf-ease), box-shadow var(--hf-dur) var(--hf-ease);position:relative;overflow:hidden}main:has(>.hero) .mkarte__bild{border-radius:0}:is(main:has(>.hero) .mkarte__ressort,main:has(>.hero) .mkarte__titel,main:has(>.hero) .mkarte__sf,main:has(>.hero) .mkarte__meta){margin-inline:var(--hf-space-4)}main:has(>.hero) .mkarte__ressort{border-radius:var(--hf-radius-pill);background:var(--st-flaeche);color:var(--st-tief);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--st-ton) 22%, transparent);font-size:var(--hf-text-xs);align-self:flex-start;padding:3px 10px;display:inline-flex}@media (hover:hover) and (pointer:fine){main:has(>.hero) .mkarte:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--st-ton) 45%, var(--hf-border)), 0 4px 8px -4px var(--st-schatten), 0 34px 60px -28px var(--st-schatten);transform:perspective(900px)rotateX(2deg)translateY(-4px)}}main:has(>.hero) .mkarte:active{transform:scale(.985)}main:has(>.hero) .threads{background:var(--hf-surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--hf-brand-500) 14%, var(--hf-border)), 0 2px 4px -2px color-mix(in srgb, var(--hf-marke-800) 25%, transparent), 0 26px 52px -32px color-mix(in srgb, var(--hf-marke-800) 40%, transparent)}main:has(>.hero) .trow:before{width:4px}@media (hover:hover) and (pointer:fine){main:has(>.hero) .trow:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--welt-50,var(--hf-brand-50)) 90%, var(--hf-surface)), var(--hf-surface) 75%)}}main:has(>.hero) .trow:has(.trow__title a:focus-visible){background:var(--welt-50,var(--hf-brand-50));outline:2px solid var(--welt-500,var(--hf-brand-500));outline-offset:-2px}main:has(>.hero) .trow:has(.trow__title a:focus-visible):before{transform:scaleY(1)}main:has(>.hero) .trow:active:before{transform:scaleY(1)}main:has(>.hero) .trow:active{background:var(--welt-50,var(--hf-brand-50))}main:has(>.hero) .live-pill{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hf-online) 35%, transparent)}main:has(>.hero) .startlauf__haupt>.band[data-welt]{margin-top:var(--hf-space-6);border-radius:var(--hf-radius-lg);background:var(--hf-surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--st-ton) 20%, var(--hf-border)), 0 2px 4px -2px var(--st-schatten), 0 26px 52px -32px var(--st-schatten);padding:0;overflow:hidden}main:has(>.hero) .startlauf__haupt>.band[data-welt] .band__head--welt{padding:var(--hf-space-4) var(--hf-space-5);background:linear-gradient(90deg, color-mix(in srgb, var(--st-ton) 20%, var(--st-flaeche)), var(--st-flaeche) 55%, color-mix(in srgb, var(--st-flaeche) 40%, var(--hf-surface)));border-bottom:2px solid color-mix(in srgb, var(--st-ton) 55%, transparent);margin:0}main:has(>.hero) .band__h--welt{color:var(--st-tief);font-size:var(--hf-text-xl)}main:has(>.hero) .band__h--welt:before{border-radius:var(--hf-radius);background:linear-gradient(180deg, var(--st-glanz), transparent 55%), linear-gradient(145deg, var(--st-ton), var(--st-tief));width:34px;height:34px;box-shadow:0 8px 16px -8px var(--st-schatten)}.band__h--welt:has(>.band__ikone):before{display:none}.band__ikone{border-radius:var(--hf-radius);color:#fff;background:linear-gradient(180deg, var(--st-glanz,#ffffff59), transparent 55%), linear-gradient(145deg, var(--st-ton,var(--hf-brand-500)), var(--st-tief,var(--hf-brand-700)));width:36px;height:36px;box-shadow:0 8px 16px -8px var(--st-schatten,#0000004d), inset 0 1px 0 #ffffff59;flex:none;place-items:center;transition:transform .5s cubic-bezier(.34,1.4,.64,1);display:grid}.band__ikone svg{filter:drop-shadow(0 1px 1px #0000002e);width:22px;height:22px;display:block}.band[data-welt]:hover .band__ikone{transform:rotate(-6deg)scale(1.06)}@media (prefers-reduced-motion:reduce){.band__ikone{transition:none}}main:has(>.hero) .startlauf__haupt>.band[data-welt] .secgrid{padding:var(--hf-space-5)}main:has(>.hero) .sec{isolation:isolate;background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--st-ton) 14%, transparent), transparent 60%), linear-gradient(160deg, var(--st-flaeche) 0%, var(--hf-surface) 62%);box-shadow:0 0 0 1px color-mix(in srgb, var(--st-ton) 22%, var(--hf-border)), inset 0 1px 0 var(--st-glanz), 0 2px 4px -2px var(--st-schatten), 0 18px 36px -24px var(--st-schatten);transform-origin:50% 100%}main:has(>.hero) .sec__t:before{background:linear-gradient(145deg, var(--st-ton), var(--st-tief));width:12px;height:12px;box-shadow:0 4px 8px -4px var(--st-schatten);border-radius:4px}main:has(>.hero) .sec__n .statchip{border-radius:var(--hf-radius-pill);background:color-mix(in srgb, var(--hf-surface) 70%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--st-ton) 22%, transparent);font-size:var(--hf-text-xs);color:var(--hf-fg-muted);padding:3px 10px}main:has(>.hero) .sec__n .statchip b{color:var(--st-tief);font-size:var(--hf-text-sm)}main:has(>.hero) .sec__last{border-top-color:color-mix(in srgb, var(--st-ton) 18%, var(--hf-border))}@media (hover:hover) and (pointer:fine){main:has(>.hero) .sec:hover{background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--st-ton) 18%, transparent), transparent 60%), linear-gradient(160deg, var(--st-flaeche) 0%, var(--hf-surface) 62%);box-shadow:0 0 0 1px color-mix(in srgb, var(--st-ton) 45%, var(--hf-border)), inset 0 1px 0 var(--st-glanz), 0 4px 8px -4px var(--st-schatten), 0 34px 60px -28px var(--st-schatten);transform:perspective(900px)rotateX(3deg)translateY(-4px)}}main:has(>.hero) .sec:has(.sec__t a:focus-visible){box-shadow:0 0 0 3px var(--st-ton), 0 22px 44px -26px var(--st-schatten)}main:has(>.hero) .sec:active{transform:scale(.985)}main:has(>.hero) .band__sum--chips .statchip{border-radius:var(--hf-radius-pill);background:color-mix(in srgb, var(--hf-surface) 75%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--st-ton) 25%, transparent)}main:has(>.hero) .app-karte{box-shadow:0 0 0 1px color-mix(in srgb, var(--hf-brand-500) 16%, var(--hf-border)), 0 2px 4px -2px color-mix(in srgb, var(--hf-marke-800) 25%, transparent), 0 24px 48px -30px color-mix(in srgb, var(--hf-marke-800) 40%, transparent);border:0}main:has(>.hero) .bridge{isolation:isolate;color:#fff;background-color:var(--hf-marke-600);background-image:radial-gradient(70% 60% at 100% 0%, #ffffff2e, transparent 70%), var(--hf-verlauf-marke-text);box-shadow:inset 0 1px 0 #ffffff40, 0 2px 4px -2px color-mix(in srgb, var(--hf-marke-800) 50%, transparent), 0 26px 52px -28px color-mix(in srgb, var(--hf-marke-800) 70%, transparent);border:0;position:relative;overflow:hidden}main:has(>.hero) .bridge:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(100% 100% at 100% 100%,#000 20%,#0000 100%);mask-image:radial-gradient(100% 100% at 100% 100%,#000 20%,#0000 100%)}main:has(>.hero) .bridge .eyebrow{color:#fff!important}main:has(>.hero) .bridge h2{color:#fff!important}main:has(>.hero) .bridge p{color:#fff!important}main:has(>.hero) .bridge .eyebrow{opacity:.85}main:has(>.hero) .bridge p{opacity:.92}main:has(>.hero) .bridge .btn--accent{color:var(--hf-marke-800);transition:transform var(--hf-dur) var(--hf-ease), box-shadow var(--hf-dur) var(--hf-ease);background:#fff;border-color:#0000;justify-self:start;box-shadow:0 10px 20px -12px #0009}@media (hover:hover) and (pointer:fine){main:has(>.hero) .bridge .btn--accent:hover{color:var(--hf-marke-600);background:#fff;transform:translateY(-2px);box-shadow:0 16px 28px -12px #0009}}main:has(>.hero) .panel{box-shadow:0 0 0 1px var(--hf-border), 0 2px 4px -2px color-mix(in srgb, var(--hf-marke-800) 20%, transparent), 0 22px 44px -30px color-mix(in srgb, var(--hf-marke-800) 35%, transparent)}main:has(>.hero) .rank{padding:var(--hf-space-2);margin-inline:calc(-1 * var(--hf-space-2));border-radius:var(--hf-radius);transition:background var(--hf-dur-fast) var(--hf-ease), transform var(--hf-dur) var(--hf-ease)}main:has(>.hero) .rank:before{border-radius:var(--hf-radius);width:1.8rem;height:1.8rem;font-family:var(--hf-font-display);font-size:var(--hf-text-xs);color:var(--hf-marke-600);background:var(--hf-brand-50);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hf-marke-500) 22%, transparent);place-items:center;font-weight:700;line-height:1;display:grid}@media (hover:hover) and (pointer:fine){main:has(>.hero) .rank:hover{background:var(--hf-brand-50);text-decoration:none;transform:translate(3px)}}main:has(>.hero) .rank:active{background:var(--hf-brand-50)}main:has(>.hero) .fk{box-shadow:0 0 0 1px var(--hf-border), 0 2px 4px -2px #10141833, 0 18px 36px -26px #10141873;border-color:#0000}@media (hover:hover) and (pointer:fine){main:has(>.hero) .fk:hover{box-shadow:0 0 0 1px var(--hf-border-strong), 0 4px 8px -4px #10141840, 0 30px 50px -26px #10141880;transform:translateY(-4px)}}@keyframes st-rein{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){main:has(>.hero) .startlauf__haupt>.band[data-welt]{animation:linear backwards st-rein;animation-timeline:view();animation-range:entry entry 30%}main:has(>.hero) .app-karte{animation:linear backwards st-rein;animation-timeline:view();animation-range:entry entry 30%}main:has(>.hero) .bridge{animation:linear backwards st-rein;animation-timeline:view();animation-range:entry entry 30%}main:has(>.hero) .panel{animation:linear backwards st-rein;animation-timeline:view();animation-range:entry entry 30%}}}:is(main:has(>.hero) .reveal,main:has(>.hero) .reveal-stagger>*){animation-fill-mode:backwards}@media (prefers-reduced-motion:reduce){main:has(>.hero) :is(.mkarte,.sec,.fk,.rank,.bridge .btn--accent,.neu-hero__zeile,.trow){transition:none}:is(main:has(>.hero) :is(.mkarte,.sec,.fk,.rank):hover,main:has(>.hero) :is(.mkarte,.sec):active){transform:none}}