/* Erzeugt von bau_live.py aus Entwurf A (bau_entwuerfe.py), nicht von Hand ändern */
@font-face{font-family:'Geist';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/geist-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/geist-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/geist-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/geist-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/geist-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/geist-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/geist-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/geist-mono-latin-600-normal.woff2) format('woff2')}

.mark path{stroke-dasharray:100;stroke-dashoffset:100;animation:trace var(--trace,1.5s) cubic-bezier(.55,.05,.25,1) .15s forwards}
.brand:hover .mark path{animation:retrace 1.1s cubic-bezier(.55,.05,.25,1)}
@keyframes trace{to{stroke-dashoffset:0}}@keyframes retrace{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.io{--d:0s}
@media (prefers-reduced-motion:reduce){.mark path{animation:none;stroke-dashoffset:0}}

html{font-size:clamp(16px,calc(10.5px + .42vw),20px)}:root{--gut:clamp(16px,4vw,80px);--sec:clamp(4rem,1.4rem + 5vw,9.5rem);--gap:clamp(1.5rem,.5rem + 2.7vw,5rem)}.wrap{width:min(100% - 2*var(--gut),1760px);margin-inline:auto}:root{--paper:#F5F4FA;--card:#FFFFFF;--surf:#EEEDF3;--ink:#1D1D1E;--ink2:#3D3D3E;--muted:#5D5D5F;--hair:rgba(0,0,0,.08);--hair2:#7F7E83;--acc:#6D4AE0;--acc-tx:#6D4AE0;--onacc:#FFFFFF;--acchov:#5B3BCC;--accsoft:rgba(109,74,224,.09);--accbd:rgba(109,74,224,.40);--i-lo:#22C55E;--i-mid:#F59E0B;--i-hi:#EF4444;--i-mid-tx:#B45309;--track:#E6E5EC;--topbg:rgba(245,244,250,.94);--frame:#17151F;--rim:rgba(0,0,0,0);--sheetbg:#FFFFFF;--dim:none;--probg:#F4F1FE;--protx:#1D1D1E;--proprice:#6D4AE0;--probd:#6D4AE0;--proline:rgba(109,74,224,.16);--profine:#5D5D5F;--sh-sheet:0 1px 2px rgba(23,21,31,.08),0 24px 56px rgba(52,38,120,.16);--sh-phone:0 22px 48px rgba(52,38,120,.18);--ringop:.07;--ringpro:.22;--backdrop:rgba(8,6,16,.78);color-scheme:light}html[data-theme=dark]{--paper:#12101A;--card:#1B1A23;--surf:#23212A;--ink:#ECECED;--ink2:#BDBCBF;--muted:#949398;--hair:rgba(255,255,255,.08);--hair2:#6C6B71;--acc:#8B5CF6;--acc-tx:#A78BFA;--onacc:#060610;--acchov:#9D74F8;--accsoft:rgba(139,92,246,.12);--accbd:rgba(139,92,246,.40);--i-mid-tx:#F59E0B;--track:rgba(255,255,255,.10);--topbg:rgba(18,16,26,.94);--frame:#050409;--rim:rgba(255,255,255,.13);--dim:brightness(.9);--probg:#221C33;--protx:#ECECED;--proprice:#A78BFA;--probd:#8B5CF6;--proline:rgba(167,139,250,.16);--profine:#A9A7AF;--sh-sheet:0 2px 0 rgba(0,0,0,.25),0 30px 80px rgba(0,0,0,.55);--sh-phone:0 28px 64px rgba(0,0,0,.55);--ringop:.20;--ringpro:.34;color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme]){--paper:#12101A;--card:#1B1A23;--surf:#23212A;--ink:#ECECED;--ink2:#BDBCBF;--muted:#949398;--hair:rgba(255,255,255,.08);--hair2:#6C6B71;--acc:#8B5CF6;--acc-tx:#A78BFA;--onacc:#060610;--acchov:#9D74F8;--accsoft:rgba(139,92,246,.12);--accbd:rgba(139,92,246,.40);--i-mid-tx:#F59E0B;--track:rgba(255,255,255,.10);--topbg:rgba(18,16,26,.94);--frame:#050409;--rim:rgba(255,255,255,.13);--dim:brightness(.9);--probg:#221C33;--protx:#ECECED;--proprice:#A78BFA;--probd:#8B5CF6;--proline:rgba(167,139,250,.16);--profine:#A9A7AF;--sh-sheet:0 2px 0 rgba(0,0,0,.25),0 30px 80px rgba(0,0,0,.55);--sh-phone:0 28px 64px rgba(0,0,0,.55);--ringop:.20;--ringpro:.34;color-scheme:dark}}.kopf{position:sticky;top:0;z-index:20;background:var(--topbg);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--hair)}.kopf .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:clamp(1rem,.2rem + 1.6vw,2.5rem);min-height:4rem}.kopf .brand{grid-column:1;grid-row:1;display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink);position:relative}.kopf .mark{width:1.9rem;height:1.05rem}.kopf .wm{font-size:1.3rem;letter-spacing:-.035em}.kopf .wm-a{font-weight:300;color:var(--muted)}.kopf .wm-b{font-weight:600}.kopf .nav{grid-column:2;grid-row:1;justify-self:center;display:flex;gap:clamp(1.1rem,.3rem + 1.3vw,2.25rem);font-size:.94rem}.kopf .nav a{color:var(--muted);text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent;white-space:nowrap}.kopf .nav a:hover{color:var(--ink)}.kopf .nav a.on{color:var(--acc-tx);border-bottom-color:var(--acc)}.kopf .nav a:focus-visible{border-radius:6px}.kopf .kgrp{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:.75rem}.kopf .login{display:inline-flex;align-items:center;height:2.25rem;padding:0 1.05rem;border-radius:12px;background:var(--acc);color:var(--onacc);font-weight:600;font-size:.94rem;text-decoration:none;white-space:nowrap;position:relative}.kopf .login:hover{background:var(--acchov)}.kopf .ctl{display:flex;align-items:center;gap:.5rem}.kopf .lsw{display:inline-flex;align-items:stretch;height:2.25rem;padding:3px;border:1px solid var(--hair2);border-radius:999px;font:500 .75rem/1 'Geist Mono',ui-monospace,monospace}.kopf .lsw a,.kopf .lsw b{display:inline-flex;align-items:center;justify-content:center;min-width:2.15rem;padding:0 .55rem;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:500}.kopf .lsw b{background:var(--acc);color:var(--onacc)}.kopf .lsw a:hover{color:var(--ink);background:var(--accsoft)}.kopf .thm{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--hair2);border-radius:50%;background:none;color:var(--ink);cursor:pointer}.kopf .thm svg{width:1.05rem;height:1.05rem}.kopf .thm:hover{border-color:var(--acc);color:var(--acc-tx)}.kopf :focus-visible{outline:2.5px solid var(--acc-tx);outline-offset:3px}:where(main,footer) *{scroll-margin-top:4.6rem}@media (max-width:1023px){.kopf .wrap{padding-top:.5rem;column-gap:.75rem}.kopf .nav{grid-column:1/-1;grid-row:2;justify-self:stretch;gap:1.3rem;overflow-x:auto;scrollbar-width:none;padding:.45rem .5rem .5rem;margin-inline:-.5rem;font-size:.92rem}.kopf .nav.mr{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent)}.kopf .nav.ml{-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5rem);mask-image:linear-gradient(90deg,transparent,#000 2.5rem)}.kopf .nav.ml.mr{-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 2.5rem,#000 calc(100% - 2.5rem),transparent)}.kopf .nav::-webkit-scrollbar{display:none}:where(main,footer) *{scroll-margin-top:6.6rem}}@media (max-width:480px){.kopf .lsw b{display:none}.kopf .kgrp{gap:.5rem}.kopf .login{padding:0 .85rem}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
figure{margin:0;position:relative}img{max-width:100%;display:block;height:auto}a{color:inherit}p{margin:0 0 1.4rem}b,strong{font-weight:600}
/* Grund flach wie die App; die Schmerzringe aus BreathingBackground liegen leise im ersten Bildschirm und im Schluss, nie hinter Fließtext */
:root{--ringe:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201440%20900%22%20preserveAspectRatio=%22xMidYMid%20slice%22%3E%3Ccircle%20cx=%2272.0%22%20cy=%2290.0%22%20r=%228.60%22%20fill=%22%23000%22%20fill-opacity=%220.825%22/%3E%3Ccircle%20cx=%2272.0%22%20cy=%2290.0%22%20r=%2215.63%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.514%22%20stroke-width=%221.72%22/%3E%3Ccircle%20cx=%2272.0%22%20cy=%2290.0%22%20r=%2221.49%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.446%22%20stroke-width=%221.57%22/%3E%3Ccircle%20cx=%2272.0%22%20cy=%2290.0%22%20r=%2227.35%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.378%22%20stroke-width=%221.43%22/%3E%3Ccircle%20cx=%2272.0%22%20cy=%2290.0%22%20r=%2233.21%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.310%22%20stroke-width=%221.27%22/%3E%3Ccircle%20cx=%22720.0%22%20cy=%2263.0%22%20r=%222.35%22%20fill=%22%23000%22%20fill-opacity=%220.383%22/%3E%3Ccircle%20cx=%22720.0%22%20cy=%2263.0%22%20r=%224.67%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.231%22%20stroke-width=%221.69%22/%3E%3Ccircle%20cx=%22720.0%22%20cy=%2263.0%22%20r=%226.68%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.191%22%20stroke-width=%221.50%22/%3E%3Ccircle%20cx=%22720.0%22%20cy=%2263.0%22%20r=%228.68%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.152%22%20stroke-width=%221.31%22/%3E%3Ccircle%20cx=%221375.2%22%20cy=%22117.0%22%20r=%229.17%22%20fill=%22%23000%22%20fill-opacity=%220.792%22/%3E%3Ccircle%20cx=%221375.2%22%20cy=%22117.0%22%20r=%2218.24%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.478%22%20stroke-width=%221.69%22/%3E%3Ccircle%20cx=%221375.2%22%20cy=%22117.0%22%20r=%2226.06%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.396%22%20stroke-width=%221.50%22/%3E%3Ccircle%20cx=%221375.2%22%20cy=%22117.0%22%20r=%2233.87%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.315%22%20stroke-width=%221.31%22/%3E%3Ccircle%20cx=%22770.4%22%20cy=%22504.0%22%20r=%224.53%22%20fill=%22%23000%22%20fill-opacity=%220.460%22/%3E%3Ccircle%20cx=%22770.4%22%20cy=%22504.0%22%20r=%228.24%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.287%22%20stroke-width=%221.72%22/%3E%3Ccircle%20cx=%22770.4%22%20cy=%22504.0%22%20r=%2211.32%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.249%22%20stroke-width=%221.57%22/%3E%3Ccircle%20cx=%22770.4%22%20cy=%22504.0%22%20r=%2214.41%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.211%22%20stroke-width=%221.43%22/%3E%3Ccircle%20cx=%22770.4%22%20cy=%22504.0%22%20r=%2217.50%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.173%22%20stroke-width=%221.27%22/%3E%3Ccircle%20cx=%221422.7%22%20cy=%22513.0%22%20r=%2210.16%22%20fill=%22%23000%22%20fill-opacity=%220.790%22/%3E%3Ccircle%20cx=%221422.7%22%20cy=%22513.0%22%20r=%2220.20%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.476%22%20stroke-width=%221.69%22/%3E%3Ccircle%20cx=%221422.7%22%20cy=%22513.0%22%20r=%2228.85%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.395%22%20stroke-width=%221.50%22/%3E%3Ccircle%20cx=%221422.7%22%20cy=%22513.0%22%20r=%2237.51%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.314%22%20stroke-width=%221.31%22/%3E%3Ccircle%20cx=%22806.4%22%20cy=%22819.0%22%20r=%223.65%22%20fill=%22%23000%22%20fill-opacity=%220.499%22/%3E%3Ccircle%20cx=%22806.4%22%20cy=%22819.0%22%20r=%227.26%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.301%22%20stroke-width=%221.69%22/%3E%3Ccircle%20cx=%22806.4%22%20cy=%22819.0%22%20r=%2210.37%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.250%22%20stroke-width=%221.50%22/%3E%3Ccircle%20cx=%22806.4%22%20cy=%22819.0%22%20r=%2213.49%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.198%22%20stroke-width=%221.31%22/%3E%3Ccircle%20cx=%221238.4%22%20cy=%22823.5%22%20r=%229.78%22%20fill=%22%23000%22%20fill-opacity=%220.748%22/%3E%3Ccircle%20cx=%221238.4%22%20cy=%22823.5%22%20r=%2222.22%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.425%22%20stroke-width=%221.62%22/%3E%3Ccircle%20cx=%221238.4%22%20cy=%22823.5%22%20r=%2233.33%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.323%22%20stroke-width=%221.38%22/%3E%3Ccircle%20cx=%2243.2%22%20cy=%22841.5%22%20r=%223.12%22%20fill=%22%23000%22%20fill-opacity=%220.383%22/%3E%3Ccircle%20cx=%2243.2%22%20cy=%22841.5%22%20r=%225.67%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.239%22%20stroke-width=%221.72%22/%3E%3Ccircle%20cx=%2243.2%22%20cy=%22841.5%22%20r=%227.79%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.207%22%20stroke-width=%221.57%22/%3E%3Ccircle%20cx=%2243.2%22%20cy=%22841.5%22%20r=%229.92%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.176%22%20stroke-width=%221.43%22/%3E%3Ccircle%20cx=%2243.2%22%20cy=%22841.5%22%20r=%2212.04%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.144%22%20stroke-width=%221.27%22/%3E%3Ccircle%20cx=%22489.6%22%20cy=%22855.0%22%20r=%2210.22%22%20fill=%22%23000%22%20fill-opacity=%220.823%22/%3E%3Ccircle%20cx=%22489.6%22%20cy=%22855.0%22%20r=%2223.23%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.468%22%20stroke-width=%221.62%22/%3E%3Ccircle%20cx=%22489.6%22%20cy=%22855.0%22%20r=%2234.84%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.355%22%20stroke-width=%221.38%22/%3E%3C/svg%3E");--grossring:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20400%20400%22%3E%3Ccircle%20cx=%22200.0%22%20cy=%22200.0%22%20r=%2219.00%22%20fill=%22%23000%22%20fill-opacity=%220.850%22/%3E%3Ccircle%20cx=%22200.0%22%20cy=%22200.0%22%20r=%2276.00%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.530%22%20stroke-width=%222.21%22/%3E%3Ccircle%20cx=%22200.0%22%20cy=%22200.0%22%20r=%22104.50%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.460%22%20stroke-width=%222.02%22/%3E%3Ccircle%20cx=%22200.0%22%20cy=%22200.0%22%20r=%22133.00%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.390%22%20stroke-width=%221.82%22/%3E%3Ccircle%20cx=%22200.0%22%20cy=%22200.0%22%20r=%22161.50%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-opacity=%220.320%22%20stroke-width=%221.63%22/%3E%3C/svg%3E")}
main{position:relative;overflow-x:clip}
main::before{content:"";position:absolute;left:0;right:0;top:0;height:max(100svh,720px);z-index:-1;pointer-events:none;background:var(--acc);opacity:var(--ringop);-webkit-mask:var(--ringe) center top/auto 100% no-repeat;mask:var(--ringe) center top/auto 100% no-repeat}
@media (prefers-reduced-motion:no-preference){main::before{animation:atmen 9s ease-in-out infinite alternate}}
@keyframes atmen{from{opacity:var(--ringop)}to{opacity:calc(var(--ringop) * .55)}}
/* Einstieg */
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap);align-items:center;padding-block:clamp(2.25rem,1rem + 4vw,7rem) var(--sec)}
.hero h1{font-weight:500;font-size:clamp(2.05rem,1rem + 3.2vw,4.2rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 1.4rem;max-width:15ch;text-wrap:balance}
.lead{font-size:clamp(1.12rem,.95rem + .45vw,1.45rem);color:var(--ink2);max-width:46ch}
.cond{color:var(--ink2);max-width:60ch;margin-bottom:2.25rem}
/* Store: bis zum Release neutrale Hinweise wie der Zweitknopf der App, danach die offiziellen Badges (STORE_LIVE) */
.badges{display:flex;gap:10px;flex-wrap:wrap;position:relative}
.badge{display:inline-flex;align-items:center;border:1px solid var(--hair2);border-radius:12px;background:var(--surf);padding:.7rem 1.05rem;font-weight:600;font-size:.98rem;color:var(--ink)}
.stores{--bh:3rem;gap:calc(var(--bh) / 4) calc(var(--bh) / 4 + 4px);align-items:center}
.stores a{display:block;line-height:0;border-radius:9px}.stores img{height:var(--bh);width:auto}
.note{color:var(--ink2);margin:1rem 0 0;position:relative;max-width:62ch}
.stack{position:relative;aspect-ratio:20/22}
.stack .sheet{position:absolute;right:0;top:1.5%;width:74%;transform:rotate(3deg);border-radius:6px;background:var(--sheetbg);box-shadow:var(--sh-sheet)}
.stack .phone{position:absolute;left:2%;bottom:0;width:42%}
.phone{border:8px solid var(--frame);border-radius:30px;overflow:hidden;background:var(--frame);box-shadow:0 0 0 1px var(--rim),var(--sh-phone)}
.sheet img,.thumbs img{border-radius:6px;filter:var(--dim)}
section{padding-block:var(--sec);border-top:1px solid var(--hair)}
h2{font-weight:500;font-size:clamp(1.9rem,1.1rem + 2.2vw,3.6rem);letter-spacing:-.03em;line-height:1.06;margin:0 0 1.4rem;max-width:18ch;text-wrap:balance}
h3{font-weight:500;font-size:1.2rem;letter-spacing:-.01em;line-height:1.3;margin:0 0 .7rem}
.sub{color:var(--ink2);max-width:62ch}
/* Erfassen: der Bogen als App-Karte, nummerierte Felder, eine große Aufnahme */
.entry{display:grid;gap:2.25rem var(--gap);grid-template-columns:minmax(0,1fr);grid-template-areas:"txt" "form" "ph";align-items:start}
.entry>.txt{grid-area:txt}.entry>.solo{grid-area:ph}.entry>.form{grid-area:form}
.solo{width:min(100%,22rem)}
.form{margin:0;display:grid;counter-reset:fld;align-content:start;background:var(--card);border:1px solid var(--hair);border-radius:20px;padding:.35rem clamp(1rem,.6rem + 1.2vw,2rem)}
.form div{display:grid;grid-template-columns:2.2rem minmax(6rem,10rem) minmax(0,1fr);gap:1rem;padding:1.05rem 0 1.15rem;border-bottom:1px solid var(--hair);counter-increment:fld}.form div:last-child{border-bottom:0}
.form div::before{content:counter(fld,decimal-leading-zero);font:500 .8rem/1.75 Geist Mono,monospace;color:var(--acc-tx)}
.form dt{font-weight:600;font-size:.98rem;line-height:1.7}.form dd{margin:0;max-width:60ch;color:var(--ink2)}
.mslider{display:inline-flex;align-items:center;gap:10px;margin-right:12px;vertical-align:middle}
.mslider i{position:relative;display:block;width:110px;height:6px;background:var(--track);border-radius:3px}
.mslider i::before{content:"";position:absolute;left:0;top:0;height:6px;width:0;background:var(--i-mid);border-radius:3px;transition:width 1.1s cubic-bezier(.55,.05,.25,1) .25s}
.mslider i::after{content:"";position:absolute;top:-6px;left:0;width:18px;height:18px;border-radius:50%;background:var(--i-mid);box-shadow:0 0 10px rgba(245,158,11,.55);transform:translateX(-9px);transition:left 1.1s cubic-bezier(.55,.05,.25,1) .25s}
.in .mslider i::before{width:60%}.in .mslider i::after{left:60%}
.mslider b{font:600 0.875rem Geist Mono,monospace;color:var(--i-mid-tx);opacity:0;transition:opacity .3s 1.3s}.in .mslider b{opacity:1}
/* Protokoll: Einleitung zweispaltig, Erkenntnisse aus der App, dann das Blatt groß mit Randspalte */
.rintro{display:grid;gap:1.4rem var(--gap);grid-template-columns:minmax(0,1fr);align-items:start}
.rintro .side h3{margin-top:.4rem}
.ins{display:grid;gap:1.4rem var(--gap);grid-template-columns:minmax(0,1fr);align-items:center;margin:2.25rem 0 calc(var(--sec) * .55);padding:clamp(1.2rem,2.4vw,3rem);background:var(--card);border:1px solid var(--hair);border-radius:24px}
.ins .two-ph{display:flex;gap:clamp(.8rem,1.4vw,1.8rem);align-items:flex-start}.ins .two-ph .phone{flex:1;min-width:0;max-width:19rem}.ins .two-ph .phone:nth-child(2){margin-top:10%}
.ins .cap{font-size:.92rem;color:var(--muted);margin:1rem 0 0}
.sw{display:grid;gap:2.25rem var(--gap);grid-template-columns:minmax(0,1fr)}
.sw .sheet{background:var(--sheetbg);border-radius:6px;box-shadow:var(--sh-sheet)}
.pin{position:absolute;width:clamp(20px,1.7vw,30px);height:clamp(20px,1.7vw,30px);border-radius:50%;background:var(--acc);color:var(--onacc);font:600 clamp(11px,.9vw,15px)/1 Geist Mono,monospace;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) scale(0);transition:transform .35s cubic-bezier(.3,1.6,.5,1) var(--d),box-shadow .2s;pointer-events:none}
.in .pin{transform:translate(-50%,-50%) scale(1)}.pin.hl{box-shadow:0 0 0 6px var(--accbd)}
.legend{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.legend li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.6rem;padding:1rem .5rem;border-bottom:1px solid var(--hair);border-radius:10px;transition:background .2s}.legend li.hl{background:var(--accsoft)}
.legend .n{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accsoft);color:var(--acc-tx);font:600 .85rem/1 Geist Mono,monospace}
.legend b{display:block;font-weight:600}.legend span{color:var(--ink2)}
.legend .skala{display:inline-flex;gap:4px;margin-left:.6rem;vertical-align:.08em}.skala i{display:block;width:.6rem;height:.6rem;border-radius:50%}
.skala .lo{background:var(--i-lo)}.skala .mid{background:var(--i-mid)}.skala .hi{background:var(--i-hi)}
.more{display:grid;gap:2.25rem var(--gap);grid-template-columns:minmax(0,1fr);align-items:start;margin-top:2.25rem}
.more h3{margin-top:0}.more p{color:var(--ink2);max-width:62ch}
.thumbs{display:flex;gap:1.25rem;margin:1.2rem 0 1.6rem}.thumbs figure{flex:1;max-width:260px}
.thumbs a{background:var(--sheetbg);border-radius:6px;box-shadow:var(--sh-sheet)}
.thumbs figcaption{font-size:.88rem;color:var(--muted);margin-top:.5rem}
.pdflink,.lnk a,.fields dd a,details p a{color:var(--acc-tx);text-underline-offset:.2em}
.pdflink{font-weight:500;position:relative;display:inline-block}
.medline{border-left:3px solid var(--acc);padding-left:1rem;color:var(--ink2);max-width:60ch;align-self:start}
/* Vom Eintrag zum Protokoll: der Film im Rahmen einer App-Karte */
.motion{margin-top:calc(var(--sec) * .6);position:relative}
.motion h3{font-size:1.25rem}
.motion .sym-film{max-width:1400px}.motion video{max-width:1400px;padding:clamp(.4rem,.2rem + .6vw,.9rem);background:var(--card);border:1px solid var(--hair);border-radius:20px;box-shadow:var(--sh-phone);filter:var(--dim)}
.motion figcaption{font-size:.88rem;color:var(--muted);margin-top:.5rem}
/* Kopfspalte links, Inhalt rechts (Datenschutz, Preise, Fragen), Inhalte als Karten wie in der App */
.two{display:grid;gap:2.25rem var(--gap);grid-template-columns:minmax(0,1fr);align-items:start}
.fields{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}
.fields div{background:var(--card);border:1px solid var(--hair);border-radius:16px;padding:1.05rem 1.2rem 1.15rem}.fields dt{font-weight:600;font-size:.98rem;margin:0 0 .4rem}.fields dd{margin:0;max-width:62ch;color:var(--ink2)}
.lnk{font-weight:500;position:relative;display:inline-block}
/* Preise wie die Abo-Auswahl der App: zwei Karten, Pro mit Akzentrand, im freien Raum ein Schmerzring */
.prices{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;position:relative}
.prices>div{padding:clamp(1.4rem,2.2vw,2.8rem);background:var(--card);border:1px solid var(--hair);border-radius:20px}
.prices .pro{background:var(--probg);color:var(--protx);border:1.5px solid var(--probd);position:relative;display:flex;flex-direction:column}
.prices h3{font-size:1.45rem;margin:0}.price{font-weight:600;font-size:1.05rem;font-variant-numeric:tabular-nums;margin:.4rem 0 1.4rem;color:var(--muted);position:relative}.pro .price{color:var(--proprice)}
.prices ul{margin:0;padding:0;list-style:none}.prices li{padding:.7rem 0;border-top:1px solid var(--hair)}.pro li{border-color:var(--proline)}
.pro ul{order:1}.pro .fine{order:3}
.pro::after{content:"";order:2;flex:1 1 auto;min-height:0;max-height:15rem;margin-top:1.6rem;background:var(--acc);opacity:var(--ringpro);-webkit-mask:var(--grossring) center/contain no-repeat;mask:var(--grossring) center/contain no-repeat}
.fine{color:var(--muted);margin:1.6rem 0 0;max-width:62ch}.pro .fine{color:var(--profine);margin-top:auto;padding-top:2.25rem}
/* Fragen als aufklappbare Karten */
.faq{display:grid;grid-template-columns:minmax(0,1fr);gap:.7rem;align-items:start}
details{background:var(--card);border:1px solid var(--hair);border-radius:14px;padding:1rem 1.2rem}details[open]{border-color:var(--accbd)}
summary{cursor:pointer;font-weight:500;font-size:1.05rem}summary::marker{color:var(--acc-tx)}details p{margin:.8rem 0 .3rem;color:var(--ink2);max-width:66ch}
/* Schluss mit einem großen Schmerzring */
.end{position:relative;overflow:hidden;background:var(--card)}
.end::after,.endrow::after{content:"";position:absolute;right:-7rem;bottom:-7rem;width:16rem;aspect-ratio:1;pointer-events:none;background:var(--acc);opacity:calc(var(--ringop) * 1.5);-webkit-mask:var(--grossring) center/contain no-repeat;mask:var(--grossring) center/contain no-repeat}
.endrow::after{content:none}
.end .wrap{position:relative;z-index:1}
.endrow{display:grid;gap:1.6rem var(--gap);grid-template-columns:minmax(0,1fr);align-items:center}
.endline{font-weight:500;font-size:clamp(1.7rem,1rem + 1.8vw,3rem);letter-spacing:-.03em;line-height:1.1;margin:0;max-width:22ch;text-wrap:balance}
.endrow .note{margin-top:.9rem}
footer{border-top:1px solid var(--hair);padding-block:2.25rem 6rem;font-size:.9rem;color:var(--muted)}
.fw{display:grid;gap:1rem 2.5rem;grid-template-columns:minmax(0,1fr)}.fw p{margin:0}.fw .med{max-width:72ch}.fw .tm{grid-column:1/-1;max-width:72ch}
.legal{display:flex;flex-wrap:wrap;gap:.7rem 1.6rem;position:relative}.legal a{position:relative}
:focus-visible{outline:2.5px solid var(--acc-tx);outline-offset:3px}
html dialog.zoomdlg::backdrop{background:var(--backdrop)}
@media (max-width:759px){main::before{content:none}
 .form div{grid-template-columns:1.9rem minmax(0,1fr);row-gap:.2rem}.form dd{grid-column:2}.thumbs figure{max-width:none}}
