:root{--void:#08090a;--carbon:#0f1011;--graphite:#23252a;--smoke:#383b3f;--paper:#fff;--ink-2:#d0d6e0;--mute:#8a8f98;--accent:#9cbcde;--accent-rgb:156, 188, 222;--blau:#1e69b8;--blau-hover:#1a5ca2;--on-accent:#08090a;--tile:#0a0a0a;--card:#141414;--warn:#e8b46b;--s-4:4px;--s-8:8px;--s-12:12px;--s-24:24px;--s-48:48px;--s-96:96px;--abschnitt:96px;--karte:24px;--max:1200px;--r-6:6px;--r-12:12px;--r-pille:9999px;--t-13:13px;--t-15:15px;--t-20:20px;--t-24:24px;--t-32:32px;--t-48:48px;--t-64:64px;--t-72:72px;--ls-display:-.022em;--ls-titel:-.012em;--ls-15:-.011em;--ls-13:-.01em;--lh-display:1;--lh-titel:1.13;--lh-20:1.33;--lh-text:1.6;--w-text:400;--w-titel:510;--w-stark:590;--sans:"Geist", "Geist Fallback", system-ui, sans-serif;--mono:"Geist Mono", "Geist Mono Fallback", ui-monospace, monospace;--ease:cubic-bezier(.4, 0, .2, 1);--aus:cubic-bezier(.2, .7, .2, 1)}@media (width<=760px){:root{--abschnitt:64px}}@font-face{font-family:Geist;src:url(/_astro/geist.CK4AjcoV.woff2)format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:Geist Mono;src:url(/_astro/geist-mono.BLkgw09d.woff2)format("woff2");font-weight:400 500;font-display:swap}@font-face{font-family:Geist Fallback;src:local(Arial);size-adjust:104.39%;ascent-override:96.27%;descent-override:28.26%;line-gap-override:0%}@font-face{font-family:Geist Mono Fallback;src:local(Arial);size-adjust:130.55%;ascent-override:76.98%;descent-override:22.6%;line-gap-override:0%}:root{color-scheme:dark;--g1y:-12%;--g1a:.3;--g2x:38%;--g2y:62%}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overflow-x:clip}html{background:var(--void);color:var(--ink-2);font-family:var(--sans);font-size:var(--t-15);line-height:var(--lh-text);letter-spacing:var(--ls-15);-webkit-font-smoothing:antialiased}body{background:0 0;margin:0;position:relative}body:before{content:"";z-index:-1;pointer-events:none;opacity:.025;background:url(/dither.png);position:fixed;inset:0}html.gl body:before{content:none}canvas.grund{z-index:-1;pointer-events:none;width:100%;height:100vh;display:block;position:fixed;inset:0}body:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(130% 70% at 50% var(--g1y), rgba(var(--accent-rgb), var(--g1a)), rgba(var(--accent-rgb), calc(var(--g1a) * .3)) 40%, transparent 75%), radial-gradient(70% 45% at var(--g2x) var(--g2y), rgba(var(--accent-rgb), .07), transparent 70%), var(--void);position:fixed;inset:0}a{color:inherit;text-underline-offset:.18em}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-6)}h1,h2,h3{color:var(--paper);font-weight:var(--w-titel);text-wrap:balance;margin:0}h1{font-size:var(--t-64);line-height:var(--lh-display);letter-spacing:var(--ls-display)}h2{font-size:var(--t-48);line-height:var(--lh-display);letter-spacing:var(--ls-display)}h3{font-size:var(--t-20);line-height:var(--lh-20);letter-spacing:var(--ls-titel)}p{margin:0}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--s-12);background:var(--paper);color:var(--void);padding:var(--s-8) var(--s-12);z-index:30;border-radius:var(--r-6);position:absolute;top:-4rem}.skip:focus{top:var(--s-12)}#main:focus{outline:none}.wrap{max-width:var(--max);padding-inline:var(--s-24);box-sizing:content-box;margin:0 auto}main{padding-bottom:var(--abschnitt);display:block}header.site{z-index:20;border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s,backdrop-filter .3s;position:sticky;top:0}header.site.gerollt{backdrop-filter:blur(14px)saturate(1.2);border-bottom-color:var(--graphite);background:#08090abd}.kopf{align-items:center;gap:var(--s-48);padding-block:var(--s-24);line-height:var(--s-24);display:flex}.mark{color:var(--paper);font-weight:var(--w-stark);font-size:var(--t-20);letter-spacing:var(--ls-titel);text-decoration:none}nav{gap:var(--s-24);flex-wrap:wrap;display:flex}nav a{text-decoration:none}header .fn{margin-inline:auto}header .fn a{font-size:var(--t-13);letter-spacing:var(--ls-13);color:var(--ink-2);transition:color .15s}header .fn a:hover{color:var(--paper)}header .lang{gap:var(--s-12)}header .btn.gh{margin-left:calc(-1 * var(--s-24))}header .lang a{font-family:var(--mono);font-size:var(--t-13);color:var(--mute)}header .lang a[aria-current]{color:var(--paper)}.btn{padding:var(--s-12) var(--s-24);border-radius:var(--r-pille);line-height:var(--lh-20);background:var(--accent);color:var(--on-accent);font-weight:var(--w-titel);font-size:var(--t-15);align-items:center;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover{background:#b3cce6}.btn-rand{color:var(--paper);box-shadow:inset 0 0 0 1px var(--smoke);background:0 0}.btn-rand:hover{background:#ffffff0d}.gh{gap:var(--s-8)}.gh svg{flex:none}.btn.gh{background:var(--blau);color:var(--paper)}.btn.gh:hover{background:var(--blau-hover)}.btn.bald{cursor:default}.btn.gh.bald:hover{background:var(--blau)}.bald-zusatz{padding:0 var(--s-8);border-radius:var(--r-pille);font-size:var(--t-13);letter-spacing:var(--ls-13);background:#08090a47}.btn.klein{padding:var(--s-4) var(--s-12);font-size:var(--t-13);letter-spacing:var(--ls-13)}footer .bald{color:var(--mute)}.knoepfe{justify-content:center;gap:var(--s-12);flex-wrap:wrap;display:flex}.frei-stark{margin-top:var(--s-24);color:var(--paper);font-size:var(--t-20);line-height:var(--lh-20);letter-spacing:var(--ls-titel);font-weight:var(--w-stark)}.frei{margin-top:var(--s-8);font-size:var(--t-15);color:var(--mute)}.schluss .wrap{text-align:center;padding-block:var(--s-48);flex-direction:column;align-items:center;display:flex}.schluss .satz{margin-inline:auto}.schluss .knoepfe{margin-top:var(--s-48)}.frame{border-radius:var(--r-12);min-width:0;position:relative}.frame-tile,.frame-karte{border:1px solid var(--graphite);padding:var(--s-12)}.frame-tile{background:var(--tile)}.frame-karte{background:var(--card)}.shot{border-radius:0;display:grid;overflow:hidden}.frame-none>.shot{border-radius:var(--r-12)}.shot>picture{grid-area:1/1;align-self:start}.shot img{width:100%;height:auto;display:block}.shot.pair>picture:last-child{opacity:0;transition:opacity .6s var(--ease)}.shot.pair.b>picture:last-child{opacity:1}.frame.aus{opacity:0;transition:opacity .5s var(--ease)}.zeiger{z-index:5;pointer-events:none;opacity:0;width:18px;height:24px;transform:translate(var(--x,70%), var(--y,90%));transition:transform .85s cubic-bezier(.55,0,.15,1),opacity .3s;position:absolute;top:0;left:0}.zeiger.da{opacity:1}.zeiger:before{content:"";background:var(--paper);clip-path:polygon(0 0,0 80%,24% 62%,40% 98%,55% 92%,40% 57%,72% 57%);filter:drop-shadow(0 0 1px #000);transform-origin:0 0;transition:transform .12s;position:absolute;inset:0}.zeiger.klick:before{transform:scale(.86)}.zeiger:after{content:"";border-radius:var(--r-pille);border:1.5px solid var(--accent);opacity:0;width:24px;height:24px;position:absolute;top:-12px;left:-12px}.zeiger.klick:after{animation:.5s ease-out ring}@keyframes ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.hero-text{text-align:center;padding-top:calc(var(--s-96) * 2 + var(--s-8));flex-direction:column;align-items:center;display:flex}.hero h1{max-width:20ch}.lead{margin-top:calc(var(--s-24) + var(--s-8));max-width:46rem;font-size:var(--t-20);line-height:var(--lh-20);letter-spacing:var(--ls-titel);color:var(--mute)}.hero .knoepfe{margin-top:var(--s-24)}.heldbild{width:min(1320px,100vw - 48px);margin:calc(var(--s-48) + var(--s-24)) auto 0;transition:transform 1.2s var(--aus), opacity 1.2s var(--ease)}.heldbild.tief{transform:translateY(var(--s-48));opacity:0;transition:none}.rahmen{background:var(--carbon);border:1px solid var(--graphite);border-radius:var(--r-12);padding:var(--s-12);max-height:960px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000 97%);mask-image:linear-gradient(#000 55%,#0000 97%)}.rahmen .shot{border-radius:var(--r-6)}.leiste{gap:var(--s-12);margin-top:var(--s-48);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.leiste a{gap:var(--s-8);padding:var(--karte);border:1px solid var(--graphite);border-radius:var(--r-12);background:var(--carbon);color:var(--mute);font-size:var(--t-15);flex-direction:column;text-decoration:none;transition:border-color .2s;display:flex}.leiste a:hover{border-color:rgba(var(--accent-rgb), .5)}.leiste strong{color:var(--paper);font-weight:var(--w-titel);font-size:var(--t-20);letter-spacing:var(--ls-titel);line-height:var(--lh-20)}.leiste .pfeil{padding-top:var(--s-8);color:var(--accent);margin-top:auto}.abschnitt{padding-top:var(--abschnitt)}.kick{margin-bottom:var(--s-12);font-size:var(--t-15);font-weight:var(--w-titel);color:var(--accent)}.abschnitt h2{max-width:22ch}.satz{max-width:40rem;margin-top:var(--s-24);font-size:var(--t-20);line-height:var(--lh-20);letter-spacing:var(--ls-titel);color:var(--mute)}.media,.vergleich,.raster{margin-top:var(--s-48)}.media{gap:var(--s-12);display:grid;position:relative}.zwei{gap:var(--s-12);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.drei{gap:var(--s-12);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}[data-reserve]{align-content:start}.klapp{position:relative}.k-teil{overflow:hidden}.teilbild{display:grid}.teilbild>picture{grid-area:1/1}.teilbild img{width:100%;height:auto;display:block}.teilbild>picture+picture{opacity:0}.k-oben.b .teilbild>picture+picture{opacity:1}.k-band{transition:height .6s var(--ease);position:relative;overflow:hidden}.k-band>.frame{width:100%;position:absolute;top:0;left:0}.k-band .shot{border-radius:0}.k-band .shot.pair>picture:last-child{transition:none}.vergleich{border:1px solid var(--graphite);border-radius:var(--r-12);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.vergleich .frame,.vergleich .shot{border-radius:0}.v-hell{clip-path:inset(0 calc(100% - var(--teil,50%)) 0 0);position:absolute;inset:0}.griff{top:0;bottom:0;left:var(--teil,50%);background:var(--accent);width:2px;box-shadow:0 0 18px rgba(var(--accent-rgb), .5);position:absolute;transform:translate(-50%)}.griff span{border-radius:var(--r-pille);background:var(--accent);width:48px;height:48px;color:var(--on-accent);font-size:var(--t-20);font-weight:var(--w-stark);place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.griff span:before{content:"↔"}.griff:focus-visible{outline:none}.griff:focus-visible span{outline:2px solid var(--paper);outline-offset:3px}.raster{border:1px solid var(--graphite);border-radius:var(--r-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.k{gap:var(--s-8);padding:var(--karte);background:var(--carbon);flex-direction:column;display:flex;position:relative;overflow:hidden}.k+.k{border-left:1px solid var(--graphite)}.k+.k+.k{border-top:1px solid var(--graphite)}.k p{color:var(--mute);font-size:var(--t-15)}.k-phone{grid-row:span 2}.k-bild{margin-top:auto;position:relative}.phone{margin:var(--s-24) 0 calc(var(--karte) * -1);justify-content:center;display:flex}.phone>.frame{border-radius:var(--r-12) var(--r-12) 0 0;border-bottom:0;width:min(430px,100%);padding-bottom:0}.mono{margin:var(--s-24) 0 0;padding:var(--s-12);border:1px solid var(--graphite);border-radius:var(--r-6);background:var(--void);font-family:var(--mono);font-size:var(--t-13);line-height:var(--lh-text);letter-spacing:0;color:var(--ink-2);overflow-x:auto}.mono .m{color:var(--mute)}.steigt .w{padding:var(--s-4) 0 var(--s-8);margin:calc(var(--s-4) * -1) 0 calc(var(--s-8) * -1);vertical-align:top;display:inline-block;overflow:clip}.steigt .i{filter:blur(10px);opacity:0;transition:transform .95s var(--aus) var(--d), filter .9s var(--ease) var(--d), opacity .7s var(--ease) var(--d);display:inline-block;transform:translateY(110%)}.steigt.auf .i{filter:none;opacity:1;transform:none}footer.site{padding:var(--s-96) 0 var(--s-48);font-size:var(--t-15);color:var(--ink-2);border-top:1px solid var(--graphite)}.fcols{gap:var(--s-48);grid-template-columns:1.6fr 1fr 1fr 1fr;display:grid}.fcols p{margin:var(--s-12) 0 0;max-width:46ch;color:var(--mute);font-size:var(--t-13);letter-spacing:var(--ls-13)}.fmark{color:var(--paper);font-weight:var(--w-stark);font-size:var(--t-15)}footer .label{margin-bottom:var(--s-12);font-family:var(--mono);font-size:var(--t-13);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:block}footer nav{gap:var(--s-8);font-family:var(--mono);font-size:var(--t-13);letter-spacing:0;color:var(--ink-2);flex-direction:column}footer nav a:hover{color:var(--accent)}.fbase{margin-top:var(--s-48);padding-top:var(--s-24);justify-content:space-between;gap:var(--s-24);font-family:var(--mono);font-size:var(--t-13);letter-spacing:.04em;color:var(--mute);border-top:1px solid var(--graphite);display:flex}.fbase>span{align-items:center;gap:var(--s-8);display:inline-flex}.flag{width:14px;height:14px}.doc>.post,.doc>.post-kopf,.doc>.eintraege{max-width:none}.metaline{margin:0 0 var(--s-24);font-family:var(--mono);font-size:var(--t-13);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.post-kopf{margin-bottom:var(--s-48)}.post-kopf h1{max-width:24ch;line-height:var(--lh-titel);letter-spacing:var(--ls-display);margin:0}.post{gap:var(--s-96);grid-template-columns:minmax(0,1fr) 260px;align-items:start;display:grid}.lese>:first-child{margin-top:0}.artikel>p:first-child{color:var(--paper);font-size:var(--t-20);line-height:var(--lh-20);letter-spacing:var(--ls-titel)}.rail{top:var(--s-96);font-size:var(--t-13);letter-spacing:var(--ls-13);position:sticky}.rail .label{margin:0 0 var(--s-12);font-family:var(--mono);font-size:var(--t-13);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:block}.rail ul.mehr{margin:0 0 var(--s-48);gap:var(--s-12);padding:0;list-style:none;display:grid}.rail ul.mehr li{margin:0}.rail ul.mehr a{color:var(--ink-2);border-bottom:1px solid var(--smoke);text-decoration:none}.rail ul.mehr a:hover{color:var(--paper);border-color:var(--accent)}.rail p{color:var(--mute)}.rail a[href^=mailto]{font-family:var(--mono);color:var(--accent);text-decoration:none}.rail .fein{margin-top:var(--s-48)}.doc pre{margin:0 0 var(--s-24);padding:var(--s-12);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--graphite);border-radius:var(--r-6);background:var(--carbon);font-size:var(--t-13);line-height:var(--lh-text)}.doc code{font-family:var(--mono);font-size:var(--t-13);letter-spacing:0}.doc :not(pre)>code{padding:0 var(--s-4);border-radius:var(--r-6);background:var(--carbon);overflow-wrap:anywhere}.doc table{width:100%;margin:0 0 var(--s-24);border-collapse:collapse;font-size:var(--t-13);letter-spacing:var(--ls-13)}.doc th,.doc td{padding:var(--s-8) var(--s-12) var(--s-8) 0;border-bottom:1px solid var(--graphite);text-align:left;vertical-align:top}.doc th{color:var(--paper);font-weight:var(--w-titel)}.verweise{margin-top:var(--s-48);padding:var(--karte);border:1px solid var(--graphite);border-radius:var(--r-12);background:var(--carbon)}.verweise p{margin:0}.verweise p+p{margin-top:var(--s-8)}.blogliste .intro{max-width:60ch;color:var(--mute)}.doc .eintraege{margin:var(--s-48) 0 0;gap:var(--s-48) var(--s-96);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.eintraege li,.eintraege .metaline{margin:0}.doc .eintraege h2{max-width:32ch;margin:var(--s-8) 0}.eintraege h2 a{color:var(--paper);text-decoration:none}.eintraege h2 a:hover{color:var(--accent)}.eintraege p:last-child{max-width:52ch;margin:0}@media (width<=1000px){.post{gap:var(--s-48);grid-template-columns:minmax(0,1fr)}.rail{position:static}.doc .eintraege{grid-template-columns:minmax(0,1fr)}}.doc{max-width:var(--max);padding:var(--s-96) var(--s-24);box-sizing:content-box;margin:0 auto}.doc>*{max-width:68ch}.doc h1{font-size:var(--t-48);margin-bottom:var(--s-24)}.doc h2{font-size:var(--t-24);line-height:var(--lh-20);letter-spacing:var(--ls-titel);margin:var(--s-48) 0 var(--s-12)}.doc h3{font-size:var(--t-20);margin:var(--s-24) 0 var(--s-8)}.doc p,.doc ul{margin:0 0 var(--s-12)}.doc li{margin-bottom:var(--s-8)}.doc strong{color:var(--paper);font-weight:var(--w-titel)}.doc a{color:var(--paper)}.draft{border-radius:var(--r-12);background:var(--carbon);padding:var(--s-12) var(--s-24);border:1px solid #e8b46b73;color:var(--warn)!important}.fill{color:var(--warn);font-weight:var(--w-titel);padding:0 var(--s-4);border-radius:var(--r-6);background:#e8b46b24}.nur-klein{display:none}@media (width<=1000px){.fcols{grid-template-columns:repeat(3,minmax(0,1fr))}.fcols>:first-child{grid-column:1/-1}.leiste{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.kopf{gap:var(--s-12)}.kopf .mark{margin-right:auto}header .btn.gh{margin-left:0}header .fn{display:none}h1,h2{font-size:var(--t-32);line-height:var(--lh-titel)}.hero-text{padding-top:calc(var(--s-96) + var(--s-24) + var(--s-8))}.lead,.satz{font-size:var(--t-15);line-height:var(--lh-text);letter-spacing:var(--ls-15)}.nur-gross{display:none!important}.nur-klein{display:block}.media.nur-klein{display:grid}.heldbild.nur-klein{width:auto;max-width:430px;margin-inline:var(--s-24)}.media.nur-klein,.media>.nur-klein{max-width:430px}.zwei,.drei{grid-template-columns:minmax(0,1fr)}.drei>.frame{max-width:332px}.raster{grid-template-columns:minmax(0,1fr)}.k+.k{border-left:0;border-top:1px solid var(--graphite)}.k-phone{grid-row:auto}.mono{white-space:pre-wrap}.fcols{gap:var(--s-24);grid-template-columns:1fr}.fbase{gap:var(--s-8);flex-direction:column}.doc table{display:block;overflow-x:auto}.doc th,.doc td{min-width:7rem}}@media (width<=480px){.leiste{grid-template-columns:minmax(0,1fr)}.knoepfe{flex-direction:column;align-self:stretch}.knoepfe .btn{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}.heldbild{transition:none}.shot.pair>picture:last-child{transition-duration:.25s}.k-band{transition:none}.zeiger{display:none}.steigt .i{filter:none;opacity:1;transition:none;transform:none}}