:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--canvas:#fff;--linen:#faf8f7;--silver:#cfcfcf;--indigo:#0d0021;--ink:#05010d;--text:#000;--carbon:#333;--slate:#595959;--steel:#737373;--signal:#006ae6;--signalHover:#0057c2;--amber:#f7be00;--amberHover:#ffcb1f;--band:#faf8f7;--bandInk:#fff;--tint:#0000000a;--accent:#006ae6;--onDark:#05010d;--onDarkDim:#333;--onDarkFaint:#595959;--hairDark:#0000001f;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--schatten:0 0 0 1px #0000000a,0 1px 1px .5px #00000005,0 3px 3px 1.5px #00000005, 0 6px 6px -3px #00000005,0 12px 12px -6px #00000005,0 24px 24px -12px #00000005;--schattenNav:0 1px 1px .5px #00000008,0 3px 3px 1.5px #00000008,0 6px 6px -3px #00000008, 0 12px 12px -6px #00000008,0 24px 24px -12px #00000008;--hover:0 8px 24px #00000014;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.32,.72,0,1);--sanft:cubic-bezier(.45,0,.55,1);--tray:0 0 0 6px #00000006,0 0 0 7px #0000000b;--trayDark:0 0 0 1px #00000014;--glanz:inset 0 1px 0 #ffffffbf;--glanzDark:inset 0 0 0 0 transparent}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--band:#0d0021;--bandInk:#05010d;--tint:#ffffff0f;--accent:#f7be00;--onDark:#fff;--onDarkDim:#e4e4e7;--onDarkFaint:#dcdce0;--hairDark:#ffffff24;--trayDark:0 0 0 6px #ffffff06,0 0 0 7px #ffffff12;--glanzDark:inset 0 1px 0 #ffffff0f}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--band);scroll-padding-top:90px;overflow-x:clip}body{background:var(--canvas);color:var(--text);font:400 16px/1.5 var(--sans);letter-spacing:-.006em;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3{text-wrap:balance;margin:0}p{text-wrap:pretty}a,button,summary{transition:background-color .22s var(--spring),color .22s var(--spring),border-color .22s var(--spring), box-shadow .35s var(--spring),transform .35s var(--spring)}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:6px}.dunkel :focus-visible{outline-color:var(--accent)}.leiste :focus-visible{outline-color:var(--amber)}.skip{background:var(--canvas);color:var(--text);z-index:60;border-radius:12px;padding:10px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:12px}.band{padding:clamp(96px,10vw,128px) 0}.hell{background:var(--canvas);color:var(--text)}.dunkel{background:var(--band);color:var(--onDark);isolation:isolate;position:relative}.display{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(38px,6vw,56px);font-weight:700;line-height:1.04}.ueber{letter-spacing:-.025em;font-size:clamp(28px,3.6vw,32px);font-weight:700;line-height:1.1}.unter{letter-spacing:-.01em;color:var(--carbon);max-width:56ch;margin:18px auto 0;font-size:17px;line-height:1.5}.dunkel .unter{color:var(--onDarkDim)}.kopfblock{text-align:center;max-width:760px;margin:0 auto 56px}.braue{letter-spacing:.18em;text-transform:uppercase;color:var(--slate);background:var(--linen);box-shadow:inset 0 0 0 1px #0000000f,var(--glanz);border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:6px 12px 6px 10px;font-size:11px;font-weight:600;display:inline-flex}.braue:before{content:"";background:var(--signal);border-radius:999px;width:6px;height:6px}.dunkel .braue{color:var(--onDarkDim);background:var(--tint);box-shadow:inset 0 0 0 1px var(--hairDark)}.dunkel .braue:before{background:var(--accent)}.leiste{background:var(--indigo);color:#fff;text-align:center;padding:6px 16px;font-size:13px;font-weight:500}.leiste a{color:var(--amber);margin-left:6px;padding:6px 4px;font-weight:600;text-decoration:none;display:inline-block}.leiste a:hover{text-underline-offset:3px;text-decoration:underline}.nav-halter{z-index:40;justify-content:center;padding:14px 16px 0;display:flex;position:sticky;top:12px}.pille{-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);box-shadow:var(--schattenNav);background:#ffffffeb;border:1px solid #0000000f;border-radius:999px;align-items:center;gap:4px;padding:6px 6px 6px 14px;display:flex}.marke{letter-spacing:-.01em;color:var(--text);align-items:center;gap:8px;min-height:44px;padding-right:10px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.marke img{width:24px;height:24px;display:block}.pille>a:not(.marke):not(.geist){color:var(--text);border-radius:999px;padding:12px;font-size:15px;font-weight:500;text-decoration:none}.pille>a:not(.marke):not(.geist):hover{background:#0000000d}.geist{min-height:44px;color:var(--text);border:1px solid #00000080;border-radius:999px;align-items:center;gap:7px;margin-left:6px;padding:8px 16px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.geist:hover{background:var(--text);color:var(--canvas);border-color:var(--text)}.geist svg{width:15px;height:15px}@media (width<=640px){.pille>a:not(.marke):not(.geist){display:none}}.nav-wache{height:1px;margin-top:-1px}.pille{transform-origin:50% 0;transition:transform .5s var(--spring),box-shadow .5s var(--spring),background-color .5s var(--spring)}.pille.kompakt{box-shadow:var(--schattenNav);background:#ffffffd6;transform:scale(.94)}.pille>a:not(.marke):not(.geist){position:relative}.pille>a:not(.marke):not(.geist):after{content:"";background:var(--signal);width:4px;height:4px;transition:transform .35s var(--spring);border-radius:999px;margin-left:-2px;position:absolute;bottom:6px;left:50%;transform:scale(0)}.pille>a.aktiv:after{transform:scale(1)}.menue{min-width:44px;min-height:44px;color:var(--text);font:600 14px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:9px;margin-left:4px;padding:0 10px 0 12px;display:none}.menue-strich{width:18px;height:12px;display:block;position:relative}.menue-strich i{height:2px;transition:transform .45s var(--spring);background:currentColor;border-radius:2px;position:absolute;left:0;right:0}.menue-strich i:first-child{top:0}.menue-strich i:last-child{top:10px}.menue[aria-expanded=true] .menue-strich i:first-child{transform:translateY(5px)rotate(45deg)}.menue[aria-expanded=true] .menue-strich i:last-child{transform:translateY(-5px)rotate(-45deg)}.geist{white-space:nowrap}@media (width<=640px){.bereit .menue{padding:0 9px;display:inline-flex}.menue>span:first-child{display:none}}@media (width<=369px){.geist{gap:0;padding:8px 12px}.geist-wort{display:none}.pille{padding:5px 5px 5px 12px}}.vorhang{z-index:39;-webkit-backdrop-filter:blur(28px)saturate(1.4);backdrop-filter:blur(28px)saturate(1.4);opacity:0;transition:opacity .45s var(--spring);background:#ffffffd1;place-items:center;padding:96px 24px 40px;display:grid;position:fixed;inset:0}.vorhang[hidden]{display:none}.vorhang.offen{opacity:1}.vorhang nav{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:360px;display:flex}.vorhang nav a:not(.knopf){text-align:center;letter-spacing:-.02em;width:100%;color:var(--text);border-radius:16px;padding:14px 18px;font-size:22px;font-weight:600;text-decoration:none;display:block}.vorhang nav a:not(.knopf):hover{background:#0000000d}.vorhang nav .knopf{margin-top:18px}.vorhang nav>*{opacity:0;transition:opacity .6s var(--spring),transform .6s var(--spring);transition-delay:calc(80ms + var(--i,0) * 55ms);transform:translateY(14px)}.vorhang.offen nav>*{opacity:1;transform:none}html.menue-offen{overflow:hidden}.knoepfe{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.knopf{min-height:48px;font:600 15px/1.2 var(--sans);letter-spacing:-.005em;cursor:pointer;isolation:isolate;transition:background-color .22s var(--spring),color .22s var(--spring), transform .45s var(--spring),box-shadow .45s var(--spring);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;display:inline-flex;position:relative}.knopf .pfeil{width:28px;height:28px;transition:transform .45s var(--spring),background-color .45s var(--spring);background:#ffffff2e;border-radius:999px;place-items:center;margin:-6px -10px -6px 2px;display:inline-grid;box-shadow:inset 0 1px #ffffff38}.knopf .pfeil svg{width:13px;height:13px}@media (hover:hover){.knopf:hover{transform:translateY(-1px)}.knopf:hover .pfeil{background:#ffffff47;transform:translate(2px,-2px)scale(1.06)}}.knopf:active{transition-duration:.12s;transform:scale(.98)}.knopf svg{flex:none;width:17px;height:17px}.blau{background:var(--signal);color:#fff}.blau:hover{background:var(--signalHover)}.install-btn{background:var(--amber);color:#000;display:none}.install-btn:hover{background:var(--amberHover)}.fein{color:var(--steel);text-align:center;max-width:52ch;margin:16px auto 0;font-size:13px}.dunkel .fein{color:var(--onDarkFaint)}.held{text-align:left;padding:72px 0 0;overflow:hidden}.held .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:24px 48px;display:grid}.held-text{padding-bottom:72px}.held .braue{margin-bottom:22px}.held .display{max-width:13ch;margin:0;font-size:clamp(40px,5.6vw,68px)}.held .unter{max-width:44ch;margin:22px 0 26px}.abzeichen{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.abzeichen li{background:var(--canvas);min-height:36px;color:var(--text);box-shadow:var(--schatten),var(--glanz);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:13px;font-weight:500;display:inline-flex}.abzeichen li.nacht{background:var(--indigo);color:#fff;box-shadow:none}.abzeichen svg{flex:none;width:16px;height:16px}.held .knoepfe{justify-content:flex-start}.held .fein{text-align:left;margin:16px 0 0}@media (width<=900px){.held .wrap{grid-template-columns:1fr}.held-text{padding-bottom:0}}.buehne{align-self:end;width:100%;max-width:560px;height:600px;margin:0 auto;position:relative}.meldung{z-index:2;text-align:left;background:var(--canvas);width:268px;box-shadow:var(--schatten);border-radius:12px;grid-template-columns:32px 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid;position:absolute}.meldung .zeichen{border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.meldung .zeichen svg{width:16px;height:16px}.meldung b{color:var(--text);font-size:15px;font-weight:600;line-height:1.25;display:block}.meldung span{color:var(--steel);margin-top:2px;font-size:13px;line-height:1.35;display:block}.m-satz{--dreh:-3deg;top:84px;left:0}.m-satz .zeichen{background:var(--signal);color:#fff}.m-pause{--dreh:2.5deg;top:28px;right:0}.m-pause .zeichen{background:var(--amber)}.m-pause .zeichen i{background:#fff;border-radius:999px;width:22px;height:22px}.m-score{--dreh:2deg;top:318px;left:28px}.m-score .zeichen{background:var(--indigo);color:#fff;letter-spacing:-.02em;font-size:11px;font-weight:700}.m-prog{--dreh:-2deg;top:262px;right:20px}.m-prog .zeichen{background:var(--linen);color:var(--text);box-shadow:inset 0 0 0 1px #0000000f}@property --aufy{syntax:"<length>";inherits:false;initial-value:0}@property --schweb{syntax:"<length>";inherits:false;initial-value:0}.buehne{--px:0;--py:0}.telefon{--tiefe:-6px;transform:translate3d(calc(-50% + var(--px) * var(--tiefe)),calc(var(--aufy) + var(--schweb) + var(--py) * var(--tiefe)),0);transition:transform .9s var(--spring)}.js .telefon{animation:telefonAuf 1.2s var(--spring) .25s both,schweben 7s var(--sanft) 1.5s infinite alternate}@keyframes telefonAuf{0%{opacity:0;--aufy:40px}to{opacity:1;--aufy:0px}}@keyframes schweben{0%{--schweb:0px}to{--schweb:-8px}}.meldung{--tiefe:10px;transform:translate3d(calc(var(--px) * var(--tiefe)),calc(var(--aufy) + var(--schweb) + var(--py) * var(--tiefe)),0) rotate(var(--dreh));transition:transform .9s var(--spring)}.js .meldung{animation:auf .9s var(--spring) both,schweben 6s var(--sanft) infinite alternate}@keyframes auf{0%{opacity:0;--aufy:18px}to{opacity:1;--aufy:0px}}.m-satz{--tiefe:14px;animation-delay:.5s,1.4s}.m-pause{--tiefe:12px;animation-delay:.65s,2.1s}.m-score{--tiefe:16px;animation-delay:.8s,2.8s}.m-prog{--tiefe:11px;animation-delay:.95s,3.4s}.haken{stroke-dasharray:1;stroke-dashoffset:1px}.js .haken{animation:zeichnen .7s var(--spring) 1.2s forwards}@keyframes zeichnen{to{stroke-dashoffset:0}}@keyframes einflug{0%{opacity:0;filter:blur(8px);transform:translateY(22px)}to{opacity:1;filter:none;transform:none}}.js .einflug{animation:einflug 1s var(--spring) both;animation-delay:calc(var(--i,0) * 90ms)}@media (width<=760px){.buehne{height:500px;margin-top:28px}.meldung{border-radius:18px;grid-template-columns:28px 1fr;gap:10px;width:212px;padding:11px 12px}.meldung .zeichen{width:28px;height:28px}.meldung b{font-size:14px}.meldung span{font-size:12px}.m-satz{top:60px;left:-4px}.m-pause{top:4px;right:-4px}.m-score{top:250px;left:-4px}.m-prog{top:196px;right:-4px}}@media (width<=480px){.m-prog,.m-score{display:none}.m-satz{top:150px}}.problem{text-align:center;max-width:820px;margin:0 auto;padding-top:24px}.problem .satz{font-family:var(--serif);letter-spacing:-.02em;color:var(--onDark);margin:0 0 28px;font-size:clamp(32px,4.4vw,48px);font-weight:400;line-height:1.05}.problem .satz .satz-grau{color:var(--onDarkFaint)}.problem p{color:var(--onDarkDim);max-width:60ch;margin:0 auto 16px;font-size:17px;line-height:1.6}.trenner{background:var(--hairDark);border:0;height:1px;margin:88px 0}.raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.feld{background:var(--bandInk);border:1px solid var(--hairDark);box-shadow:var(--trayDark),var(--glanzDark);border-radius:8px;padding:30px 28px 32px}@media (hover:hover){.feld:hover{box-shadow:var(--hover);transform:translateY(-2px)}}.feld h3{letter-spacing:-.02em;color:var(--onDark);margin:0 0 10px;font-size:20px;font-weight:600;line-height:1.25}.feld p{color:var(--onDarkDim);margin:0;font-size:15px;line-height:1.6}.feld.breit img{background:#fff;border-radius:8px;width:140px;height:140px;margin-top:16px;display:block}@media (width<=900px){.raster{grid-template-columns:1fr 1fr}}@media (width<=600px){.raster{grid-template-columns:1fr}}.galerie{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.galerie figure{margin:0}.galerie a{box-shadow:0 0 0 1px var(--hairDark);transition:transform .7s var(--spring),box-shadow .7s var(--spring);border-radius:12px;display:block;overflow:hidden}@media (hover:hover){.galerie a:hover{transform:translateY(-4px)}.galerie a:hover img{transform:scale(1.03)}}.galerie img{width:100%;height:auto;transition:transform .9s var(--spring);background:#fff;border-radius:12px;display:block}.galerie figcaption{color:var(--onDarkFaint);margin-top:14px;font-size:13px;line-height:1.45}.galerie figcaption b{color:var(--onDark);margin-bottom:2px;font-size:15px;font-weight:600;display:block}@media (width<=900px){.galerie{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-color:var(--hairDark) transparent;gap:16px;margin:0 -24px;padding:4px 24px 12px;display:flex;overflow-x:auto}.galerie figure{scroll-snap-align:start;flex:none;width:min(66vw,240px)}}#system{padding:96px 0 104px}#system .feld{background:var(--canvas);box-shadow:var(--tray),var(--glanz),var(--schatten);border:1px solid #0000000f}@media (hover:hover){#system .feld:hover{box-shadow:var(--tray),var(--glanz),var(--schatten),var(--hover)}}#system .feld h3{color:var(--text);font-size:19px}#system .feld p{color:var(--slate)}#system .trenner{background:#00000014;margin:56px 0}#system .block-takt+.trenner{margin-top:48px}.block-takt{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 8px;padding:0;list-style:none;display:grid}.block-takt li{background:var(--canvas);box-shadow:var(--tray),var(--glanz),var(--schatten);border:1px solid #0000000f;border-radius:10px;padding:22px 20px 24px}@media (hover:hover){.block-takt li:hover{box-shadow:var(--tray),var(--glanz),var(--schatten),var(--hover);transform:translateY(-3px)}}.block-takt .wo{letter-spacing:.02em;color:var(--steel);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.block-takt p{color:var(--carbon);margin:0;font-size:15px;line-height:1.55}.block-takt li.entlastung{border-color:var(--signal)}.block-takt li.entlastung .wo{color:var(--signal)}@media (width<=900px){.block-takt{grid-template-columns:1fr 1fr}}@media (width<=520px){.block-takt{grid-template-columns:1fr}}.programme{grid-template-columns:1fr 1fr;gap:0 40px;margin:0;padding:0;list-style:none;display:grid}.programme li{border-top:1px solid #00000014;padding:20px 0;position:relative}.programme li:before{content:"";background:var(--signal);transform-origin:50% 0;width:2px;transition:transform .45s var(--spring);border-radius:2px;position:absolute;top:24px;bottom:24px;left:-14px;transform:scaleY(0)}@media (hover:hover){.programme li:hover:before{transform:scaleY(1)}}.programme strong{letter-spacing:-.01em;color:var(--text);font-size:17px;font-weight:600}.programme .takt{color:var(--steel);white-space:nowrap;margin-left:8px;font-size:13px}.programme p{color:var(--slate);margin:6px 0 0;font-size:15px;line-height:1.55}@media (width<=760px){.programme{grid-template-columns:1fr}}#uebung{padding:92px 0 100px}.uebung-raster{grid-template-columns:340px 1fr;align-items:start;gap:44px;margin-bottom:44px;display:grid}.uebung-bild{margin:0}.uebung-bild img{background:#fff;border-radius:18px;width:100%;height:auto;display:block}.uebung-bild figcaption{color:var(--onDarkFaint);margin-top:12px;font-size:13px;line-height:1.5}.uebung-technik h3,.uebung-unten h3{letter-spacing:-.02em;color:var(--onDark);margin:0 0 12px;font-size:18px;font-weight:600}.uebung-punkte{margin:0;padding:0;list-style:none}.uebung-punkte li{color:var(--onDarkDim);margin-bottom:9px;padding-left:22px;font-size:15px;line-height:1.55;position:relative}.uebung-punkte li:before{content:"";background:var(--onDarkFaint);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:0}.uebung-punkte li.kritisch{color:var(--onDark)}.uebung-punkte li.kritisch:before{background:var(--accent)}.uebung-hinweis{color:var(--onDarkFaint);margin:0 0 20px;font-size:14px;line-height:1.55}.uebung-hinweis strong{color:var(--onDarkDim);font-weight:600}.uebung-fehler{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px;display:grid}.uebung-fehler img{background:#fff;border-radius:12px;width:100%;height:auto;margin-bottom:10px;display:block}.uebung-fehler p{color:var(--onDarkDim);margin:0;font-size:14px;line-height:1.55}.uebung-fehler strong{color:var(--onDark);font-weight:600}.uebung-bruecke{color:var(--onDarkDim);border-top:1px solid var(--hairDark);margin:0;padding-top:22px;font-size:15px;line-height:1.6}@media (width<=860px){.uebung-raster{grid-template-columns:1fr;gap:32px}.uebung-bild{max-width:340px}}@media (width<=520px){.uebung-fehler{grid-template-columns:1fr}}#testen{padding:88px 0 96px}.probe{background:var(--canvas);box-shadow:var(--tray),var(--glanz),var(--schatten);border:1px solid #0000000f;border-radius:24px;max-width:760px;margin:0 auto;padding:32px 28px}.probe-titel{color:var(--text);margin:0 0 16px;font-size:17px;font-weight:600}.probe-knoepfe{flex-wrap:wrap;gap:8px;display:flex}.probe-knopf{background:var(--linen);min-height:44px;color:var(--carbon);border:1px solid var(--silver);cursor:pointer;border-radius:999px;padding:0 18px;font-family:inherit;font-size:15px}.probe-knopf:hover{background:var(--text);color:var(--canvas);border-color:var(--text)}.probe-vor{color:var(--steel);margin:0 0 4px;font-size:13px}.probe-name{letter-spacing:-.02em;color:var(--text);margin:0;font-size:26px;font-weight:600}.probe-takt{color:var(--steel);margin:2px 0 12px;font-size:14px}.probe-kurz{color:var(--carbon);margin:0 0 16px;font-size:16px;line-height:1.6}.probe-brueck{color:var(--slate);margin:0 0 20px;font-size:15px;line-height:1.6}.probe-aktion{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.probe-neu{min-height:44px;color:var(--steel);border:1px solid var(--silver);cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;font-family:inherit;font-size:14px}.probe-fein{max-width:760px;color:var(--steel);margin:16px auto 0;font-size:13px}#woher{padding:88px 0 96px}.quellen{grid-template-columns:1fr 1fr;gap:36px 48px;display:grid}.quellen h3{letter-spacing:-.02em;color:var(--text);border-top:1px solid var(--text);margin:0 0 10px;padding-top:18px;font-size:18px;font-weight:600;line-height:1.3}.quellen p{color:var(--slate);margin:0 0 10px;font-size:15px;line-height:1.6}.quellen p:last-child{margin-bottom:0}.quellen strong{color:var(--carbon);font-weight:600}@media (width<=760px){.quellen{grid-template-columns:1fr;gap:28px}}.bautagebuch{flex-direction:column;gap:40px;max-width:680px;margin:0 auto;display:flex}.bautagebuch article{border-top:1px solid var(--hairDark);padding-top:28px}.bautagebuch article:first-child{border-top:none;padding-top:0}.bautagebuch h3{letter-spacing:-.01em;margin:0 0 14px;font-size:19px;font-weight:600;line-height:1.35}.bautagebuch time{color:var(--onDarkDim);font-weight:500}.bautagebuch p{color:var(--onDarkDim);margin:0 0 14px;font-size:15px;line-height:1.65}.bautagebuch p:last-child{margin-bottom:0}.bautagebuch code{font-size:.9em}#dir{padding:96px 0 104px}.wenn-dann{grid-template-columns:1fr 1fr;gap:0 48px;margin:0;padding:0;display:grid}.wenn-dann>div{border-top:1px solid var(--hairDark);padding:26px 0}.wenn-dann dt{letter-spacing:-.02em;color:var(--onDark);margin:0 0 8px;font-size:19px;font-weight:600;line-height:1.3}.wenn-dann dd{color:var(--onDarkDim);margin:0;font-size:15px;line-height:1.6}.wenn-dann strong{color:var(--onDark);font-weight:600}@media (width<=760px){.wenn-dann{grid-template-columns:1fr}}.tabelle-rahmen{-webkit-overflow-scrolling:touch;background:var(--canvas);box-shadow:var(--tray),var(--glanz),var(--schatten);border-radius:10px;max-width:960px;margin:0 auto;overflow-x:auto}td{transition:background-color .3s var(--spring)}@media (hover:hover){tr:hover td{background:#00000005}}table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ececec;padding:16px 20px}tr:last-child td{border-bottom:0}th{color:var(--slate);background:var(--linen);font-size:13px;font-weight:600}td:first-child{color:var(--text);width:24%;font-weight:500}td:nth-child(2){color:var(--steel);width:32%}td:nth-child(3){color:var(--carbon)}.ja{color:var(--text);font-weight:600}.ja:before{content:"";border-left:2px solid var(--signal);border-bottom:2px solid var(--signal);width:9px;height:5px;margin-right:10px;display:inline-block;transform:rotate(-45deg)translateY(-3px)}.ehrlich{background:var(--linen);max-width:960px;box-shadow:var(--tray),var(--glanz),var(--schatten);border-radius:10px;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:40px;margin:88px auto 0;padding:clamp(28px,5vw,56px);display:grid}.ehrlich p{color:var(--carbon);margin:0 0 16px;font-size:16px;line-height:1.6}.ehrlich p:last-child{margin-bottom:0}@media (width<=760px){.ehrlich{grid-template-columns:1fr;gap:18px;margin-top:64px}}.fragen{max-width:760px;margin:0 auto}.fragen>div{border-top:1px solid #e6e6e6;padding:26px 0}.fragen>div:last-child{border-bottom:1px solid #e6e6e6}.fragen h3{letter-spacing:-.02em;margin:0 0 10px;font-size:19px;font-weight:600;line-height:1.3}.fragen p{color:var(--carbon);max-width:64ch;margin:0 0 14px;font-size:16px;line-height:1.6}.fragen p:last-child{margin-bottom:0}details{border-top:1px solid #e6e6e6}details:last-child{border-bottom:1px solid #e6e6e6}summary{cursor:pointer;letter-spacing:-.01em;padding:20px 44px 20px 0;font-size:17px;font-weight:600;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:before,summary:after{content:"";width:12px;height:1.5px;transition:transform .25s var(--ease);background:currentColor;margin-top:-.75px;position:absolute;top:50%;right:10px}summary:after{transform:rotate(90deg)}details[open] summary:after{transform:rotate(0)}@media (hover:hover){summary:hover{color:var(--signal)}}details p{color:var(--carbon);max-width:64ch;margin:0 0 14px;font-size:16px;line-height:1.6}details p:last-child{margin-bottom:24px}details a,.ehrlich a,.fragen a{color:inherit;text-underline-offset:3px;padding:4px 0;display:inline-block}strong{color:inherit;font-weight:600}.schluss{text-align:center;padding:112px 0 96px}.schluss .display{max-width:22ch;margin:0 auto}.schluss .unter{margin-bottom:30px}.fuss{background:var(--band)}footer{color:var(--onDarkFaint);border-top:1px solid var(--hairDark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:28px 0 48px;font-size:13px;display:flex}footer nav a{color:var(--onDarkDim);padding:12px 8px;text-decoration:none;display:inline-block}footer nav a:hover{color:var(--onDark);text-underline-offset:3px;text-decoration:underline}footer nav a:first-child{padding-left:0}@media (width<=760px){.band{padding:80px 0}.held{padding-top:52px}.trenner{margin:64px 0}.kopfblock{margin-bottom:36px}}.bereit :is(.kopfblock,.raster>.feld,.block-takt>li,.programme>li,.galerie figure,.wenn-dann>div,.quellen>div,.tabelle-rahmen,.ehrlich,.fragen>div,.uebung-raster>*,.uebung-unten>*,.probe,.probe-fein,.schluss .wrap>*,.problem>*,.trenner,.bautagebuch>article){transition:opacity .9s var(--spring),transform .9s var(--spring),filter .9s var(--spring), box-shadow .6s var(--spring),background-color .25s var(--spring),color .25s var(--spring)}.bereit :is(.kopfblock,.raster>.feld,.block-takt>li,.programme>li,.galerie figure,.wenn-dann>div,.quellen>div,.tabelle-rahmen,.ehrlich,.fragen>div,.uebung-raster>*,.uebung-unten>*,.probe,.probe-fein,.schluss .wrap>*,.problem>*,.trenner,.bautagebuch>article):not(.ist-da){opacity:0;filter:blur(6px);transform:translateY(26px)}details{interpolate-size:allow-keywords}details::details-content{block-size:0;transition:block-size .5s var(--spring),content-visibility .5s var(--spring) allow-discrete;overflow:clip}details[open]::details-content{block-size:auto}@media print{.bereit :is(.kopfblock,.raster>.feld,.block-takt>li,.programme>li,.galerie figure,.wenn-dann>div,.quellen>div,.tabelle-rahmen,.ehrlich,.fragen>div,.uebung-raster>*,.uebung-unten>*,.probe,.probe-fein,.schluss .wrap>*,.problem>*,.trenner,.bautagebuch>article):not(.ist-da){opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}.bereit :is(.kopfblock,.raster>.feld,.block-takt>li,.programme>li,.galerie figure,.wenn-dann>div,.quellen>div,.tabelle-rahmen,.ehrlich,.fragen>div,.uebung-raster>*,.uebung-unten>*,.probe,.probe-fein,.schluss .wrap>*,.problem>*,.trenner,.bautagebuch>article):not(.ist-da){opacity:1;filter:none;transform:none}}.serif{font-family:var(--serif);letter-spacing:-.02em;font-style:italic;font-weight:400}.held{position:relative}.held .wrap{z-index:1;position:relative}.programmband{margin:-28px 0 44px;overflow:hidden}.programmband-bahn{padding:6px 0}.band-name{white-space:nowrap;min-height:36px;color:var(--onDarkDim);background:var(--tint);box-shadow:inset 0 0 0 1px var(--hairDark);border-radius:999px;align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}@media (prefers-reduced-motion:reduce){.programmband-bahn,.programmband-bahn>div{flex-wrap:wrap;justify-content:center}.programmband-bahn>div:not(:first-child){display:none}}.feld{padding:0}.feld-innen{padding:30px 28px 32px}.feld.breit{display:block}.feld.breit>.feld-innen{grid-template-columns:1fr 176px;align-items:center;gap:28px;display:grid}@media (width<=600px){.feld.breit>.feld-innen{grid-template-columns:1fr}}.probe,.block-takt li{position:relative}.m-score .zeichen .zahl{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;display:inline}@property --px{syntax:"<number>";inherits:true;initial-value:0}@property --py{syntax:"<number>";inherits:true;initial-value:0}.tel3d{--w:300px;--rad:calc(var(--w) * .16);--dz:calc(var(--w) * .0052);width:var(--w);height:calc(var(--w) * 2.09);perspective:1500px;position:relative}.tel3d-gross{--w:min(280px,calc((100vh - 130px) / 2.09))}.tel3d-dreh{transform-style:preserve-3d;will-change:transform;transform-origin:50% 50% calc(var(--w) * -.0364);transform:rotateX(calc(5deg - var(--py) * 7deg)) rotateY(calc(-14deg + var(--px) * 18deg + var(--hs,0) * 40deg));transition:--px .9s var(--spring),--py .9s var(--spring);position:absolute;inset:0}.tel3d-gross .tel3d-dreh{transform:rotateX(6deg) rotateY(calc(-32deg + var(--p,0) * 64deg));transition:none}.tel3d-wiege{transform-style:preserve-3d;transform-origin:50% 50% calc(var(--w) * -.0364);position:absolute;inset:0}.js .tel3d:not(.tel3d-gross) .tel3d-wiege{animation:schwenk 6s var(--sanft) infinite alternate}@keyframes schwenk{0%{transform:rotateY(-6deg)}to{transform:rotateY(6deg)}}.tel3d-dicke{transform-style:preserve-3d;position:absolute;inset:0}.tel3d-dicke i{border-radius:var(--rad);transform:translateZ(calc(var(--i) * var(--dz) * -1));background:#a4a4af;position:absolute;inset:0}.tel3d-taste{width:calc(var(--w) * .014);transform:translateZ(calc(var(--dz) * -7));background:#85858f;border-radius:2px;position:absolute}.t-l1{left:calc(var(--w) * -.009);height:4.5%;top:19%}.t-l2{left:calc(var(--w) * -.009);height:8%;top:26%}.t-r{right:calc(var(--w) * -.009);height:11%;top:25%}.tel3d-vorn{border-radius:var(--rad);backface-visibility:hidden;box-shadow:inset 0 0 0 calc(var(--w) * .006) #44444d,inset 0 0 0 calc(var(--w) * .033) #0a0a0d;background:#0a0a0d;position:absolute;inset:0;transform:translateZ(.5px)}.tel3d-schirm{inset:calc(var(--w) * .033);border-radius:calc(var(--rad) - var(--w) * .033);background:#fff;position:absolute;overflow:hidden}.tel3d-schirm img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease),transform 1.3s var(--spring);position:absolute;inset:0;transform:scale(1.04)}.tel3d-schirm img.an{opacity:1;transform:none}.tel3d-insel{top:calc(var(--w) * .052);width:calc(var(--w) * .23);height:calc(var(--w) * .062);margin-left:calc(var(--w) * -.115);z-index:2;background:#050507;border-radius:999px;position:absolute;left:50%}.tel3d-hinten{border-radius:var(--rad);backface-visibility:hidden;transform:translateZ(calc(var(--dz) * -14 - .5px)) rotateY(180deg);background:#1f1f27;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.tel3d-kamera{aspect-ratio:1;background:#ffffff12;border-radius:24%;width:34%;position:absolute;top:4%;right:7%;box-shadow:inset 0 0 0 1px #ffffff29}.tel3d-kamera i{aspect-ratio:1;background:#0b0d12;border-radius:50%;width:38%;position:absolute;box-shadow:0 0 0 2px #1d2027}.tel3d-kamera i:first-child{top:10%;left:10%}.tel3d-kamera i:nth-child(2){bottom:10%;right:10%}.tel3d-logo{aspect-ratio:1;opacity:.9;background:url(/favicon.svg) 50%/contain no-repeat;width:18%;margin-left:-9%;position:absolute;top:46%;left:50%}.buehne>.tel3d{z-index:1;transform:translate3d(-50%,calc(var(--aufy) + var(--schweb)),0);position:absolute;top:0;left:50%}.buehne{overflow:hidden}.js .buehne>.tel3d{animation:telefonAuf 1.2s var(--spring) .25s both,schweben 7s var(--sanft) 1.5s infinite alternate}.tel3d-punkte{z-index:3;gap:2px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.tel3d-punkte button{cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0;position:relative}.tel3d-punkte button:before{content:"";width:7px;height:7px;transition:background-color .4s var(--spring),transform .4s var(--spring);background:#00000047;border-radius:999px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%}.tel3d-punkte button.an:before{background:var(--signal);transform:scale(1.35)}@media (width<=760px){.tel3d{--w:232px}.tel3d-gross{--w:min(200px,calc((100vh - 300px) / 2.09))}}@media (width<=480px){.buehne>.tel3d{--w:210px}}@media (prefers-reduced-motion:reduce){.tel3d-dreh{animation:none}}.erz-flach{margin-top:8px}.bewegt .erz-flach,html:not(.bewegt) .erz-bahn{display:none}.erz-bahn{height:360vh;margin-top:-12px;position:relative}.erz-buehne{box-sizing:border-box;grid-template-columns:1fr 1fr;align-items:center;gap:32px;max-width:960px;height:100vh;margin:0 auto;padding-top:70px;display:grid;position:sticky;top:0}.erz-telefon{place-items:center;display:grid}.erz-telefon .tel3d{margin:0 auto}.erz-schritte{gap:12px;margin:0;padding:0;list-style:none;display:grid}.erz-schritte li{opacity:.4;transform-origin:0;transition:opacity .5s var(--spring),transform .5s var(--spring),background-color .5s var(--spring),border-color .5s var(--spring);border:1px solid #0000;border-radius:20px;padding:0;transform:scale(.97)}.erz-schritte li.aktiv{opacity:1;background:var(--bandInk);border-color:var(--hairDark);box-shadow:var(--trayDark),var(--glanzDark);transform:none}.erz-schritt{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:20px;margin:0;padding:18px 20px;display:block}.erz-innen{grid-template-columns:44px 1fr;column-gap:12px;display:grid}@media (hover:hover){.erz-schritte li:hover{opacity:1}.erz-schritt:hover b{text-underline-offset:4px;text-decoration:underline}}.erz-nr{font:600 13px var(--mono);color:var(--accent);grid-row:span 2;padding-top:4px}.erz-schritte b{letter-spacing:-.02em;color:var(--onDark);font-size:20px;font-weight:600}.erz-zeile{color:var(--onDarkDim);grid-column:2;font-size:15px;line-height:1.5}@media (width<=760px){.erz-bahn{height:320vh}.erz-buehne{grid-template-columns:1fr;align-content:start;gap:14px;padding-top:64px}.erz-schritte li:not(.aktiv){display:none}.erz-schritt{padding:14px 16px}}.fortschritt{z-index:70;pointer-events:none;background:var(--signal);height:3px;transform:scaleX(var(--seite,0));transform-origin:0;position:fixed;top:0;left:0;right:0}.satz .w{display:inline-block}.bewegt .problem .satz .w{opacity:0;filter:blur(6px);transition:opacity .7s var(--spring),transform .7s var(--spring),filter .7s var(--spring);transition-delay:calc(var(--w) * 70ms + .12s);transform:translateY(.45em)}.bewegt .problem .satz.ist-da .w{opacity:1;filter:none;transform:none}.held h1 .serif{display:inline-block;position:relative}.held h1 .serif:after{content:"";background:var(--signal);transform-origin:0;border-radius:999px;height:.07em;position:absolute;bottom:-.02em;left:2%;right:2%;transform:scaleX(0)}.js .held h1 .serif:after{animation:unterstrich 1s var(--spring) 1.1s forwards}@keyframes unterstrich{to{transform:scaleX(1)}}.lastbalken{background:#00000012;border-radius:999px;height:6px;margin:0 0 16px;display:block;overflow:hidden}.lastbalken i{height:100%;width:var(--b);background:var(--ink);border-radius:999px;display:block}.block-takt li.entlastung .lastbalken i{background:var(--signal)}.bewegt .block-takt li .lastbalken i{transform-origin:0;transition:transform 1.3s var(--spring) .35s;transform:scaleX(0)}.bewegt .block-takt li.ist-da .lastbalken i{transform:scaleX(1)}.takt-fein{text-align:center;color:var(--steel);margin:12px 0 0;font-size:13px}@keyframes zeileEin{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@keyframes hakenPop{0%{transform:rotate(-45deg)translateY(-3px)scale(0)}to{transform:rotate(-45deg)translateY(-3px)scale(1)}}.bewegt .tabelle-rahmen:not(.ist-da) tbody tr{opacity:0}.bewegt .tabelle-rahmen.ist-da tbody tr{animation:zeileEin .7s var(--spring) both;animation-delay:calc(var(--r) * 80ms + .15s)}.bewegt .tabelle-rahmen.ist-da .ja:before{animation:hakenPop .5s var(--spring) both;animation-delay:calc(var(--r) * 80ms + .5s)}@keyframes ergebnisAuf{0%{opacity:0;filter:blur(6px);transform:translateY(14px)scale(.985)}to{opacity:1;filter:none;transform:none}}.probe-frage,.probe-ergebnis{animation:ergebnisAuf .6s var(--spring) both}.buehne.pause,.buehne.pause *{animation-play-state:paused!important}.tel3d-klick{z-index:1;cursor:zoom-in;border-radius:48px;width:300px;height:627px;margin-left:-150px;position:absolute;top:0;left:50%}@media (width<=760px){.tel3d-klick{width:232px;height:485px;margin-left:-116px}}@media (width<=480px){.tel3d-klick{width:210px;height:439px;margin-left:-105px}}.erz-link{cursor:zoom-in;border-radius:40px;display:block}.einfuehrung{padding:clamp(72px,8vw,104px) 0 clamp(80px,9vw,112px)}.video-rahmen{max-width:340px;margin:0 auto}.video-rahmen video{aspect-ratio:9/16;width:100%;height:auto;box-shadow:0 0 0 1px var(--hairDark);background:#0d0021;border-radius:28px;display:block}.video-rahmen video:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.video-rahmen figcaption{text-align:center;color:var(--onDarkFaint);margin-top:14px;font-size:13px;line-height:1.45}.einfuehrung details.transkript{border-color:var(--hairDark);max-width:520px;margin:36px auto 0}.einfuehrung details.transkript:last-child{border-bottom-color:var(--hairDark)}.einfuehrung .transkript summary{color:var(--onDark);font-size:15px}@media (hover:hover){.einfuehrung .transkript summary:hover{color:var(--accent)}}.einfuehrung .transkript p{color:var(--onDarkDim);font-size:15px}#drin .raster{display:block}#drin .feld{border:0;border-top:1px solid var(--hairDark);box-shadow:none;background:0 0;border-radius:0;padding:0}#drin .feld:last-child{border-bottom:1px solid var(--hairDark)}@media (hover:hover){#drin .feld:hover{box-shadow:none;transform:none}}#drin .feld-innen{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:10px 48px;padding:26px 0;display:grid}#drin .feld h3{margin:0}#drin .feld.breit img{grid-column:2;margin-top:6px}@media (width<=700px){#drin .feld-innen{grid-template-columns:1fr;gap:8px}#drin .feld.breit img{grid-column:1}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme{:root,:host{--color-black:#000;--color-white:#fff;--spacing:.25rem;--tracking-wider:.05em}}@layer base,components;@layer utilities{.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-marquee{animation:marquee var(--duration) infinite linear}.animate-marquee-vertical{animation:marquee-vertical var(--duration) linear infinite}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.justify-around{justify-content:space-around}.gap-\(--gap\){gap:var(--gap)}.overflow-hidden{overflow:hidden}.p-2{padding:calc(var(--spacing) * 2)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-black{color:var(--color-black)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.\[--duration\:40s\]{--duration:40s}.\[--gap\:1rem\]{--gap:1rem}.\[animation-direction\:reverse\]{animation-direction:reverse}@media (hover:hover){.group-hover\:\[animation-play-state\:paused\]:is(:where(.group):hover *){animation-play-state:paused}}.dark\:text-white:is(.dark *){color:var(--color-white)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@keyframes marquee{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}