@media (min-width:760px){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.prices{grid-template-columns:1fr 1fr}
 .sw{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}
 .ins{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .more{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}}
@media (min-width:900px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (min-width:1024px){.rintro{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rand{position:relative}.legend{border-top:0;position:absolute;inset:0}
 .legend li{position:absolute;left:0;right:0;top:var(--y);transform:translateY(-.85rem);border-bottom:0;border-radius:0;padding:0 0 0 1.1rem;border-left:1.5px solid var(--hair2)}
 .legend li::before{content:"";position:absolute;right:100%;top:.85rem;width:var(--gap);border-top:1px dashed var(--hair2)}
 .entry{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:"txt form" "ph form"}
 .end::after{content:none}.endrow{grid-template-columns:auto minmax(6rem,1fr) auto}.endrow>.endline{grid-column:1;grid-row:1}.endrow>div{grid-column:3;grid-row:1}
 .endrow::after{content:"";grid-column:2/3;grid-row:1/2;right:auto;bottom:auto;left:50%;top:50%;z-index:-1;width:min(20rem,100% + var(--gap));transform:translate(-50%,-50%)}
 .two{grid-template-columns:minmax(0,.75fr) minmax(0,2.25fr)}.two>.head{position:sticky;top:6rem}.fw{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}}
@media (min-width:1280px){.faq{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1440px){.hero h1{max-width:20ch}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.stack{aspect-ratio:20/19}.stack .sheet{width:62%;right:4%}.stack .phone{width:34%;left:6%}
 .ins{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
@media (min-width:1600px){.fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1700px){.entry{grid-template-columns:minmax(0,.7fr) minmax(0,.85fr) minmax(0,1.45fr);grid-template-areas:"ph txt form"}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pin,.mslider i::before,.mslider i::after,.mslider b{transition:none}}


dialog.zoomdlg{padding:0;border:0;width:min(96vw,1290px);max-width:none;height:min(94vh,1800px);max-height:none;background:#fff;color:#141414;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.45)}
dialog.zoomdlg::backdrop{background:rgba(10,10,12,.72)}html.dlg{overflow:hidden}
dialog.zoomdlg img{display:block;width:1240px;max-width:none;height:auto;margin:0 auto}
.zoomdlg .zbar{position:sticky;top:0;display:flex;justify-content:flex-end;gap:.6rem;padding:.6rem;background:linear-gradient(#fff 70%,rgba(255,255,255,0))}
.zoomdlg .zbar a,.zoomdlg .zbar button{font:600 15px/1 system-ui,sans-serif;border:1.5px solid #141414;background:#fff;color:#141414;padding:.65rem 1rem;border-radius:999px;cursor:pointer;text-decoration:none}
.zoomdlg .zbar :focus-visible{outline:3px solid #0b6bcb;outline-offset:2px}
a.zoom{display:block;cursor:zoom-in;color:inherit}
@media (max-width:759px){dialog.zoomdlg img{width:880px}}