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)}main:has(>.hero) .puls{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}main:has(>.hero) .puls:before{content:"";background:linear-gradient(90deg, var(--hf-welt-bau-500), var(--hf-welt-technik-500), var(--hf-welt-garten-500));height:3px;position:absolute;inset:0 0 auto}main:has(>.hero) .puls__zeile{border-radius:var(--hf-radius);transition:background var(--hf-dur-fast) var(--hf-ease)}@media (hover:hover) and (pointer:fine){main:has(>.hero) .puls__zeile:hover{background:var(--hf-brand-50)}}main:has(>.hero) .puls__zeile:active{background:var(--hf-brand-50)}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) .authority{background:radial-gradient(50% 120% at 0% 50%, color-mix(in srgb, var(--hf-marke-500) 10%, transparent), transparent 70%), var(--hf-surface);box-shadow:inset 0 1px 0 var(--hf-border), inset 0 -1px 0 var(--hf-border);border-block:0}main:has(>.hero) .authority__claim{font-size:var(--hf-text-2xl);max-width:14ch}main:has(>.hero) .authority__claim b{background-image:linear-gradient(90deg, var(--hf-titel-marke-a), var(--hf-titel-marke-b));color:#0000;-webkit-background-clip:text;background-clip:text}main:has(>.hero) .figure{padding:var(--hf-space-4) var(--hf-space-5);border-radius:var(--hf-radius-lg);background:linear-gradient(160deg, var(--welt-50,var(--hf-brand-50)) 0%, var(--hf-surface) 70%);box-shadow:0 0 0 1px color-mix(in srgb, var(--welt-500,var(--hf-brand-500)) 22%, var(--hf-border)), inset 0 1px 0 #ffffffb3, 0 2px 4px -2px color-mix(in srgb, var(--welt-700,var(--hf-brand-700)) 25%, transparent), 0 22px 44px -28px color-mix(in srgb, var(--welt-700,var(--hf-brand-700)) 35%, transparent);transition:transform var(--hf-dur) var(--hf-ease), box-shadow var(--hf-dur) var(--hf-ease);position:relative;overflow:hidden}main:has(>.hero) .figure:before{content:"";background:linear-gradient(90deg, var(--welt-500,var(--hf-brand-500)), color-mix(in srgb, var(--welt-500,var(--hf-brand-500)) 30%, transparent));height:3px;position:absolute;inset:0 0 auto}main:has(>.hero) .figure__n{color:var(--welt-700,var(--hf-brand-700))}main:has(>.hero) .figure__l{margin-top:var(--hf-space-2);color:var(--hf-fg-muted)}main:has(>.hero) .figure--live .figure__n{color:var(--hf-online)}main:has(>.hero) .authority__in>.figure:first-of-type{--welt-500:var(--hf-welt-garten-500);--welt-700:var(--hf-welt-garten-700);--welt-50:var(--hf-welt-garten-50)}main:has(>.hero) .authority__in>.figure:nth-of-type(2){--welt-500:var(--hf-welt-bau-500);--welt-700:var(--hf-welt-bau-700);--welt-50:var(--hf-welt-bau-50)}main:has(>.hero) .authority__in>.figure:nth-of-type(3){--welt-500:var(--hf-welt-portal-500);--welt-700:var(--hf-welt-portal-700);--welt-50:var(--hf-welt-portal-50)}main:has(>.hero) .authority__in>.figure:nth-of-type(4){--welt-500:var(--hf-welt-technik-500);--welt-700:var(--hf-welt-technik-700);--welt-50:var(--hf-welt-technik-50)}@media (hover:hover) and (pointer:fine){main:has(>.hero) .figure:hover{transform:translateY(-3px)}}@media (min-width:900px){main:has(>.hero) .authority__in{gap:var(--hf-space-4);grid-template-columns:minmax(0,1.25fr) repeat(4,minmax(0,1fr));align-items:stretch}main:has(>.hero) .authority__claim{align-self:center}}main:has(>.hero) .figure.dim{padding-top:var(--hf-space-4)}main:has(>.hero) .figure.dim:after{display:none}main:has(>.hero) .figure{flex-direction:column;justify-content:center;min-width:0;margin:0;display:flex}main:has(>.hero) .figure__n{white-space:nowrap;letter-spacing:-.02em;font-size:clamp(1.6rem,2.2vw,2.4rem);line-height:1.05}main:has(>.hero) .figure__l{line-height:1.3}@media (max-width:899px){main:has(>.hero) .authority__in{gap:var(--hf-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}main:has(>.hero) .authority__claim{grid-column:1/-1;max-width:none}}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)}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) .figure{animation:linear backwards st-rein;animation-timeline:view();animation-range:entry entry 30%}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(.figure,.mkarte,.sec,.fk,.rank,.bridge .btn--accent,.puls__zeile,.trow){transition:none}:is(main:has(>.hero) :is(.figure,.mkarte,.sec,.fk,.rank):hover,main:has(>.hero) :is(.mkarte,.sec):active){transform:none}}