.seite{--tinte:#2a1a3c;--leise:#2a1a3ca8;--linie:#2a1a3c24;--weiss:#fff;--heide:#8a4fa0;--gold:#f2b84b;--nacht:#1d1a1c;color:var(--tinte);background:#d6e7ee;font-family:Bricolage Grotesque Variable,system-ui,sans-serif;font-size:17px;line-height:1.5;position:fixed;inset:0;overflow-y:auto}.seite .spalte{width:min(100%,640px);padding:20px 20px max(40px, env(safe-area-inset-bottom));margin:0 auto}.seite .spalte[data-breit]{width:min(100%,860px)}.seite header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.seite a{color:var(--tinte);text-underline-offset:3px;border-radius:4px}.seite a:focus-visible,.seite button:focus-visible{outline:3px solid var(--tinte);outline-offset:3px}.seite .marke{letter-spacing:-.015em;font-size:18px;font-weight:800;text-decoration:none}.seite .heim{font-size:15px;font-weight:650}.seite main{margin-top:36px}.seite h1{letter-spacing:-.04em;margin:0 0 22px;font-size:clamp(38px,10vw,60px);font-weight:800;line-height:.95}.seite h2{letter-spacing:-.02em;margin:34px 0 8px;font-size:22px;font-weight:760;line-height:1.15}.seite p,.seite ul{text-wrap:pretty;max-width:62ch;margin:0 0 12px}.seite ul{padding-left:20px}.seite li+li{margin-top:4px}.seite .leise{color:var(--leise)}.seite footer{border-top:1px solid var(--linie);flex-wrap:wrap;gap:6px 18px;margin-top:48px;padding-top:16px;font-size:14.5px;display:flex}.seite .stufen{gap:4px;max-width:520px;margin:16px 0 18px;padding:0;list-style:none;display:grid}.seite .stufen li{border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;margin:0;padding:9px 14px;font-size:15.5px;display:grid;box-shadow:inset 0 0 0 1.5px #2a1a3c1f}.seite .stufen b{font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.seite .stufen span{white-space:nowrap}.seite .stufen span:last-child{opacity:.8;text-align:right;font-size:14px}.seite .zahlen{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 20px;display:grid}.seite .zahlen div{background:var(--weiss);border-radius:16px;padding:12px 14px}.seite .zahlen b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1;display:block}.seite .zahlen span{color:var(--leise);margin-top:4px;font-size:13.5px;line-height:1.25;display:block}.seite .weide{color:#fff;background:linear-gradient(#9a62ae,#8a4fa0 90px);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 12px;max-width:none;margin:0 -20px;padding:30px 20px 34px;list-style:none;display:grid}.seite .weide li{text-align:center;justify-items:center;margin:0;display:grid}.seite .weide svg{width:96px;height:96px}.seite .marke-ohr{background:var(--gold);color:var(--nacht);border-radius:10px;margin-top:2px;padding:6px 12px 7px;line-height:1.15}.seite .marke-ohr b{overflow-wrap:anywhere;font-size:16px;font-weight:800;display:block}.seite .marke-ohr time{font-variant-numeric:tabular-nums;font-size:12.5px}.seite .weide small{color:#ffffffd1;text-wrap:balance;margin-top:6px;font-size:13px;line-height:1.3}.seite .weide-leer{color:#fff;background:linear-gradient(#9a62ae,#8a4fa0 90px);max-width:none;margin:0 -20px;padding:34px 20px;font-weight:600}.seite .weide-leer a{color:#fff}.seite .tage{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:520px;font-size:15.5px}.seite .tage th{text-align:left;color:var(--leise);font-size:13px;font-weight:600}.seite .tage th,.seite .tage td{border-bottom:1px solid var(--linie);padding:7px 0}.seite .tage :is(th,td):last-child{text-align:right;font-weight:750}.seite .kennung{overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13.5px}
