:root{--p-schwarz:#000;--p-dunkel:#0d0907;--p-dunkel-2:#171210;--p-text-invers:#ede8e2;--p-neben-invers:#a0968d;--p-akzent-invers:#e3b25b;--p-linie-stark-invers:#756860;--k-text:237 232 226;--k-akzent:227 178 91;--k-glas:42 35 31;--k-glanz:255 248 235;--k-tief:0 0 0;--grund:var(--p-schwarz);--flaeche:var(--p-dunkel);--flaeche-2:var(--p-dunkel-2);--text:var(--p-text-invers);--text-leise:var(--p-neben-invers);--akzent:var(--p-akzent-invers);--auf-akzent:var(--p-schwarz);--fokus:var(--p-akzent-invers);--linie-leise:rgb(var(--k-text) / .08);--linie:rgb(var(--k-text) / .1);--linie-kraeftig:rgb(var(--k-text) / .14);--linie-stark:var(--p-linie-stark-invers);--linie-akzent:rgb(var(--k-akzent) / .25);--linie-akzent-stark:rgb(var(--k-akzent) / .3);--glas-filter:none;--glas-grund:rgb(var(--k-glas) / .66);--glas-grund-duenn:rgb(var(--k-glas) / .66);--glas-rand:rgb(var(--k-text) / .1);--glas-rand-duenn:rgb(var(--k-text) / .22);--glas-rand-warm:rgb(var(--k-akzent) / .26);--glas-kante-hell:rgb(var(--k-glanz) / .24);--glas-kante-hell-wach:rgb(var(--k-glanz) / .34);--glas-kante-dunkel:rgb(var(--k-tief) / .45);--glas-schleier:linear-gradient(155deg, rgb(var(--k-text) / .12) 0%, rgb(var(--k-text) / .03) 28%, transparent 55%);--glas-fuellung:rgb(var(--k-text) / .08);--schatten-karte:inset 0 2px 0 var(--glas-kante-hell), inset 2px 0 0 rgb(var(--k-glanz) / .14), inset -2px 0 0 rgb(var(--k-tief) / .3), inset 0 -2px 0 var(--glas-kante-dunkel), inset 0 8px 10px -8px rgb(var(--k-glanz) / .22), inset 0 0 34px rgb(var(--k-tief) / .22), 0 1px 1px rgb(var(--k-tief) / .6), 0 22px 50px rgb(var(--k-tief) / .55);--schatten-karte-wach:inset 0 1px 0 var(--glas-kante-hell-wach), inset 0 -1px 0 rgb(var(--k-tief) / .5), inset 0 0 34px rgb(var(--k-tief) / .18), 0 1px 1px rgb(var(--k-tief) / .6), 0 30px 66px rgb(var(--k-tief) / .62);--schatten-knopf:none;--licht-1:rgb(var(--k-akzent) / .11);--licht-2:#8a5a121c;--licht-3:rgb(var(--k-akzent) / .06);--grundflaeche-bild:url(/bilder/grund-wellen-dunkel.QTaMnk6L.avif);--grundflaeche-ton:#13110d;--grundflaeche-deckung:1;--platte-bild:image-set(url(/bilder/platte-dunkel.avif) type("image/avif"), url(/bilder/platte-dunkel.webp) type("image/webp"));--platte-wurf:calc(var(--kx,0) * -30px) calc(30px - var(--ky,0) * 24px) 64px rgb(var(--k-tief) / .66);--kopf-grund:rgb(var(--k-tief) / .9);--schatten-menue:0 22px 50px rgb(var(--k-tief) / .55);--glas-saum:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), rgb(var(--k-akzent) / .95), rgb(var(--k-akzent) / .32) 42%, transparent 72%);--glas-schein:radial-gradient(300px circle at var(--mx,50%) var(--my,0%), rgb(var(--k-akzent) / .14), rgb(var(--k-akzent) / .05) 40%, transparent 68%);--textschatten-weit:rgb(var(--k-tief) / .85);--textschatten-eng:rgb(var(--k-tief) / .6);--schrift-display:"Bricolage Grotesque", "Ersatz Bricolage", "Segoe UI", system-ui, sans-serif;--schrift-text:"Instrument Sans", "Ersatz Instrument", "Segoe UI", system-ui, sans-serif;--schrift-zahl:"IBM Plex Mono", ui-monospace, "Consolas", monospace;--t-xs:.8rem;--t-s:.9rem;--t-m:1rem;--t-l:1.15rem;--t-xl:clamp(1.4rem, 1.1rem + 1.2vw, 2rem);--t-2xl:clamp(1.9rem, 1.3rem + 2.6vw, 3rem);--t-3xl:clamp(2.4rem, 1.4rem + 4.4vw, 4.5rem);--zeile-eng:1.15;--zeile-normal:1.6;--masse:62ch;--a-1:4px;--a-2:8px;--a-3:12px;--a-4:16px;--a-5:24px;--a-6:32px;--a-7:48px;--a-8:64px;--r-1:4px;--r-2:8px;--r-3:12px;--r-4:16px;--r-5:24px;--r-voll:999px;--kopf-hoehe:77px;--zeit:1;--d-kurz:calc(.15s * var(--zeit));--d-normal:calc(.3s * var(--zeit));--kurve:cubic-bezier(.2, .7, .3, 1)}:root[data-thema=hell]{--p-sand:#f2ece0;--p-sand-2:#fbf7ee;--p-sand-3:#e9e1d1;--p-tinte:#10201f;--p-neben:#3e4844;--p-petrol:#085250;--p-petrol-tief:#053c3a;--p-linie-stark-hell:#56625d;--k-text:16 32 31;--k-akzent:8 82 80;--k-glas:248 253 255;--k-glanz:255 255 255;--k-tief:40 58 56;--grund:var(--p-sand);--flaeche:var(--p-sand-2);--flaeche-2:var(--p-sand-3);--text:var(--p-tinte);--text-leise:var(--p-neben);--akzent:var(--p-petrol);--auf-akzent:var(--p-sand);--fokus:var(--p-petrol);--linie-leise:rgb(var(--k-text) / .1);--linie:rgb(var(--k-text) / .14);--linie-kraeftig:rgb(var(--k-text) / .18);--linie-stark:var(--p-linie-stark-hell);--linie-akzent:rgb(var(--k-akzent) / .3);--linie-akzent-stark:rgb(var(--k-akzent) / .38);--glas-filter:none;--k-silber:224 230 233;--glas-grund:rgb(var(--k-silber) / .66);--glas-grund-duenn:rgb(var(--k-silber) / .66);--glas-rand:rgb(var(--k-text) / .16);--glas-rand-duenn:rgb(var(--k-text) / .2);--glas-rand-warm:rgb(var(--k-akzent) / .45);--glas-kante-hell:rgb(var(--k-glanz) / 1);--glas-kante-hell-wach:rgb(var(--k-glanz) / 1);--glas-kante-dunkel:rgb(var(--k-tief) / .16);--glas-schleier:linear-gradient(155deg, rgb(var(--k-glanz) / .58) 0%, rgb(var(--k-glanz) / .2) 32%, transparent 62%, rgb(var(--k-glanz) / .12) 100%);--glas-fuellung:rgb(var(--k-text) / .06);--schatten-karte:inset 0 2px 0 var(--glas-kante-hell), inset 2px 0 0 rgb(var(--k-glanz) / .7), inset -2px 0 0 rgb(var(--k-tief) / .07), inset 0 -2px 0 var(--glas-kante-dunkel), inset 0 8px 10px -8px rgb(var(--k-glanz) / .9), inset 0 0 30px rgb(var(--k-glanz) / .3), 0 1px 2px rgb(var(--k-tief) / .08), 0 12px 28px rgb(var(--k-tief) / .1);--schatten-karte-wach:inset 0 1px 0 var(--glas-kante-hell-wach), inset 0 -1px 0 rgb(var(--k-tief) / .12), 0 2px 4px rgb(var(--k-tief) / .1), 0 18px 40px rgb(var(--k-tief) / .16);--schatten-knopf:none;--schatten-menue:0 22px 50px rgb(var(--k-tief) / .16);--kopf-grund:rgb(var(--k-glas) / .94);--glas-saum:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), rgb(var(--k-akzent) / .75), rgb(var(--k-akzent) / .25) 42%, transparent 72%);--glas-schein:radial-gradient(300px circle at var(--mx,50%) var(--my,0%), rgb(var(--k-akzent) / .1), rgb(var(--k-akzent) / .04) 40%, transparent 68%);--textschatten-weit:rgb(var(--k-tief) / .4);--textschatten-eng:rgb(var(--k-tief) / .26);--licht-1:rgb(var(--k-akzent) / .09);--licht-2:#fffaee9e;--licht-3:#fff6e46b;--grundflaeche-bild:url(/bilder/grund-wellen-hell.e7s4i0UD.avif);--grundflaeche-ton:#d2c9b9;--grundflaeche-deckung:1;--platte-bild:image-set(url(/bilder/platte-hell.avif) type("image/avif"), url(/bilder/platte-hell.webp) type("image/webp"));--platte-wurf:calc(var(--kx,0) * -30px) calc(30px - var(--ky,0) * 24px) 64px rgb(var(--k-tief) / .22)}html.zeitlupe{--zeit:5}@font-face{font-family:Ersatz Bricolage;src:local(Arial);size-adjust:106%;ascent-override:92%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Ersatz Instrument;src:local(Arial);size-adjust:103%;ascent-override:95%;descent-override:25%;line-gap-override:0%}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-latin-wght-normal.woff2)format("woff2-variations");font-weight:200 800;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-latin-wght-normal.woff2)format("woff2-variations");font-weight:400 700;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--schrift-text);background:var(--grundflaeche-ton);color:var(--text);font-size:var(--t-m);line-height:var(--zeile-normal);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:var(--schrift-display);line-height:var(--zeile-eng);letter-spacing:-.025em;font-weight:500}.zahl{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums}.betrag{white-space:nowrap}.sprunglink{left:var(--a-4);top:var(--a-4);z-index:100;background:var(--akzent);color:var(--auf-akzent);padding:var(--a-3) var(--a-5);border-radius:var(--r-voll);font-weight:600;text-decoration:none;position:absolute;translate:0 -200%}.sprunglink:focus-visible{outline:3px solid var(--text);outline-offset:3px;translate:0}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--fokus);outline-offset:3px;border-radius:var(--r-1)}.grundflaeche{z-index:-2;pointer-events:none;background-color:var(--grundflaeche-ton);background-image:var(--grundflaeche-bild);height:100lvh;opacity:var(--grundflaeche-deckung);background-position:50%;background-size:cover;position:fixed;top:0;left:0;right:0}.grundlicht{z-index:-1;pointer-events:none;height:100lvh;position:fixed;top:0;left:0;right:0;overflow:hidden}.grundlicht span{will-change:transform;border-radius:50%;display:block;position:absolute}.grundlicht span:first-child{background:radial-gradient(circle closest-side, var(--licht-1), transparent 70%);width:95vmax;height:95vmax;animation:licht-1 calc(37s * var(--zeit)) ease-in-out infinite alternate;top:-38vmax;left:-22vmax}.grundlicht span:nth-child(2){background:radial-gradient(circle closest-side, var(--licht-2), transparent 70%);width:80vmax;height:80vmax;animation:licht-2 calc(43s * var(--zeit)) ease-in-out infinite alternate;bottom:-30vmax;right:-25vmax}.grundlicht span:nth-child(3){background:radial-gradient(circle closest-side, var(--licht-3), transparent 70%);width:65vmax;height:65vmax;animation:licht-3 calc(53s * var(--zeit)) ease-in-out infinite alternate;top:8%;left:45%}@keyframes licht-1{0%{transform:translate(0,0)scale(1)}to{transform:translate(14vmax,10vmax)scale(1.18)}}@keyframes licht-2{0%{transform:translate(0,0)scale(1.12)}to{transform:translate(-16vmax,-9vmax)scale(.94)}}@keyframes licht-3{0%{transform:translate(0,0)scale(.92)}to{transform:translate(-11vmax,13vmax)scale(1.22)}}@media (prefers-reduced-motion:reduce){.grundlicht span{animation:none}}.innen{width:min(1240px, 100% - 2 * var(--a-5));margin-inline:auto}.raster{gap:var(--a-5);grid-template-columns:repeat(12,1fr);display:grid}@media (width<=900px){.raster{grid-template-columns:repeat(6,1fr)}}@media (width<=620px){.raster{grid-template-columns:1fr}.raster>*{grid-column:1/-1!important}}.bahn{overflow-clip-margin:28px;padding:clamp(32px,4.5vh,56px) 0 clamp(64px,9vh,108px);position:relative;overflow-x:clip}.bahn+.bahn:before{content:"";background:var(--linie-leise);transform-origin:50%;height:1px;transition:transform calc(1s * var(--zeit)) var(--kurve);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.bahn.da:before,.kein-js .bahn:before{transform:scaleX(1)}.hero+.bahn:before{display:none}[id]{scroll-margin-top:calc(var(--kopf-hoehe) + var(--a-3))}.kapitel{font-family:var(--schrift-zahl);font-size:var(--t-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--akzent);margin-bottom:var(--a-4);align-items:center;gap:var(--a-3);display:flex}.kapitel:after{content:"";background:var(--linie-akzent);transform-origin:0;min-width:32px;height:1px;transition:transform calc(.7s * var(--zeit)) var(--kurve) calc(.62s * var(--zeit));flex:auto;transform:scaleX(0)}.kapitel.da:after{transform:scaleX(1)}.kapitel .tippen{clip-path:inset(0 100% 0 0);display:inline-block}.kapitel.da .tippen{animation:tippen calc(.6s * var(--zeit)) steps(var(--zeichen,20)) forwards}@keyframes tippen{to{clip-path:inset(0)}}.strich{transform-origin:50%;transition:transform calc(.9s * var(--zeit)) var(--kurve) calc(.15s * var(--zeit));transform:scaleX(0)}.da .strich{transform:scaleX(1)}.wort-huelle{vertical-align:bottom;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.wort-inhalt{display:inline-block;translate:0 115%}.da .wort-inhalt{transition:translate calc(.75s * var(--zeit)) cubic-bezier(.16, .84, .24, 1);transition-delay:calc(var(--i,0) * 55ms * var(--zeit));translate:0}.zug-ein{translate:0 12px}.zug-ein.da{transition:translate calc(.7s * var(--zeit)) var(--kurve) calc(.12s * var(--zeit));translate:0}.kein-js .zug-ein{translate:none}.text-ein{opacity:0;translate:0 14px}.text-ein.da{opacity:1;transition:opacity calc(.7s * var(--zeit)) var(--kurve) calc(.18s * var(--zeit)), translate calc(.7s * var(--zeit)) var(--kurve) calc(.18s * var(--zeit));translate:0}.kein-js .kapitel:after,.kein-js .strich{transform:scaleX(1)}.kopfzeile{margin-bottom:var(--a-7);align-items:start}.kopfzeile h2{font-size:var(--t-2xl);grid-column:1/span 6}.kopfzeile .neben{margin-top:var(--versatz,0px);grid-column:8/span 5}@media (width<=900px){.kopfzeile .neben{margin-top:var(--a-4);grid-column:1/span 6}}.lead{color:var(--text-leise)}.kopf{z-index:50;padding:var(--a-3) 0;background:var(--kopf-grund);border-bottom:1px solid var(--linie-leise);position:sticky;top:0}.kopf .innen{align-items:center;gap:var(--a-4);display:flex}.marke-wort{font-family:var(--schrift-display);letter-spacing:-.02em;color:var(--text);font-style:normal;font-weight:600}.marke-wort em{color:var(--akzent);font-style:normal}a.wortmarke{font-size:var(--t-l);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.kopf nav{gap:var(--a-5);margin-left:auto;display:flex}.kopf nav a{color:var(--text-leise);font-size:var(--t-s);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.kopf nav a:hover{color:var(--text)}.kopf .anruf{margin-left:auto}.kopf nav+.anruf{margin-left:0}.menue-knopf,.thema-knopf{width:46px;height:46px;color:var(--text);border:1.5px solid var(--linie-stark);cursor:pointer;transition:border-color var(--d-normal) var(--kurve);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:none}.nur-schmal{display:none}.menue-knopf .balken{gap:5px;display:grid}.menue-knopf .balken span{width:18px;height:1.5px;transition:translate var(--d-kurz) var(--kurve), rotate var(--d-kurz) var(--kurve), opacity var(--d-kurz) var(--kurve);background:currentColor;border-radius:2px;display:block}.menue-knopf[aria-expanded=true] .balken span:first-child{translate:0 6.5px;rotate:45deg}.menue-knopf[aria-expanded=true] .balken span:nth-child(2){opacity:0}.menue-knopf[aria-expanded=true] .balken span:last-child{translate:0 -6.5px;rotate:-45deg}.menue-knopf[aria-expanded=true]{border-color:var(--akzent);color:var(--akzent)}.hat-js .thema-knopf{display:inline-flex}.thema-knopf .zeichen-mond,:root[data-thema=hell] .thema-knopf .zeichen-sonne{display:none}:root[data-thema=hell] .thema-knopf .zeichen-mond{display:block}@media (hover:hover) and (pointer:fine){.menue-knopf:hover,.thema-knopf:hover{border-color:var(--akzent);color:var(--akzent)}}.menue-knopf:focus-visible,.thema-knopf:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}@media (width<=840px){:root{--kopf-hoehe:71px}.hat-js .menue-knopf{display:inline-flex}.hat-js .thema-knopf{margin-left:auto}.hat-js .kopf nav{padding:var(--a-4) var(--a-5) var(--a-6);background:var(--flaeche);border-bottom:1px solid var(--linie);box-shadow:var(--schatten-menue);flex-direction:column;gap:0;margin:0;position:absolute;top:100%;left:0;right:0}.hat-js .kopf nav[hidden]{display:none}.kopf nav a{font-size:var(--t-m);border-bottom:1px solid var(--linie-leise);min-height:52px}.kopf .anruf .beschriftung{display:none}.kopf .anruf .nur-schmal{display:inline}.kopf .innen{gap:var(--a-3)}.kopf .anruf{min-height:44px;padding:0 var(--a-3);font-size:var(--t-s);gap:var(--a-1);flex:none}.kopf .anruf svg{width:16px;height:16px}.kein-js .kopf .innen{flex-wrap:wrap}.kein-js .kopf nav{gap:var(--a-4);flex-wrap:wrap;width:100%;margin-left:0}}.btn{justify-content:center;align-items:center;gap:var(--a-2);min-height:52px;padding:0 var(--a-6);font:inherit;white-space:nowrap;border-radius:var(--r-voll);cursor:pointer;isolation:isolate;transition:transform var(--d-kurz) var(--kurve), background var(--d-normal) var(--kurve);border:1.5px solid #0000;font-weight:600;text-decoration:none;display:inline-flex;position:relative}@supports (corner-shape:squircle){.btn{border-radius:var(--r-5);corner-shape:squircle}}.btn .pfeil{transition:transform var(--d-normal) var(--kurve)}.btn-primaer{background:var(--akzent);color:var(--auf-akzent)}.btn-primaer:before{content:"";z-index:-1;border-radius:inherit;box-shadow:var(--schatten-knopf);opacity:0;transition:opacity var(--d-normal) var(--kurve);position:absolute;inset:0}.btn-sekundaer{color:var(--text);border-color:var(--linie-stark)}.btn-sekundaer:before{content:"";z-index:-1;border-radius:inherit;background:var(--glas-fuellung);transform-origin:0;transition:transform var(--d-normal) var(--kurve);position:absolute;inset:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.btn-primaer:hover{transform:translateY(-2px)}.btn-primaer:hover:before{opacity:1}.btn-sekundaer:hover:before{transform:scaleX(1)}.btn-sekundaer:hover{border-color:var(--text)}.btn:hover .pfeil{transform:translate(5px)}}.btn:active{transform:scale(.97)}.bildplatte.glas{--kx:0;--ky:0;width:100%;height:min(calc(var(--sichthoehe,100svh) - var(--kopf-hoehe) - var(--a-6)), 780px);padding:var(--a-6);border-radius:var(--r-5);-webkit-backdrop-filter:none;transition:transform var(--d-normal) var(--kurve);flex-direction:row;align-items:flex-end;display:flex;position:relative;overflow:hidden}.bildplatte.glas>*{transform:none}.bildplatte>.bild{z-index:0;background:var(--platte-bild) right bottom / contain no-repeat;position:absolute;inset:0}.bildplatte>.scheibe{z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(155deg, rgb(var(--k-glanz) / .12) 0%, rgb(var(--k-glanz) / .04) 30%, transparent 58%);box-shadow:inset 0 1px 0 var(--glas-kante-hell), inset 0 -1px 0 var(--glas-kante-dunkel), inset 0 0 40px rgb(var(--k-tief) / .2);position:absolute;inset:0}.bildplatte:before,.bildplatte:after{z-index:2}.bildplatte .siegel{z-index:3;top:var(--a-4);right:var(--a-4);opacity:.5;width:76px;height:auto;transition:opacity var(--d-normal) var(--kurve);position:absolute}.bildplatte:hover .siegel{opacity:.8}.bildplatte .aussage{z-index:3;left:var(--a-6);width:min(56%,60ch);position:absolute;top:8.85%}@media (width<=900px) and (orientation:portrait){.bildplatte.glas{flex-direction:column;align-items:stretch;height:auto;padding:0}.bildplatte.glas>.bild{aspect-ratio:1024/1536;background-position:bottom;flex:none;width:100%;max-height:calc(var(--sichthoehe, 100svh) * .52);position:static}.bildplatte .aussage{width:100%;padding:var(--a-5) var(--a-5) var(--a-6);position:static}}@media (hover:hover) and (pointer:fine){.bildplatte.glas:hover{box-shadow:var(--platte-wurf), var(--schatten-karte-wach)}.bildplatte.glas:hover h1{text-shadow:calc(var(--lx) * -9px) calc(var(--ly) * -9px) 10px var(--textschatten-weit), calc(var(--lx) * -3px) calc(var(--ly) * -3px) 2px var(--textschatten-eng)}}.bildplatte.glas.wach{box-shadow:var(--platte-wurf), var(--schatten-karte-wach)}.bildplatte.glas.wach h1{text-shadow:calc(var(--lx) * -9px) calc(var(--ly) * -9px) 10px var(--textschatten-weit), calc(var(--lx) * -3px) calc(var(--ly) * -3px) 2px var(--textschatten-eng)}@media (prefers-reduced-motion:reduce){.bildplatte.glas{transition:none}}.hero{min-height:calc(var(--sichthoehe,100svh) - var(--kopf-hoehe));align-items:center;padding:clamp(48px,8vh,96px) 0 clamp(64px,9vh,108px);display:flex}.hero>.innen{perspective:1600px}.hero h1{font-size:var(--t-3xl);margin-bottom:var(--a-5)}.hero h1 .champagner{color:var(--akzent)}.hero .unter{color:var(--text-leise);max-width:46ch;font-size:var(--t-l);margin-bottom:var(--a-5)}.hero .knopfreihe{gap:var(--a-4);flex-wrap:wrap;display:flex}.absender{align-items:center;gap:var(--a-4);margin-bottom:var(--a-5);padding-bottom:var(--a-5);border-bottom:1px solid var(--linie);max-width:46ch;display:flex}.absender .bild{object-fit:cover;background:var(--flaeche-2);border:1px solid var(--linie-kraeftig);border-radius:50%;flex:none;width:56px;height:56px}.absender .name{font-weight:600}.absender .rolle{color:var(--text-leise);font-size:var(--t-s)}.eckband-bahn{padding:var(--a-6) 0 var(--a-7)}.eckband-bahn:before{display:none}.eckband{gap:var(--a-5);margin-top:var(--a-4);grid-template-columns:repeat(6,1fr);display:grid}.eckband>div{padding-top:var(--a-3);gap:var(--a-1);align-content:start;display:grid;position:relative}.eckband>div:before{content:"";background:var(--linie);transform-origin:50%;height:1px;transition:transform calc(.8s * var(--zeit)) var(--kurve);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.eckband.da>div:before{transform:scaleX(1)}.eckband.da>div:nth-child(2):before{transition-delay:calc(60ms * var(--zeit))}.eckband.da>div:nth-child(3):before{transition-delay:calc(.12s * var(--zeit))}.eckband.da>div:nth-child(4):before{transition-delay:calc(.18s * var(--zeit))}.eckband.da>div:nth-child(5):before{transition-delay:calc(.24s * var(--zeit))}.eckband.da>div:nth-child(6):before{transition-delay:calc(.3s * var(--zeit))}.kein-js .eckband>div:before{transform:scaleX(1)}.eckband dt{color:var(--text-leise);font-size:var(--t-s)}.eckband dd{font-family:var(--schrift-zahl);font-size:var(--t-m);margin-inline-start:0}.eckband dd b{color:var(--akzent);font-weight:600}.eckband-bahn .fussnote{margin-top:var(--a-5);font-size:var(--t-xs);color:var(--text-leise)}@media (width<=900px){.eckband{gap:var(--a-4);grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.eckband{grid-template-columns:repeat(2,1fr)}}.auftritt{opacity:0;animation:auf calc(.55s * var(--zeit)) var(--kurve) forwards;translate:0 16px}.auftritt-2{animation-delay:calc(90ms * var(--zeit))}.auftritt-3{animation-delay:calc(.18s * var(--zeit))}.auftritt-4{animation-delay:calc(.27s * var(--zeit))}@keyframes auf{to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.kippt{transform:none!important}.auftritt{opacity:1;animation:none;translate:none}.faehrt-ein{opacity:1;translate:none}}.saeule{gap:var(--a-3);align-content:start;display:grid}.spalte-1{grid-column:1/span 4}.spalte-2{grid-column:5/span 4}.spalte-3{grid-column:9/span 4}@media (width<=900px){.spalte-1{grid-column:1/span 3}.spalte-2{grid-column:4/span 3}.spalte-3{grid-column:1/span 6}}.saeule .kennung{font-family:var(--schrift-zahl);font-size:var(--t-xs);letter-spacing:.14em;color:var(--akzent)}.saeule h3{font-size:var(--t-l)}.saeule p{color:var(--text-leise)}.saeule .strich{background:var(--linie-kraeftig);height:1px}.buehne>.raster{perspective:1400px}.glas{--lx:0;--ly:0;--druck:1;background:var(--glas-schleier), var(--glas-grund);-webkit-backdrop-filter:var(--glas-filter);border:1px solid var(--glas-rand);border-radius:var(--r-5);padding:var(--a-6);gap:var(--a-4);box-shadow:var(--schatten-karte);transform-style:preserve-3d;transition:transform var(--d-normal) var(--kurve), border-color var(--d-normal) var(--kurve), box-shadow var(--d-normal) var(--kurve);flex-direction:column;display:flex;position:relative}.glas:before{content:"";pointer-events:none;border-radius:inherit;background:var(--glas-saum);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--d-normal) var(--kurve);padding:1.5px;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.glas:after{content:"";pointer-events:none;border-radius:inherit;background:var(--glas-schein);opacity:0;transition:opacity var(--d-normal) var(--kurve);position:absolute;inset:0}.glas>*{z-index:1;position:relative}.glas.wach:before,.glas.wach:after{opacity:1}@media (hover:hover) and (pointer:fine){.glas:hover,.glas.wach{z-index:3;position:relative}.glas.wach{--druck:1.015;border-color:var(--glas-rand-warm);box-shadow:var(--schatten-karte-wach)}.kippt.wach{transform:rotateX(calc(var(--ky,0) * -6deg)) rotateY(calc(var(--kx,0) * 6deg)) scale(var(--druck))}.glas.wach h3,.glas.wach .preis,.glas.wach .stufe{text-shadow:calc(var(--lx) * -9px) calc(var(--ly) * -9px) 10px var(--textschatten-weit), calc(var(--lx) * -3px) calc(var(--ly) * -3px) 2px var(--textschatten-eng)}.kippt{transform:rotateX(calc(var(--ky,0) * -6deg)) rotateY(calc(var(--kx,0) * 6deg)) scale(var(--druck))}.glas:hover{--druck:1.015;border-color:var(--glas-rand-warm);box-shadow:var(--schatten-karte-wach)}.glas:hover:before,.glas:hover:after{opacity:1}.glas:hover h3,.glas:hover .preis,.glas:hover .stufe{text-shadow:calc(var(--lx) * -9px) calc(var(--ly) * -9px) 10px var(--textschatten-weit), calc(var(--lx) * -3px) calc(var(--ly) * -3px) 2px var(--textschatten-eng)}}.glas h3{font-size:var(--t-l)}.glas p{color:var(--text-leise)}.glas ul{gap:var(--a-3);font-size:var(--t-s);list-style:none;display:grid}.glas li{gap:var(--a-3);align-items:flex-start;display:flex}.glas li svg{color:var(--akzent);flex:none;margin-top:4px}.glas .fussknopf{margin-top:auto}.glas .preis{font-family:var(--schrift-zahl);font-size:var(--t-2xl);color:var(--text);font-weight:600;line-height:1}.glas .preis.klein{font-size:var(--t-xl)}.glas .preis small{font-size:var(--t-xs);color:var(--text-leise);margin-top:var(--a-2);letter-spacing:.06em;font-weight:400;display:block}.glas h3.stufe{font-family:var(--schrift-zahl);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--akzent);font-weight:400}.karte-1{grid-column:1/span 4}.karte-2{grid-column:5/span 4}.karte-3{grid-column:9/span 4}@media (width<=900px){.karte-1{grid-column:1/span 2}.karte-2{grid-column:3/span 2}.karte-3{grid-column:5/span 2}.glas{padding:var(--a-5)}}.wischleiste{display:none}@media (width<=900px){.buehne>.raster{gap:var(--a-4);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--a-5));padding-inline:var(--a-5);scroll-padding-inline:var(--a-5);padding-bottom:var(--a-4);scrollbar-width:none;align-items:stretch;display:flex;overflow-x:auto}.buehne>.raster::-webkit-scrollbar{display:none}.buehne>.raster>.glas{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 clamp(260px,84%,460px)}.wischleiste{justify-content:center;align-items:center;gap:var(--a-2);margin-top:var(--a-2);display:flex}.wischleiste button{cursor:pointer;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;padding:0;display:grid}.wischleiste .strich-marke{background:var(--linie-stark);width:18px;height:2px;transition:width var(--d-normal) var(--kurve), background var(--d-normal) var(--kurve);border-radius:2px;display:block}.wischleiste button[aria-current=true] .strich-marke{background:var(--akzent);width:32px}}.faehrt-ein{opacity:0;translate:0 20px}.faehrt-ein.da{opacity:1;transition:opacity calc(.55s * var(--zeit)) var(--kurve), translate calc(.55s * var(--zeit)) var(--kurve);translate:0}.buehne .faehrt-ein{opacity:0;translate:-72px}.buehne.da .faehrt-ein{opacity:1;transition:opacity var(--dauer,calc(.5s * var(--zeit))) var(--kurve) var(--verzug,0s), translate var(--dauer,calc(.5s * var(--zeit))) var(--kurve) var(--verzug,0s);translate:0}@media (width<=900px){.buehne .faehrt-ein{translate:0 28px}}.kein-js .faehrt-ein{opacity:1;translate:none}.kein-js .buehne .faehrt-ein{translate:none}.verzug-2.da{transition-delay:calc(.12s * var(--zeit))}.verzug-3.da{transition-delay:calc(.24s * var(--zeit))}.verzug-4.da{transition-delay:calc(.36s * var(--zeit))}.verzug-2 .strich{transition-delay:calc(.27s * var(--zeit))}.verzug-3 .strich{transition-delay:calc(.39s * var(--zeit))}.verzug-4 .strich{transition-delay:calc(.51s * var(--zeit))}.schritt{grid-column:span 3}.schritt .nr{font-family:var(--schrift-zahl);font-size:var(--t-l);color:var(--akzent);margin-bottom:var(--a-2);font-weight:600;display:block}.schritt .strich{background:var(--linie-kraeftig);height:1px;margin-bottom:var(--a-3);position:relative}.schritt .strich:after{content:"";background:var(--akzent);width:28%;position:absolute;inset:0 auto 0 0}.schritt h3{font-size:var(--t-m);margin-bottom:var(--a-2)}.schritt p{font-size:var(--t-s);color:var(--text-leise)}.fragenkopf{top:calc(var(--kopf-hoehe) + var(--a-5));grid-column:1/span 4;align-self:start;position:sticky}.fragenkopf h2{font-size:var(--t-2xl);margin-bottom:var(--a-4)}.fragenkopf p:not(.kapitel){color:var(--text-leise)}.faqspalte{grid-column:6/span 7}@media (width<=900px){.fragenkopf{grid-column:1/span 6;position:static}.faqspalte{grid-column:1/span 6}}.faq details{border-bottom:1px solid var(--linie);position:relative}.faq summary{cursor:pointer;align-items:center;gap:var(--a-4);min-height:60px;font-weight:600;font-size:var(--t-l);padding:var(--a-3) var(--a-1) var(--a-3) 0;font-family:var(--schrift-display);list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq .zeichen{border:1px solid var(--linie-stark);width:30px;height:30px;color:var(--akzent);transition:transform var(--d-normal) var(--kurve);border-radius:50%;flex:none;place-items:center;margin-left:auto;display:grid}.faq details[open] .zeichen{transform:rotate(45deg)}.faq .antwort{padding:0 0 var(--a-5);color:var(--text-leise);max-width:var(--masse)}.schluss .wort{grid-column:1/span 5}.schluss .tat{grid-column:7/span 6;align-self:start}@media (width<=900px){.schluss .wort,.schluss .tat{grid-column:1/span 6}}.schluss h2{font-size:var(--t-2xl);margin-bottom:var(--a-4)}.schluss .lead{max-width:42ch}.kontaktwege{gap:var(--a-2);margin:var(--a-5) 0;display:grid}.ruf{align-items:center;gap:var(--a-3);min-height:48px;color:var(--text);font-family:var(--schrift-zahl);font-size:var(--t-m);text-decoration:none;display:inline-flex}.ruf svg{color:var(--akzent);flex:none}.ruf:hover{color:var(--akzent)}.merkliste{list-style:none}.merkliste li{gap:var(--a-4);padding:var(--a-2) 0;font-size:var(--t-s);color:var(--text-leise);align-items:baseline;display:flex}.merkliste .nr{font-family:var(--schrift-zahl);font-size:var(--t-xs);color:var(--akzent);flex:none}.formular{gap:var(--a-4);display:grid}.feld{gap:var(--a-2);display:grid}.feld label{font-size:var(--t-s);font-weight:600}.feld .pflicht{color:var(--akzent)}.feld input,.feld textarea{font:inherit;font-size:var(--t-m);padding:var(--a-3) var(--a-4);color:var(--text);background:var(--flaeche);border:1.5px solid var(--linie-stark);border-radius:var(--r-3);min-height:52px}.feld textarea{resize:vertical;min-height:132px}.feld input:hover,.feld textarea:hover{border-color:var(--text-leise)}.feld .hilfe{font-size:var(--t-xs);color:var(--text-leise)}.honigtopf{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.formular .hinweis-datenschutz{font-size:var(--t-xs);color:var(--text-leise);max-width:var(--masse)}.formular .hinweis-datenschutz a{color:var(--text)}.rechtszeile{margin-top:var(--a-5);font-size:var(--t-xs);color:var(--text-leise);max-width:var(--masse)}.fuss{padding:var(--a-6) 0;font-size:var(--t-s);position:relative}.fuss:before{content:"";background:var(--linie);transform-origin:50%;height:1px;transition:transform calc(1s * var(--zeit)) var(--kurve);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.fuss.da:before,.kein-js .fuss:before{transform:scaleX(1)}.fuss .marke{grid-column:1/span 5}.fuss .rechts{gap:var(--a-5);flex-wrap:wrap;grid-column:9/span 4;justify-content:flex-end;display:flex}@media (width<=900px){.fuss .marke,.fuss .rechts{grid-column:1/span 6;justify-content:flex-start}}.fuss p{color:var(--text-leise)}.fuss .name{color:var(--text);font-family:var(--schrift-display);margin-bottom:var(--a-2);font-weight:600}.fuss a{color:var(--text-leise);text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.fuss a:hover{color:var(--text)}.textseite{padding:clamp(48px,8vh,96px) 0 clamp(64px,9vh,108px)}.textseite .innen{width:min(760px, 100% - 2 * var(--a-5))}.textseite h1{font-size:var(--t-2xl);margin-bottom:var(--a-5)}.textseite .stand{color:var(--text-leise);font-size:var(--t-s);margin-bottom:var(--a-7)}.textseite h2{font-size:var(--t-l);margin:var(--a-7) 0 var(--a-3)}.textseite h2:first-of-type{margin-top:0}.textseite p,.textseite li{color:var(--text-leise);margin-bottom:var(--a-4)}.textseite ul{padding-left:var(--a-5)}.textseite a{color:var(--text);text-underline-offset:4px}.zurueck{align-items:center;gap:var(--a-2);min-height:44px;margin-top:var(--a-7);color:var(--akzent);display:inline-flex}.mitte{min-height:calc(var(--sichthoehe,100svh) - var(--kopf-hoehe) - 160px);align-items:center;display:flex}.mitte .innen{width:min(620px, 100% - 2 * var(--a-5));text-align:center}.mitte h1{font-size:var(--t-2xl);margin-bottom:var(--a-4)}.mitte p{color:var(--text-leise);margin-bottom:var(--a-6)}.abschluss .innen{perspective:1600px}.karte-abschluss{align-items:center;gap:var(--a-5);text-align:center}.karte-abschluss h1,.karte-abschluss p{margin-bottom:0}.karte-abschluss p{max-width:46ch}.karte-abschluss .knopfreihe{gap:var(--a-4);flex-wrap:wrap;justify-content:center;display:flex}.rueckkehr{justify-content:center;align-items:center;gap:var(--a-3);font-size:var(--t-s);color:var(--text-leise);flex-wrap:wrap;margin-bottom:0;display:flex}.rueckkehr-zahl{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;color:var(--text)}.rueckkehr-halt{min-height:44px;padding:0 var(--a-4);font:inherit;color:var(--text);border:1px solid var(--linie-stark);border-radius:var(--r-voll);cursor:pointer;transition:border-color var(--d-normal) var(--kurve);background:0 0}@media (hover:hover) and (pointer:fine){.rueckkehr-halt:hover{border-color:var(--text)}}


/* ===== Mobil-Umbau Einstieg, 15.08.2026 (Anweisung Andreas) =====
   Gilt nur unter 901 Pixeln, die Rechner-Fassung bleibt unveraendert.
   1. Die Karte endet mit der Absenderzeile: Zitat-Absatz und
      Knopfreihe DER KARTE werden hier ausgeblendet und stehen als
      eigener Block zwischen Karte und Eckband (im HTML
      .hero-nachsatz). Der Zitattext steht damit ZWEIMAL im HTML;
      wer ihn aendert, aendert beide Stellen.
   2. Abstand Kopfzeile zu Kartenoberkante von 53 auf 11 Pixel,
      minus 80 Prozent nach Andreas' Vorgabe, gemessen bei 375x667.
      Fester Pixelwert mit Absicht: DuckDuckGo und Firefox bewegen
      ALLE Sichtfeld-Einheiten mit den Browserleisten (Bug-Klasse 1
      im Vault), ein vh-Polster wuerde beim Scrollen atmen.
   3. Der Anruf-Knopf entfaellt an dieser Stelle (Andreas: Anruf
      bleibt ueber die Kopfzeile erreichbar, bevorzugt ist die
      Nachricht). Die Aussage wird Zitat: Anfuehrungszeichen in der
      Akzentfarbe, haengende Interpunktion, Display-Schrift. Der
      Name steht schon auf der Karte, deshalb keine Quellzeile. */
.hero-nachsatz { display: none; }
@media (max-width: 900px) and (orientation: portrait) {
  .hero { padding-top: 11px; }
  .bildplatte .unter, .bildplatte .knopfreihe { display: none; }
  /* Der Absender ist jetzt das LETZTE auf der Karte: Abstand, Polster
     und Trennlinie darunter dienten dem ausgeblendeten Zitat-Absatz
     und wuerden als leere Glasflaeche unter dem Text stehen. */
  .bildplatte .absender { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
  /* Textblock um die Hoehe der Menueleiste (71px, auf 375 bis 768
     gemessen) nach oben ueber das Bild geschoben (Andreas,
     15.08.2026). Der negative Abstand verkuerzt zugleich die Karte um
     denselben Betrag, die Unterkante rueckt also mit. relative plus
     z-index heben den Text ueber Bild UND Scheibe (die liegt auf 1),
     wie am Rechner, dort steht die Aussage auf 3. Das Bild laeuft
     unten weich aus, der Text bleibt darauf lesbar. */
  /* left und top MUESSEN hier genullt werden: Die Rechner-Regel gibt
     der Aussage left 32px und top 8.85 Prozent fuer die absolute
     Lage. Bei static (alte Mobilregel) ignoriert der Browser beide,
     bei relative gelten sie ploetzlich, und der Text stand 32 Pixel
     zu weit rechts (Andreas' Screenshot vom 15.08.). */
  .bildplatte .aussage { margin-top: -71px; position: relative; z-index: 2; left: 0; top: 0; }
  .hero-nachsatz {
    display: flex; flex-direction: column; align-items: flex-start;
    gap: var(--a-5);
    margin-top: var(--a-6);
  }
  /* Fassung 2, 15.08.2026 (Andreas: Fassung 1 mit Display-Schrift,
     haengender Interpunktion und farbigen Anfuehrungszeichen war
     "schrecklich"): jetzt die Textschrift der Seite, ein stehender
     Akzentstrich links als einziges Zitat-Zeichen, Anfuehrungszeichen
     in Textfarbe. Einblendung ueber die auftritt-Klassen im HTML,
     dieselbe Staffel wie vorher auf der Karte (Zitat Stufe 3, Knopf
     Stufe 4). */
  .hero-zitat {
    margin: 0;
    border-left: 2px solid var(--akzent);
    padding-left: var(--a-4);
  }
  .hero-zitat p {
    font-size: var(--t-l); line-height: 1.6;
    color: var(--text);
    max-width: 46ch;
  }
  .hero-zitat .anfz { color: inherit; }
}

/* ===== Rechner-Einstieg, 15.08.2026 (Anweisung Andreas): Links unten
   stand die Karte leer. Der Textblock spannt sich jetzt bis zur
   Unterkante (bottom), und margin-top: auto am Zitat schiebt Zitat
   und Knopf nach unten: Der Leerraum wird EIN bewusster Abstand
   zwischen Kopfgruppe und Schlussgruppe statt toter Rest darunter.
   Das Zitat traegt dieselbe Form wie mobil (Akzentstrich,
   Anfuehrungszeichen im Text, Textfarbe statt leise), damit beide
   Fassungen eine Sprache sprechen. Nur ab 901 Pixeln, die
   Mobilregeln bleiben unberuehrt. */
@media (min-width: 901px), (max-width: 900px) and (orientation: landscape) {
  .bildplatte .aussage {
    /* 8.85 Prozent wie das top der Grundregel: Der Abstand der
       Unterkante der Karte zur Unterkante des Knopfs ist damit
       EXAKT der Abstand der Oberkante zur Kicker-Zeile, bei jeder
       Kartenhoehe (Andreas, 15.08.2026). */
    bottom: 8.85%;
    display: flex; flex-direction: column; align-items: flex-start;
  }
  /* Strich der Kicker-Zeile, repariert 17.08.2026 (Andreas): Das
     align-items flex-start der Regel darueber liess die Kicker-Zeile
     auf ihre Textbreite schrumpfen, der Strich dahinter (flex auto,
     min-width 32px) stand damit nur noch auf seinen 32 Pixeln
     Mindestbreite, und die Wisch-Animation brach nach einem
     Wimpernschlag ab. stretch gibt der Zeile die volle Blockbreite
     zurueck, wie vor dem Umbau vom 15.08.; der Strich laeuft wieder
     bis zur Kante des Textblocks durch. */
  .bildplatte .kapitel { align-self: stretch; }
  .bildplatte .unter {
    margin-top: auto;
    border-left: 2px solid var(--akzent);
    padding-left: var(--a-4);
    color: var(--text);
  }
}
/* Die Eckdaten-Zeile vom Vormittag ist auf Andreas' Anweisung
   wieder raus (15.08. nachmittags). Stattdessen ist der Rahmen
   symmetrisch: siehe bottom in der Regel darueber. */

/* Das Atmen des Einstiegsfotos in DuckDuckGo und Firefox, repariert
   15.08.2026: In der Mobilregel stand max-height:52vh, und vh wird in
   diesen Browsern bei jeder Leistenbewegung neu gerechnet (Safari und
   Chrome halten es fest, dort fiel es nie auf). Jetzt rechnet die
   Hoehe mit --sichthoehe, dem von thema.js beim Laden eingefrorenen
   Pixelwert; neu gemessen wird nur beim Drehen. Die Ersetzung steht
   oben in der Mobilregel der Bildplatte, dieser Block ist ihr
   Warum-Kommentar. Ohne Skript greift 100svh. */

/* Nachtrag 15.08.2026, zwei Anweisungen von Andreas:
   1. Das Leuchten der farbigen Knoepfe ist in BEIDEN Farbbildern
      komplett raus: --schatten-knopf steht oben auf none, die
      Hover-Maschine am Knopf (::before mit Deckungsblende) bleibt
      stehen und blendet jetzt schlicht nichts ein.
   2. GESTRICHEN am selben Tag: Ein Versuch, die Wellen-Texturen per
      Kontrastverstaerkung sichtbarer zu machen, wurde auf Andreas'
      Anweisung vollstaendig zurueckgenommen. Es gelten die
      ORIGINAL-Dateien des Livestands vom 14.08. Merkregel:
      Gestaltungselemente werden nie eigenmaechtig veraendert,
      Befunde werden gemeldet, Andreas entscheidet. */

/* Wellen-Hintergruende, 15.08.2026 (Anweisung Andreas): Es gelten
   seine Master-Dateien aus Hintergruende/Grasswerk ("Dunkel mit
   Wellen.png", "Hell mit Wellen.png"), umgewandelt nach AVIF in
   Qualitaet 68, damit die Haarlinien nicht zerdrueckt werden (genau
   daran sind die 24-KB-Fassungen vom 14.08. gescheitert). Inhaltlich
   ist an den Bildern NICHTS veraendert. */

/* ===== Hintergrund-Lagen, Neuaufbau 15.08.2026 (Anweisung Andreas,
   nach dem Totalausfall der Hintergruende) =====
   Der Fehler war EINE Zeile: html hatte fuer den Gummiband-Effekt
   eine Hintergrundfarbe bekommen. Sobald html einen Hintergrund
   traegt, gibt der Browser den KOERPER-Hintergrund nicht mehr an die
   Leinwand weiter; er bleibt als normale Elementflaeche stehen, und
   die liegt UEBER allen Kindern mit negativer Stapelzahl. Grundflaeche
   (Wellen, -2) und Lichtfeld (-1) waren damit ueberall zugedeckt.
   HARTE REGEL: html bekommt NIE einen Hintergrund. Den Gummiband-Ton
   liefert stattdessen der Koerper selbst (background oben von
   var(--grund) auf var(--grundflaeche-ton) umgestellt): Er wandert
   auf die Leinwand ganz unten, das Ueberziehen zeigt Holz bzw. Sand,
   und die Lagen malen wieder DARUEBER. Die Lagen selbst sind fest
   (position: fixed), die Inhalte laufen beim Rollen darueber, auf
   allen sechs Seiten identisch (der Bau steht im Grundgeruest). */

/* Querformat-Regel, 18.08.2026 (Anweisung Andreas): Im Querformat auf
   Handy und Tablet (Breite bis 900px, orientation landscape) gilt fuer
   die Hero-Glaskarte EXAKT die Rechner-Fassung: Bild rechts, Text
   absolut auf der Karte, Zitat und Knopf auf der Karte, hero-nachsatz
   bleibt versteckt (Grundregel display:none). Umgesetzt, indem die
   beiden Mobil-Bloecke der Karte auf orientation:portrait begrenzt
   sind und der Rechner-Block zusaetzlich fuer das schmale Querformat
   gilt. Alle uebrigen Mobilregeln (Menue, Raster, Karten) bleiben im
   Querformat unveraendert mobil. */

/* Kartenhoehe im Querformat, 18.08.2026 (nachgebessert am selben
   Tag): Die Grundformel bindet die Kartenhoehe an die Bildschirmhoehe
   (sichthoehe minus Kopfleiste). Im Handy-Querformat sind das 300 bis
   400px, der Textstapel der Rechner-Fassung braucht aber rund 500 bis
   620px; Zitat, Knopf und Absender wurden von overflow:hidden
   abgeschnitten und das Foto schrumpfte mit. Deshalb bekommt die
   Karte im Querformat bei niedrigen Bildschirmen eine feste Hoehe von
   640px und die Seite rollt. WICHTIG: Die Regel haengt an der HOEHE
   (bis 500px), nicht an der Breite, denn grosse Handys sind gedreht
   BREITER als 900px (iPhone Pro Max 932, Galaxy Ultra 915) und fielen
   mit einer Breitenregel durch, genau das war Andreas' Befund vom
   18.08. Die 8.85-Prozent-Symmetrie oben und unten bleibt erhalten,
   weil sie prozentual an der Kartenhoehe haengt. */
@media (orientation: landscape) and (max-height: 500px) {
  .bildplatte.glas { height: 640px; }
}