*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--grund);color:var(--schrift);margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.sprung{position:absolute;left:-9999px}.sprung:focus{background:var(--licht);color:var(--grund);z-index:9;padding:8px 12px;top:8px;left:8px}header{flex-wrap:wrap;align-items:center;gap:12px 18px;min-width:0;max-width:780px;margin:0 auto;padding:18px 20px;display:flex}header nav{display:contents}.marke{letter-spacing:.01em;align-items:center;gap:10px;margin:0;font-weight:650;display:flex}.marke a{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.marke svg{color:var(--licht);flex:none}.marke{flex:auto;order:-2}header .thema{order:-1}@media (width<=40em){.marke{flex-basis:calc(100% - 42px)}header .sprachen{flex-basis:100%}}header nav a,footer a{color:var(--licht);border-bottom:1px solid #0000;text-decoration:none}header nav a:hover,footer a:hover,main a:hover{border-bottom-color:currentColor}main a{color:var(--licht)}main{max-width:780px;margin:0 auto;padding:8px 20px 40px}section{border-top:1px solid var(--rand);padding:26px 0}section.kopf{border-top:0;padding-top:10px}h1{letter-spacing:-.015em;margin:0 0 22px;font-size:clamp(28px,6vw,44px);line-height:1.18}h2{margin:0 0 14px;font-size:21px}.satz{margin:0 0 26px;font-size:18px}.satz strong{color:var(--licht)}.film{max-width:22rem;margin:28px 0 0}.film figcaption,.schauen figcaption{color:var(--gedaempft);margin:8px 2px 0;font-size:14px}.aufnahme{margin:22px 0 0}.schauen{gap:22px;margin-top:8px;display:grid}.schirm{border:1px solid var(--rand);background:var(--tiefer);border-radius:14px;padding:6px}.schirm img,.schirm video{background:var(--tiefer);border-radius:8px;width:100%;height:auto;display:block}.schirm video{aspect-ratio:1;object-fit:contain}.schauen .schirm img,.aufnahme .schirm img{aspect-ratio:16/9;object-fit:contain}.knopf{background:var(--licht);color:var(--grund);border-radius:10px;padding:13px 26px;font-weight:650;text-decoration:none;display:inline-block}.knopf:hover{filter:brightness(1.07);border-bottom:0}.dazu{color:var(--gedaempft);margin:10px 0 0;font-size:15px}ul{margin:0;padding-left:22px}li{margin-bottom:10px}li b{color:var(--licht);font-weight:650}.nicht li{margin-left:-22px;padding-left:26px;list-style:none;position:relative}.nicht li:before{content:"—";color:var(--gedaempft);position:absolute;left:4px}.arbeit{color:var(--gedaempft)}.arbeit strong{color:var(--schrift)}footer{border-top:1px solid var(--rand);max-width:780px;color:var(--gedaempft);margin:0 auto;padding:26px 20px 44px;font-size:15px}footer p{margin:0 0 8px}.fuss-zeilen{flex-wrap:wrap;gap:10px;display:flex}.sprachen{opacity:.8;margin-top:.9rem;font-size:.85rem}.sprachen a{margin-inline:.35rem}@media (prefers-reduced-motion:reduce){*{transition:none!important}}:root{--rund:10px;--breit:62rem}.mitte{width:min(100% - 2.5rem, var(--breit));margin-inline:auto}main.breit{max-width:none;padding-inline:0}.symbole{display:none}.icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.15em;width:1.25rem;height:1.25rem}.icon-gross{width:1.75rem;height:1.75rem;color:var(--licht)}.etikett{letter-spacing:.14em;text-transform:uppercase;color:var(--gedaempft);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.75rem;font-weight:700;display:flex}.etikett .icon{width:1rem;height:1rem;color:var(--licht);vertical-align:0}.thema{min-width:44px;min-height:44px;font:inherit;color:var(--gedaempft);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:.4rem;margin:-10px;padding:0;display:inline-flex}.thema:hover{color:var(--schrift);border-bottom-color:var(--licht)}.thema span{align-items:center;gap:.4rem;display:inline-flex}.thema .icon{vertical-align:0;width:1rem;height:1rem;color:var(--licht)}.thema .nur-dunkel{display:none}@media (prefers-color-scheme:dark){:root:not([data-thema=hell]) .nur-hell{display:none}:root:not([data-thema=hell]) .nur-dunkel{display:inline-flex}}:root[data-thema=dunkel] .nur-hell{display:none}:root[data-thema=dunkel] .nur-dunkel,:root[data-thema=hell] .nur-hell{display:inline-flex}:root[data-thema=hell] .nur-dunkel{display:none}.knopf.leise{background:var(--tiefer);color:var(--schrift);border:2px solid var(--rand);padding:11px 24px}.taten{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.merkzeile{flex-wrap:wrap;gap:.4rem .5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.merkzeile li{border:1px solid var(--rand);letter-spacing:.08em;text-transform:uppercase;color:var(--gedaempft);border-radius:999px;margin-bottom:0;padding:.2rem .7rem;font-size:.8125rem;font-weight:700}.gitter{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem;margin-top:2rem;display:grid}.kachel{border:1px solid var(--rand);border-radius:var(--rund);background:var(--tiefer);padding:1.25rem}.kachel h3{margin:0 0 .5rem;font-size:1.0625rem}.kachel p{color:var(--gedaempft);margin:0;font-size:.9375rem}.kachel>.icon,.weg>.icon{color:var(--licht);margin:0 0 .6rem;line-height:0;display:block}.wege{grid-template-columns:1fr;gap:1.25rem;margin-top:2rem;display:grid}@media (width>=44rem){.wege{grid-template-columns:1fr 1fr}}.weg{border:1px solid var(--rand);border-radius:var(--rund);background:var(--tiefer);flex-direction:column;padding:1.25rem;display:flex}.weg h3{margin:0 0 .25rem;font-size:1.125rem}.weg p{color:var(--gedaempft);margin:0 0 1rem;font-size:.9375rem}.weg ul,.weg ol{margin:0 0 1rem;padding-left:1.2rem;font-size:.9375rem}.weg li{margin-bottom:.35rem}.weg ol li::marker{color:var(--licht);font-weight:700}.weg .unten{margin-top:auto}.regeln{counter-reset:regel;gap:.75rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.regeln li{counter-increment:regel;align-items:center;min-height:2rem;margin-bottom:0;padding-left:2.75rem;display:flex;position:relative}.regeln li:before{content:counter(regel);background:var(--tiefer);border:1px solid var(--rand);width:2rem;height:2rem;color:var(--licht);border-radius:999px;place-items:center;font-size:.9375rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.reihe{scroll-snap-type:x proximity;align-items:start;gap:1rem;padding:1.5rem .25rem .75rem;display:flex;overflow-x:auto}.reihe figure{scroll-snap-align:start;flex:none;width:30rem;max-width:85vw;margin:0}.reihe .schirm img{aspect-ratio:16/9;object-fit:contain;background:var(--tiefer);width:100%;height:auto}.reihe figcaption{color:var(--gedaempft);margin-top:.5rem;font-size:.8125rem}.tabelle{margin-top:1.5rem;overflow-x:auto}.tabelle table{border-collapse:collapse;width:100%;font-size:.9375rem}.tabelle th,.tabelle td{text-align:left;border-bottom:1px solid var(--rand);padding:.55rem .75rem}.tabelle th{color:var(--gedaempft);letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.fragen{margin:1.5rem 0 0}.fragen dt{color:var(--schrift);margin-top:1.25rem;font-weight:700}.fragen dd{color:var(--gedaempft);margin:.35rem 0 0}.fragen dd a{color:var(--licht)}.marken{flex-wrap:wrap;gap:.5rem 1.1rem;padding:.75rem 0 0;font-size:.9375rem;display:flex}.marken a{color:var(--gedaempft);border-bottom:1px solid #0000;text-decoration:none}.marken a:hover{color:var(--schrift);border-bottom-color:currentColor}.beispiel{border:1px solid var(--rand);border-radius:var(--rund);background:var(--tiefer);margin:1rem 0 0;padding:.6rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem;overflow-x:auto}.rechnung{flex-wrap:wrap;align-items:center;gap:.5rem .7rem;margin:0 0 1.5rem;display:flex}.rechnung img{width:3rem;height:3rem}.rechnung i{color:var(--gedaempft);font-size:1.25rem;font-style:normal}.stoffe{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:.3rem;display:inline-flex}.stoffe img{width:1.5rem;height:1.5rem}.zahlen{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem;margin:1.75rem 0 0;display:grid}.zahlen div{border:1px solid var(--rand);border-radius:var(--rund);background:var(--tiefer);padding:.9rem 1rem}.zahlen dt{letter-spacing:.1em;text-transform:uppercase;color:var(--gedaempft);font-size:.75rem;font-weight:700}.zahlen dd{color:var(--schrift);margin:.25rem 0 0;font-size:1.375rem;font-weight:700}.nachbarn{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.nachbarn li{margin-bottom:0}.nachbarn a{border:1px solid var(--rand);border-radius:var(--rund);background:var(--tiefer);color:inherit;align-items:flex-start;gap:1rem;height:100%;padding:1rem;text-decoration:none;display:flex}.nachbarn a:hover{border-color:var(--licht);border-bottom-color:var(--licht)}.nachbarn img{border-radius:10px;flex:none;width:3rem;height:3rem}.nachbarn .text{gap:.2rem;font-size:.9375rem;display:grid}.nachbarn .text b{color:var(--schrift)}.nachbarn .text span{color:var(--gedaempft)}.nachbarn .domain{color:var(--licht);font-size:.8125rem}.regelfeld{gap:1.5rem;display:grid}@media (width>=56rem){.regelfeld{grid-template-columns:1fr 1fr;align-items:center}}.regelbild{margin:1.5rem 0 0}@media (width>=56rem){.regelbild{margin:0}}header .sprachen{opacity:.85;flex-wrap:wrap;align-items:center;gap:.15rem;min-width:0;margin:0;font-size:.85rem;display:flex}header .sprachen span:first-child{margin-right:.2rem}.nur-start{color:var(--gedaempft);vertical-align:super;font-size:.8em}