.storyseite{--red:#f33a4a;--red-dark:#d92435;--ink:#17171a;--paper:#fff;--stage:#0b0b0d;--stage-soft:#141417;--stage-text:#e9e9ec;--stage-muted:#9a9aa2;--muted:#6c6c73;--soft:#f6f5f3;--line:#e8e6e2;--line-dark:#26262b;--display:"Archivo",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;--body:"Open Sans",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7}.storyseite section{padding:64px 24px}.storyseite section.stage{background:var(--stage);color:var(--stage-text)}.storyseite section.light{background:var(--paper)}.storyseite section.soft{background:var(--soft)}.storyseite .wrap{max-width:760px;margin:0 auto}@media (max-width:640px){.storyseite section{padding:44px 18px}}.storyseite *{box-sizing:border-box;margin:0;padding:0}.storyseite .wrap{max-width:720px;margin:0 auto;padding:0 24px}.storyseite p{margin:0 0 1.35em}.storyseite strong{font-weight:700}.storyseite em{font-style:italic}.storyseite h1,.storyseite h2,.storyseite h3{font-family:var(--display);letter-spacing:-.015em;line-height:1.12}.storyseite h2{margin:0 0 1.1em;font-size:max(1.7rem,min(4.2vw,2.4rem));font-weight:800}.storyseite h3{margin:2em 0 .7em;font-size:max(1.2rem,min(3vw,1.5rem));font-weight:800;line-height:1.25}.storyseite .kicker{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:1.1em;font-size:.78rem;font-weight:800;display:block}.storyseite .stage{background:var(--stage);color:var(--stage-text)}.storyseite .stage h1,.storyseite .stage h2,.storyseite .stage h3{color:#fff}.storyseite .stage .muted,.storyseite .stage figcaption{color:var(--stage-muted)}.storyseite .light{background:var(--paper)}.storyseite .soft{background:var(--soft)}.storyseite .hero h1{letter-spacing:-.03em;margin:0 0 .55em;font-size:max(2.5rem,min(8vw,4.8rem));font-weight:900}.storyseite .merk{font-family:var(--display);color:var(--red);border-left:5px solid var(--red);margin:1.8em 0;padding:.35em 0 .35em .8em;font-size:max(1.3rem,min(3.4vw,1.75rem));font-weight:800;line-height:1.3}.storyseite .stage .merk{color:#fff;border-color:var(--red)}.storyseite .merk-zentriert{font-family:var(--display);text-align:center;color:var(--red);margin:1.6em 0;font-size:max(1.5rem,min(4.5vw,2.3rem));font-weight:900;line-height:1.25}.storyseite figure{text-align:center;margin:2.4em 0}.storyseite figure img{border-radius:10px;max-width:100%;height:auto;margin:0 auto;display:block}.storyseite figure.hochkant img{width:100%;max-width:380px}.storyseite figure.schmal img{width:100%;max-width:420px}.storyseite figcaption{color:var(--muted);margin-top:.8em;font-size:.82em;font-style:italic;line-height:1.55}.storyseite .foto-folgt{min-height:240px;color:var(--muted);font-family:var(--display);background:repeating-linear-gradient(45deg,#f1efec,#f1efec 14px,#eae7e2 14px,#eae7e2 28px);border:2px dashed #cfcbc4;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;display:flex}.storyseite .foto-folgt .tag{letter-spacing:.2em;text-transform:uppercase;color:var(--red);border:2px solid var(--red);border-radius:999px;padding:6px 18px;font-size:.85rem;font-weight:900}.storyseite .foto-folgt .desc{max-width:420px;font-size:.8rem;line-height:1.5}.storyseite .stimme-slot{background:var(--soft);font-family:var(--display);color:var(--muted);text-align:center;border:2px dashed #cfcbc4;border-radius:12px;margin:2.2em 0;padding:26px 28px}.storyseite .stimme-slot .tag{letter-spacing:.18em;text-transform:uppercase;color:var(--red);border:2px solid var(--red);border-radius:999px;margin-bottom:10px;padding:5px 16px;font-size:.72rem;font-weight:900;display:inline-block}.storyseite .stimme-slot .desc{font-size:.82rem;line-height:1.5}.storyseite .regel{border:1px solid var(--line);background:#fff;border-radius:14px;margin:2.2em 0;padding:30px 32px}.storyseite .regel .regel-label{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.6em;font-size:.75rem;font-weight:800;display:block}.storyseite .regel h3{margin-top:0;font-style:italic}.storyseite .timeline{margin:2.6em 0;padding-left:34px;position:relative}.storyseite .timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:6px;bottom:6px;left:9px}.storyseite .tl-item{padding:0 0 1.9em;position:relative}.storyseite .tl-item:last-child{padding-bottom:0}.storyseite .tl-item:before{content:"";background:var(--red);width:16px;height:16px;box-shadow:0 0 0 2px var(--red);border:3px solid #fff;border-radius:50%;position:absolute;top:.42em;left:-32px}.storyseite .tl-item .tl-phase{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-size:.72rem;font-weight:800}.storyseite .tl-item .tl-wert{font-family:var(--display);letter-spacing:-.01em;margin:.1em 0;font-size:max(1.15rem,min(2.8vw,1.5rem));font-weight:900}.storyseite .tl-item .tl-sub{color:var(--muted);font-size:.82em;line-height:1.5}.storyseite .grosse-zahl{font-family:var(--display);letter-spacing:-.02em;color:var(--red);text-align:center;margin:.9em 0 .15em;font-size:max(1.9rem,min(6vw,3.1rem));font-weight:900}.storyseite .grosse-zahl-sub{text-align:center;color:var(--muted);margin-bottom:2em;font-size:.82em;font-style:italic}.storyseite .dreieck{max-width:520px;margin:2.6em auto}.storyseite .dreieck svg{width:100%;height:auto;display:block}.storyseite .skala{font-family:var(--display);margin:2.6em 0}.storyseite .skala .skala-balken{background:linear-gradient(90deg,#22b573,#f5c33b 55%,var(--red));border-radius:999px;height:14px;position:relative}.storyseite .skala .skala-enden{justify-content:space-between;gap:16px;margin-top:14px;display:flex}.storyseite .skala .ende{max-width:46%}.storyseite .skala .ende b{font-size:.95rem;font-weight:800;line-height:1.3;display:block}.storyseite .skala .ende span{font-family:var(--body);color:var(--muted);margin-top:3px;font-size:.74rem;line-height:1.45;display:block}.storyseite .skala .ende.rechts{text-align:right}.storyseite .skala-caption{text-align:center;color:var(--muted);margin-top:1.1em;font-size:.8em;font-style:italic}.storyseite .wasser{font-family:var(--display);grid-template-columns:repeat(4,1fr);align-items:end;gap:14px;margin:2.6em 0 .6em;display:grid}.storyseite .wasser .stufe{text-align:center}.storyseite .wasser .saeule{background:linear-gradient(#5aa8e6,#2f7cc4);border-radius:8px 8px 3px 3px;width:70%;max-width:74px;margin:0 auto;position:relative}.storyseite .wasser .stufe:nth-child(4) .saeule{background:linear-gradient(180deg,var(--red),var(--red-dark))}.storyseite .wasser .preis{margin-bottom:6px;font-size:max(.95rem,min(2.4vw,1.25rem));font-weight:900}.storyseite .wasser .ort{font-family:var(--body);color:var(--muted);margin-top:8px;font-size:.72rem;line-height:1.35}.storyseite .stimmen-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:2.4em 0 1.2em;display:grid}.storyseite .stimme-kachel{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;overflow:hidden}.storyseite .stimme-kachel img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.storyseite .stimme-kachel .sk-meta{font-family:var(--display);padding:12px 10px 14px}.storyseite .stimme-kachel .sk-meta b{letter-spacing:.01em;font-size:.82rem;font-weight:800;display:block}.storyseite .stimme-kachel .sk-meta span{font-family:var(--body);color:var(--muted);margin-top:2px;font-size:.68rem;line-height:1.4;display:block}.storyseite .firmen-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:1.2em 0;display:grid}.storyseite .firmen-grid img{border:1px solid var(--line);border-radius:10px;width:100%;display:block}.storyseite .cta{background:var(--red);color:#fff;font-family:var(--display);letter-spacing:.01em;border-radius:10px;padding:16px 30px;font-size:1rem;font-weight:800;text-decoration:none;transition:background .15s;display:inline-block;box-shadow:0 10px 24px rgba(243,58,74,.3)}.storyseite .cta:hover{background:var(--red-dark)}.storyseite .cta-block{margin:1.6em 0 .6em}.storyseite .wege-intro{margin-bottom:.4em}.storyseite .weg-karte{border:1px solid var(--line);border-left:6px solid var(--red);background:#fff;border-radius:14px;margin:2em 0;padding:32px 34px;box-shadow:0 8px 28px rgba(20,20,24,.05)}.storyseite .weg-karte .weg-nr{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:.7em;font-size:.74rem;font-weight:900;display:block}.storyseite .weg-karte p:last-child{margin-bottom:0}.storyseite .band-grid{grid-template-columns:1fr 1fr;gap:18px;margin:2.4em 0 1em;display:grid}.storyseite .band-karte{background:var(--stage-soft);border:1px solid var(--line-dark);border-radius:14px;flex-direction:column;gap:14px;padding:26px 24px;display:flex}.storyseite .band-karte .bk-nr{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--stage-muted);font-size:.7rem;font-weight:900}.storyseite .band-karte .bk-titel{font-family:var(--display);color:#fff;font-size:1.05rem;font-weight:800;line-height:1.3}.storyseite .band-karte .cta{text-align:center;box-shadow:none;padding:14px 18px;font-size:.92rem}.storyseite .faq-q{font-family:var(--display);margin:2.2em 0 .6em;font-size:max(1.05rem,min(2.6vw,1.25rem));font-weight:800;line-height:1.3}.storyseite .faq-q:before{content:"";background:var(--red);border-radius:3px;width:12px;height:12px;margin-right:12px;display:inline-block;transform:rotate(45deg)}.storyseite ul.spuren{margin:0 0 1.35em;list-style:none}.storyseite ul.spuren li{margin:.9em 0;padding-left:1.7em;position:relative}.storyseite ul.spuren li:before{content:"";background:var(--red);border-radius:3px;width:12px;height:12px;position:absolute;top:.52em;left:0}.storyseite ol.fehler{margin:0 0 1.35em 1.3em}.storyseite ol.fehler li{margin:.8em 0;padding-left:.3em}@media (max-width:640px){.storyseite .regel{padding:24px 20px}}@media (max-width:480px){.storyseite .wasser{gap:8px}}@media (max-width:560px){.storyseite .stimmen-grid,.storyseite .firmen-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.storyseite .weg-karte{padding:24px 20px}.storyseite .band-grid{grid-template-columns:1fr}}
