@property --hsb-winkel{syntax:"<angle>";inherits:true;initial-value:0deg}.hsb-hero{--hsb-farbe:var(--signal);--hsb-l:#d6be93;--hsb-l-rgb:214,190,147;--hsb-zahlfarbe:linear-gradient(172deg,#fffbf3 0%,#ead6b0 38%,#c9ac7c 70%,#9c8259 100%)}.hsb-hero[data-hsb=geo]{--hsb-farbe:#86b3ba;--hsb-l:#8fc6ce;--hsb-l-rgb:143,198,206;--hsb-zahlfarbe:linear-gradient(172deg,#f5fbfc 0%,#bfe0e5 38%,#86b9c1 70%,#558e97 100%)}html[data-theme=light] .hsb-hero[data-hsb=geo]{--hsb-farbe:#2f6e77}.hsb-hero>.sec{padding-top:clamp(22px,2.4vw,40px);padding-bottom:clamp(52px,5.4vw,88px)}.hsb-hero .rg-krumen ol{margin-bottom:clamp(20px,2.2vw,32px)}.hsb-raster{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(36px,5vw,96px);display:grid}.hsb-text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.hsb-hero h1{gap:clamp(14px,1.3vw,20px);margin:0}.hsb-hero h1 .disp.xl{max-width:none;font-size:clamp(34px,5vw,82px);line-height:1.02}.hsb-hero h1 .stmt.xl{letter-spacing:-.018em;max-width:27ch;color:var(--ink);text-wrap:balance;font-size:clamp(21px,1.9vw,30px);line-height:1.28}.hsb-akzent{color:var(--hsb-farbe)}.hsb-seitenzeile{border-left:2px solid var(--hsb-farbe);letter-spacing:-.012em;color:var(--ink);margin:clamp(22px,2vw,30px) 0 0;padding:2px 0 2px 18px;font-size:clamp(17px,1.35vw,20px);font-weight:500;line-height:1.45}.hsb-seitenzeile span{display:block}.hsb-seitenzeile span+span{color:var(--ink-2);font-weight:300}.hsb-hero .lead.hsb-einstieg{text-wrap:pretty;max-width:50ch;margin:clamp(16px,1.5vw,22px) 0 0;font-size:clamp(16px,1.2vw,18px);line-height:1.6}.hsb-hero .cta-row{margin-top:clamp(24px,2.2vw,32px)}.hsb-vertrauen{color:var(--ink-2);align-items:center;gap:10px;margin:clamp(18px,1.6vw,24px) 0 0;font-size:14px;line-height:1.4;display:flex}.hsb-vertrauen svg.ic{width:18px;height:18px;color:var(--hsb-farbe)}.hsb-instrument{--hsb-d:clamp(300px,min(33vw,calc(100vh - 320px)),540px);isolation:isolate;justify-items:center;gap:clamp(22px,2.2vw,32px);min-width:0;margin:0;display:grid;position:relative}.hsb-instrument:before{content:"";z-index:-1;left:50%;top:calc(min(100%,var(--hsb-d)) / 2);width:calc(min(100%,var(--hsb-d)) * 1.7);aspect-ratio:1;background:radial-gradient(closest-side,rgba(var(--hsb-l-rgb),.13),rgba(var(--hsb-l-rgb),.04) 55%,transparent 72%);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}html[data-theme=light] .hsb-instrument:before{background:radial-gradient(closest-side,rgba(var(--hsb-l-rgb),.12),rgba(var(--hsb-l-rgb),.04) 55%,transparent 72%)}.hsb-uhr{--u-ink:#f3f3f5;--u-ink2:#c3c4cb;--u-ink3:#868790;--u-strich:#ffffff21;--u-zehner:#ffffff38;--u-haar:#ffffff1a;--hsb-winkel:var(--hsb-ziel);width:min(100%,var(--hsb-d));aspect-ratio:1;color:var(--u-ink);border-radius:50%;position:relative;container-type:inline-size}.hsb-uhr>*{position:absolute}.hsb-lunette,.hsb-glanz{pointer-events:none;border-radius:50%;inset:-1.8%}.hsb-lunette{background:conic-gradient(#24252a 0deg,#5c5d64 30deg,#2a2b30 62deg,#141518 120deg,#101114 180deg,#1e1f23 205deg,#6e6f76 228deg,#2b2c31 258deg,#16171a 310deg,#24252a 360deg);box-shadow:inset 0 0 0 1px #ffffff17,0 0 0 1px #0009,0 60px 110px -56px #000000f2,0 26px 50px -34px #000000b3}html[data-theme=light] .hsb-lunette{background:conic-gradient(#c4c5ca 0deg,#fff 30deg,#c9cacf 62deg,#9c9da4 120deg,#8f9097 180deg,#b4b5bb 205deg,#fafafb 228deg,#bdbec3 258deg,#a2a3a9 310deg,#c4c5ca 360deg);box-shadow:inset 0 0 0 1px #ffffffb3,0 0 0 1px #0e0e0f29,0 50px 90px -48px #14141a8c,0 18px 34px -20px #14141a4d}.hsb-glanz{opacity:0;background:conic-gradient(from -30deg,#fff0 0deg,#ffffffd9 30deg,#fff0 60deg 360deg)}.hsb-platte{background:radial-gradient(circle at 50% 50%,rgba(var(--hsb-l-rgb),.085) 0%,rgba(var(--hsb-l-rgb),0) 44%), radial-gradient(circle at 50% 42%,#1d1e22 0%,#141519 44%,#0d0e10 74%,#08080a 100%);border-radius:50%;inset:0;box-shadow:inset 0 0 0 1px #000000bf,inset 0 0 0 2px #ffffff0a,inset 0 26px 50px -30px #ffffff12,inset 0 -40px 80px -30px #0009}.hsb-platte:before,.hsb-platte:after{content:"";border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 40%,#000 72% 100%);mask:radial-gradient(closest-side,#0000 40%,#000 72% 100%)}.hsb-platte:before{background:conic-gradient(from 292deg,#fff0 0deg,#ffffff0f 30deg,#fff0 66deg 180deg,#ffffff0a 210deg,#fff0 246deg)}.hsb-platte:after{background:repeating-conic-gradient(#ffffff06 0deg .4deg,#fff0 .4deg .8deg)}.hsb-glas{pointer-events:none;background:radial-gradient(110% 80% at 26% 4%,#ffffff13 0%,#ffffff05 38%,#fff0 52%);border-radius:50%;inset:0}.hsb-skala{width:100%;height:100%;display:block;inset:0;overflow:visible}.hsb-skala path:not(.hsb-index){fill:none;stroke:var(--u-strich)}.hsb-skala .hsb-zehner{stroke:var(--u-zehner)}.hsb-rehaut,.hsb-schiene{fill:none;stroke:var(--u-haar);stroke-width:1.5px}.hsb-index{fill:var(--hsb-l)}.hsb-licht{-webkit-mask:conic-gradient(#000 min(var(--hsb-winkel),var(--hsb-ziel)),#0000 0);mask:conic-gradient(#000 min(var(--hsb-winkel),var(--hsb-ziel)),#0000 0);inset:0}.hsb-licht .hsb-skala{filter:drop-shadow(0 0 2px rgba(var(--hsb-l-rgb),.6))}.hsb-licht .hsb-skala path{stroke:var(--hsb-l)}.hsb-spur,.hsb-zeiger{transform:rotate(var(--hsb-winkel));pointer-events:none;border-radius:50%;inset:0}.hsb-spur{background:conic-gradient(from -64deg,rgba(var(--hsb-l-rgb),0) 0deg,rgba(var(--hsb-l-rgb),.32) 63.4deg,rgba(var(--hsb-l-rgb),0) 64deg);opacity:0;-webkit-mask:radial-gradient(closest-side,#0000 76%,#000 79% 92%,#0000 94%);mask:radial-gradient(closest-side,#0000 76%,#000 79% 92%,#0000 94%)}.hsb-zeiger i{background:linear-gradient(180deg,#fff 0%,var(--hsb-l) 55%,rgba(var(--hsb-l-rgb),.15) 100%);width:2px;height:8.6%;box-shadow:0 0 9px rgba(var(--hsb-l-rgb),.65);border-radius:2px;margin-left:-1px;position:absolute;top:2.6%;left:50%}.hsb-zeiger i:before{content:"";width:7px;height:7px;box-shadow:0 0 0 1.5px var(--hsb-l),0 0 14px 3px rgba(var(--hsb-l-rgb),.6);background:#fff;border-radius:50%;margin-left:-3.5px;position:absolute;top:-4px;left:50%}.hsb-mitte{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;inset:21% 16% 25%}.hsb-wert{filter:drop-shadow(0 0 2.6cqi rgba(var(--hsb-l-rgb),.2));flex-direction:column;align-items:center;margin:0;line-height:1;display:flex}.hsb-zahl{font-family:var(--font-display);letter-spacing:-.025em;font-variant-numeric:tabular-nums;background:var(--hsb-zahlfarbe);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 .04em;font-size:22cqi;font-weight:500;line-height:.94;display:block}.hsb-nenner{font-family:var(--font-display);letter-spacing:.06em;color:var(--u-ink);margin-top:2.4cqi;font-size:4.4cqi;font-weight:500;display:block}.hsb-nenner span{font-family:var(--font-text);letter-spacing:0;color:var(--u-ink2);font-weight:300}.hsb-was{letter-spacing:-.005em;max-width:24ch;color:var(--u-ink2);text-wrap:balance;margin:3.6cqi 0 0;font-size:clamp(12.5px,3cqi,15.5px);font-weight:300;line-height:1.45}.hsb-nw{white-space:nowrap}.hsb-legende{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--u-ink3);margin:0;font-size:clamp(8.5px,1.7cqi,10.5px);font-weight:500;line-height:1;top:80.5%;left:0;right:0}.hsb-quelle{max-width:46ch;color:var(--ink-3);text-align:center;text-wrap:balance;margin:0;font-size:12.5px;line-height:1.55}@media (prefers-reduced-motion:no-preference){.hsb-instrument{--hsb-start:.5s}html.js .hsb-uhr{animation:hsb-messen var(--hsb-dauer,2.3s) var(--hsb-start) both,hsb-auf 1.1s cubic-bezier(.16,1,.3,1) .15s both}html.js .hsb-skala{animation:.9s .3s both hsb-da}html.js .hsb-spur{animation:hsb-spur var(--hsb-dauer,2.3s) var(--hsb-start) both}html.js .hsb-zeiger{animation:hsb-da .35s ease var(--hsb-start) both}html.js .hsb-wert{animation:hsb-hoch 1s cubic-bezier(.16,1,.3,1) calc(var(--hsb-start) + var(--hsb-dauer,2.3s) * .54) both}html.js .hsb-was{animation:hsb-hoch 1s cubic-bezier(.16,1,.3,1) calc(var(--hsb-start) + var(--hsb-dauer,2.3s) * .54 + .2s) both}html.js .hsb-legende{animation:hsb-da .8s ease calc(var(--hsb-start) + var(--hsb-dauer,2.3s) * .82) both}html.js .hsb-glanz{animation:hsb-glanz 1.6s cubic-bezier(.45,0,.25,1) calc(var(--hsb-start) + var(--hsb-dauer,2.3s) * .92) both}html.js [data-hsb-wartet] :is(.hsb-uhr,.hsb-skala,.hsb-spur,.hsb-zeiger,.hsb-wert,.hsb-was,.hsb-legende,.hsb-glanz){animation:none}html.js [data-hsb-wartet] .hsb-uhr{--hsb-winkel:0deg;opacity:0;transform:scale(.965)}html.js [data-hsb-wartet] :is(.hsb-skala,.hsb-zeiger,.hsb-spur,.hsb-glanz,.hsb-wert,.hsb-was,.hsb-legende){opacity:0}}@keyframes hsb-messen{0%{--hsb-winkel:0deg;animation-timing-function:cubic-bezier(.5,.05,.2,1)}76%{--hsb-winkel:calc(var(--hsb-ziel) + 1.8deg);animation-timing-function:cubic-bezier(.45,0,.4,1)}90%{--hsb-winkel:calc(var(--hsb-ziel) - .5deg);animation-timing-function:cubic-bezier(.45,0,.4,1)}to{--hsb-winkel:var(--hsb-ziel)}}@keyframes hsb-auf{0%{opacity:0;transform:scale(.965)}32%{opacity:1}to{opacity:1;transform:none}}@keyframes hsb-da{0%{opacity:0}to{opacity:1}}@keyframes hsb-hoch{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hsb-spur{0%{opacity:0}8%{opacity:1}62%{opacity:1}92%,to{opacity:0}}@keyframes hsb-glanz{0%{opacity:0;transform:rotate(-30deg)}18%{opacity:1}72%{opacity:1}to{opacity:0;transform:rotate(330deg)}}@media (width<=1180px){.hsb-raster{grid-template-columns:minmax(0,1fr) minmax(0,.86fr)}}@media (width<=900px){.hsb-raster{grid-template-columns:minmax(0,1fr);gap:clamp(44px,8vw,64px)}.hsb-instrument{--hsb-d:440px}}@media (width<=560px){.hsb-hero>.sec{padding-top:22px}.hsb-hero .rg-krumen ol{margin-bottom:18px}.hsb-instrument{--hsb-d:340px}.hsb-hero .cta-row{gap:14px 22px}.hsb-hero .lead.hsb-einstieg{-webkit-hyphens:auto;hyphens:auto}}