.einstieg{padding-block:clamp(2rem,5vw,4rem) clamp(1.5rem,3vw,2.5rem)}.einstieg h1{font-size:min(var(--t-h1), 5rem);letter-spacing:-.02em;margin-top:1.25rem;font-weight:650;font-stretch:104%}.einstieg__text{max-width:44rem;font-size:var(--t-gross);color:var(--tinte-leise);margin-top:1.25rem}.abschnitt{padding-block:var(--abstand)}.abschnitt--tief{background:var(--grund-tief)}.abschnitt__kopf{margin-bottom:clamp(2rem,4vw,3rem)}h2{font-size:min(var(--t-h2), 3.25rem);letter-spacing:-.02em;margin-top:1rem;font-weight:650;font-stretch:104%}.leiser-link{white-space:nowrap;align-items:center;gap:.5rem;min-height:3rem;font-weight:650;text-decoration:none;display:inline-flex}.leiser-link svg{width:1.15rem;height:1.15rem}.werkzeug-formular{white-space:normal}.werkzeug-formular:hover{text-underline-offset:.2em;text-decoration:underline}.studio{gap:clamp(1.5rem,3vw,2.5rem);display:grid}.vergleich{margin-top:clamp(2rem,4vw,3rem)}.studio-ende{height:var(--abstand)}@media (width>=64rem){.studio{grid-template-columns:minmax(0,1.65fr) minmax(19rem,1fr);align-items:start}.studio__spalte{top:calc(var(--kopf) + 1rem);position:sticky}}@media (width<=63.99rem){.studio__spalte{display:contents}}@media (width<=63.99rem) and (height>=40rem){.studio .studio__haft{top:var(--kopf);z-index:5;clip-path:none;position:sticky;box-shadow:0 .6rem 1rem -.6rem #00000073}}input[type=range]{width:100%;accent-color:var(--blau);min-height:2.75rem}.ergebnis{border-top:1px solid var(--tinte);grid-template-columns:1fr 1fr;gap:0 1.5rem;margin-top:1.25rem;padding-top:1rem;display:grid}.ergebnis__zahl{flex-direction:column;display:flex}.ergebnis__wert{color:var(--blau);font-size:clamp(1.75rem,1.3rem + 1.5vw,2.5rem);font-weight:650;font-stretch:104%;line-height:1.1}.ergebnis__text{font-size:var(--t-klein);color:var(--tinte-leise)}.ergebnis__rat{font-size:var(--t-klein);color:var(--tinte-leise);grid-column:1/-1;margin-top:.85rem}.regler{gap:1.5rem;display:grid}.gruppe{border:0;border-bottom:1px solid var(--linie);margin:0;padding:0 0 1.5rem}.gruppe__titel{margin-bottom:.75rem;padding:0;font-weight:700;display:block}.gruppe__hinweis{color:var(--tinte-leise);margin-top:.5rem;font-size:.8125rem}.eingabe{border:2px solid var(--tinte);width:100%;min-height:3.25rem;font:inherit;letter-spacing:.02em;background:#fff;padding:0 1rem;font-size:1.25rem;font-weight:700}.eingabe:focus-visible{outline:3px solid var(--blau);outline-offset:2px}.wahl{gap:.5rem;display:grid}.wahl--licht{grid-template-columns:1fr 1fr}.wahl--klein{grid-template-columns:repeat(3,1fr)}.wahl__option{position:relative}.wahl__option input,.farbe input{opacity:0;width:1px;height:1px;position:absolute}.wahl__option span{border:1px solid var(--linie);cursor:pointer;background:#ffffff80;min-height:3.25rem;padding:.6rem .8rem;font-weight:650;line-height:1.2;transition:background-color .15s,border-color .15s;display:block}.wahl__option small{color:var(--tinte-leise);margin-top:.15rem;font-size:.75rem;font-weight:500;display:block}.wahl__option--klein span{place-items:center;min-height:2.75rem;display:grid}.wahl__option span:hover{border-color:var(--tinte)}.wahl__option input:checked+span{background:var(--tinte);border-color:var(--tinte);color:var(--grund)}.wahl__option input:checked+span small{color:var(--auf-nacht-leise)}.wahl__option input:focus-visible+span,.farbe input:focus-visible+.farbe__punkt{outline:3px solid var(--blau);outline-offset:2px}.wahl--farben{flex-wrap:wrap;gap:.6rem;display:flex}.farbe{cursor:pointer;position:relative}.farbe__punkt{background:var(--f);width:2.75rem;height:2.75rem;box-shadow:0 0 0 0 var(--tinte);border:1px solid #0003;transition:box-shadow .15s;display:block;transform:skew(-12deg)}.farbe input:checked+.farbe__punkt{box-shadow:0 0 0 3px var(--grund), 0 0 0 5px var(--tinte)}.aktionen{gap:.75rem;display:grid}.leiser-knopf{border:1px solid var(--tinte);min-height:3rem;font:inherit;cursor:pointer;background:0 0;padding:0 1.1rem;font-weight:650}.leiser-knopf:hover{background:#fff9}.klaeren{gap:1.5rem 2rem;display:grid}@media (width>=48rem){.klaeren{grid-template-columns:repeat(2,1fr)}}@media (width>=72rem){.klaeren{grid-template-columns:repeat(4,1fr)}}.klaeren li{border-top:1px solid var(--linie);padding-top:1rem}.klaeren h3{font-size:var(--t-h3);font-weight:650}.klaeren p{color:var(--tinte-leise);margin-top:.5rem}.zeitplan{background:var(--blau-nacht);color:var(--auf-nacht)}.zeitplan :focus-visible{outline-color:#fff}.zeitplan .abschnitt__text{max-width:44rem;color:var(--auf-nacht-leise);font-size:var(--t-gross);margin-top:1rem}.zeitplan__eingabe{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:2rem;display:flex}.zeitplan__eingabe label{font-weight:700}.zeitplan__eingabe input{border:2px solid var(--auf-nacht-leise);min-height:3rem;color:var(--auf-nacht);font:inherit;color-scheme:dark;background:#2a2a2a;padding:0 .9rem;font-size:1.1rem}.spur{gap:1.5rem;display:grid}@media (width>=48rem){.spur{grid-template-columns:repeat(4,1fr)}}.spur li{border-top:3px solid var(--linie-nacht);gap:.35rem;padding-top:1rem;display:grid}.spur li.ok{border-top-color:#4fbf7a}.spur li.knapp{border-top-color:var(--rot)}.spur .spur__datum{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:650}.spur li>span:last-child{color:var(--auf-nacht-leise);font-size:var(--t-klein)}.zeitplan__ampel{background:#4fbf7a1a;border-left:.35rem solid #4fbf7a;margin-top:2rem;padding:1rem 1.2rem}.zeitplan__ampel[data-stand=gelb]{background:#f2b6001a;border-left-color:#f2b600}.zeitplan__ampel[data-stand=rot]{border-left-color:var(--rot);background:#e306131f}.zeitplan__vorbehalt{font-size:var(--t-klein);color:var(--auf-nacht-leise);margin-top:.75rem;font-style:italic}@media (width>=64rem){.spur--fuenf{grid-template-columns:repeat(5,1fr)}}@media (width>=72rem){.klaeren--drei{grid-template-columns:repeat(3,1fr)}}