.rechner{isolation:isolate;color:var(--text);border-radius:21px;grid-template-columns:minmax(0,1fr);grid-template-areas:"eingabe""ergebnis""nacht""wecker""privat";gap:34px;padding:34px;display:grid;position:relative;overflow:hidden}.rechner>.held-himmel{z-index:-1}.rechner fieldset{border:0;min-width:0;margin:0;padding:0}.rechner a{color:var(--accent);text-underline-offset:3px}.rechner-eingabe{flex-wrap:wrap;grid-area:eingabe;align-items:center;gap:13px 21px;display:flex}.rechner-ergebnis{grid-area:ergebnis}.rechner-nacht-bereich{grid-area:nacht}.rechner-wecker{grid-area:wecker}.rechner-privat{color:var(--text3);grid-area:privat;margin:0;font-size:13px}.rechner-karte,.rechner-spalten{background:var(--surface);border:1px solid var(--line);box-shadow:var(--schatten-klein)}.rechner-nacht{background:var(--bg);border:1px solid var(--line);box-shadow:var(--schatten)}.rechner-nacht .rechner-wahl,.rechner-nacht .rechner-weckerwahl span,.rechner-nacht .rechner-zeitfeld input,.rechner-nacht .rechner-einschlafen select{background:color-mix(in srgb, var(--surface) 72%, transparent)}.rechner-nacht .rechner-wahl-zeit{text-shadow:0 0 21px var(--schein-handy)}@media (width>=860px){.rechner-spalten{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);grid-template-areas:"eingabe ergebnis""eingabe nacht""eingabe wecker""privat privat";align-items:start;column-gap:55px}.rechner-spalten .rechner-eingabe{flex-direction:column;align-items:stretch}.rechner-spalten .rechner-zeiten{grid-template-columns:minmax(0,1fr)}.rechner-spalten .rechner-wahl{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;column-gap:13px}}.rechner-modus{background:var(--surface2);border-radius:999px;padding:4px;display:inline-flex}.rechner-modus label,.rechner-weckerwahl label{position:relative}.rechner-modus input,.rechner-weckerwahl input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.rechner-modus span{color:var(--text2);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700;display:block}.rechner-modus input:checked+span{background:var(--surface);color:var(--text);box-shadow:var(--schatten-klein)}.rechner-modus input:focus-visible+span,.rechner-weckerwahl input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.rechner-zeitfeld{flex-wrap:wrap;align-items:center;gap:8px 13px;display:flex}.rechner-zeitfeld input{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:13px;padding:4px 13px;font-size:34px;font-weight:700}.rechner-jetzt{color:var(--accent);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:14px;font-weight:700;text-decoration:underline}.rechner-einschlafen{color:var(--text2);flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:flex}.rechner-einschlafen select{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;border-radius:10px;padding:6px 10px}.rechner-frage,.rechner-nacht-titel{margin:0 0 13px;font-weight:700}.rechner-zeiten{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0;padding:0;list-style:none;display:grid}.rechner-wahl{border:1px solid var(--line);background:var(--surface);width:100%;height:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:13px;justify-items:start;gap:2px;padding:13px 16px;display:grid}.rechner-wahl:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.rechner-wahl[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.rechner-wahl:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rechner-wahl-zeit{font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1.1}.rechner-wahl-text{color:var(--text2);font-size:14px}.rechner-wahl-marke{color:var(--text3);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:800}.rechner-wahl.ist-empfohlen .rechner-wahl-marke{color:var(--gruen)}.rechner-klein{color:var(--text3);margin:13px 0 0;font-size:13px;line-height:1.5}.rechner-zeitstrahl{padding-top:26px;position:relative}.rechner-balken{height:34px;position:relative}.rechner-teile{background:var(--surface2);border-radius:8px;position:absolute;inset:0;overflow:hidden}.rechner-teil{position:absolute;top:0;bottom:0}.teil-schlaf{background:color-mix(in srgb, var(--accent) 24%, var(--surface2))}.teil-rem{background:var(--accent)}.teil-einschlafen,.teil-wach{background:repeating-linear-gradient(135deg, var(--line) 0 4px, var(--surface2) 4px 8px)}.teil-wach{background:repeating-linear-gradient(135deg, var(--gelb) 0 3px, var(--surface2) 3px 8px)}.rechner-marke{border-left:2px solid var(--text);width:0;position:absolute;top:-26px;bottom:-5px}.rechner-marke span{white-space:nowrap;font-size:13px;font-weight:700;position:absolute;top:0;left:6px}.rechner-marke.rechts span{left:auto;right:6px}.rechner-stunden{height:21px;color:var(--text3);font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px;position:relative}.rechner-stunden span{position:absolute;transform:translate(-50%)}.rechner-legende{color:var(--text2);flex-wrap:wrap;align-items:center;gap:8px 21px;margin:13px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.rechner-legende i{vertical-align:-2px;border-radius:3px;width:13px;height:13px;margin-right:6px;display:inline-block}.rechner-legende .rechner-klein{margin:0}.rechner-wecker-titel{margin-bottom:13px;padding:0;font-size:21px;font-weight:800}.rechner-weckerwahl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:21px;display:grid}.rechner-weckerwahl span{border:1px solid var(--line);background:var(--surface);border-radius:13px;align-content:start;gap:2px;height:100%;padding:10px 13px;font-weight:700;display:grid}.rechner-weckerwahl small{color:var(--text2);font-size:13px;font-weight:500;line-height:1.4}.rechner-weckerwahl input:checked+span{border-color:var(--accent);background:var(--accent-soft)}.rechner-schritte{gap:8px;margin:0;padding-left:21px;line-height:1.55;display:grid}.rechner-warnung{background:var(--hint-bg);color:var(--hint-text);border-radius:13px;margin:0;padding:13px 16px;line-height:1.5}.rechner-app{margin:13px 0 0;font-size:15px;line-height:1.5}@media (width<=640px){.rechner{gap:21px;padding:21px}.rechner-zeiten,.rechner-weckerwahl{grid-template-columns:minmax(0,1fr)}.rechner-wahl{grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:13px}.rechner-wahl-marke{grid-column:2}.rechner-stunden .nebensache{display:none}}.zeige-hilfslinien .rechner>:not(.held-himmel):not(noscript){outline:1px dashed color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:6px}@media (width>=860px){.zeige-hilfslinien .rechner-spalten:after{content:"38,2 : 61,8";border-left:1px dashed var(--accent);color:var(--accent);padding:8px 0 0 6px;font-size:11px;position:absolute;top:0;bottom:0;left:calc(38.2% + 14.514px)}}