/* Self-hosted, SIL Open Font License 1.1 (licence texts in schriften/). No request leaves spurenlage.de.
   Inter was the intended UI face of the approved design; the port had fallen back to Arial. */
@font-face{font-family:"Inter";src:url(schriften/inter-latin-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(schriften/courier-prime-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(schriften/courier-prime-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
/* hidden must stay hidden: without this, any component display value (e.g. .button{display:inline-flex}) overrides the attribute. */[hidden]{display:none!important}:root{--background:#f4f1ea;--foreground:#20211f;--card:#f9f7f2;--card-foreground:#20211f;--popover:#f9f7f2;--popover-foreground:#20211f;--primary:#962c2c;--primary-foreground:#fff;--secondary:#e9e5dc;--secondary-foreground:#20211f;--muted:#e9e5dc;--muted-foreground:#686963;--accent:#e9e5dc;--accent-foreground:#20211f;--destructive:#962c2c;--border:#d9d5cc;--input:#d9d5cc;--ring:#962c2c;--radius:.15rem;--red:#962c2c;--ink:#20211f;--paper:#f4f1ea;--gray:#686963;--line:#d9d5cc}
@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--radius-sm:.1rem;--radius-md:.15rem;--radius-lg:.2rem;--radius-xl:.25rem;--font-sans:"Inter",Arial,Helvetica,sans-serif;--font-mono:"Courier Prime","Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter",Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button:not(:disabled),a,input{transition:background .18s,color .18s,border-color .18s,transform .18s}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:5px}::selection{background:#962c2c;color:white}img{display:block;max-width:100%;object-fit:cover}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:500;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.3vw,6rem)}h2{font-size:clamp(2rem,3.4vw,3.25rem)}h3{font-size:1.65rem}p{color:var(--gray)}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.mono,.eyebrow{font-family:"Courier Prime","Courier New",monospace}.eyebrow{display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;line-height:1.5}.red{color:var(--red)}.soft{color:#787a72}.section{padding-block:95px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:19px}.section-heading>p{font-size:.94rem;line-height:1.7;padding-bottom:4px;max-width:320px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:51px;padding:13px 23px;font-size:.875rem;font-weight:600;letter-spacing:.005em;border:1px solid transparent;white-space:normal}.button.primary{background:var(--red);color:#fff}.button.primary:hover:not(:disabled){background:#772222}.button.secondary{border-color:#bdbab1;background:transparent;color:var(--ink)}.button.secondary:hover{background:#e7e3d9;border-color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:.875rem}.text-link:hover{color:var(--red)}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--paper);padding:15px}.skip-link:focus{top:10px}.site-header{height:87px;border-bottom:1px solid var(--line);position:relative;z-index:30}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1360px,calc(100% - 96px));margin:auto}.wordmark{font-size:1.6rem;font-weight:750;letter-spacing:-.065em;display:inline-flex;align-items:baseline;gap:3px;line-height:1.2}.brand-square{display:inline-block;width:6px;height:6px;background:var(--red)}.main-nav{display:flex;gap:29px;font-size:.875rem}.main-nav a:hover,.main-nav a[aria-current]{color:var(--red)}.header-right{display:flex;gap:24px;align-items:center;font-size:.875rem}.account-link{color:var(--gray)}.nav-cta{display:flex;align-items:center;gap:15px;background:var(--ink);color:#fff;padding:11px 17px}.nav-cta:hover{background:var(--red)}.menu-toggle{display:none;background:none;border:0;padding:10px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;padding-top:88px;padding-bottom:82px;align-items:center}.hero-eyebrow{display:flex;align-items:center;gap:11px;letter-spacing:.095em;font-size:.75rem;margin-bottom:30px}.red-line{width:24px;height:2px;background:var(--red)}.hero h1{font-size:clamp(3rem,5.65vw,5.3rem);line-height:1.06;letter-spacing:-.06em;margin-left:-4px}.underlined{position:relative;color:var(--red);display:inline-block}.underlined:after{content:"";position:absolute;bottom:-5px;left:1px;right:0;height:2px;background:var(--red);transform:rotate(-1.5deg);opacity:.6}.hero-text{font-size:1.0625rem;line-height:1.75;max-width:405px;margin-top:28px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:29px}.hero-actions .text-link{font-size:.8rem;font-weight:500;gap:8px}.hero-footnote{display:flex;gap:8px;align-items:center;margin-top:27px;font-size:.75rem;color:var(--gray)}.mini-check{display:grid;place-items:center;border:1px solid #a2a298;border-radius:50%;width:16px;height:16px}.trust-strip{border-block:1px solid var(--line);background:#ece9e1}.trust-strip>.container{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:22px}.trust-strip span{display:flex;align-items:center;gap:11px;color:#5e605a;font-size:.8rem}.trust-strip svg{width:17px;height:17px;color:#77796f}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-card{border:1px solid var(--line);background:#f8f6f0}.case-image{height:268px;display:block;position:relative;overflow:hidden;background:#282924}.case-image img{width:100%;height:100%;filter:brightness(.8);transition:transform .6s,filter .5s}.case-image:hover img{transform:scale(1.025);filter:brightness(.98)}.image-label{position:absolute;top:19px;left:20px;background:var(--paper);padding:5px 9px;font:.75rem "Courier Prime","Courier New",monospace;letter-spacing:.08em}.case-no{position:absolute;bottom:20px;left:20px;color:#fff;font-size:.75rem;letter-spacing:.08em}.image-arrow{position:absolute;bottom:15px;right:18px;color:#fff}.case-copy{padding:25px 27px 0}.case-copy>.eyebrow{font-size:.75rem;color:var(--red);text-transform:uppercase}.case-copy h3{margin:12px 0;font-size:1.85rem;line-height:1.17}.case-copy>p:not(.eyebrow){font-size:.94rem;line-height:1.7;max-width:390px;min-height:52px}.case-meta{display:flex;flex-wrap:wrap;gap:21px;color:#62645b;font-size:.8rem;margin:24px 0}.case-meta>span{display:flex;align-items:center;gap:8px}.case-bottom{border-top:1px solid var(--line);padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.case-bottom strong{font-weight:500;font-size:1.2rem}.case-bottom small{font-weight:400;font-size:.75rem;color:var(--gray);margin-left:9px}.case-bottom a{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:14px}.case-bottom a:hover{color:var(--red)}.demo-band{display:flex;gap:24px;align-items:center;margin:28px auto 0;padding:27px 30px;border:1px solid var(--line);width:min(1240px,calc(100% - 96px));background:#ebe8df}.section .demo-band{width:100%}.demo-band .eyebrow{font-size:.75rem;color:var(--red)}.demo-band h3{font-size:1.4rem;margin:7px 0}.demo-band p{font-size:.8rem}.demo-band .button{margin-left:auto;font-size:.8rem}.investigation-section{background:#202521;color:#f1f1e9;padding:90px 0 95px}.investigation-section .eyebrow{color:#b4bbaa}.investigation-section .section-heading>p{color:#b4b9ad}.investigation-section h2 .soft{color:#9fa998}.workspace{border:1px solid #51574d;background:#252b25;padding:0}.workspace-top{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #454d42;padding:17px 25px}.workspace-top>.mono{font-size:.75rem;letter-spacing:.03em;color:#cbd1c5}.preview-label{color:#c9cec2;background:#343d31;padding:4px 8px;font:.75rem "Courier Prime","Courier New",monospace;letter-spacing:.08em}.workspace-tabs{display:grid!important;grid-template-columns:180px 1fr;gap:0!important}.workspace-nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;width:auto!important;height:auto!important;padding:26px 14px!important;gap:8px!important;background:transparent!important;border-right:1px solid #454d42;border-radius:0!important}.workspace-nav button{min-height:44px;flex:none;justify-content:flex-start!important;color:#b9c1b2!important;padding:10px 13px!important;border:0!important;border-radius:0!important;font-size:.8rem;font-weight:400}.workspace-panel{display:grid;grid-template-columns:1fr 230px;padding:34px;gap:26px;min-height:345px}.evidence-document{background:#ece9df;color:var(--ink);padding:28px 30px;border-top:3px solid #9e3b32;box-shadow:3px 3px 0 #151a164a}.evidence-document .eyebrow{font-size:.75rem;color:var(--red)}.evidence-document h3{font-size:1.7rem;margin:19px 0;max-width:300px}.evidence-document p{font-size:.89rem;line-height:1.75;color:#555c52}.document-line{height:1px;background:#c8c9bd;margin:22px 0 14px}.evidence-document .document-note{font-size:.76rem}.evidence-document .text-link{margin-top:18px;font-size:.76rem;background:none;border:0;padding:0}.private-file{padding:28px 21px;border:1px solid #4b5544;color:#e4e8dc;background:#2c342a}.private-icon{margin-bottom:15px;color:#b2bc9f}.private-file .eyebrow{font-size:.75rem;color:#a8b197}.private-file h4{font-size:1.5rem;margin-top:12px;line-height:1.2}.redacted-lines{display:grid;gap:7px;margin:20px 0}.redacted-lines span{height:9px;background:#515c48;width:93%}.redacted-lines span:nth-child(2){width:75%}.redacted-lines span:nth-child(3){width:85%}.private-file p{font-size:.75rem;line-height:1.65;color:#b9c3ad}.confidential{display:block;font-size:.75rem;letter-spacing:.01em;color:#9eaa91;margin-top:22px}.workspace-bottom{padding:15px 25px;border-top:1px solid #454d42;display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:#adb8a4}.workspace-bottom span,.workspace-bottom a{display:flex;align-items:center;gap:8px}.workspace-bottom a{color:#e6eddd}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.steps>div{border-top:1px solid #b8b9ad;padding-top:18px}.step-no{font-size:1.9rem;color:var(--red);display:block;margin-bottom:28px;font-weight:400}.step-no>span{color:#c1c2b5;font-size:1.2rem}.steps h3{font-size:1.13rem;font-weight:600;letter-spacing:-.025em;margin-bottom:13px}.steps p{font-size:.875rem;line-height:1.75}.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;border-top:1px solid var(--line)}.faq-section h2{margin:17px 0 23px}.faq-section>div>p{font-size:.94rem}.faq-section .text-link{margin-top:24px}.faq-accordion{border-top:1px solid #b9bbb0}.final-cta{border-top:1px solid var(--line);text-align:center;padding:77px 0 88px}.final-cta h2{font-size:clamp(2.4rem,4.5vw,4rem);margin:24px 0 31px}.final-cta>p{font-size:.8rem;margin-top:18px}.final-cta>p>a{text-decoration:underline;text-underline-offset:3px}.footer{border-top:1px solid var(--line);background:#ebe8df;padding-top:51px}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:45px;padding-bottom:47px}.footer .wordmark{font-size:1.8rem}.footer-top p{font-size:.8rem;margin-top:17px;line-height:1.7}.footer-top>div>.eyebrow{font-size:.75rem;color:#72766a;margin-bottom:17px}.footer-top>div>a:not(:first-child){display:block;font-size:.8rem;margin-top:9px}.footer-top>div>a:hover{color:var(--red)}.footer-note{border-left:1px solid #cccdbf;padding-left:35px}.footer-bottom{border-top:1px solid #cecec2;padding-block:20px;display:flex;gap:25px;justify-content:space-between;font-size:.75rem;color:#717568}.footer-bottom>div{display:flex;gap:20px}.footer-bottom>.mono{font-size:.75rem}.archive-page{padding-top:65px}.archive-page h2{font-size:clamp(2.7rem,5vw,4rem)}.detail-page{padding-top:34px;padding-bottom:80px}.back-link{display:flex;align-items:center;gap:5px;color:var(--gray);font-size:.8rem;margin-bottom:36px}.back-link:hover{color:var(--red)}.detail-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:75px;align-items:start}.detail-intro h1{font-size:clamp(2.7rem,5vw,4.7rem);margin:20px 0}.detail-lead{font-size:1.2rem;line-height:1.65;max-width:630px}.detail-image{width:100%;aspect-ratio:1.7;object-fit:cover;margin-top:32px}.image-disclaimer{font-size:.75rem;margin:8px 0 32px!important}.detail-intro>h2{font-size:2rem;margin:32px 0 18px}.detail-intro>p:not(.detail-lead){margin-top:17px}.purchase-panel{padding:32px;background:#eae7de;border:1px solid #cfcfc1;position:sticky;top:30px}.purchase-panel>h2{font-size:2rem;margin:18px 0 25px}.detail-price{font-size:2.8rem;letter-spacing:-.05em;line-height:1.2;margin:27px 0}.detail-price>span{display:block;font-size:.8rem;letter-spacing:0;color:var(--gray);margin-top:5px}.included{list-style:none;padding:0;margin:0 0 30px}.included li{display:flex;align-items:center;gap:10px;font-size:.84rem;margin:12px 0}.included svg{width:16px;height:16px;color:var(--red)}.purchase-panel>.button{width:100%}.purchase-note{font-size:.75rem;line-height:1.7;margin-top:13px}.purchase-support{border-top:1px solid #cfcfc1;margin-top:23px;padding-top:18px;display:flex;gap:9px;align-items:center;font-size:.78rem}.requirements{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:70px;padding-top:40px;border-top:1px solid var(--line)}.requirements h3{font-size:1.2rem;margin:20px 0 12px}.requirements p{font-size:.9rem}.demo-page{padding-block:60px 80px}.demo-page>.eyebrow{margin-bottom:25px}.demo-page h1{margin-bottom:25px}.demo-facts{display:flex;flex-direction:column;gap:12px;min-width:200px;font-size:.9rem}.demo-facts span{display:flex;gap:10px;align-items:center}.demo-facts svg{width:18px}.demo-start{display:grid;grid-template-columns:1.3fr 1fr;background:#e8e5db;border:1px solid var(--line);padding:45px;gap:70px}.demo-start h2{font-size:2rem;margin:20px 0}.demo-start p{font-size:.94rem;max-width:490px}.demo-start .button{margin-top:25px}.small-note{font-size:.75rem!important;margin-top:15px}.demo-rules{display:flex;flex-direction:column;justify-content:center}.demo-rules>span{font-size:.75rem;padding:20px 0;border-bottom:1px solid #c9cabb;letter-spacing:.04em}.utility-page{padding-top:60px;padding-bottom:100px;min-height:65vh}.utility-page>h1{margin:18px 0 30px}.utility-page>h1{font-size:clamp(2.7rem,5.5vw,5rem)}.checkout-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;margin-top:50px;align-items:start}.preview-notice{background:#e6e6da;display:flex;gap:16px;padding:22px}.preview-notice strong{font-size:.9rem;font-weight:600}.preview-notice p{font-size:.8rem;margin-top:5px}.total-line{display:flex;justify-content:space-between;align-items:center;padding:22px 0;margin-top:25px;border-block:1px solid #c8caba}.total-line strong{font-size:1.7rem;font-weight:500}.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px}.account-panel{border:1px solid var(--line);padding:40px;background:#e9e6dc}.account-panel h2{font-size:2rem;margin:18px 0}.account-panel>p{font-size:.94rem;margin-bottom:25px}.account-panel label{display:block;font-size:.85rem;margin-bottom:8px}.account-panel input{width:100%;height:49px;padding:12px;border:1px solid #c6c7b9;background:#f2f0e8;margin-bottom:20px}.account-panel .button{width:100%;opacity:.55}.account-existing{padding:25px 0}.account-existing h2{margin:23px 0}.account-existing>p{font-size:.95rem;max-width:420px;margin-bottom:25px}.account-empty{display:flex;align-items:center;gap:15px;font-size:.9rem;color:var(--gray);border:1px dashed #bdbfb0;padding:30px 20px;margin-top:38px}.contact-email{display:flex;align-items:center;gap:25px;font-size:clamp(1.4rem,3vw,2.5rem);color:var(--red);margin-block:38px;letter-spacing:-.035em;overflow-wrap:anywhere}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:900px;margin-top:70px;padding-top:32px;border-top:1px solid var(--line)}.contact-info p{font-size:.94rem;margin:18px 0}.contact-info .text-link{margin-top:12px}
@media(min-width:1450px){.hero{padding-block:105px}.hero h1{font-size:5.7rem}}
@media(max-width:1100px){.container,.header-inner{width:calc(100% - 56px)}.header-inner{gap:20px}.main-nav{gap:20px}.header-right{gap:15px}.account-link{display:none}.hero{gap:35px;padding-block:65px}.hero h1{font-size:4.3rem}.hero-actions{gap:18px;flex-wrap:wrap}.hero-eyebrow{font-size:.75rem;letter-spacing:.05em}.workspace-tabs{grid-template-columns:145px 1fr}.workspace-panel{grid-template-columns:1fr 200px;padding:25px;gap:20px}.workspace-nav{padding-inline:8px!important}.workspace-nav button{padding-inline:10px!important}.hero-footnote{font-size:.75rem}.demo-band{width:calc(100% - 56px)}.footer-top{gap:25px}.footer-note{padding-left:25px}.detail-grid,.checkout-grid{gap:35px}.case-copy h3{font-size:1.6rem}.case-bottom small{display:block;margin-left:0}.faq-section{gap:50px}.trust-strip span{font-size:.75rem;gap:8px}}
@media(max-width:850px){.main-nav{display:none;position:absolute;top:86px;left:0;right:0;background:var(--paper);padding:24px 28px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #20211f0a}.main-nav.open{display:flex;flex-direction:column;gap:0}.main-nav a{padding:12px 0;min-height:44px}.menu-toggle{display:block}.header-right{gap:10px}.hero{gap:32px}.hero h1{font-size:3.65rem}.hero-eyebrow{max-width:300px;font-size:.75rem}.hero-text{font-size:1rem}.hero-actions{gap:17px}.hero-footnote{align-items:flex-start}.trust-strip>.container{display:grid;grid-template-columns:1fr 1fr;gap:15px 35px}.trust-strip span{font-size:.8rem}.case-image{height:230px}.case-copy{padding:22px 20px 0}.case-meta{gap:15px;font-size:.75rem}.case-copy h3{font-size:1.5rem}.section-heading{align-items:flex-start;gap:25px}.section-heading>p{max-width:245px;font-size:.85rem}.workspace-tabs{display:flex!important}.workspace-nav{flex-direction:row!important;border-right:0;border-bottom:1px solid #454d42;padding:12px 20px!important;gap:15px!important}.workspace-nav button{flex:1;justify-content:center!important}.workspace-panel{min-height:340px}.steps{grid-template-columns:1fr 1fr;gap:35px}.step-no{margin-bottom:20px}.demo-band{padding:24px}.demo-band .button{padding:11px 16px;gap:12px}.demo-band h3{font-size:1.25rem}.faq-section{grid-template-columns:1fr 1.3fr;gap:35px}.footer-top{grid-template-columns:1.2fr 1fr 1fr;gap:30px}.footer-note{display:none}.footer-bottom>.mono{display:none}.detail-grid{grid-template-columns:1.15fr 1fr;gap:25px}.purchase-panel{padding:25px}.detail-intro h1{font-size:3rem}.detail-lead{font-size:1.1rem}.demo-start{gap:30px;padding:30px}.demo-page .section-heading{flex-direction:column}.demo-facts{flex-direction:row;flex-wrap:wrap;gap:25px}.account-layout{gap:35px}.account-panel{padding:28px}.checkout-grid{grid-template-columns:1.1fr 1fr;gap:25px}.requirements{gap:25px}.requirements h3{font-size:1.05rem}}
@media(max-width:650px){.container,.header-inner{width:calc(100% - 40px)}.site-header{height:73px}.wordmark{font-size:1.45rem}.header-right{gap:7px}.nav-cta{font-size:.75rem;gap:10px;padding:10px 12px;min-height:42px}.menu-toggle{padding:8px}.menu-toggle svg{width:21px;height:21px}.main-nav{top:72px}.hero{grid-template-columns:1fr;padding-top:41px;padding-bottom:42px;gap:37px}.hero-eyebrow{font-size:.75rem;margin-bottom:24px;max-width:none;letter-spacing:.045em}.hero h1{font-size:clamp(2.8rem,11.4vw,4.5rem);line-height:1.07;margin-left:-2px}.hero-text{font-size:1rem;max-width:350px;margin-top:25px}.hero-actions{flex-wrap:nowrap;gap:19px;align-items:center;margin-top:24px}.hero-actions .button{font-size:.8rem;padding:13px 17px;gap:20px;flex-shrink:0}.hero-actions .text-link{font-size:.75rem;line-height:1.5;gap:6px}.hero-footnote{font-size:.75rem;margin-top:20px}.trust-strip>.container{padding-block:21px;gap:18px 20px}.trust-strip span{font-size:.75rem;gap:8px;line-height:1.4}.trust-strip svg{width:17px}.section{padding-block:58px}.section-heading{flex-direction:column;gap:19px;margin-bottom:30px}.section-heading .eyebrow{font-size:.75rem;margin-bottom:15px}.section-heading>p{max-width:none;font-size:.88rem}.section-heading h2{font-size:2rem;line-height:1.15}.case-grid{grid-template-columns:1fr;gap:26px}.case-image{height:245px}.case-copy{padding:25px 23px 0}.case-copy h3{font-size:1.75rem;max-width:340px}.case-copy>p:not(.eyebrow){font-size:.91rem;min-height:0}.case-meta{font-size:.79rem;gap:24px;margin:22px 0}.case-bottom{padding:17px 0}.case-bottom strong{font-size:1.25rem}.case-bottom small{display:inline;font-size:.75rem;margin-left:8px}.case-bottom a{font-size:.8rem;gap:8px}.demo-band{width:calc(100% - 40px);display:block;padding:25px;margin-top:25px}.demo-band h3{font-size:1.45rem;line-height:1.2;max-width:270px}.demo-band .button{margin-top:20px;font-size:.8rem;width:100%}.demo-band p{font-size:.76rem}.investigation-section{padding-block:58px}.workspace-top{padding:15px;flex-direction:column;align-items:flex-start;gap:9px}.workspace-top>.mono{font-size:.75rem}.preview-label{font-size:.75rem;padding:3px 5px}.workspace-nav{padding:9px 8px!important;gap:0!important;justify-content:space-between!important;width:100%!important}.workspace-nav button{font-size:.75rem;padding:9px 5px!important;gap:5px;min-height:44px}.workspace-nav button svg{width:13px;height:13px}.workspace-panel{padding:18px;gap:18px;grid-template-columns:1fr;min-height:0}.evidence-document{padding:25px 22px}.evidence-document .eyebrow{font-size:.75rem}.evidence-document h3{font-size:1.6rem;margin:18px 0}.evidence-document p{font-size:.87rem}.evidence-document .document-note{font-size:.75rem}.private-file{display:none}.workspace-bottom{padding:15px 18px;flex-direction:column;gap:13px;font-size:.75rem}.steps{gap:28px 24px;margin-top:33px}.steps h3{font-size:1.04rem;line-height:1.2}.steps p{font-size:.83rem}.step-no{font-size:1.7rem;margin-bottom:18px}.faq-section{grid-template-columns:1fr;gap:35px}.faq-section h2{font-size:2.35rem;margin:16px 0}.faq-section h2 br{display:none}.faq-section>div>p br{display:none}.faq-section>div>p{font-size:.9rem}.faq-section .text-link{margin-top:16px}.final-cta{padding:57px 0 64px}.final-cta>.eyebrow{font-size:.75rem}.final-cta h2{font-size:2.15rem;line-height:1.12;margin:23px 0 27px}.footer{padding-top:40px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 24px;padding-bottom:32px}.footer-top>div:first-child{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-top>div:first-child p{margin:0;font-size:.75rem}.footer .wordmark{font-size:1.7rem}.footer-top>div>.eyebrow{font-size:.75rem}.footer-top>div>a:not(:first-child){font-size:.77rem;min-height:30px}.footer-bottom{font-size:.75rem;gap:10px;align-items:center}.footer-bottom>div{gap:15px}.archive-page{padding-top:45px}.archive-page h2{font-size:2.75rem}.detail-page{padding-top:25px;padding-bottom:40px}.detail-grid{grid-template-columns:1fr;gap:35px}.detail-intro>.eyebrow{font-size:.75rem}.detail-intro h1{font-size:3rem}.detail-lead{font-size:1.08rem}.detail-image{margin-top:25px}.purchase-panel{position:static;padding:28px}.detail-price{font-size:2.8rem}.included li{font-size:.875rem}.purchase-panel .button{font-size:.9rem}.requirements{grid-template-columns:1fr;margin-top:40px;gap:25px}.requirements>div{border-bottom:1px solid var(--line);padding-bottom:25px}.requirements h3{font-size:1.2rem;margin-top:15px}.demo-page{padding-block:40px 55px}.demo-page h1{font-size:3.5rem}.demo-facts{gap:14px;font-size:.78rem}.demo-facts span{gap:6px}.demo-facts svg{width:15px}.demo-start{grid-template-columns:1fr;gap:25px;padding:25px}.demo-start h2{font-size:1.85rem}.demo-start p{font-size:.9rem}.demo-start .button{width:100%}.demo-rules>span{font-size:.75rem;padding:15px 0}.utility-page{padding-top:38px;padding-bottom:60px}.utility-page>h1{font-size:2.7rem}.checkout-grid{grid-template-columns:1fr;gap:35px;margin-top:32px}.account-layout{grid-template-columns:1fr;gap:30px;margin-top:30px}.account-panel{padding:25px}.account-existing{padding-block:10px}.contact-email{font-size:1.45rem;gap:16px;margin-block:30px}.contact-info{grid-template-columns:1fr;gap:30px;margin-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.case-image:hover img{transform:none}}

/* Readability pass: full-sized reading text and comfortable controls. */.case-copy>p:not(.eyebrow),.steps p,.evidence-document>p:not(.document-note),.requirements p,.demo-start p,.contact-info p{font-size:1rem}.main-nav,.account-link,.case-meta,.case-bottom a,.workspace-nav button,.workspace-bottom a,.demo-band .button,.text-link,.hero-actions .text-link{font-size:.875rem}.hero-copy{min-width:0}.eyebrow{overflow-wrap:anywhere}
@media(min-width:651px) and (max-width:850px){.hero h1{font-size:3rem}.hero-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.hero-actions{flex-wrap:wrap}.workspace-nav button{font-size:.8rem}.case-meta{gap:18px}.trust-strip span{font-size:.8rem}.footer-bottom{flex-wrap:wrap}.workspace-panel{padding:15px}.demo-band p{font-size:.875rem}}.how-section h1{font-size:clamp(2.2rem,4.3vw,4rem)}.faq-section h1{font-size:clamp(2.5rem,4.5vw,4.5rem);margin:17px 0 23px}.archive-page h1{font-size:clamp(2.7rem,5vw,4rem)}.occasion-strip{border-block:1px solid var(--line);padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.occasion-strip>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 28px;font-size:.95rem;color:#62645b}.occasion-strip>div span+span:before{content:"/";color:var(--red);margin-right:28px}@media(max-width:650px){.occasion-strip{display:block;padding-block:24px}.occasion-strip>div{justify-content:flex-start;gap:8px 0;margin-top:15px;font-size:.9rem}.occasion-strip>div span+span:before{margin-right:8px}}

/* Static production port: native controls, motion and checkout form. */.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.2,.75,.25,1),transform .65s cubic-bezier(.2,.75,.25,1)}.reveal.is-visible{opacity:1;transform:none}.menu-icon{display:block;width:22px;height:2px;background:currentColor;position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor}.menu-icon:before{top:-7px}.menu-icon:after{top:7px}.menu-toggle[aria-expanded=true] .menu-icon{background:transparent}.menu-toggle[aria-expanded=true] .menu-icon:before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon:after{top:0;transform:rotate(-45deg)}.workspace-nav button{display:flex;align-items:center;gap:10px;background:transparent;text-align:left}.workspace-nav button[aria-selected=true]{background:#3e4639!important;color:#fff!important}.workspace-panel[hidden]{display:none}.faq-accordion details{border-bottom:1px solid var(--line)}.faq-accordion summary{list-style:none;cursor:pointer;padding:23px 38px 23px 0;font-weight:500;position:relative}.faq-accordion summary::-webkit-details-marker{display:none}.faq-accordion summary:after{content:"+";position:absolute;right:4px;color:var(--red);font:1.25rem "Courier Prime","Courier New",monospace}.faq-accordion details[open] summary:after{content:"−"}.faq-answer{padding:0 36px 22px 0;color:var(--gray);font-size:.95rem;line-height:1.75}.edition-selector{display:grid;grid-template-columns:repeat(3,1fr);background:#deddd1;padding:3px;gap:3px}.edition-selector a{display:grid;place-items:center;min-height:44px;font-size:.8rem}.edition-selector a[aria-current=true]{background:var(--paper);font-weight:700}.full-width{width:100%}.checkout-form fieldset{border:0;padding:30px 0;margin:0;border-bottom:1px solid var(--line)}.checkout-form legend{font:.75rem "Courier Prime","Courier New",monospace;letter-spacing:.12em;color:var(--red);padding:0}.checkout-form>fieldset>label:not(.produktwahl):not(.zustimmung){display:block;font-size:.85rem;font-weight:600;margin:18px 0 8px}.checkout-form input[type=email],.checkout-form input[type=number]{width:100%;min-height:50px;border:1px solid #bfc0b5;background:#f9f7f2;padding:12px 14px}.produktwahl{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid #c8c9bd;padding:17px;margin-top:12px;background:#eeece4;cursor:pointer}.produktwahl:has(input:checked){border-color:var(--red);box-shadow:inset 3px 0 var(--red)}.produktwahl small{display:block;color:var(--gray);margin-top:3px}.zustimmung{display:flex;align-items:flex-start;gap:12px;font-size:.82rem;line-height:1.6;margin-top:16px}.zustimmung input{margin-top:5px}.zustimmung a{text-decoration:underline;text-underline-offset:2px}.formular-hilfe,.anbieterhinweis,.purchase-note{font-size:.78rem;line-height:1.65}.formular-fehler{color:var(--red);font-weight:600;min-height:1.5em;margin:10px 0}.checkout-knopf{width:100%}.status-card{max-width:720px;border:1px solid var(--line);background:#e9e6dc;padding:32px;margin:35px 0}.status-card .button{margin-top:22px}.status-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:9px;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.35}}.demo-launch{margin-top:30px}.contact-email{overflow-wrap:anywhere}
@media(max-width:650px){.produktwahl{grid-template-columns:auto 1fr}.produktwahl strong{grid-column:2}.checkout-form fieldset{padding:24px 0}.status-card{padding:24px}.reveal{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.status-pulse{animation:none}}

/* Long-form pages share the same paper-and-ink design language. */.blatt{width:min(820px,calc(100% - 48px));margin:0 auto;padding:0 0 90px}.blatt>h1{font-size:clamp(2.7rem,6vw,4.8rem);margin:16px 0 25px}.blatt>h2{font-size:1.65rem;letter-spacing:-.025em;margin:42px 0 14px;padding-top:18px;border-top:1px solid var(--line)}.blatt>p,.blatt li{font-size:1rem;line-height:1.75}.blatt a{text-decoration:underline;text-underline-offset:3px}.blatt .klein,.blatt .vermerk{font:.78rem "Courier Prime","Courier New",monospace;letter-spacing:.05em;color:var(--red)}.blatt .anriss,.blatt .nebensatz{font-size:1.12rem;color:var(--gray)}.blatt .frage{padding:25px 0;border-bottom:1px solid var(--line)}.blatt .frage h3{font-size:1.2rem;margin:0 0 9px}.blatt table{width:100%;border-collapse:collapse;margin:22px 0}.blatt td,.blatt th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}.blatt .fuss{margin-top:55px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:.8rem;color:var(--gray)}.vorlage{border:1px solid var(--line);background:#ebe8df;padding:25px}.widerruf-form{display:grid;gap:10px;margin:25px 0}.widerruf-form label{font-weight:600;margin-top:8px}.widerruf-form input,.widerruf-form textarea{width:100%;padding:12px;border:1px solid #bfc0b5;background:#f9f7f2}.widerruf-form .button{margin-top:12px}.button.primaer{background:var(--red);color:#fff}.plan{width:100%;border-collapse:collapse}@media(max-width:650px){.blatt{width:calc(100% - 40px);padding-bottom:60px}.blatt>h1{font-size:2.75rem}.blatt .fuss{display:block}.blatt td{font-size:.86rem;padding:10px 5px}}html,body{overflow-x:clip}

/* WCAG AA contrast correction for muted dossier text on warm paper. */:root{--gray:#555650;--muted-foreground:#555650}.soft{color:#676961}.footer-top>div>.eyebrow,.footer-bottom,.footer-bottom a,.footer-bottom span{color:#53564f}.purchase-note,.detail-price>span,.small-note,.preview-notice p,.account-panel>p,#summe-label,#status-text{color:#50524d}.account-panel .button{opacity:1}.image-disclaimer{color:#555650!important}

/* Long-form pages: guide, FAQ and legal texts. They were never ported to this
   design and still carried the old sheet's markup; these rules give that markup
   the site's type system without touching a single word of the legal texts. */.prose{max-width:780px}.prose>h1{margin:18px 0 24px}.prose h2{font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.2;letter-spacing:-.02em;font-weight:600;margin:52px 0 12px;padding-top:26px;border-top:1px solid var(--line)}.prose h3{font-size:1.05rem;line-height:1.35;letter-spacing:-.01em;font-weight:600;margin:28px 0 6px}.prose p,.prose li,.prose dd{max-width:68ch;color:var(--gray);line-height:1.7}.prose strong{color:var(--ink)}.prose ul,.prose ol{padding-left:1.25em;margin:10px 0 18px}.prose li{margin:4px 0}.prose a:not(.button){color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.prose a:not(.button):hover{text-decoration-color:var(--red)}.prose .klein,.prose .ziffer{display:block;font-family:"Courier Prime","Courier New",monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:44px 0 6px}.prose .nebensatz,.prose .vorsatz{font-size:1.08rem;line-height:1.65;color:var(--gray);max-width:630px}.prose .anriss{font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.6;color:var(--ink);max-width:640px}.prose .register{display:grid;grid-template-columns:170px minmax(0,1fr);margin:24px 0;border-top:1px solid var(--line)}.prose .register dt,.prose .register dd{padding:12px 0;border-bottom:1px solid var(--line);margin:0}.prose .register dt{font-family:"Courier Prime","Courier New",monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);padding-top:15px}.prose .register dd{color:var(--ink)}.prose .frage{padding:20px 0;border-bottom:1px solid var(--line)}.prose .frage h3{margin:0 0 6px}.prose .frage p{margin:4px 0}.prose .vermerk,.prose .vorlage{border-left:3px solid var(--red);background:var(--card);padding:20px 22px;margin:24px 0}.prose .vorlage p:last-child,.prose .vermerk p:last-child{margin-bottom:0}.prose .teil{display:grid;grid-template-columns:64px minmax(0,1fr);gap:0 28px;margin-top:56px}.prose .teil>.ziffer{margin:0;padding-top:16px;border-top:2px solid var(--ink);font-weight:700}.prose .teil>.inhalt{border-top:2px solid var(--ink);padding-top:14px;min-width:0}.prose .teil h2{border-top:0;padding-top:0;margin-top:0}.prose .schritt{padding:14px 0;border-bottom:1px solid var(--line)}.prose .kopier{margin-top:10px;font:600 .8rem/1 "Inter",Arial,Helvetica,sans-serif;padding:9px 14px;border:1px solid #bdbab1;background:transparent;color:var(--ink);cursor:pointer}.prose .kopier:hover{border-color:var(--ink)}.prose .plan{width:100%;border-collapse:collapse;margin:16px 0}.prose .plan td{padding:12px 8px 12px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--gray)}.prose .fuss{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);margin-top:52px;padding-top:18px;font-size:.85rem;color:var(--gray)}.prose label{display:block;font-weight:600;font-size:.9rem;margin:16px 0 6px;color:var(--ink)}.prose input[type=text],.prose input[type=email],.prose textarea{width:100%;max-width:520px;font:inherit;font-size:1rem;padding:11px 13px;border:1px solid #bdbab1;background:#fbfaf6;color:var(--ink)}.prose textarea{min-height:110px}.prose input:focus-visible,.prose textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}.prose .zustimmung{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;font-weight:400;color:var(--gray)}.prose .zustimmung input{width:18px;height:18px;margin-top:4px;accent-color:var(--red)}.prose form .button{margin-top:22px}
@media (max-width:640px){.prose .register{grid-template-columns:minmax(0,1fr)}.prose .register dt{border-bottom:0;padding-bottom:0}.prose .teil{grid-template-columns:minmax(0,1fr);margin-top:40px}.prose .teil>.ziffer{border-top:2px solid var(--ink);padding-bottom:4px}.prose .teil>.inhalt{border-top:0;padding-top:4px}
}
@media print{.site-header,.footer,.prose .kopier{display:none}}

/* The notice sat flush against the first fieldset legend. */.preview-notice{margin-bottom:34px}

/* Polish pass (make-interfaces-feel-better checklist) ------------------------ */
/* Hit areas: the mobile menu toggle measured 38x18px and footer links 19px high.
   44px is the comfortable minimum for a thumb. */.menu-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}
@media (max-width:850px){.menu-toggle{display:inline-flex}}.site-header .header-inner>a:first-child{display:inline-flex;align-items:center;min-height:44px}.text-link,.back-link{min-height:44px;display:inline-flex;align-items:center}.footer a{display:inline-flex;align-items:center;min-height:36px}.footer-bottom>div{display:flex;flex-wrap:wrap;column-gap:20px}
@media (max-width:640px){.footer a{min-height:44px}}
/* Headings wrap evenly; short copy avoids single-word last lines. Long legal prose
   is left alone. */h1,h2,h3,.detail-lead{text-wrap:balance}.purchase-note,.formular-hilfe,figcaption,.case-card p,.utility-page>p{text-wrap:pretty}
/* Prices and counters do not shift width as digits change. */.detail-price,.total-line,#summe,.produktwahl strong,.uhr,time{font-variant-numeric:tabular-nums}
/* Photos get a neutral inset edge so dark images do not bleed into the paper. */main img{outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}
/* Tactile, interruptible press state; explicit properties, never "all". */.button,.nav-cta{transition-property:transform,background-color,border-color,color;transition-duration:150ms;transition-timing-function:ease-out}.button:active,.nav-cta:active{transform:scale(.98)}
@media (prefers-reduced-motion:reduce){.button:active,.nav-cta:active{transform:none}}

/* Long German compounds may break, short words not (12+ letters, 5 on each side):
   "ha-ben" in narrow evidence cards was hard to read on a projector. */body{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:12 5 5}

/* Ratgeber: long-form guides that end in a clear next step. */.ratgeber p+p{margin-top:14px}.ratgeber .anriss{margin-bottom:6px}.ratgeber-aktionen{display:flex;flex-wrap:wrap;gap:12px;margin-top:52px}.ratgeber-weiter{display:grid;margin-top:64px;padding-top:26px;border-top:1px solid var(--line)}.ratgeber-weiter .eyebrow{color:var(--gray);margin-bottom:10px}.prose .ratgeber-weiter a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:500;text-decoration:none}.prose .ratgeber-weiter a:hover{color:var(--red)}.prose .ratgeber-liste{list-style:none;padding:0;margin:8px 0 0;border-top:1px solid var(--line)}.prose .ratgeber-liste li{margin:0;max-width:none}.prose .ratgeber-liste a{display:grid;gap:4px;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none}.ratgeber-liste strong{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;transition:color .15s ease-out}.ratgeber-liste span{color:var(--gray)}.prose .ratgeber-liste a:hover strong{color:var(--red)}.prose h2+.ratgeber-liste{border-top:0}

/* Case pages: shared structure below the purchase panel (werkzeuge/fallseiten.py). */.fall-ablauf{border-top:1px solid var(--line)}.steps .step-dauer{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin:-6px 0 10px;font-variant-numeric:tabular-nums}.ratgeber .anriss+.ratgeber-liste{margin-top:30px}.anfrage-kopieren{width:100%;margin-top:10px}.how-weiter{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:40px}

/* Interactive preview on tablets and phones: tabs above the document, never beside it.
   The row layout squeezed the tabs into a column and clipped the document. */
@media (max-width:850px){.workspace-tabs{flex-direction:column}.workspace-panel{min-width:0}.workspace-nav button{min-width:0}}

/* ---------- Hero: echte Spielszene (Bildschirm + Handy) ---------- */.hero-szene{position:relative;margin:0;padding:0 7% 34px 0;min-width:0}.szene-tv{position:relative;aspect-ratio:16/9;background:#0e0f0d;border:9px solid #161714;border-bottom-width:13px;border-radius:8px;overflow:hidden;box-shadow:0 1px 0 #2b2c28 inset,0 34px 60px -28px rgba(32,33,31,.55),0 12px 22px -14px rgba(32,33,31,.4)}.szene-tv img,main .szene-tv img{width:100%;height:100%;object-fit:cover;object-position:left top;outline:0}.szene-tv:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 38%);pointer-events:none}.szene-fuss{width:24%;height:20px;margin:0 auto;background:linear-gradient(#262723,#141512);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}.szene-handy{position:absolute;right:0;bottom:0;width:29%;aspect-ratio:9/19.5;padding:6px;background:#121310;border-radius:24px;box-shadow:0 0 0 1px #34352f inset,0 26px 40px -18px rgba(32,33,31,.6);transform:rotate(5deg);transform-origin:bottom right;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.szene-handy img,main .szene-handy img{width:100%;height:100%;object-fit:cover;border-radius:18px;outline:0}.hero-szene:hover .szene-handy{transform:rotate(2deg) translateY(-6px)}.szene-stempel{position:absolute;left:-14px;top:-16px;z-index:2;background:var(--red);color:#fff;padding:7px 11px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-6deg);box-shadow:0 6px 14px -8px rgba(0,0,0,.5)}.szene-notiz{display:block;margin-top:14px;font-size:.7rem;letter-spacing:.06em;color:var(--gray);max-width:62%}
@media (max-width:650px){.hero-szene{padding-right:10%;padding-bottom:26px}.szene-tv{border-width:6px;border-bottom-width:9px}.szene-handy{width:31%;border-radius:18px;padding:4px}.szene-handy img{border-radius:14px}.szene-notiz{max-width:54%;font-size:.68rem}.szene-stempel{left:-6px}}
@media (prefers-reduced-motion:reduce){.hero-szene:hover .szene-handy{transform:rotate(5deg)}}

/* ---------- Der 30-Sekunden-Fall ---------- */.minifall{border-top:1px solid var(--line)}.minifall-brett{display:grid;grid-template-columns:1.1fr 1fr;gap:22px 34px;background:var(--card);border:1px solid var(--line);padding:34px;position:relative;box-shadow:8px 9px 0 -1px var(--paper),8px 9px 0 0 var(--line)}.minifall-lage{grid-column:1/-1;border-bottom:1px dashed #cfcac0;padding-bottom:20px}.minifall-lage .mono{font-size:.72rem;letter-spacing:.14em;color:var(--red)}.minifall-lage p{margin-top:8px;font-size:1.05rem;line-height:1.65;color:var(--ink);max-width:62ch}.minifall-leute{list-style:none;margin:0;padding:0;display:grid;gap:12px}.minifall-leute li{display:grid;grid-template-columns:38px 1fr;column-gap:14px;align-items:baseline;padding:14px 16px;background:var(--paper);border:1px solid var(--line)}.minifall-leute li>.mono{grid-row:span 3;align-self:start;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--ink);font-size:.95rem;font-weight:700}.minifall-leute strong{font-weight:600}.minifall-leute small{color:var(--gray);font-size:.8rem}.minifall-leute q{grid-column:2;margin-top:6px;font-size:.92rem;color:var(--ink);font-style:italic;quotes:"„" "“"}.minifall-spuren{display:grid;gap:10px;align-content:start}.minifall-spur{display:flex;align-items:center;gap:14px;width:100%;min-height:52px;padding:12px 16px;text-align:left;background:transparent;border:1px solid var(--ink);color:var(--ink);font-weight:600;transition:background-color .15s ease-out,color .15s ease-out}.minifall-spur .mono{font-size:.72rem;letter-spacing:.12em;color:var(--red);font-weight:700;transition:color .15s ease-out}.minifall-spur:after{content:"+";margin-left:auto;font:1.2rem "Courier Prime","Courier New",monospace;color:var(--red)}.minifall-spur[aria-expanded=true]{background:var(--ink);color:#fff}.minifall-spur[aria-expanded=true] .mono,.minifall-spur[aria-expanded=true]:after{color:#f0b8b0}.minifall-spur[aria-expanded=true]:after{content:"−"}.minifall-text{margin:-4px 0 4px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);font-size:.95rem;line-height:1.6;color:var(--ink)}.minifall-anklage{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px dashed #cfcac0;padding-top:20px}.minifall-anklage p{margin-right:8px;font-size:.75rem;letter-spacing:.14em;color:var(--gray)}.minifall-anklage .button{min-height:46px;padding:10px 20px}.minifall-anklage .button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.minifall-ergebnis{grid-column:1/-1}.minifall-ergebnis:empty{display:none}.minifall-ergebnis{position:relative;padding:22px 24px 22px 150px;background:var(--paper);border:1px solid var(--line);min-height:96px}.minifall-ergebnis p{color:var(--ink);line-height:1.65;max-width:68ch}.minifall-stempel{position:absolute;left:22px;top:22px;padding:6px 10px;border:2px solid currentColor;font-size:.95rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transform:rotate(-8deg);animation:stempel .35s cubic-bezier(.2,1.6,.4,1) both}.ist-geloest .minifall-stempel{color:#2f6b3a}.ist-daneben .minifall-stempel{color:var(--red)}.minifall-weiter{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
@keyframes stempel{from{opacity:0;transform:rotate(-8deg) scale(1.8)}to{opacity:1;transform:rotate(-8deg) scale(1)}}
@media (max-width:850px){.minifall-brett{grid-template-columns:1fr;padding:24px}}
@media (max-width:650px){.minifall-brett{padding:20px 18px;box-shadow:none}.minifall-ergebnis{padding:64px 18px 18px}.minifall-stempel{left:18px;top:16px}}

/* ---------- Hinter der Akte ---------- */.hinter-akte{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:start;border-top:1px solid var(--line)}.akte-notiz{position:relative;background:#fbfaf6;border:1px solid var(--line);padding:46px 48px 40px;transform:rotate(-.6deg);box-shadow:0 1px 0 #fff inset,0 28px 50px -34px rgba(32,33,31,.45)}.akte-notiz h2{margin:16px 0 22px}.akte-notiz p{font-size:1.02rem;line-height:1.75;color:#3d3e39;max-width:60ch}.akte-notiz p+p{margin-top:14px}.akte-notiz a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}.akte-klammer{position:absolute;top:-14px;left:44px;width:22px;height:56px;border:3px solid #8d8f86;border-radius:12px;border-bottom-color:transparent;transform:rotate(4deg)}.akte-gruss{margin-top:26px!important;font-size:1.35rem!important;font-weight:600;color:var(--ink)!important;letter-spacing:-.01em}.akte-gruss .mono{display:block;margin-top:4px;font-size:.72rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}.akte-fakten{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.akte-fakten li{padding:18px 0;border-bottom:1px solid var(--line);font-size:1rem;color:var(--ink);line-height:1.45}.akte-fakten .mono{display:block;margin-bottom:5px;font-size:.7rem;letter-spacing:.16em;color:var(--gray)}
@media (max-width:850px){.hinter-akte{grid-template-columns:1fr;gap:28px}.akte-notiz{padding:40px 26px 30px;transform:none}}

/* E-Mail-Adressen nie trennen ("info@spu-renlage.de"). */a[href^="mailto:"]{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:anywhere}

/* Probeakte: echte Spielszene statt Stimmungsbild */.fall-szene{margin-top:28px;padding-right:9%}

/* ---------- Stimmungsbilder (Symbolbilder, deutlich gekennzeichnet) ---------- */.abend-band{display:grid;grid-template-columns:1fr 2.1fr 1fr;gap:26px;align-items:end;border-top:1px solid var(--line)}.abend-text h2{margin:16px 0 18px}.abend-text p{font-size:.98rem;line-height:1.7}.abend-band figure,.fall-foto,.ratgeber-foto{position:relative;margin:0}.abend-band img,.fall-foto img,.ratgeber-foto img{width:100%;height:100%;object-fit:cover}.abend-gross img{aspect-ratio:16/9}.abend-schmal{transform:rotate(1.5deg);box-shadow:0 26px 40px -26px rgba(32,33,31,.55)}.abend-schmal img{aspect-ratio:4/5}.abend-band figcaption,.fall-foto figcaption,.ratgeber-foto figcaption{position:absolute;right:8px;bottom:8px;padding:3px 7px;background:rgba(20,21,19,.72);color:#e9e6dd;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.fall-foto{margin-top:10px}.fall-foto img{aspect-ratio:21/8;max-height:460px}.ratgeber-foto{margin:30px 0 8px}.ratgeber-foto img{aspect-ratio:16/8}
@media (max-width:1100px){.abend-band{grid-template-columns:1fr 1fr}.abend-text{grid-column:1/-1}}
@media (max-width:650px){.abend-band{grid-template-columns:1fr}.abend-schmal{max-width:70%;justify-self:end;margin-top:-60px}.fall-foto img{aspect-ratio:4/3}}

/* ===========================================================================
   DIE FALLTAFEL (2026-09-24) — die ganze Website im Stil der Ermittlungswand.
   Filzwand (Grün der Website) im Kopf der Startseite, in der Spielvorschau und im
   Fuß; dazwischen Papier: Karteikarten mit Nadel, Notizzettel mit Klebeband,
   Polaroids, Stempel. Handschrift (Caveat) nur für Notizen, Namen und Nummern.
   =========================================================================== */
/* Caveat wird erst nach dem Laden der Seite nachgeladen (site.js), damit die Handschrift
   nicht mit dem ersten Bild um Bandbreite konkurriert. Bis dahin: Ersatz-Handschrift. */:root{--filz:#202521;--filz-hell:#2b322b;--manila:#e9dcc0;--manila-dunkel:#d9cba8;--nadel:radial-gradient(circle at 34% 30%,#f0857c,#c0352c 58%,#6e1a14);
  --blatt-schatten:0 14px 26px -12px rgba(32,33,31,.45),0 2px 4px rgba(32,33,31,.12);--hand:"Caveat","Segoe Print","Bradley Hand",cursive;
  --filz-grund:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1.2px) 0 0/5px 5px,radial-gradient(rgba(0,0,0,.18) 1px,transparent 1.2px) 2px 3px/7px 7px,radial-gradient(ellipse at 50% 30%,var(--filz-hell) 0%,var(--filz) 60%,#171b17 100%)}.hand{font-family:var(--hand);font-weight:700}

/* --- Kopf der Startseite: Filzwand ------------------------------------ */.tafel-band{background:var(--filz-grund);color:#f1f1e9;position:relative;overflow:hidden}.tafel-band .hero h1{color:#f1f1e9}.tafel-band .hero-text,.tafel-band .hero-footnote{color:#c3cabb}.tafel-band .hero-eyebrow{color:#e9dcc0}.tafel-band .underlined{color:#f0857c}.tafel-band .underlined:after{background:#f0857c}.tafel-band .text-link{color:#f1f1e9}.tafel-band .text-link:hover{color:#f0857c}.tafel-band .mini-check{border-color:#c3cabb}.tafel-band .szene-notiz{color:#b3bbab}.tafel-band .szene-tv{border-color:#0c0d0b;box-shadow:0 30px 60px -24px rgba(0,0,0,.8)}.szene-zettel{position:absolute;right:-2%;top:-26px;z-index:3;width:170px;padding:14px 14px 12px;background:var(--manila);color:#20211f;
  font-family:var(--hand);font-weight:700;font-size:1.65rem;line-height:1.02;transform:rotate(5deg);box-shadow:0 12px 20px rgba(0,0,0,.45)}.szene-zettel:before{content:"";position:absolute;left:50%;top:-9px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--nadel);box-shadow:0 3px 6px rgba(0,0,0,.5)}
@media (max-width:650px){.szene-zettel{width:132px;font-size:1.3rem;right:0;top:-34px}}

/* --- Gepinnte Karteikarten: Schritte ----------------------------------- */.steps{gap:40px 28px}.steps>div{position:relative;background:#fff;border-top:0;padding:30px 22px 22px;box-shadow:var(--blatt-schatten)}.steps>div:nth-child(odd){transform:rotate(-1.2deg)}.steps>div:nth-child(even){transform:rotate(1deg)}.steps>div:before{content:"";position:absolute;left:50%;top:-9px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--nadel);box-shadow:0 3px 6px rgba(0,0,0,.35)}.step-no{font-family:var(--hand);font-weight:700;font-size:2.6rem;line-height:1;margin-bottom:12px}.step-no>span{color:#c9c3b6}

/* --- Notizzettel mit Klebeband: Voraussetzungen, Besetzung ------------- */.requirements{border-top:0;padding-top:24px;gap:30px}.requirements>div{position:relative;background:var(--manila);padding:28px 22px 22px;box-shadow:var(--blatt-schatten)}.requirements>div:nth-child(odd){transform:rotate(1deg)}.requirements>div:nth-child(even){transform:rotate(-1.2deg)}.requirements>div:after{content:"";position:absolute;left:34%;top:-11px;width:32%;height:22px;background:rgba(255,255,255,.55);transform:rotate(-3deg)}.requirements p{color:#3d3e39}

/* --- Fallkarten: angepinnte Akten -------------------------------------- */.case-card{position:relative;box-shadow:var(--blatt-schatten);border:0;background:#fbfaf6;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.case-grid .case-card:nth-child(odd){transform:rotate(-.8deg)}.case-grid .case-card:nth-child(even){transform:rotate(.8deg)}.case-grid .case-card:hover{transform:rotate(0) translateY(-4px)}.case-card:before{content:"";position:absolute;z-index:4;left:50%;top:-9px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:var(--nadel);box-shadow:0 3px 6px rgba(0,0,0,.4)}.case-image:after{content:"";position:absolute;right:-14px;top:14px;width:90px;height:24px;background:rgba(244,241,234,.6);transform:rotate(38deg)}

/* --- Der 30-Sekunden-Fall als Tafel ------------------------------------ */.minifall-brett{background:var(--filz-grund);border:0;color:#f1f1e9;box-shadow:inset 0 0 60px rgba(0,0,0,.45),0 20px 40px -20px rgba(32,33,31,.6);padding:40px}.minifall-lage{background:#f4f1ea;color:#20211f;padding:18px 22px;border-bottom:0;transform:rotate(-.6deg);box-shadow:0 10px 20px rgba(0,0,0,.4)}.minifall-lage p{color:#20211f}.minifall-leute{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.minifall-leute li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fbfaf6;border:0;padding:10px 10px 16px;box-shadow:0 12px 20px rgba(0,0,0,.45)}.minifall-leute li:nth-child(1){transform:rotate(-2deg)}.minifall-leute li:nth-child(2){transform:rotate(1.5deg)}.minifall-leute li:nth-child(3){transform:rotate(-1deg)}.minifall-leute li>.mono{grid-row:auto;width:100%;height:120px;border:0;align-items:end;
  background:radial-gradient(circle at 50% 44px,#3b403a 22px,transparent 23px),radial-gradient(ellipse 50px 40px at 50% 114px,#3b403a 98%,transparent 100%),repeating-linear-gradient(to bottom,#cfcac0 0 1px,transparent 1px 16px),#ece9df;
  color:#f1f1e9;font-size:1.1rem;padding-bottom:10px;margin-bottom:6px}.minifall-leute strong{font-family:var(--hand);font-size:1.7rem;line-height:1;color:#20211f}.minifall-leute small{font-family:"Courier Prime","Courier New",monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.minifall-leute q{font-size:.88rem}.minifall-spuren{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px 18px}.minifall-spur{background:var(--manila);color:#20211f;border:0;box-shadow:0 8px 14px rgba(0,0,0,.4);grid-row:1}.minifall-spur:nth-of-type(1){grid-column:1}.minifall-spur:nth-of-type(2){grid-column:2}.minifall-spur:nth-of-type(3){grid-column:3}.minifall-text:nth-of-type(1){grid-column:1}.minifall-text:nth-of-type(2){grid-column:2}.minifall-text:nth-of-type(3){grid-column:3}.minifall-text{grid-row:2;margin:0;border-top:0;border:0;box-shadow:0 10px 18px rgba(0,0,0,.4);transform:rotate(-.8deg);position:relative}.minifall-text:before{content:"";position:absolute;left:50%;top:-8px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--nadel)}.minifall-spur[aria-expanded=true]{background:#20211f;color:#f1f1e9;outline:1px solid #59634f}.minifall-anklage{border-top:1px dashed rgba(241,241,233,.25)}.minifall-anklage p{color:#e9dcc0}.minifall-anklage .button{background:#f4f1ea;color:#20211f;border-color:#f4f1ea;border-radius:999px;min-width:130px}.minifall-anklage .button:hover{background:#fff}.minifall-anklage .button[aria-pressed=true]{background:#962c2c;color:#fff;border-color:#962c2c}.minifall-ergebnis{background:#f4f1ea;color:#20211f;border:0;box-shadow:0 12px 22px rgba(0,0,0,.45)}.minifall-ergebnis p{color:#20211f}
@media (max-width:850px){.minifall-leute,.minifall-spuren{grid-template-columns:1fr}.minifall-spur,.minifall-text{grid-column:1!important;grid-row:auto}}
@media (max-width:650px){.minifall-brett{padding:22px 16px}.minifall-leute{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.minifall-leute li{padding:6px 6px 10px}.minifall-leute li>.mono{height:86px;background-size:auto;background:radial-gradient(circle at 50% 30px,#3b403a 15px,transparent 16px),radial-gradient(ellipse 34px 28px at 50% 80px,#3b403a 98%,transparent 100%),repeating-linear-gradient(to bottom,#cfcac0 0 1px,transparent 1px 12px),#ece9df;padding-bottom:4px}.minifall-leute strong{font-size:1.2rem}.minifall-leute small{font-size:.6rem}.minifall-leute q{display:none}}

/* --- Spielvorschau: Nadeln und Zettel auf dem Filz ---------------------- */.investigation-section{background:var(--filz-grund)}.evidence-document{position:relative;border-top:0;box-shadow:0 14px 26px rgba(0,0,0,.45);transform:rotate(-.6deg)}.evidence-document:before{content:"";position:absolute;left:50%;top:-9px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--nadel);box-shadow:0 3px 6px rgba(0,0,0,.5)}.private-file{background:var(--manila);color:#20211f;border:0;transform:rotate(1.5deg);box-shadow:0 12px 22px rgba(0,0,0,.45)}.private-file .eyebrow{color:#962c2c}.private-file p{color:#3d3e39}

/* --- Stimmungsbilder als Polaroids ------------------------------------- */.abend-band figure,.fall-foto{background:#fbfaf6;padding:12px 12px 40px;box-shadow:var(--blatt-schatten)}.abend-gross{transform:rotate(-1deg)}.abend-band figure:after,.fall-foto:after{content:"";position:absolute;left:40%;top:-11px;width:20%;min-width:70px;height:22px;background:rgba(233,220,192,.8);transform:rotate(-2deg)}.abend-band figcaption,.fall-foto figcaption{right:14px;bottom:10px;background:none;color:#595b54}.fall-foto{max-width:1100px}.detail-image{background:#fbfaf6;padding:12px 12px 36px;box-shadow:var(--blatt-schatten);transform:rotate(-1deg)}.image-disclaimer{font-family:var(--hand);font-size:1.25rem;color:#595b54}

/* --- Kaufbox als Aktenmappe mit Reiter ---------------------------------- */.purchase-panel{position:relative;background:var(--manila);border:0;box-shadow:var(--blatt-schatten);margin-top:26px}.purchase-panel>.eyebrow:first-child{position:absolute;left:0;top:-30px;height:30px;padding:0 16px;display:flex;align-items:center;background:var(--manila);border-radius:6px 6px 0 0;color:#962c2c}.purchase-panel .included li{color:#20211f}.purchase-panel .purchase-note{color:#3d3e39}

/* --- Hinter der Akte: Unterschrift von Hand ----------------------------- */.akte-gruss{font-family:var(--hand);font-size:2.2rem!important;font-weight:700}.akte-gruss .mono{font-family:"Courier Prime","Courier New",monospace}

/* --- Schlusswort mit Stempel ------------------------------------------- */.final-cta h2{position:relative;display:inline-block}.final-cta h2:after{content:"FALL OFFEN";position:absolute;right:-26px;top:-30px;font:700 .8rem/1 "Courier Prime","Courier New",monospace;letter-spacing:.2em;color:#962c2c;border:2px solid #962c2c;padding:6px 10px;transform:rotate(9deg);opacity:.85}
@media (max-width:650px){.final-cta h2:after{right:0;top:-34px}}

/* --- Fuß: die Tafel am Ende der Akte ----------------------------------- */.footer{background:var(--filz-grund);border-top:0;color:#f1f1e9}.footer .wordmark,.footer-top>div>a,.footer-bottom a{color:#f1f1e9}.footer-top p,.footer-top>div>.eyebrow,.footer-bottom,.footer-bottom span{color:#b3bbab}.footer-top>div>a:hover,.footer-bottom a:hover{color:#f0857c}.footer-bottom{border-top-color:#394238}.footer-note{border-left:0;padding:20px 20px 16px!important;background:var(--manila);color:#20211f;transform:rotate(2deg);box-shadow:0 12px 22px rgba(0,0,0,.45);position:relative}.footer-note:before{content:"";position:absolute;left:50%;top:-9px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--nadel)}.footer-note .eyebrow{color:#962c2c!important}.footer-note p{font-family:var(--hand);font-weight:700;font-size:1.5rem;line-height:1.05;color:#20211f!important}

/* --- Textseiten als Aktenblatt mit Büroklammer --------------------------- */.utility-page.prose{position:relative;background:#fffefa;padding:64px 64px 56px;margin-top:40px;margin-bottom:70px;box-shadow:var(--blatt-schatten);max-width:860px}.utility-page.prose:before{content:"";position:absolute;left:52px;top:-22px;width:22px;height:62px;border:3px solid #8b8d85;border-radius:12px;border-bottom-color:transparent;transform:rotate(4deg)}.utility-page.prose>.eyebrow{display:inline-block;background:var(--manila);color:#962c2c;padding:5px 12px}.prose .frage{border-bottom:1px dashed #d9d5cc}.prose .register{background:#fbfaf6}
@media (max-width:650px){.utility-page.prose{padding:48px 22px 36px;margin-top:28px;width:calc(100% - 24px)}}

@media (prefers-reduced-motion:reduce){.steps>div,.requirements>div,.case-grid .case-card,.minifall-leute li,.minifall-text,.evidence-document,.private-file,.abend-gross,.detail-image,.footer-note,.szene-zettel{transform:none!important}}.minifall-leute{grid-column:1/-1}.case-card{overflow:visible}.minifall-leute li{max-width:340px;justify-self:center;width:100%}
@media (max-width:650px){.minifall-leute{grid-template-columns:1fr;gap:14px}.minifall-leute li{flex-direction:row;align-items:center;text-align:left;gap:12px;max-width:none;padding:8px}.minifall-leute li>.mono{flex:0 0 84px;width:84px;margin:0}.minifall-leute li>strong,.minifall-leute li>small,.minifall-leute li>q{display:block}.minifall-leute li{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:12px}.minifall-leute li>.mono{grid-row:1 / span 3}.minifall-leute q{display:block;font-size:.85rem;text-align:left}
}.private-file .confidential,.private-file .private-icon{color:#595b54}

/* Anzeigen-Landeseite */.anzeige-szene{margin:34px 0 10px;padding-right:9%}

/* Echte Stimmen (werkzeuge/stimmen.py): Verhörprotokolle als Notizzettel */.stimmen{border-top:1px solid var(--line)}.stimmen h2{margin:16px 0 30px}.stimmen-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.stimme{position:relative;margin:0;background:var(--manila);padding:26px 22px 18px;box-shadow:var(--blatt-schatten)}.stimme:nth-child(odd){transform:rotate(-1deg)}.stimme:nth-child(even){transform:rotate(1.2deg)}.stimme:before{content:"";position:absolute;left:50%;top:-9px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--nadel)}.stimme blockquote{margin:0;font-size:1.05rem;line-height:1.6;color:#20211f}.stimme figcaption{margin-top:12px;display:flex;flex-direction:column}.stimme .hand{font-size:1.6rem;line-height:1}.stimme .mono{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#595b54}

/* programmatic focus targets of skip links need no ring */main[tabindex="-1"]:focus,[id="bestellung"][tabindex="-1"]:focus{outline:none}

/* open mobile menu dims the page behind it, so its edge never sits on hero text */
@media(max-width:850px){.main-nav.open{box-shadow:0 100vmax 0 100vmax #20211f73;z-index:60}}

/* Utilities replacing former inline style attributes (strict CSP without 'unsafe-inline' for
   styles). !important gives them the same strength the style attribute had. */.u-bild-oben-links{object-position:left top!important}.u-mt-30{margin-top:30px!important}.u-mt-34{margin-top:34px!important}.u-mt-36{margin-top:36px!important}.u-mt-40{margin-top:40px!important}.u-mt-44{margin-top:44px!important}.u-faq-gruppe{margin:34px 0 2px!important}.u-impressum-titel{font-size:clamp(30px,5vw,46px)!important;margin-bottom:26px!important}.u-text-105{font-size:1.05rem!important}

/* Print: hosts print the guide and the guides. Paper white instead of felt, no buttons or
   cross-links, internal link targets written out, no breaks inside questions or tables. */
@media print{.skip-link,.menu-toggle,.nav-cta,.ratgeber-aktionen,.ratgeber-weiter,.back-link,.final-cta{display:none!important}html,body,main,.prose,.blatt,.tafel-band{background:#fff!important;color:#000!important;box-shadow:none!important}.prose h2,.blatt h2,.prose h3{break-after:avoid}.frage,.register,figure,table,.vorlage{break-inside:avoid}.prose a[href^="/"]:not(.button)::after,.blatt a[href^="/"]:not(.button)::after{content:" (spurenlage.de" attr(href) ")";font-size:.82em;color:#444}.ratgeber-foto img{max-width:70%}
}

/* 404: the guessed destination, as a pinned note */.vermutung{background:var(--manila,#e9dcc0);padding:12px 16px;border-left:4px solid #962c2c;font-weight:600}.vermutung a{text-decoration:underline}

/* Very narrow phones (320 px): the four step cards stack instead of overflowing. */
@media (max-width:380px){.steps{grid-template-columns:minmax(0,1fr)}}

/* Phones: 44 px tap targets without changing the look (invisible padding, same position). */
@media (max-width:640px){.footer a{display:flex;align-items:center;min-height:44px}.case-bottom a,.workspace-bottom a{display:inline-block;padding-block:11px;margin-block:-11px}
}
@media (max-width:640px){.footer-top>div>a:not(:first-child){display:flex;align-items:center;min-height:44px;margin-top:-5px}}

/* Internal linking (2026-09-26): "Passende Ratgeber" on case pages (werkzeuge/fallseiten.py)
   reuses the ratgeber-weiter link row outside .prose, and a quiet guide link row on the
   home page reuses .eyebrow/.text-link. Also: text-wrap for headings and long-form copy. */.fall-ratgeber{border-top:1px solid var(--line)}.fall-ratgeber .ratgeber-weiter{margin-top:0;padding-top:0;border-top:0}.fall-ratgeber .ratgeber-weiter a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:500;text-decoration:none}.fall-ratgeber .ratgeber-weiter a:hover{color:var(--red)}.planungshilfen{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding-block:34px;border-top:1px solid var(--line);font-size:.85rem}.planungshilfen .eyebrow{color:var(--gray);flex:0 0 auto}.planungshilfen a{color:var(--gray)}.planungshilfen a:hover{color:var(--red)}.planungshilfen a.text-link{margin-left:auto;color:var(--ink);font-size:.85rem;font-weight:600}
@media (max-width:650px){.planungshilfen{gap:8px 16px;padding-block:26px}.planungshilfen a.text-link{margin-left:0;width:100%}}h1,h2,h3{text-wrap:balance}p,li,dd,figcaption{text-wrap:pretty}

/* --- Der rote Faden (app/assets/faden.js): eine Nadel je nummeriertem Kapitel,
   verbunden durch einen leicht durchhaengenden Faden im linken Rand - wie echte
   Schnur an einer Pinnwand. JS misst die wirklichen Nadelpositionen (die Kapitel
   sind unterschiedlich hoch) und baut ein SVG; hier nur Platz, Optik und die
   Zeichnen-beim-Scrollen-Animation. Nur ab 1280px, wo der Rand neben .container
   wirklich Platz hat; main braucht dafuer eine eigene Position als Bezugsrahmen. */
main{position:relative}.faden-spur{display:none;position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:1}.faden-rand{position:relative;height:100%}.faden-svg{position:absolute;left:-48px;top:0;width:48px;height:100%;overflow:visible}.faden-linie{fill:none;stroke:var(--red);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85;filter:drop-shadow(0 1px 1px rgba(32,33,31,.3))}.faden-nadel{filter:drop-shadow(0 2px 2px rgba(32,33,31,.4))}
@media(min-width:1280px){.faden-spur{display:block}}
@keyframes faden-zeichnen{from{stroke-dashoffset:var(--faden-laenge,600)}to{stroke-dashoffset:0}}
@supports (animation-timeline:view()){.faden-svg[data-faden-zeitleiste] .faden-linie{animation:faden-zeichnen linear both;animation-timeline:view(block);animation-range:cover 0% cover 100%}}
@media (prefers-reduced-motion:reduce){.faden-linie{animation:none!important;stroke-dashoffset:0!important}}
@media print{.faden-spur{display:none!important}}

/* ===========================================================================
   DIE SPÜRNASE (2026-09-26) — Maskottchen (app/assets/maskottchen/*.svg) und
   handschriftliche Randnotizen in Caveat. Nebenfigur, kein Clown: nur an drei
   Stellen. Startseite: die Spürnase liegt inline im Demo-Band, damit die
   Spur-Punkte und das Schnüffeln per CSS-Klasse animiert werden koennen (site.js
   setzt .is-visible bereits fuer .reveal, siehe faden.js-Nachbarschaft oben).
   404 und FAQ zeigen sie als normales <img>. Die Randnotizen wiederholen nur,
   was der Fliesstext ohnehin sagt (aria-hidden) und erscheinen erst ab 1100px,
   wo daneben wirklich freier Platz ist - darunter wuerden sie Text verdecken. */
.demo-maskottchen{display:block;width:180px;height:auto;flex-shrink:0}
@media(max-width:850px){.demo-maskottchen{width:150px}}
@media(max-width:650px){.demo-maskottchen{width:120px;margin-bottom:14px}}
.demo-maskottchen .spuernase-spur circle{opacity:0;transition:opacity .4s ease}
.demo-band.is-visible .demo-maskottchen .spuernase-spur circle:nth-child(1){opacity:1;transition-delay:.15s}
.demo-band.is-visible .demo-maskottchen .spuernase-spur circle:nth-child(2){opacity:.75;transition-delay:.4s}
.demo-band.is-visible .demo-maskottchen .spuernase-spur circle:nth-child(3){opacity:.5;transition-delay:.65s}
.demo-band.is-visible .demo-maskottchen .spuernase-kopf{animation:spuernase-schnueffeln 1.1s ease-in-out 1s 1}
@keyframes spuernase-schnueffeln{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(4px)}}

.maskottchen-404{display:block;width:150px;height:auto;margin-bottom:16px;outline:0}
.maskottchen-satz{font-family:var(--hand);font-weight:700;color:var(--red);font-size:1.4rem;margin:-8px 0 18px}

.faq-intro{position:relative}
.faq-maskottchen{display:none;position:absolute;top:112px;right:56px;width:170px;height:auto;outline:0;transform:rotate(-2deg)}
@media(min-width:1280px){.faq-maskottchen{display:block}}

.randnotiz{display:none;position:absolute;z-index:6;pointer-events:none;color:var(--red);font-family:var(--hand);font-weight:700;font-size:1.3rem;line-height:1.18;max-width:170px}
@media(min-width:1100px){.randnotiz{display:block}}
.randnotiz p{color:inherit;font-size:inherit;line-height:inherit;margin:0}
.randnotiz-pfeil{position:absolute;color:inherit}

.randnotiz-fall{top:288px;right:26px;white-space:nowrap;max-width:none;text-align:right;transform:rotate(-3deg)}
.randnotiz-fall .randnotiz-pfeil{top:4px;left:-36px;transform:scaleX(-1) rotate(80deg)}

.hero-copy{position:relative}

.demo-band{position:relative}
.randnotiz-demo{top:100%;right:26px;margin-top:16px;text-align:right;transform:rotate(-3deg)}
.randnotiz-demo .randnotiz-pfeil{top:-24px;right:2px;transform:rotate(-58deg)}

@media print{.randnotiz,.faq-maskottchen{display:none!important}}