@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;
  src:url(schrift/fraunces.woff2) format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;
  src:url(schrift/fraunces-kursiv.woff2) format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;
  src:url(schrift/figtree.woff2) format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --muschel:#FAF8F4; --papier:#FFFFFF; --sand:#EFE7DA; --sandlinie:#DFD3BE;
  --tiefsee:#0C3A43; --tiefsee2:#082830; --nacht:#061B21;
  --lagune:#12857A; --lagune-tief:#0B6459; --lagune-hell:#8AD8CC; --lagune-weich:#E3F2EF;
  --sonne:#C67C22; --sonne-weich:#FAEFDD;
  --korall:#C0395F;
  --tinte:#0D3B44; --tinte2:#4A6A70; --leise:#6A858A;
  --linie:rgba(13,59,68,.14); --linie2:rgba(13,59,68,.3);
  --rund:14px; --rund-s:10px;
  --schatten:0 1px 2px rgba(13,59,68,.04),0 10px 30px rgba(13,59,68,.07);
  --schatten-hoch:0 2px 6px rgba(13,59,68,.06),0 22px 50px rgba(13,59,68,.13);
  --serif:Fraunces,Georgia,"Times New Roman",serif;
  --sans:Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
  --sp:clamp(1.15rem,4.5vw,3rem);
  --breit:1240px;
  --akzent:var(--lagune); --akzent-weich:var(--lagune-weich);
  box-sizing:border-box;color-scheme:light;
}
*,*::before,*::after{box-sizing:inherit}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
::selection{background:var(--lagune);color:#fff}
body{margin:0;background:var(--muschel);color:var(--tinte);font-family:var(--sans);
  font-weight:400;font-size:clamp(1.02rem,.98rem + .25vw,1.14rem);line-height:1.66;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;font-family:var(--sans)}
:focus-visible{outline:3px solid var(--lagune);outline-offset:3px;border-radius:3px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;margin:0;line-height:1.08;
  letter-spacing:-.018em;font-variation-settings:"SOFT" 45,"WONK" 0,"opsz" 40}
h1{font-size:clamp(2.4rem,1.3rem + 4.4vw,4.6rem);font-weight:400;line-height:1.03;
  letter-spacing:-.028em;font-variation-settings:"SOFT" 55,"WONK" 1,"opsz" 144}
h2{font-size:clamp(1.9rem,1.2rem + 2.9vw,3.4rem);font-weight:400;letter-spacing:-.016em;
  font-variation-settings:"SOFT" 50,"WONK" 1,"opsz" 110}
h3{font-size:clamp(1.28rem,1.1rem + .9vw,1.85rem);letter-spacing:-.018em;
  font-variation-settings:"SOFT" 45,"WONK" 0,"opsz" 60}
h4{font-size:1.12rem;font-weight:600;letter-spacing:-.008em;font-variation-settings:"SOFT" 40,"opsz" 20}
.einschub,.fuehrung{font-variation-settings:"SOFT" 60,"WONK" 1,"opsz" 96}
.bildtext,.rissinfo{font-variation-settings:"SOFT" 40,"opsz" 14}
p{margin:0 0 1.1em}
.huelle{width:min(var(--breit),100% - 2*var(--sp));margin-inline:auto}
.eng{max-width:64ch}
.band p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
.mitte{text-align:center;margin-inline:auto}

/* ---------- Entwurfsband ---------- */
.entwurf{background:var(--tiefsee);color:#EFE7D8;font-size:.8rem;padding:.4rem 0}
.entwurf .huelle{display:flex;gap:.8rem 1.4rem;align-items:center;flex-wrap:wrap;justify-content:space-between}
.entwurf span{opacity:.85}
.nur-gross{display:none}
@media(min-width:760px){.nur-gross{display:inline}}
.entwurf .rechts{display:flex;gap:.7rem;align-items:center}
.entwurf a{color:#8AD8CC;text-decoration:none;font-weight:600}
.entwurf a:hover{text-decoration:underline}

/* ---------- Kopf ---------- */
.kopf{position:sticky;top:0;z-index:70;background:rgba(251,248,243,.985);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--linie);transition:background .3s,border-color .3s}
.kopf .huelle{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.2rem}
.marke{display:flex;flex-direction:column;text-decoration:none;line-height:1;gap:.22rem;flex:none}
.marke b{font-family:var(--sans);font-weight:800;font-size:1.02rem;letter-spacing:.2em;color:var(--tiefsee)}
.marke i{font-style:normal;font-family:var(--serif);font-size:.78rem;letter-spacing:.16em;
  color:var(--lagune);font-weight:500}
.menue{display:none;gap:clamp(1rem,2.2vw,2rem);align-items:center}
@media(min-width:960px){.menue{display:flex}}
.menue a{text-decoration:none;font-size:.95rem;font-weight:500;color:var(--tinte2);
  padding:.3rem 0;border-bottom:2px solid transparent;transition:.2s}
.menue a:hover{color:var(--tiefsee)}
.menue a.an{color:var(--tiefsee);border-color:var(--lagune)}
.menueknopf{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;
  border:1.5px solid var(--linie2);background:var(--papier);cursor:pointer}
@media(min-width:960px){.menueknopf{display:none}}
.menueknopf svg{width:1.2rem;stroke:var(--tiefsee);stroke-width:1.8;fill:none}
.schublade{position:fixed;inset:0;z-index:80;background:var(--muschel);display:flex;flex-direction:column;
  transform:translateY(-100%);visibility:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),visibility 0s linear .4s;
  overflow-y:auto;overscroll-behavior:contain}
.schublade.auf{transform:none;visibility:visible;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.schliessen{display:grid;place-items:center;flex:none;width:2.7rem;height:2.7rem;border-radius:50%;
  border:1.5px solid var(--linie2);background:var(--papier);cursor:pointer;font-size:1.1rem;color:var(--tiefsee)}

/* ---------- Knöpfe ---------- */
.knopf{display:inline-flex;align-items:center;gap:.6rem;background:var(--lagune);color:#fff;
  border:2px solid var(--lagune);padding:.85rem 1.8rem;border-radius:999px;text-decoration:none;
  font-weight:700;font-size:1rem;cursor:pointer;transition:.22s;box-shadow:0 6px 18px rgba(18,133,122,.22)}
.knopf:hover{background:var(--lagune-tief);border-color:var(--lagune-tief);transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(18,133,122,.3)}
.knopf--klar{background:transparent;color:var(--tiefsee);border-color:var(--linie2);box-shadow:none}
.knopf--klar:hover{background:var(--tiefsee);border-color:var(--tiefsee);color:var(--muschel)}
.knopf--hell{background:#fff;color:var(--tiefsee);border-color:#fff}
.knopf--hell:hover{background:var(--lagune-hell);border-color:var(--lagune-hell);color:var(--nacht)}
.knopf--rand-hell{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);box-shadow:none}
.knopf--rand-hell:hover{background:#fff;color:var(--tiefsee);border-color:#fff}
.knopfreihe{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center}

/* ---------- Held ---------- */
.held{position:relative;isolation:isolate;color:#fff;display:flex;align-items:flex-end;
  min-height:clamp(430px,82svh,860px);overflow:hidden}
.held--klein{min-height:clamp(280px,42svh,460px)}
.held--klein + .band{padding-top:clamp(2.4rem,5vw,4.2rem)}
.held img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;
  animation:atmen 30s ease-in-out infinite alternate}
@keyframes atmen{from{transform:scale(1.02)}to{transform:scale(1.1)}}
.held::after{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(100deg,rgba(6,28,34,.7) 0%,rgba(6,28,34,.34) 42%,rgba(6,28,34,.04) 78%),
  linear-gradient(to top,rgba(6,28,34,.68) 0%,rgba(6,28,34,.04) 52%,rgba(6,28,34,.28) 100%)}
.held .huelle{position:relative;padding-block:clamp(2.5rem,7vw,5rem)}
.held-ober{font-size:.8rem;letter-spacing:.22em;color:var(--lagune-hell);max-width:40ch;
  font-weight:700;margin-bottom:1.1rem;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.held h1,.held h2{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.held p{max-width:34ch;font-size:clamp(1.05rem,.95rem + .5vw,1.35rem);color:rgba(255,255,255,.93);
  margin-top:1.2rem;text-shadow:0 1px 16px rgba(0,0,0,.35)}
.held .knopfreihe{margin-top:clamp(1.6rem,3.5vw,2.4rem)}

@keyframes aufziehen{from{opacity:0;letter-spacing:.02em;filter:blur(7px)}to{opacity:1;letter-spacing:.14em;filter:none}}

.jetzt{display:inline-flex;align-items:center;gap:.6rem;font-size:.88rem;color:rgba(255,255,255,.9);
  background:rgba(6,28,34,.4);border:1px solid rgba(255,255,255,.22);border-radius:999px;
  padding:.4rem 1rem;margin-top:1.6rem;backdrop-filter:blur(6px)}
.puls{width:.55rem;height:.55rem;border-radius:50%;background:var(--lagune-hell);
  box-shadow:0 0 0 0 rgba(138,216,204,.7);animation:pulsen 2.8s infinite}
@keyframes pulsen{70%{box-shadow:0 0 0 .75rem rgba(138,216,204,0)}100%{box-shadow:0 0 0 0 rgba(138,216,204,0)}}

/* ---------- Bänder ---------- */
.band{padding-block:clamp(3.2rem,8vw,6.5rem)}
.band--sand{background:var(--sand)}
.band--papier{background:var(--papier)}
.band--tief{background:var(--tiefsee);color:#EAF2F1}
.band--tief h2,.band--tief h3{color:#fff}
.band--tief p{color:rgba(234,242,241,.85)}
.band--schmal{padding-block:clamp(2.4rem,5vw,4rem)}
.vorsatz{font-size:.8rem;letter-spacing:.2em;font-weight:700;color:var(--lagune);margin:0 0 1rem}
.band--tief .vorsatz{color:var(--lagune-hell)}
.fuehrung{font-family:var(--serif);font-weight:300;font-size:clamp(1.3rem,1.05rem + 1.5vw,2.25rem);
  line-height:1.38;letter-spacing:-.015em;max-width:26ch}
.nachsatz{color:var(--tinte2);max-width:58ch;margin-top:1.4rem}

.raster{display:grid;gap:clamp(1.4rem,3.5vw,3rem);grid-template-columns:1fr}
@media(min-width:880px){
  .raster--2{grid-template-columns:1fr 1fr;align-items:center}
  .raster--2-oben{grid-template-columns:1fr 1fr;align-items:start}
  .raster--links{grid-template-columns:1.15fr .85fr;align-items:center}
  .raster--rechts{grid-template-columns:.85fr 1.15fr;align-items:center}}
@media(min-width:760px){.raster--3{grid-template-columns:repeat(3,1fr)}}

.bild{border-radius:var(--rund);overflow:hidden;background:var(--sand);box-shadow:var(--schatten)}
.bild img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.bild--hoch img{aspect-ratio:4/5}
.bild--quer img{aspect-ratio:16/10}
.bild--breit img{aspect-ratio:21/9}
.bildtext{font-family:var(--serif);font-style:italic;font-size:.92rem;color:var(--leise);margin-top:.7rem}

/* ---------- Reisekarten ---------- */
.reisen{display:grid;gap:clamp(1.2rem,2.5vw,1.8rem);grid-template-columns:1fr}
@media(min-width:800px){.reisen{grid-template-columns:repeat(3,1fr)}}
.reise{display:flex;flex-direction:column;background:var(--papier);border-radius:var(--rund);
  overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--schatten);
  transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;border-top:5px solid var(--akzent)}
.reise:hover{transform:translateY(-6px);box-shadow:var(--schatten-hoch)}
.reise .bildteil{overflow:hidden;aspect-ratio:3/2}
.reise img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.reise:hover img{transform:scale(1.06)}
.reise .text{padding:1.3rem 1.4rem 1.6rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.reise h3{color:var(--akzent)}
.reise p{margin:0;color:var(--tinte2);font-size:.96rem}
.reise .mehr{margin-top:auto;padding-top:.9rem;font-weight:700;color:var(--akzent);font-size:.92rem}

/* ---------- Zitatband ---------- */

/* ---------- Listen, Karten ---------- */
.karte{background:var(--papier);border-radius:var(--rund);box-shadow:var(--schatten);
  padding:clamp(1.3rem,3vw,2.2rem)}
.karte--sand{background:var(--sand);box-shadow:none;border:1px solid var(--sandlinie)}
.haken{list-style:none;margin:1.3rem 0 0;padding:0}
.haken li{padding:.55rem 0 .55rem 1.9rem;position:relative;border-bottom:1px solid var(--linie)}
.haken li::before{content:"";position:absolute;left:0;top:1.15em;width:.85rem;height:2px;
  background:var(--akzent);border-radius:2px}
.daten{list-style:none;margin:0;padding:0}
.daten li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;
  border-bottom:1px solid var(--linie);font-size:.98rem}
.daten li span:first-child{color:var(--tinte2)}
.daten li span:last-child{font-weight:600;text-align:right}
.offen{color:var(--sonne)!important}
.zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.4rem}
.zahl b{display:block;font-family:var(--serif);font-weight:300;
  font-size:clamp(2.2rem,1.5rem + 2.4vw,3.6rem);line-height:1;color:var(--lagune)}
.band--tief .zahl b{color:var(--lagune-hell)}
.zahl span{font-size:.88rem;color:var(--tinte2);display:block;margin-top:.3rem}
.band--tief .zahl span{color:rgba(234,242,241,.75)}

/* Tagesablauf */
.tage{list-style:none;margin:0;padding:0;counter-reset:t}
.tage li{display:grid;grid-template-columns:2.6rem 1fr;gap:1rem;padding:.85rem 0;
  border-bottom:1px solid var(--linie)}
.tage li::before{counter-increment:t;content:"0" counter(t);font-family:var(--serif);
  color:var(--akzent);font-size:1.05rem;font-weight:500}
.tage b{display:block;font-weight:700;font-size:1rem}
.tage span{color:var(--tinte2);font-size:.94rem}

/* Merkzettel */
.merker{display:none}
body.merken .merker{display:block;margin:1.5rem 0;padding:1rem 1.2rem;background:var(--sonne-weich);
  border-left:4px solid var(--sonne);border-radius:0 var(--rund-s) var(--rund-s) 0;
  font-size:.92rem;line-height:1.56;max-width:62ch;color:#3E2A0C}
body.merken .merker b{display:block;font-weight:800;color:var(--sonne);font-size:.74rem;
  letter-spacing:.12em;margin-bottom:.25rem}

/* ---------- Wochen ---------- */

/* Anfrage */
.formular{display:grid;gap:1.1rem;grid-template-columns:1fr}
@media(min-width:700px){.formular{grid-template-columns:1fr 1fr}
  .formular .voll{grid-column:1/-1}}
.feld label{display:block;font-size:.86rem;font-weight:600;color:var(--tinte2);margin-bottom:.35rem}
.feld input,.feld select,.feld textarea{width:100%;background:var(--muschel);border:2px solid var(--linie);
  color:var(--tinte);font:inherit;font-family:var(--sans);font-size:1rem;padding:.7rem .9rem;
  border-radius:var(--rund-s)}
.feld input:focus,.feld select:focus,.feld textarea:focus{border-color:var(--lagune);outline:none}
.wahlreihe{display:flex;gap:.8rem;flex-wrap:wrap}
.wahlreihe button{flex:1 1 200px;border:2px solid var(--linie);background:var(--papier);
  color:var(--tinte);padding:.85rem 1rem;text-align:left;cursor:pointer;border-radius:var(--rund-s);
  font-weight:700;transition:.2s}
.wahlreihe button:hover{border-color:var(--linie2)}
.wahlreihe button[aria-pressed=true]{border-color:var(--lagune);background:var(--lagune-weich)}
.wahlreihe small{display:block;font-weight:400;color:var(--tinte2);font-size:.82rem;margin-top:.15rem}
.rueckmeldung{font-size:.94rem;color:var(--lagune-tief);font-weight:600}

/* ---------- Grundriss & Karte ---------- */
.wahlzeile{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.5rem}
.wahlzeile button{border:2px solid var(--linie2);background:var(--papier);color:var(--tinte);
  padding:.5rem 1.2rem;border-radius:999px;cursor:pointer;font-weight:600;font-size:.92rem;transition:.2s}
.wahlzeile button[aria-pressed=true]{background:var(--lagune);border-color:var(--lagune);color:#fff}
.logbuch{list-style:none;margin:1.4rem 0 0;padding:0}
.logbuch li{display:grid;grid-template-columns:4.6rem 1fr;gap:1rem;padding:.75rem 0;
  border-bottom:1px solid var(--linie);align-items:baseline}
.logbuch time{font-family:var(--serif);color:var(--lagune);font-weight:600;font-size:.92rem}

/* ---------- Rechner & Arbeitsgrundlage ---------- */
.regler{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:1.5rem}
@media(min-width:700px){.regler{grid-template-columns:1fr 1fr;gap:1.5rem 2.6rem}}
.regler label{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;
  color:var(--tinte2);margin-bottom:.5rem;font-weight:600}
.regler label b{color:var(--tiefsee);font-family:var(--serif);font-size:1.15rem;font-weight:500}
input[type=range]{width:100%;-webkit-appearance:none;appearance:none;background:transparent;height:1.5rem;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:5px;background:var(--linie);border-radius:3px}
input[type=range]::-moz-range-track{height:5px;background:var(--linie);border-radius:3px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.4rem;height:1.4rem;border-radius:50%;
  background:var(--lagune);margin-top:-.55rem;cursor:pointer;border:3px solid #fff;
  box-shadow:0 2px 8px rgba(13,59,68,.25)}
input[type=range]::-moz-range-thumb{width:1.4rem;height:1.4rem;border-radius:50%;background:var(--lagune);
  cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px rgba(13,59,68,.25)}
.ergebnis{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  margin-top:2rem;padding-top:1.7rem;border-top:2px solid var(--linie)}
.ergebnis b{display:block;font-family:var(--serif);font-weight:500;
  font-size:clamp(1.5rem,1.2rem + 1.3vw,2.3rem);line-height:1.1}
.ergebnis .plus b{color:var(--lagune)}
.ergebnis span{font-size:.85rem;color:var(--tinte2)}
.spalten{display:grid;gap:1.4rem;grid-template-columns:1fr}
@media(min-width:800px){.spalten{grid-template-columns:1fr 1fr}}
.block h4{padding-bottom:.7rem;border-bottom:2px solid var(--linie);margin-bottom:.3rem;
  font-family:var(--serif);font-size:1.15rem;font-weight:500}
.punkt{display:flex;gap:.85rem;align-items:flex-start;width:100%;text-align:left;background:none;
  border:none;border-bottom:1px solid var(--linie);color:var(--tinte);font-size:.96rem;
  padding:.7rem 0;cursor:pointer}
.punkt:hover{color:var(--lagune)}
.punkt .kasten{flex:none;width:1.25rem;height:1.25rem;border:2px solid var(--linie2);border-radius:4px;
  margin-top:.22rem;display:grid;place-items:center;color:#fff;font-size:.76rem;font-weight:800;transition:.15s}
.punkt[aria-pressed=true]{color:var(--leise);text-decoration:line-through}
.punkt[aria-pressed=true] .kasten{background:var(--lagune);border-color:var(--lagune)}
.punkt[aria-pressed=true] .kasten::after{content:"✓"}
.stufen{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:1.2rem}
@media(min-width:880px){.stufen{grid-template-columns:repeat(3,1fr)}}
.stufen li{background:var(--papier);border-radius:var(--rund);box-shadow:var(--schatten);
  padding:1.6rem 1.5rem 1.8rem;border-top:5px solid var(--lagune)}
.stufen li::before{counter-increment:s;content:"Stufe " counter(s);display:block;font-size:.76rem;
  letter-spacing:.16em;font-weight:800;color:var(--lagune);margin-bottom:.8rem}
.stufen h4{font-family:var(--serif);font-size:1.3rem;font-weight:500;margin-bottom:.6rem}
.stufen p{font-size:.94rem;color:var(--tinte2)}
.stufen time{font-size:.86rem;font-weight:700;color:var(--sonne)}
.warnung{background:var(--sonne-weich);border-left:5px solid var(--sonne);
  border-radius:0 var(--rund) var(--rund) 0;padding:clamp(1.4rem,3vw,2.2rem);color:#3E2A0C}
.warnung h3{color:var(--sonne);font-style:italic}

/* ---------- Kacheln (An Bord) ---------- */
.kacheln{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.kachel{background:var(--papier);border-radius:var(--rund);padding:1.5rem 1.5rem 1.7rem;
  box-shadow:var(--schatten)}
.kachel svg{width:1.8rem;height:1.8rem;stroke:var(--lagune);fill:none;stroke-width:1.4;margin-bottom:1rem}
.kachel h4{margin-bottom:.4rem;font-family:var(--serif);font-size:1.22rem;font-weight:500}
.kachel p{margin:0;color:var(--tinte2);font-size:.94rem}

/* ---------- Abschlussband & Fuß ---------- */
.aufruf{text-align:center}
.aufruf h2{max-width:20ch;margin-inline:auto}
.aufruf p{max-width:52ch;margin-inline:auto;color:var(--tinte2)}
.band--tief .aufruf p{color:rgba(234,242,241,.85)}
.aufruf .knopfreihe{justify-content:center;margin-top:2rem}
.fuss{background:var(--nacht);color:rgba(234,242,241,.75);padding-block:clamp(2.5rem,5vw,4rem);font-size:.94rem}
.fuss a{color:rgba(234,242,241,.75);text-decoration:none}
.fuss a:hover{color:var(--lagune-hell)}
.fussraster{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:760px){.fussraster{grid-template-columns:1.4fr 1fr 1fr}}
.fuss h4{color:#fff;font-family:var(--sans);font-size:.8rem;letter-spacing:.16em;
  font-weight:800;margin-bottom:1rem}
.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.fuss .marke b{color:#fff}
.fuss .fein{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(234,242,241,.15);
  font-size:.84rem;color:rgba(234,242,241,.5)}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
}

@media(max-width:700px){
  .held::after{background:linear-gradient(to top,rgba(6,28,34,.86) 0%,rgba(6,28,34,.34) 58%,rgba(6,28,34,.4) 100%)}
  .zahlen{grid-template-columns:1fr 1fr}
}

/* ==================================================================
   ERWEITERUNG — Experience, Bewegung, große Bildmomente
   ================================================================== */

/* Seitenaufbau sanft */
body{opacity:0;animation:seiteda .5s ease-out .02s forwards}
@keyframes seiteda{to{opacity:1}}

/* Einblenden beim Scrollen */
.zeig{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.zeig.da{opacity:1;transform:none}
.zeig--2{transition-delay:.12s}.zeig--3{transition-delay:.24s}.zeig--4{transition-delay:.36s}

/* Kopfzeile: Anfrage-Knopf */
.kopf .knopf{padding:.55rem 1.3rem;font-size:.92rem;box-shadow:none}
.kopfrechts{display:flex;align-items:center;gap:1.4rem}
@media(max-width:959px){.kopf .knopf{display:none}}

/* ---------- Hero mit Bildwechsel ---------- */
.hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;
  overflow:hidden;color:#fff}
.hero-schicht{position:absolute;inset:0;z-index:-2}
.hero-schicht img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transform:scale(1.12);transition:opacity 2.4s ease}
.hero-schicht img.an{opacity:1;animation:langsamzu 11s linear forwards}
@keyframes langsamzu{from{transform:scale(1.12)}to{transform:scale(1.02)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(98deg,rgba(6,28,34,.76) 0%,rgba(6,28,34,.34) 46%,rgba(6,28,34,.02) 82%),
  linear-gradient(to top,rgba(6,28,34,.6) 0%,rgba(6,28,34,.02) 45%,rgba(6,28,34,.3) 100%)}
.hero .huelle{position:relative;padding-block:clamp(6rem,14vh,10rem) clamp(5rem,12vh,8rem)}
.hero-text{max-width:min(46rem,92%)}
.hero .claim{max-width:32ch;font-size:clamp(1.08rem,.95rem + .6vw,1.42rem);line-height:1.45;
  color:rgba(255,255,255,.94);margin-top:1.4rem;text-shadow:0 1px 18px rgba(0,0,0,.4)}
.hero .held-ober{max-width:30ch}
.scrollhinweis{position:absolute;left:50%;bottom:1.8rem;transform:translateX(-50%);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:.5rem;color:rgba(255,255,255,.8);
  font-size:.74rem;letter-spacing:.18em;font-weight:600}
.scrollhinweis i{display:block;width:1px;height:2.6rem;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.9));
  animation:rutschen 2.6s ease-in-out infinite}
@keyframes rutschen{0%{transform:scaleY(.25);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}
  50.1%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(.25);transform-origin:bottom}}
.punktreihe{position:absolute;right:clamp(1.2rem,3vw,2.4rem);bottom:2rem;z-index:2;display:flex;gap:.5rem}
.punktreihe button{width:.55rem;height:.55rem;border-radius:50%;border:none;padding:0;cursor:pointer;
  background:rgba(255,255,255,.4);transition:.3s}
.punktreihe button.an{background:#fff;width:1.7rem;border-radius:999px}

/* ---------- Große Reise-Tafeln ---------- */

/* ---------- Klebe-Abschnitt ---------- */

/* ---------- Breitbild mit Text ---------- */

/* ---------- Ablauf in drei Schritten ---------- */
.ablauf{display:grid;gap:1.6rem;grid-template-columns:1fr;counter-reset:ab;margin-top:2.6rem}
@media(min-width:800px){.ablauf{grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,3vw,2.6rem)}}
.ablauf li{list-style:none;position:relative;padding-top:3.4rem}
.ablauf li::before{counter-increment:ab;content:counter(ab);position:absolute;top:0;left:0;
  width:2.6rem;height:2.6rem;border-radius:50%;background:var(--lagune);color:#fff;
  display:grid;place-items:center;font-family:var(--serif);font-size:1.15rem;font-weight:600}
.ablauf li::after{content:"";position:absolute;top:1.3rem;left:3.2rem;right:-1rem;height:1px;
  background:var(--linie2);display:none}
@media(min-width:800px){.ablauf li:not(:last-child)::after{display:block}}
.ablauf h4{font-family:var(--serif);font-size:1.35rem;font-weight:500;margin-bottom:.5rem}
.ablauf p{color:var(--tinte2);font-size:.96rem;margin:0}
.band--tief .ablauf li::before{background:var(--lagune-hell);color:var(--nacht)}
.band--tief .ablauf p{color:rgba(234,242,241,.8)}
.band--tief .ablauf li::after{background:rgba(234,242,241,.28)}

/* ---------- Zahlen ---------- */
.zahlen--gross{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:3rem;
  padding-top:2.2rem;border-top:1px solid var(--linie)}
.zahlen--gross b{font-size:clamp(2.6rem,1.6rem + 3.4vw,4.6rem);font-weight:400}

/* ---------- Kursiver Einschub ---------- */
.einschub{font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:clamp(1.35rem,1.05rem + 1.7vw,2.4rem);line-height:1.34;max-width:24ch;color:var(--tiefsee)}
.band--tief .einschub{color:#fff}

/* ---------- Galerieband ---------- */
.streifen{display:grid;gap:.7rem;grid-template-columns:repeat(2,1fr);margin-top:2.4rem}
@media(min-width:760px){.streifen{grid-template-columns:repeat(4,1fr)}}
.streifen div{border-radius:var(--rund-s);overflow:hidden;background:var(--sand)}
.streifen img{width:100%;height:100%;object-fit:cover;aspect-ratio:1;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.streifen div:hover img{transform:scale(1.08)}
.streifen .leer{display:grid;place-items:center;aspect-ratio:1;color:var(--leise);
  font-family:var(--serif);font-style:italic;font-size:.9rem;text-align:center;padding:1rem;
  border:2px dashed var(--sandlinie)}

/* ---------- Karte: Route zeichnen ---------- */

@media (prefers-reduced-motion:reduce){
  body{opacity:1;animation:none}
  .zeig{opacity:1;transform:none}
  .hero-schicht img.an{animation:none}
  
}

/* ==================================================================
   FEINSCHLIFF — Übergänge, Ornamente, Stimmigkeit
   ================================================================== */

/* Horizontlinie als wiederkehrendes Markenzeichen */
.horizont{display:flex;align-items:center;gap:1rem;margin:0 0 1.6rem}
.horizont::before{content:"";width:2.4rem;height:2px;background:var(--lagune);border-radius:2px;flex:none}
.horizont::after{content:"";flex:1;height:1px;background:var(--linie);max-width:7rem}
.band--tief .horizont::before{background:var(--lagune-hell)}
.band--tief .horizont::after{background:rgba(234,242,241,.2)}

/* Wellenkante zwischen Bändern */
.welle{display:block;width:100%;height:clamp(28px,4vw,54px);margin-bottom:-1px}
.welle path{fill:var(--muschel)}
.welle--sand path{fill:var(--sand)}
.welle--papier path{fill:var(--papier)}
.welle--tief path{fill:var(--tiefsee)}

/* Bänder: gemeinsamer vertikaler Rhythmus, weichere Kanten */
.band + .band{padding-top:clamp(2.6rem,6vw,5rem)}
.band--sand + .band--papier,.band--papier + .band--sand{border-top:1px solid var(--linie)}

/* Vorsatz mit feinem Strich */
.vorsatz{display:inline-flex;align-items:center;gap:.7rem}
.vorsatz::before{content:"";width:1.5rem;height:2px;background:currentColor;border-radius:2px;opacity:.75}

/* Karten weicher */
.karte,.kachel,.stufen li,.bild,.bildkarte{border-radius:16px}
.karte{border:1px solid rgba(13,59,68,.07)}
.kachel{border:1px solid rgba(13,59,68,.07);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.kachel:hover{transform:translateY(-4px);box-shadow:var(--schatten-hoch)}

/* Listen feiner */
.haken li{padding-left:2.1rem}
.haken li::before{width:1.1rem;height:1px;top:1.2em;opacity:.8}
.haken li:last-child{border-bottom:none}
.daten li:last-child{border-bottom:none}

/* Zahlen mit Serifenziffern und Trennlinien */
.zahlen--gross{position:relative}
@media(min-width:760px){
  .zahlen--gross .zahl + .zahl{border-left:1px solid var(--linie);padding-left:clamp(1rem,3vw,2.5rem)}
}
.zahl span{max-width:22ch}

/* Zitat: Anführungszeichen als Ornament */

/* Fußzeile stimmiger */
.fuss{background:var(--nacht)}
.fuss .marke b{letter-spacing:.2em}
.fuss ul a{position:relative;padding-bottom:2px;border-bottom:1px solid transparent;transition:.2s}
.fuss ul a:hover{border-color:var(--lagune-hell)}
.fuss .fein{border-top:1px solid rgba(234,242,241,.13)}

/* Links im Fließtext */
.band p a:not(.knopf){color:var(--lagune-tief);text-decoration:none;
  border-bottom:1px solid rgba(18,133,122,.4);transition:.2s}
.band p a:not(.knopf):hover{border-color:var(--lagune)}
.band--tief p a:not(.knopf){color:var(--lagune-hell);border-color:rgba(138,216,204,.45)}

/* Held: bessere Zeilenlänge */
.held .huelle > *{max-width:56rem}
.held h1{max-width:20ch}

/* Tafeln: Farbverlauf in Akzentfarbe andeuten */

/* Ablauf: Kreise feiner */
.ablauf li::before{box-shadow:0 0 0 6px var(--muschel),0 0 0 7px var(--linie)}
.band--sand .ablauf li::before{box-shadow:0 0 0 6px var(--sand),0 0 0 7px var(--sandlinie)}
.band--tief .ablauf li::before{box-shadow:0 0 0 6px var(--tiefsee),0 0 0 7px rgba(234,242,241,.2)}

/* Kopf: Marke mit feinem Trennstrich */
.marke i{position:relative;padding-left:0}
.kopf .huelle{min-height:4.6rem}

/* ==================================================================
   INTERNE SEITEN (Arbeitsgrundlage, Content-Plan)
   ================================================================== */
.diagramm{width:100%;height:auto;margin:1.5rem 0}
.diagramm text{font-family:var(--sans);fill:var(--tinte)}
.diagramm .klein{font-size:11px;fill:var(--tinte2)}
.diagramm .titel{font-weight:700;font-size:13px}
.diagramm .feld{fill:var(--papier);stroke:var(--linie2);stroke-width:1.4}
.diagramm .feld--lagune{fill:var(--lagune-weich);stroke:var(--lagune)}
.diagramm .feld--sand{fill:var(--sand);stroke:var(--sandlinie)}
.diagramm .pfeil{stroke:var(--lagune);stroke-width:1.8;fill:none;marker-end:url(#spitze)}
.diagramm .gestrichelt{stroke-dasharray:5 5}

.matrix{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:820px){.matrix{grid-template-columns:repeat(3,1fr)}}
.matrix .spalte{background:var(--papier);border:1px solid var(--linie);border-radius:16px;
  padding:1.4rem 1.4rem 1.6rem;box-shadow:var(--schatten)}
.matrix .spalte h4{font-family:var(--serif);font-size:1.2rem;font-weight:500;margin-bottom:.3rem}
.matrix .wer{font-size:.74rem;letter-spacing:.16em;font-weight:800;color:var(--lagune);
  display:block;margin-bottom:.8rem}
.matrix ul{list-style:none;margin:1rem 0 0;padding:0}
.matrix li{padding:.5rem 0 .5rem 1.6rem;position:relative;font-size:.93rem;border-bottom:1px solid var(--linie)}
.matrix li::before{content:"";position:absolute;left:0;top:1.1em;width:.7rem;height:1px;background:var(--lagune)}
.matrix li:last-child{border-bottom:none}
.aufwand{display:inline-block;margin-top:1rem;background:var(--lagune-weich);color:var(--lagune-tief);
  border-radius:999px;padding:.3rem .9rem;font-size:.82rem;font-weight:700}

.ausbeute{display:grid;gap:.9rem;grid-template-columns:repeat(2,1fr);margin-top:1.6rem}
@media(min-width:760px){.ausbeute{grid-template-columns:repeat(4,1fr)}}
.ausbeute div{background:var(--papier);border:1px solid var(--linie);border-radius:14px;
  padding:1.1rem 1.1rem 1.3rem;text-align:center}
.ausbeute b{display:block;font-family:var(--serif);font-size:clamp(1.7rem,1.3rem + 1.4vw,2.5rem);
  font-weight:500;color:var(--lagune);line-height:1.1}
.ausbeute span{font-size:.85rem;color:var(--tinte2)}

.zeitstrahl{list-style:none;margin:1.8rem 0 0;padding:0;position:relative}
.zeitstrahl::before{content:"";position:absolute;left:.52rem;top:.6rem;bottom:.6rem;width:2px;
  background:linear-gradient(to bottom,var(--lagune),var(--sandlinie))}
.zeitstrahl li{position:relative;padding:0 0 1.6rem 2.4rem}
.zeitstrahl li::before{content:"";position:absolute;left:0;top:.42rem;width:1.15rem;height:1.15rem;
  border-radius:50%;background:var(--papier);border:3px solid var(--lagune)}
.zeitstrahl b{display:block;font-family:var(--serif);font-size:1.15rem;font-weight:500}
.zeitstrahl span{font-size:.92rem;color:var(--tinte2)}
.zeitstrahl .wann{font-size:.76rem;letter-spacing:.14em;font-weight:800;color:var(--sonne);
  display:block;margin-bottom:.2rem}

.kanal{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:760px){.kanal{grid-template-columns:repeat(2,1fr)}}
.kanal article{display:flex;gap:1.1rem;background:var(--papier);border:1px solid var(--linie);
  border-radius:16px;padding:1.3rem;box-shadow:var(--schatten)}
.kanal .zeichen{flex:none;width:2.9rem;height:2.9rem;border-radius:12px;display:grid;place-items:center;
  background:var(--lagune-weich)}
.kanal .zeichen svg{width:1.4rem;height:1.4rem;stroke:var(--lagune-tief);fill:none;stroke-width:1.6}
.kanal h4{font-family:var(--serif);font-size:1.18rem;font-weight:500;margin-bottom:.2rem}
.kanal p{margin:.35rem 0 0;font-size:.92rem;color:var(--tinte2)}
.kanal .takt{display:inline-block;margin-top:.6rem;font-size:.78rem;font-weight:700;
  color:var(--lagune-tief);background:var(--lagune-weich);border-radius:999px;padding:.2rem .7rem}

/* ==================================================================
   RUNDE 3 — dichtere Scroll-Abschnitte, Dankeschön, Einwilligung
   ================================================================== */

/* Dankeschön-Stufen */
.dank{display:grid;gap:1.1rem;grid-template-columns:1fr;margin-top:2.2rem;counter-reset:dk}
@media(min-width:760px){.dank{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1180px){.dank{grid-template-columns:repeat(4,1fr)}}
.dank article{position:relative;background:var(--papier);border:1px solid var(--linie);border-radius:16px;
  padding:1.5rem 1.4rem 1.6rem;box-shadow:var(--schatten);display:flex;flex-direction:column}
.dank article::before{counter-increment:dk;content:counter(dk);position:absolute;top:1.2rem;right:1.3rem;
  font-family:var(--serif);font-size:2.4rem;line-height:1;color:var(--lagune);opacity:.18;font-weight:500}
.dank .wann{font-size:.74rem;letter-spacing:.14em;font-weight:800;color:var(--lagune);margin-bottom:.7rem;
  display:block;padding-right:2.4rem}
.dank h4{font-family:var(--serif);font-size:1.3rem;font-weight:500;margin-bottom:.8rem;padding-right:2rem}
.dank ul{list-style:none;margin:0 0 1rem;padding:0}
.dank li{padding:.45rem 0 .45rem 1.5rem;position:relative;font-size:.94rem;border-bottom:1px solid var(--linie)}
.dank li:last-child{border-bottom:none}
.dank li::before{content:"";position:absolute;left:0;top:1.05em;width:.7rem;height:1px;background:var(--lagune)}
.dank li b{font-weight:700}
.dank .preis{margin-top:auto;align-self:flex-start;font-size:.8rem;font-weight:700;border-radius:999px;
  padding:.28rem .85rem;background:var(--lagune-weich);color:var(--lagune-tief)}
.dank .preis--null{background:var(--sand);color:var(--tinte2)}

/* Reiseform-Marker in Listen */
.rf{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.06em;border-radius:4px;
  padding:.05rem .45rem;margin-right:.35rem;color:#fff;vertical-align:.08em}
.rf--h{background:#C67C22}.rf--d{background:#12857A}.rf--p{background:#C0395F}

/* Regeln als Kacheln */
.regeln{display:grid;gap:.9rem;grid-template-columns:1fr;margin-top:1.8rem}
@media(min-width:760px){.regeln{grid-template-columns:repeat(2,1fr)}}
.regeln div{background:var(--papier);border:1px solid var(--linie);border-left:4px solid var(--lagune);
  border-radius:0 12px 12px 0;padding:1rem 1.2rem}
.regeln b{display:block;font-family:var(--serif);font-size:1.08rem;font-weight:500;margin-bottom:.2rem}
.regeln span{font-size:.92rem;color:var(--tinte2)}

/* Einwilligung im Formular */
.einwilligung{display:flex;gap:.85rem;align-items:flex-start;background:var(--lagune-weich);
  border:1px solid rgba(18,133,122,.25);border-radius:12px;padding:1rem 1.1rem;cursor:pointer}
.einwilligung input{flex:none;width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:var(--lagune);cursor:pointer}
.einwilligung b{display:block;font-size:.95rem}
.einwilligung span{font-size:.86rem;color:var(--tinte2);display:block;margin-top:.15rem}

/* ==================================================================
   RUNDE 4 — Bildsystem, Momente, Finder, Fragen, Aktionsleiste
   ================================================================== */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.32s}

/* Menü erst ab breiteren Schirmen voll ausklappen */
@media(min-width:960px) and (max-width:1119px){.menue{display:none}.menueknopf{display:grid}}
@media(min-width:960px) and (max-width:1119px){.kopf .knopf{display:inline-flex}}

/* Kopfreihe: Überschrift links, Erklärsatz rechts */
.kopfreihe{display:grid;gap:1rem 3rem;grid-template-columns:1fr;margin-bottom:2.2rem;align-items:end}
@media(min-width:900px){.kopfreihe{grid-template-columns:1.1fr .9fr}}

/* ---------- Bildkachel ---------- */
.motiv{position:relative;margin:0;border-radius:16px;overflow:hidden;isolation:isolate;
  background:linear-gradient(150deg,#BFE3DE,#6FB9B0 55%,#2D7D78)}
.motiv[data-ton="abend"]{background:linear-gradient(160deg,#F4C99B,#D98B6A 50%,#6C3F5B)}
.motiv[data-ton="nacht"]{background:linear-gradient(165deg,#1B3A55,#0C2233 60%,#070F18)}
.motiv[data-ton="morgen"]{background:linear-gradient(160deg,#F6E7CF,#BCD9D2 55%,#5E9E9A)}
.motiv img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.motiv:hover img{transform:scale(1.05)}
.motiv::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;z-index:0;pointer-events:none;
  background:linear-gradient(to top,rgba(6,28,34,.72),rgba(6,28,34,0))}
.motiv figcaption{position:absolute;left:1.1rem;right:1.1rem;bottom:1rem;z-index:1;color:#fff;
  font-family:var(--serif);font-style:italic;font-size:clamp(1rem,.92rem + .35vw,1.2rem);line-height:1.3;
  text-shadow:0 1px 12px rgba(0,0,0,.35);font-variation-settings:"SOFT" 60,"opsz" 36}
.beispiel{position:absolute;top:.8rem;right:.8rem;z-index:2;font-size:.66rem;letter-spacing:.14em;
  font-weight:800;text-transform:uppercase;color:#fff;background:rgba(6,28,34,.5);
  border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.22rem .6rem;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
[data-bildrahmen].ersatz .beispiel{display:none}
/* Bildplatz, solange das Beispielbild fehlt */
.motiv.fehlt img{visibility:hidden}
.motiv.fehlt .beispiel{display:none}
.motiv.fehlt::before{content:"";position:absolute;left:50%;top:42%;width:3rem;height:3rem;z-index:1;
  transform:translate(-50%,-50%);opacity:.75;background:no-repeat center/contain
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='white' stroke-width='1.6'%3E%3Ccircle cx='24' cy='20' r='7'/%3E%3Cpath d='M4 34c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3M4 41c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E")}
.motiv.fehlt figcaption::before{content:"Bildplatz · ";font-style:normal;font-family:var(--sans);
  font-size:.72rem;letter-spacing:.12em;font-weight:800;opacity:.85}

/* ---------- Momente (Bento) ---------- */

/* ---------- Dreier-Reihe ---------- */
.dreier{display:grid;gap:.8rem;grid-template-columns:1fr}
@media(min-width:760px){.dreier{grid-template-columns:1.35fr 1fr 1fr}}
.dreier .motiv{aspect-ratio:4/3}
@media(min-width:760px){.dreier .motiv{aspect-ratio:auto;height:clamp(240px,26vw,380px)}}

/* ---------- Tafeln mit Stimmungsbild ---------- */

/* ---------- Reise-Finder ---------- */

/* ---------- Fragen ---------- */
.fragen-raster{display:grid;gap:2.4rem;grid-template-columns:1fr}
@media(min-width:900px){.fragen-raster{grid-template-columns:14rem 1fr;align-items:start}
  .fragen-sprung{position:sticky;top:6.5rem}}
.fragen-sprung{display:flex;flex-direction:column;gap:.2rem}
.fragen-sprung a{text-decoration:none;color:var(--tinte2);font-weight:600;padding:.45rem 0;
  border-bottom:1px solid var(--linie)}
.fragen-sprung a:hover{color:var(--lagune)}
@media(max-width:899px){.fragen-sprung{flex-direction:row;flex-wrap:wrap;gap:.5rem}
  .fragen-sprung .vorsatz{width:100%}
  .fragen-sprung a{border:1.5px solid var(--linie2);border-radius:999px;padding:.4rem .9rem}}
.fragengruppe{margin-bottom:2.8rem;scroll-margin-top:6.5rem}
.fragengruppe h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);margin-bottom:1rem}
.frage-auf{border-bottom:1px solid var(--linie)}
.frage-auf summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;
  align-items:center;padding:1.05rem 0;font-weight:600;font-size:1.05rem;color:var(--tiefsee)}
.frage-auf summary::-webkit-details-marker{display:none}
.frage-auf summary::after{content:"";flex:none;width:1.9rem;height:1.9rem;border-radius:50%;
  border:1.5px solid var(--linie2);background:
  linear-gradient(var(--tiefsee),var(--tiefsee)) center/.7rem 1.5px no-repeat,
  linear-gradient(var(--tiefsee),var(--tiefsee)) center/1.5px .7rem no-repeat;transition:.25s}
.frage-auf[open] summary::after{transform:rotate(45deg);border-color:var(--lagune);background-color:var(--lagune-weich)}
.frage-auf summary:hover{color:var(--lagune)}
.frage-auf div{padding:0 3rem 1.2rem 0;color:var(--tinte2)}
.frage-auf p{margin:0}
.offen-marke{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;
  color:var(--sonne);background:var(--sonne-weich);border-radius:999px;padding:.08rem .55rem;margin-left:.2rem}
.rechtsblock{padding:1.4rem 0;border-bottom:1px solid var(--linie)}
.rechtsblock h3{font-size:1.25rem;margin-bottom:.5rem}
.rechtsblock p{margin:0;color:var(--tinte2)}

/* ---------- Aktionsleiste (Handy) ---------- */
.aktionsleiste{display:none}
@media(max-width:759px){
  .aktionsleiste{display:flex;gap:.6rem;position:fixed;left:.7rem;right:.7rem;
    bottom:calc(.7rem + env(safe-area-inset-bottom,0px));z-index:75;padding:.45rem;border-radius:999px;
    background:rgba(250,248,244,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    box-shadow:0 10px 30px rgba(13,59,68,.2);border:1px solid var(--linie)}
  .aktionsleiste a{flex:1;text-align:center;text-decoration:none;font-weight:700;font-size:.9rem;
    padding:.72rem .6rem;border-radius:999px;color:var(--tiefsee)}
  .aktionsleiste a.haupt{background:var(--lagune);color:#fff}
  .fuss{padding-bottom:6rem}
}

/* ==================================================================
   RUNDE 5 — Bilddienst, Kacheln, Kopf-Kennzeichnung, Seekarte
   ================================================================== */
@media(min-width:900px){.kacheln{grid-template-columns:repeat(3,1fr)}}
@media(min-width:600px) and (max-width:899px){.kacheln{grid-template-columns:repeat(2,1fr)}}

/* Beispielbild-Marke im Startseiten-Kopf: nur sichtbar, solange das Stockfoto läuft */
.hero-schicht .hero-marke{top:1.2rem;bottom:auto;right:clamp(1rem,3vw,2rem);
  opacity:0;transition:opacity .8s}
.hero-schicht img.beispielbild.an ~ .hero-marke{opacity:1}
.held[data-bildrahmen] .beispiel{top:auto;bottom:1rem;right:1rem}

/* Seekarte */

/* ==================================================================
   RUNDE 6 — Logo und Anbieter
   ================================================================== */
.marke img{display:block;height:clamp(30px,1.55rem + .5vw,40px);width:auto}
.logo-gross{margin:0;line-height:0}
.logo-gross img{display:block;width:min(640px,84vw);height:auto;
  filter:drop-shadow(0 2px 24px rgba(0,0,0,.35));animation:logoauf 1.6s cubic-bezier(.16,1,.3,1) both}
@keyframes logoauf{from{opacity:0;transform:translateY(10px) scale(.985);filter:blur(6px) drop-shadow(0 2px 24px rgba(0,0,0,.35))}
  to{opacity:1;transform:none;filter:drop-shadow(0 2px 24px rgba(0,0,0,.35))}}
@media(prefers-reduced-motion:reduce){.logo-gross img{animation:none}}
.hero .logo-gross + .claim,.hero .logo-gross + p{margin-top:clamp(1.4rem,3vw,2.2rem)}
.fusslogo{display:block;width:min(260px,70%);height:auto}
.anbieter{font-style:normal;line-height:1.65;color:rgba(234,242,241,.78);font-size:.92rem}
.anbieter a{color:#fff;font-weight:600}
.vertragspartner{margin-top:1.8rem;padding:1.1rem 1.2rem;border-left:3px solid var(--lagune);
  background:var(--lagune-weich);border-radius:0 12px 12px 0}
.vertragspartner .vorsatz{margin:0 0 .4rem}
.vertragspartner p{margin:0;font-size:.95rem;line-height:1.6}
@media(min-width:760px){.fussraster{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.fussraster{grid-template-columns:1.3fr .9fr .8fr .7fr .8fr}}

/* ==================================================================
   RUNDE 7 — Videos, Serie, Woche gestalten, Kapitel, Leitfaden, Rechner
   ================================================================== */
/* Videoplatz */
.videoplatz{position:relative;margin:0;aspect-ratio:16/9;border-radius:16px;overflow:hidden;isolation:isolate;
  display:flex;align-items:flex-end;color:#fff;background:linear-gradient(150deg,#0F4954,#0C3A43 55%,#06222A);
  background-size:cover;background-position:center;box-shadow:var(--schatten)}
.videoplatz--hoch{aspect-ratio:9/16}
.vp-play{position:absolute;left:50%;top:46%;width:4.2rem;height:4.2rem;transform:translate(-50%,-50%);border-radius:50%;
  background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.vp-play::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;
  border-width:.62rem 0 .62rem 1rem;border-color:transparent transparent transparent #fff}
.videoplatz figcaption{position:relative;padding:1.1rem 1.2rem;display:grid;gap:.2rem;width:100%}
.vp-art{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--lagune-hell)}
.videoplatz b{font-family:var(--serif);font-weight:500;font-size:clamp(1.05rem,.95rem + .5vw,1.35rem);line-height:1.25}
.vp-hinweis{font-size:.8rem;color:rgba(255,255,255,.72)}

.vp-frage b{font-size:1rem}
/* Serie */

/* Frag den Skipper */
.skipper-streifen{display:grid;gap:.8rem;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);overflow-x:auto;
  padding-bottom:.6rem;scroll-snap-type:x mandatory}
.skipper-streifen .videoplatz{scroll-snap-align:start}
@media(max-width:759px){.skipper-streifen{grid-auto-columns:46%}}
/* Woche gestalten */
.gestalten{border:1.5px solid var(--linie2);border-radius:14px;background:var(--papier)}
.gestalten summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;align-items:center;
  padding:1rem 1.2rem;flex-wrap:wrap}
.gestalten summary::-webkit-details-marker{display:none}
.gestalten summary b{font-family:var(--serif);font-weight:500;font-size:1.15rem;color:var(--tiefsee)}
.gestalten summary span{font-size:.85rem;color:var(--leise)}
.gestalten summary span i{font-style:normal;color:var(--lagune);font-weight:700}
.gestalten summary::after{content:"+";font-size:1.4rem;color:var(--lagune);transition:transform .25s}
.gestalten[open] summary::after{transform:rotate(45deg)}
.g-inhalt{padding:0 1.2rem 1.2rem;display:grid;gap:1rem}
.g-inhalt fieldset{border:0;margin:0;padding:0}
.g-inhalt legend{font-weight:700;font-size:.88rem;margin-bottom:.5rem;color:var(--tinte)}
.g-hinweis,.g-video{margin:0;font-size:.88rem;color:var(--tinte2)}.g-video{color:var(--leise);font-style:italic}
.chips{display:flex;flex-wrap:wrap;gap:.45rem}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-block;padding:.45rem .85rem;border-radius:999px;border:1.5px solid var(--linie2);font-size:.9rem;
  cursor:pointer;transition:.18s;background:var(--muschel)}
.chip span:hover{border-color:var(--lagune)}
.chip input:checked + span{background:var(--lagune);border-color:var(--lagune);color:#fff}
.chip input:focus-visible + span{outline:2px solid var(--lagune);outline-offset:2px}
.g-text{margin-top:.6rem;width:100%}
/* Gründungswochen im Kalender */

/* Kapitel auf der Karte */

/* Arbeitsgrundlage: Werkzeuge */
.werkzeuge{display:grid;gap:.8rem;margin-top:1.8rem;grid-template-columns:1fr}
@media(min-width:760px){.werkzeuge{grid-template-columns:repeat(3,1fr)}}
.werkzeuge a{display:grid;gap:.3rem;padding:1.1rem 1.2rem;border-radius:14px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;transition:.2s}
.werkzeuge a:hover{background:rgba(255,255,255,.14)}
.werkzeuge b{font-family:var(--serif);font-weight:500;font-size:1.15rem}.werkzeuge span{font-size:.88rem;opacity:.8}
/* Leitfaden */
.leitfaden-kopf h1{font-size:clamp(2rem,1.4rem + 2.8vw,3.4rem);max-width:22ch}
.inhalt{display:grid;gap:.4rem;margin:1.8rem 0 1.4rem;grid-template-columns:1fr}
@media(min-width:760px){.inhalt{grid-template-columns:repeat(3,1fr)}}
.inhalt a{display:flex;gap:.7rem;align-items:center;padding:.6rem .8rem;border-radius:10px;background:rgba(255,255,255,.6);
  text-decoration:none;color:var(--tinte);font-weight:600;font-size:.92rem}
.inhalt a:hover{background:#fff}
.inhalt a span{flex:none;width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;background:var(--tiefsee);
  color:#fff;font-size:.8rem}
.kapitel{padding:2.4rem 0;border-bottom:1px solid var(--linie);scroll-margin-top:6.5rem}
.kapitel:last-child{border-bottom:0}
.kapitel header{display:flex;gap:1rem;align-items:center;margin-bottom:1.2rem}
.kap-nr{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:var(--lagune);color:#fff;
  font-family:var(--serif);font-size:1.2rem}
.kapitel h2{margin:0;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem)}
.kapitel h3{margin:1.8rem 0 .8rem;font-size:1.2rem}
.empfehlung{margin-top:1.4rem;padding:1.1rem 1.3rem;border-radius:0 14px 14px 0;border-left:4px solid var(--lagune);
  background:var(--lagune-weich)}
.empfehlung b{display:block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lagune-tief)}
.empfehlung p{margin:.35rem 0 0}
.optionen,.dreischritt{display:grid;gap:.9rem;grid-template-columns:1fr}
@media(min-width:760px){.optionen,.dreischritt{grid-template-columns:repeat(3,1fr)}}
.optionen > div,.dreischritt > div{padding:1.1rem 1.2rem;border-radius:14px;background:var(--papier);border:1.5px solid var(--linie);
  box-shadow:var(--schatten)}
.optionen .gewaehlt{border-color:var(--lagune)}
.optionen p,.dreischritt p{margin:.4rem 0 0;font-size:.93rem;color:var(--tinte2)}
.dreischritt span{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--sand);
  font-weight:800;margin-bottom:.5rem}
.dreischritt b{display:block}
.r-quelle{font-size:.8rem;color:var(--leise);margin:.6rem 0 0}
.tabelle-huelle,.r-tabelle-huelle{overflow-x:auto}
.preise,.r-tabelle,.dv-plan,.dv-skript table{width:100%;border-collapse:collapse;font-size:.95rem}
.preise th,.preise td,.r-tabelle th,.r-tabelle td,.dv-plan th,.dv-plan td,.dv-skript th,.dv-skript td{
  text-align:left;padding:.65rem .7rem;border-bottom:1px solid var(--linie);vertical-align:top}
.preise th,.r-tabelle th,.dv-plan th,.dv-skript th{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--leise)}
.liste-punkte{padding-left:1.1rem}.liste-punkte li{margin-bottom:.7rem}
.kennzahlen-liste{display:grid;gap:.8rem;grid-template-columns:1fr}
@media(min-width:760px){.kennzahlen-liste{grid-template-columns:repeat(2,1fr)}}
.kennzahlen-liste div{padding:1rem 1.1rem;border-radius:12px;background:var(--muschel);border:1px solid var(--linie)}
.kennzahlen-liste b{display:block}.kennzahlen-liste span{font-size:.92rem;color:var(--tinte2)}
.zeitplan{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.zeitplan li{display:grid;grid-template-columns:6.5rem 1fr;gap:.2rem 1rem;padding:.9rem 1rem;border-radius:12px;background:var(--papier);
  border:1px solid var(--linie)}
.zeitplan span{grid-row:span 2;font-weight:800;color:var(--lagune)}.zeitplan p{margin:0;color:var(--tinte2);font-size:.93rem}
.abfrage{list-style:none;padding:0;display:grid;gap:.45rem}
.abfrage--zwei{grid-template-columns:1fr}@media(min-width:760px){.abfrage--zwei{grid-template-columns:1fr 1fr}}
.abfrage label{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;padding:.55rem .7rem;border-radius:10px;background:var(--muschel)}
.abfrage input{margin-top:.25rem;accent-color:var(--lagune)}
.abfrage input:checked + span{text-decoration:line-through;color:var(--leise)}
/* Rechner */
.rechner{margin-top:1.6rem;display:grid;gap:1.4rem}
.r-kopf{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between}
.r-varianten{display:inline-flex;background:var(--papier);border:1.5px solid var(--linie2);border-radius:999px;padding:.25rem}
.r-varianten button{border:0;background:none;padding:.55rem 1rem;border-radius:999px;font:inherit;font-weight:700;font-size:.9rem;
  color:var(--tinte2);cursor:pointer}
.r-varianten button[aria-pressed="true"]{background:var(--tiefsee);color:#fff}
.r-regler{display:grid;gap:.3rem;min-width:min(320px,100%);font-size:.9rem}
.r-regler input{accent-color:var(--lagune);width:100%}
.r-kennzahlen{display:grid;gap:.9rem;grid-template-columns:1fr 1fr}
@media(min-width:900px){.r-kennzahlen{grid-template-columns:repeat(4,1fr)}}
.r-kennzahlen > div{padding:1.1rem 1.2rem;border-radius:14px;background:var(--papier);box-shadow:var(--schatten);display:grid;gap:.25rem}
.r-kennzahlen span{font-size:.78rem;letter-spacing:.06em;color:var(--leise);font-weight:700}
.r-kennzahlen b{font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,1.1rem + 1vw,2rem);color:var(--tiefsee)}
.r-kennzahlen b.minus{color:var(--korall)}.r-kennzahlen b.plus{color:var(--lagune-tief)}
.r-kennzahlen small{font-size:.8rem;color:var(--tinte2)}
.r-tabelle{background:var(--papier);border-radius:14px;overflow:hidden}
.r-tabelle td:not(:first-child),.r-tabelle th:not(:first-child){text-align:right;white-space:nowrap}
.r-tabelle tr.summe td{font-weight:800;color:var(--tiefsee)}
.r-tabelle td.minus{color:var(--korall)}
.r-titel{font-weight:700;margin:0 0 .7rem}
.r-balken-zeile{display:grid;grid-template-columns:9rem 1fr 7rem;gap:.8rem;align-items:center;margin-bottom:.5rem;font-size:.92rem}
.r-balken-spur{height:.9rem;border-radius:999px;background:var(--sand);position:relative;overflow:hidden}
.r-balken-spur i{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--lagune)}
.r-balken-spur i.minus{background:var(--korall)}
.r-balken-zeile b{text-align:right}
.r-annahmen{background:var(--papier);border-radius:14px;padding:1rem 1.2rem;box-shadow:var(--schatten)}
.r-annahmen summary{cursor:pointer;font-weight:700}
.r-hinweis{font-size:.88rem;color:var(--tinte2)}
.r-gruppen{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:900px){.r-gruppen{grid-template-columns:1fr 1fr}}
.r-gruppen fieldset{border:1px solid var(--linie);border-radius:12px;padding:.8rem 1rem 1rem;margin:0}
.r-gruppen legend{font-weight:800;font-size:.85rem;padding:0 .4rem;color:var(--tiefsee)}
.r-feld{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center;padding:.35rem 0;font-size:.9rem;
  border-bottom:1px dashed var(--linie)}
.r-eingabe{display:inline-flex;align-items:center;gap:.35rem}
.r-eingabe input{width:7.2rem;text-align:right;padding:.4rem .5rem;border:1.5px solid var(--linie2);border-radius:8px;font:inherit}
.r-eingabe i{font-style:normal;font-size:.78rem;color:var(--leise);min-width:2.6rem}
.r-summe{margin:.7rem 0 0;text-align:right}
/* Begleitung */
.phasen{display:grid;gap:.9rem;margin-top:1.8rem;grid-template-columns:1fr}
@media(min-width:760px){.phasen{grid-template-columns:1fr 1fr}}
.phasen > div{padding:1.2rem 1.3rem;border-radius:14px;background:rgba(255,255,255,.7)}
.phasen span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--lagune)}
.phasen b{display:block;font-family:var(--serif);font-weight:500;font-size:1.25rem;margin:.2rem 0}
.phasen p{margin:0;color:var(--tinte2);font-size:.93rem}
.zweispalt{display:grid;gap:1.2rem;grid-template-columns:1fr}@media(min-width:900px){.zweispalt{grid-template-columns:1fr 1fr}}
.klein{font-size:.88rem;color:var(--tinte2)}
.drehliste,.takt{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.6rem}
.drehliste li,.takt li{display:grid;gap:.1rem;padding-bottom:.6rem;border-bottom:1px solid var(--linie)}
.drehliste span,.takt span{font-size:.9rem;color:var(--tinte2)}
.routine{display:grid;gap:.9rem;grid-template-columns:1fr 1fr}@media(min-width:900px){.routine{grid-template-columns:repeat(4,1fr)}}
.routine > div{padding:1.1rem 1.2rem;border-radius:14px;background:var(--papier);box-shadow:var(--schatten)}
.routine span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune)}
.routine b{display:block;font-family:var(--serif);font-weight:500;font-size:1.2rem;margin:.2rem 0}
.routine p{margin:0;font-size:.9rem;color:var(--tinte2)}
.routine-stimme{background:var(--tiefsee)!important;color:#fff}.routine-stimme p{color:rgba(255,255,255,.8)!important}
.fluss{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.8rem;grid-template-columns:1fr 1fr}
@media(min-width:900px){.fluss{grid-template-columns:repeat(6,1fr)}}
.fluss li{position:relative;padding:1rem;border-radius:14px;background:var(--papier);border:1px solid var(--linie)}
.f-nr{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--lagune);color:#fff;
  font-size:.8rem;font-weight:800}
.fluss b{display:block;margin:.5rem 0 .2rem}.fluss p{margin:0;font-size:.85rem;color:var(--tinte2)}
.rollen{display:grid;gap:.9rem;grid-template-columns:1fr}@media(min-width:760px){.rollen{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.rollen{grid-template-columns:repeat(4,1fr)}}
.rolle{padding:1.2rem;border-radius:14px;background:var(--papier);box-shadow:var(--schatten)}
.rolle span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune)}
.rolle h3{margin:.25rem 0 .5rem;font-size:1.1rem}.rolle p{margin:0;font-size:.92rem;color:var(--tinte2)}
/* Drehvorlage */
.drehvorlage h2{margin:2.6rem 0 1rem;font-size:clamp(1.4rem,1.2rem + 1vw,1.9rem)}
.drehvorlage h2:first-child{margin-top:0}
.dv-plan td:first-child{font-weight:800;color:var(--lagune);white-space:nowrap}
.dv-folgen{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:900px){.dv-folgen{grid-template-columns:1fr 1fr}}
.dv-folge{padding:1rem 1.2rem;border-radius:14px;background:var(--muschel);border:1px solid var(--linie)}
.dv-folge h3{margin:0;font-size:1.1rem}.dv-folge h3 span{color:var(--lagune);font-family:var(--sans);font-size:.8rem;
  font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-right:.4rem}
.dv-folge ol{margin:.6rem 0 0;padding-left:1.2rem;font-size:.93rem}.dv-folge li{margin-bottom:.3rem}
.dv-skript{margin-bottom:1.6rem}.dv-skript h3{margin:0;font-size:1.15rem}
.dv-skript td:last-child{color:var(--tinte2);font-size:.88rem;width:34%}
/* Druck */
@media print{
  .kopf,.entwurf,.aktionsleiste,.fuss,.merkleiste,#drucken,.r-varianten,.r-regler,#r-zurueck,.menue,.menueknopf{display:none!important}
  body{background:#fff}.band{padding:1.2rem 0!important}.zeig{opacity:1!important;transform:none!important}
  .kapitel,.dv-folge,.dv-skript,.r-kennzahlen > div,.rolle,.fluss li{break-inside:avoid}
  .r-annahmen{box-shadow:none}.r-eingabe input{border:0}
  a{color:inherit;text-decoration:none}
}
.r-tabelle tr.summe td.minus{color:var(--korall)}
.g-text{display:block;padding:.7rem .9rem;border:1.5px solid var(--linie2);border-radius:10px;font:inherit;font-size:.95rem;background:var(--muschel);color:var(--tinte)}
.g-text:focus{outline:2px solid var(--lagune);outline-offset:1px;border-color:var(--lagune)}

/* ==================================================================
   RUNDE 8 — LIEBEVOLL! Experience: Modell, Pioniersaison, Reihe
   ================================================================== */
.drei-worte{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 .4rem}
.drei-worte span{padding:.45rem .95rem;border-radius:999px;background:var(--tiefsee);color:#fff;font-weight:700;font-size:.92rem}
.modell{list-style:none;padding:0;margin:0;display:grid;gap:.7rem;counter-reset:m}
.modell li{display:grid;grid-template-columns:2.6rem 1fr;gap:.15rem 1rem;align-items:start;padding:1rem 1.1rem;
  border-radius:14px;background:var(--papier);border:1px solid var(--linie);box-shadow:var(--schatten)}
.modell li span{grid-row:span 2;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;
  background:var(--lagune);color:#fff;font-family:var(--serif);font-size:1.15rem}
.modell li b{font-size:1.08rem}.modell li p{margin:0;color:var(--tinte2)}
.optionen i{font-style:normal;font-weight:700;color:var(--lagune-tief)}
.preisbox{display:grid;gap:1rem;grid-template-columns:1fr;align-items:stretch}
@media(min-width:760px){.preisbox{grid-template-columns:auto 1fr}}
.preis-gross{display:grid;gap:.2rem;align-content:center;padding:1.3rem 1.6rem;border-radius:16px;background:var(--tiefsee);color:#fff}
.preis-gross span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--lagune-hell)}
.preis-gross b{font-family:var(--serif);font-weight:500;font-size:clamp(2.2rem,1.6rem + 2.4vw,3.2rem);line-height:1}
.preis-gross small{font-size:.85rem;opacity:.8;line-height:1.45}
.preis-zeilen{display:grid;gap:.5rem;align-content:center}
.preis-zeilen p{margin:0;padding:.75rem 1rem;border-radius:12px;background:var(--muschel);border:1px solid var(--linie)}
.preis-zeilen b{display:inline-block;min-width:6.5rem;font-family:var(--serif);font-weight:500;font-size:1.15rem;color:var(--tiefsee)}
.pionier-band{margin-top:2.4rem;display:grid;gap:1.4rem;grid-template-columns:1fr;align-items:center;padding:1.6rem;
  border-radius:18px;background:var(--sand)}
@media(min-width:900px){.pionier-band{grid-template-columns:1fr auto;padding:2rem 2.2rem}}

.mitreden-raster{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:900px){.mitreden-raster{grid-template-columns:repeat(3,1fr)}}
.mitreden-raster > div{padding:1.3rem 1.4rem;border-radius:16px;background:var(--papier);box-shadow:var(--schatten)}
.mitreden-raster span{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--sonne);
  color:#fff;font-weight:800}
.mitreden-raster h3{margin:.8rem 0 .4rem;font-size:1.2rem}.mitreden-raster p{margin:0;color:var(--tinte2)}

.r-kennzahlen--zwei{grid-template-columns:1fr}
@media(min-width:760px){.r-kennzahlen--zwei{grid-template-columns:1fr 1fr}}
.r-tabelle--klein td,.r-tabelle--klein th{font-size:.9rem}
.feld-info{margin:.3rem 0 0;padding:.75rem .9rem;border-radius:10px;background:var(--lagune-weich);font-size:.9rem;color:var(--tinte)}
.drei-worte{gap:0}
.drei-worte span{background:none;color:var(--tiefsee);padding:0;font-family:var(--serif);font-weight:500;font-size:1.3rem}
.drei-worte span + span::before{content:"·";margin:0 .7rem;color:var(--lagune)}
.rechner{grid-template-columns:minmax(0,1fr)}.rechner > *{min-width:0}

/* ==================================================================
   RUNDE 9 — Eigene und offene Crew, Team, Schiffsrechnung
   ================================================================== */

.wege{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:760px){.wege{grid-template-columns:1fr 1fr}}
.weg{padding:1.5rem 1.6rem;border-radius:18px;background:var(--papier);box-shadow:var(--schatten);display:grid;gap:.4rem;align-content:start}
.weg > span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--lagune)}
.weg h3{margin:0;font-size:1.4rem}.weg p{margin:.3rem 0 0;color:var(--tinte2)}
.weg-preis{font-weight:800;color:var(--tiefsee)!important;margin-top:.8rem!important}
.immer-dirk{margin:1.6rem 0 0;font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--tiefsee)}
.optionen--vier{grid-template-columns:1fr}
@media(min-width:760px){.optionen--vier{grid-template-columns:1fr 1fr}}

.leise{color:var(--leise);font-weight:400}
.r-balken-spur i.voll{background:var(--lagune-tief)}
.r-balken-zeile b{white-space:nowrap}

/* ==================================================================
   RUNDE 10 — Alles drin, Marktvergleich
   ================================================================== */
.alles-drin{display:grid;gap:1.2rem 2rem;grid-template-columns:1fr;padding:1.5rem 1.6rem;border-radius:18px;
  background:var(--papier);box-shadow:var(--schatten);border:1.5px solid var(--lagune-weich)}
@media(min-width:900px){.alles-drin{grid-template-columns:1.5fr 1fr}}
.ad-titel{margin:0 0 .6rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune-tief)}
.ad-rest .ad-titel{color:var(--leise)}
.ad-rest .ad-titel + ul + .ad-titel{margin-top:1.1rem}
.alles-drin ul{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}
.alles-drin .haken li{font-size:.95rem}
.ad-rest ul li{font-size:.92rem;color:var(--tinte2);padding-left:1rem;position:relative}
.ad-rest ul li::before{content:"–";position:absolute;left:0;color:var(--leise)}
.alles-drin.kompakt{margin-top:1.4rem;padding:1.2rem 1.3rem;grid-template-columns:1fr}
.markt tr.wir td{font-weight:700;color:var(--tiefsee);background:var(--lagune-weich)}

/* ==================================================================
   RUNDE 11 — Geführter Weg, Buchungsassistent, Präsentationsmodus
   ================================================================== */
/* Weg-Leiste */

.naechster{color:var(--lagune-hell)!important}
/* Startseite: Preis */

/* Live-Preis */
.live-preis{margin-top:1.8rem;padding:1.4rem 1.5rem;border-radius:18px;background:var(--tiefsee);color:#fff;display:grid;gap:.3rem}
.lp-titel{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--lagune-hell)}
.live-preis b{font-family:var(--serif);font-weight:500;font-size:clamp(2.2rem,1.7rem + 2vw,3rem);line-height:1.05}
#lp-detail{font-size:.95rem;color:rgba(234,242,241,.9)}
.lp-klein{font-size:.85rem;color:rgba(234,242,241,.75)}
.lp-drin{margin-top:.4rem;font-size:.85rem;font-weight:700;color:var(--lagune-hell)}
/* Assistent */
.assistent{padding:clamp(1.3rem,3vw,2rem)}
.schritte-leiste{list-style:none;padding:0;margin:0 0 1.6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.schritte-leiste li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--leise);
  padding-bottom:.6rem;border-bottom:3px solid var(--linie)}
.schritte-leiste li span{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;
  border:1.5px solid currentColor;font-size:.78rem;flex:none}
.schritte-leiste li.an{color:var(--tiefsee);border-color:var(--lagune)}
.schritte-leiste li.an span{background:var(--lagune);border-color:var(--lagune);color:#fff}
.schritte-leiste li.fertig{color:var(--lagune-tief);border-color:var(--lagune-weich)}
.schritt.an{animation:auftritt .4s cubic-bezier(.16,1,.3,1) both}
.schritt h3{font-size:1.4rem;margin:0 0 1rem}
.schritt .knopfreihe{margin-top:1.6rem}
.gewaehlt-anzeige{font-family:var(--serif);font-style:italic;font-size:1.3rem;margin:0 0 .6rem;color:var(--tiefsee)}
.zaehler-reihe{display:grid;gap:.7rem;margin-top:1.2rem}
.zaehler{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:12px;background:var(--muschel);border:1px solid var(--linie)}
.zaehler > span{font-weight:700;display:grid}
.zaehler small{font-weight:400;color:var(--leise);font-size:.85rem}
.zaehler div{display:flex;align-items:center;gap:.7rem}
.zaehler button{width:2.4rem;height:2.4rem;border-radius:50%;border:1.5px solid var(--linie2);background:var(--papier);
  font-size:1.2rem;font-weight:700;cursor:pointer;color:var(--tiefsee)}
.zaehler button:hover{border-color:var(--lagune);color:var(--lagune)}
.zaehler b{min-width:1.4rem;text-align:center;font-size:1.2rem}
.wahlreihe--klein{margin-top:1rem}
.formular{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:600px){.formular{grid-template-columns:1fr 1fr}.formular .voll,.formular .gestalten,.formular .einwilligung{grid-column:1/-1}}
.danach{list-style:none;padding:0;margin:0 0 1.2rem;display:grid;gap:.7rem;counter-reset:d}
.danach li{display:grid;grid-template-columns:2.2rem 1fr;gap:.1rem .9rem;padding:.9rem 1rem;border-radius:12px;background:var(--lagune-weich)}
.danach li::before{counter-increment:d;content:counter(d);grid-row:span 2;width:2rem;height:2rem;border-radius:50%;
  display:grid;place-items:center;background:var(--lagune);color:#fff;font-weight:800}
.danach span{color:var(--tinte2);font-size:.93rem}
.danach-zusammenfassung{font-weight:700;color:var(--tiefsee)}
/* Konzept: Auf einen Blick */
.blick-raster{display:grid;gap:.9rem;grid-template-columns:1fr}
@media(min-width:760px){.blick-raster{grid-template-columns:1fr 1fr}}
.blick-raster > div{padding:1.3rem 1.4rem;border-radius:16px;background:var(--papier);box-shadow:var(--schatten);display:grid;gap:.3rem}
.blick-raster span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune)}
.blick-raster b{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);color:var(--tiefsee);line-height:1.15}
.blick-raster p{margin:0;color:var(--tinte2);font-size:.95rem}
.blick-raster p span{font-size:inherit;letter-spacing:0;text-transform:none;font-weight:700;color:var(--tiefsee)}
/* Präsentationsmodus */

.praesentation .kopf,.praesentation .entwurf,.praesentation .fuss,.praesentation .aktionsleiste,
.praesentation .leitfaden-kopf,.praesentation .p-aus{display:none!important}
.praesentation .kapitel{display:none}
.praesentation .kapitel.aktiv{display:block;border:0;padding:clamp(1rem,4vh,3rem) 0 7rem;min-height:100vh}
.praesentation .kapitel.aktiv h2{font-size:clamp(2.1rem,1.5rem + 2.4vw,3.4rem)}
.praesentation main > section{padding:0}

/* Nebenknopf klar vom Hauptknopf abgesetzt */
.knopf--rand{background:transparent;color:var(--tiefsee);border-color:var(--linie2);box-shadow:none}
.knopf--rand:hover{background:var(--tiefsee);border-color:var(--tiefsee);color:var(--muschel)}
@media(min-width:800px){.ablauf{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
@media(min-width:800px){.ablauf:has(> :nth-child(4)){grid-template-columns:repeat(4,1fr)}}

/* ==================================================================
   RUNDE 12 — Deine Reise planen, Kapitel, Präsentation
   ================================================================== */
/* Planer */
.pl-kopf{padding:clamp(2.2rem,6vw,4.5rem) 0 1.6rem;background:var(--sand)}
.pl-kopf h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.2rem);margin:.3rem 0 1.4rem}
.pl-leiste{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}
.pl-leiste li{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;color:var(--leise);
  padding-bottom:.6rem;border-bottom:3px solid var(--sandlinie)}
.pl-leiste li span{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;border:1.5px solid currentColor;font-size:.8rem;flex:none}
.pl-leiste li.erreichbar{cursor:pointer}
.pl-leiste li.fertig{color:var(--lagune-tief);border-color:var(--lagune-hell)}
.pl-leiste li.fertig span{background:var(--lagune-weich);border-color:var(--lagune-weich)}
.pl-leiste li.an{color:var(--tiefsee);border-color:var(--lagune)}
.pl-leiste li.an span{background:var(--lagune);border-color:var(--lagune);color:#fff}
@media(max-width:699px){.pl-leiste li{font-size:0;gap:0;justify-content:center}.pl-leiste li span{font-size:.8rem}}
.pl-band{padding-top:2.4rem}
.pl-raster{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:1000px){.pl-raster{grid-template-columns:minmax(0,1fr) 330px;align-items:start}.pl-reise{position:sticky;top:6.5rem}}
.pl-schritt:not([hidden]){animation:auftritt .45s cubic-bezier(.16,1,.3,1) both}
.pl-schritt h2{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.3rem);margin:0 0 .4rem}
.pl-hilfe{color:var(--tinte2);margin:0 0 1.4rem}
.pl-karten{display:grid;gap:.9rem;grid-template-columns:1fr 1fr}
@media(min-width:760px){.pl-karten--vier{grid-template-columns:repeat(4,1fr)}}
.pl-karte{position:relative;display:flex;flex-direction:column;border:2px solid transparent;border-radius:16px;overflow:hidden;
  background:var(--papier);box-shadow:var(--schatten);padding:0;cursor:pointer;text-align:left;font:inherit;color:var(--tinte);
  transition:transform .2s,border-color .2s,box-shadow .2s}
.pl-karte img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.pl-karte-text{padding:.85rem .95rem 1rem;display:grid;gap:.25rem}
.pl-karte-text b{font-size:1.05rem}.pl-karte-text small{color:var(--tinte2);font-size:.85rem;line-height:1.4}
.pl-karte:hover{transform:translateY(-3px);box-shadow:var(--schatten-hoch)}
.pl-karte.gewaehlt{border-color:var(--lagune)}
.pl-karte.gewaehlt::after{content:"✓";position:absolute;top:.65rem;left:.65rem;width:1.9rem;height:1.9rem;border-radius:50%;
  background:var(--lagune);color:#fff;display:grid;place-items:center;font-weight:800;z-index:2}
.pl-rahmen::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--akzent);z-index:1}
.pl-empf{display:none;position:absolute;top:.75rem;right:.65rem;background:var(--sonne);color:#fff;font-size:.7rem;font-weight:800;
  padding:.22rem .6rem;border-radius:999px;z-index:2}
.pl-rahmen.empfohlen .pl-empf{display:block}
.pl-fensterliste{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.pl-fenster{display:grid;gap:.25rem;text-align:left;padding:1rem 1.1rem;border-radius:14px;border:2px solid var(--linie);
  background:var(--papier);cursor:pointer;font:inherit;color:var(--tinte);transition:.2s}
.pl-fenster:hover:not(:disabled){border-color:var(--lagune)}
.pl-fenster b{font-family:var(--serif);font-weight:500;font-size:1.2rem}
.pl-fenster span{font-size:.88rem;color:var(--lagune-tief);font-weight:700}
.pl-fenster em{font-style:normal;font-size:.75rem;font-weight:800;color:#2E4A86}
.pl-fenster:disabled{opacity:.45;cursor:not-allowed}
.pl-fenster:disabled span{color:var(--leise)}
.pl-fenster.gewaehlt{border-color:var(--lagune);background:var(--lagune-weich)}
.pl-wunsch{margin-top:1.2rem;display:grid;gap:.6rem;justify-items:start;padding:1.2rem 1.3rem;border-radius:14px;border:2px dashed var(--linie2)}
.pl-wunsch.gewaehlt{border-style:solid;border-color:var(--lagune);background:var(--lagune-weich)}
.pl-wunsch span{color:var(--tinte2);font-size:.92rem}
.pl-wunsch label{font-weight:700;font-size:.92rem}
.pl-wunsch select{margin-left:.5rem;padding:.4rem .5rem;border-radius:8px;border:1.5px solid var(--linie2);font:inherit}
.pl-hinweis{margin:.9rem 0 0;padding:.75rem .95rem;border-radius:10px;background:var(--sonne-weich);font-size:.9rem}
#pl-crew button:disabled{opacity:.4;cursor:not-allowed}
#pl-offen,#pl-eigen{margin-top:1.2rem}
.pl-vorgespraech{border:0;padding:0;margin:0}
.pl-vorgespraech legend{font-weight:700;margin-bottom:.3rem}
.pl-vorgespraech .klein{margin:0 0 .6rem}
.pl-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--linie)}
.pl-nav .knopf:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.pl-reise{padding:1.4rem 1.5rem;border-radius:18px;background:var(--tiefsee);color:#fff;display:grid;gap:.45rem}
.pl-reise dl{margin:.4rem 0;display:grid;gap:.45rem}
.pl-reise dl div{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:.45rem}
.pl-reise dt{color:rgba(234,242,241,.7)}.pl-reise dd{margin:0;font-weight:700;text-align:right}
.pl-preis{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,1.6rem + 1.4vw,2.6rem);line-height:1.05}
.pl-neu{justify-self:start;background:none;border:0;color:var(--lagune-hell);font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer;padding:0}
.pl-partner{font-size:.74rem;color:rgba(234,242,241,.6);margin-top:.5rem;line-height:1.5}
.pl-partner a{color:#fff}
body:has(#planer) .aktionsleiste{display:none}
@media(max-width:999px){
  .pl-reise{position:sticky;bottom:.6rem;z-index:60;padding:.9rem 1.1rem;grid-template-columns:1fr auto;align-items:center;gap:.1rem 1rem;
    box-shadow:0 12px 30px rgba(6,28,34,.3)}
  .pl-reise dl,.pl-reise .lp-titel,.pl-reise .pl-partner,.pl-reise .pl-neu{display:none}
  .pl-preis{font-size:1.6rem}.pl-reise .lp-klein{grid-column:1/-1}
}
/* Mitlaufende Reise */
.reise-pill{position:fixed;right:1.2rem;bottom:1.2rem;z-index:80;display:none;align-items:center;gap:.9rem;
  padding:.55rem .55rem .55rem 1.1rem;border-radius:999px;background:var(--tiefsee);color:#fff;text-decoration:none;
  box-shadow:0 12px 30px rgba(6,28,34,.3);font-size:.9rem;max-width:min(560px,calc(100vw - 2.4rem))}
.reise-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reise-pill b{flex:none;background:var(--lagune);padding:.5rem .9rem;border-radius:999px}
@media(min-width:760px){.reise-pill{display:flex}}
/* Startseite: Kapitel */
.kapitel-punkte{position:fixed;right:1.1rem;top:50%;transform:translateY(-50%);z-index:70;display:none;flex-direction:column;gap:.75rem}
@media(min-width:1100px){.kapitel-punkte{display:flex}}
.kapitel-punkte a{position:relative;width:.72rem;height:.72rem;border-radius:50%;background:rgba(12,58,67,.25);
  border:2px solid #fff;box-shadow:0 0 0 1px rgba(12,58,67,.2);transition:.25s}
.kapitel-punkte a.an{background:var(--lagune);transform:scale(1.3)}
.kapitel-punkte span{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.78rem;font-weight:700;
  background:var(--tiefsee);color:#fff;padding:.25rem .65rem;border-radius:999px;opacity:0;pointer-events:none;transition:.2s}
.kapitel-punkte a:hover span{opacity:1}

/* Präsentation */
.deck-seite{margin:0;background:var(--tiefsee);overflow:hidden}
.deck-seite .kopf,.deck-seite .entwurf{display:none}
.deck{position:fixed;inset:0}
.deck-fortschritt{position:fixed;left:0;right:0;top:0;height:4px;z-index:5;background:rgba(255,255,255,.1)}
.deck-fortschritt i{display:block;height:100%;width:0;background:var(--lagune);transition:width .3s}
.folie{position:absolute;inset:0;display:none;flex-direction:column;justify-content:center;overflow:auto;background:var(--muschel);
  padding:clamp(2rem,5vh,4rem) clamp(1.5rem,6vw,6rem) 6.5rem}
.folie.aktiv{display:flex;animation:auftritt .45s cubic-bezier(.16,1,.3,1) both}
.folie-innen{width:min(1180px,100%);margin:0 auto}
.folie h2{font-size:clamp(2rem,1.4rem + 2.6vw,3.5rem);margin:.4rem 0 1.4rem;max-width:24ch}
.folie-gross{font-size:clamp(2.4rem,1.6rem + 3.4vw,4.6rem)!important;max-width:18ch!important}
.folie-vorsatz{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--lagune);margin:0}
.folie-text{font-size:clamp(1.05rem,.95rem + .5vw,1.35rem);color:var(--tinte2);max-width:52ch;line-height:1.55}
.folie-text.klein{font-size:1rem}
.folie-heisst{width:min(1180px,100%);margin:2.2rem auto 0;padding:1rem 1.3rem;border-radius:14px;background:var(--lagune-weich);
  font-size:clamp(1rem,.95rem + .3vw,1.2rem);color:var(--tiefsee)}
.folie-heisst b{color:var(--lagune-tief)}
.folie--titel{padding:0;background:#061B21}
.folie--titel .folie-innen{position:relative;width:100%;height:100%;margin:0}
img.folie-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.folie--titel .folie-innen::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,27,33,.85),rgba(6,27,33,.15))}
.folie-titeltext{position:absolute;z-index:1;left:clamp(1.5rem,7vw,7rem);bottom:clamp(6rem,16vh,10rem);color:#fff}
.folie-logo{width:min(580px,80vw);height:auto;display:block}
.folie-claim{font-family:var(--serif);font-size:clamp(1.5rem,1rem + 2vw,2.6rem);margin:1.4rem 0 .5rem}
.folie-klein{font-size:.92rem;opacity:.85;margin:0}
.folie-kacheln{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
@media(min-width:900px){.folie-kacheln{grid-template-columns:repeat(4,1fr)}}
.folie-kachel{margin:0;border-radius:16px;overflow:hidden;background:var(--papier);box-shadow:var(--schatten)}
.folie-kachel img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.folie-kachel figcaption{padding:.9rem 1rem;display:grid;gap:.2rem;font-size:.92rem;color:var(--tinte2)}
.folie-kachel b{font-family:var(--serif);font-weight:500;font-size:1.3rem;color:var(--tiefsee)}
.folie-schritte{list-style:none;padding:0;margin:0;display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:900px){.folie-schritte{grid-template-columns:repeat(5,1fr)}.folie-schritte--drei{grid-template-columns:repeat(3,1fr)}}
.folie-schritte li{padding:1.2rem;border-radius:16px;background:var(--papier);box-shadow:var(--schatten);display:grid;gap:.4rem;align-content:start}
.folie-schritte span{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--lagune);color:#fff;
  font-family:var(--serif);font-size:1.2rem}
.folie-schritte b{font-size:1.1rem}.folie-schritte p{margin:0;color:var(--tinte2);font-size:.95rem}
.folie-zwei{display:grid;gap:2.4rem;grid-template-columns:1fr;align-items:center}
@media(min-width:1000px){.folie-zwei{grid-template-columns:.85fr 1.15fr}}
.folie-zahlen{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
@media(min-width:900px){.folie-zahlen{grid-template-columns:repeat(4,1fr)}}
.folie-zahlen div{padding:1.2rem 1.3rem;border-radius:16px;background:var(--papier);box-shadow:var(--schatten);display:grid;gap:.3rem}
.folie-zahlen span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--leise)}
.folie-zahlen b{font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,1.4rem + 1.6vw,2.6rem);color:var(--tiefsee)}
.folie-liste{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.folie-liste li{padding:1rem 1.2rem;border-radius:14px;background:var(--papier);box-shadow:var(--schatten);font-size:1.08rem}
.folie-drin{max-width:1180px}
.markt{display:grid;gap:.7rem}
.markt-zeile{display:grid;grid-template-columns:minmax(9rem,15rem) 1fr auto;gap:.9rem;align-items:center;font-size:.95rem}
.markt-spur{height:1rem;border-radius:999px;background:var(--sand);overflow:hidden}
.markt-spur i{display:block;height:100%;border-radius:999px;background:#9DB9BB}
.markt-zeile.wir{font-weight:800;color:var(--tiefsee)}
.markt-zeile.wir .markt-spur i{background:var(--lagune)}
.markt-zeile b{white-space:nowrap;font-size:.9rem}
@media(max-width:699px){.markt-zeile{grid-template-columns:1fr auto}.markt-spur{grid-column:1/-1;order:3}}
.deck-steuer{position:fixed;left:50%;bottom:1.1rem;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:.45rem;
  padding:.4rem;border-radius:999px;background:var(--tiefsee);box-shadow:0 14px 40px rgba(6,28,34,.35)}
.deck-steuer button,.deck-steuer a{border:0;border-radius:999px;padding:.6rem 1rem;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;
  background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.deck-steuer #deck-weiter{background:var(--lagune)}
#deck-stand{min-width:4.2rem;text-align:center;color:#fff;font-weight:700;font-size:.9rem}
@media(max-width:699px){.deck-steuer a{display:none}}
.deck-raster{position:fixed;inset:0;z-index:7;background:rgba(6,27,33,.92);display:grid;place-items:center;padding:2rem}
.deck-raster[hidden]{display:none}
.deck-raster > div{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:min(1000px,100%)}
.deck-raster button{display:flex;gap:.7rem;align-items:center;text-align:left;padding:1rem;border-radius:14px;border:0;
  background:rgba(255,255,255,.08);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.deck-raster button:hover{background:var(--lagune)}
.deck-raster span{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:rgba(255,255,255,.15);flex:none}
@media print{
  @page{size:A4 landscape;margin:0}
  .deck-seite{overflow:visible;background:#fff}
  .deck{position:static}
  .folie{display:flex!important;position:relative;inset:auto;height:100vh;page-break-after:always;break-after:page;animation:none!important}
  .deck-steuer,.deck-fortschritt,.deck-raster{display:none!important}
}
.markt-zeile{grid-template-columns:minmax(9rem,15rem) minmax(0,1fr) 13rem}
.markt-zeile b{text-align:right}
@media(max-width:699px){.markt-zeile{grid-template-columns:1fr auto}}

/* ==================================================================
   RUNDE 13 — Rechnung zum Anfassen, Gesamtpaket
   ================================================================== */
.r-regler-box{padding:1.4rem 1.5rem;border-radius:18px;background:var(--papier);box-shadow:var(--schatten);display:grid;gap:1.2rem}
.r-regler-kopf{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:center;justify-content:space-between}
.r-regler-kopf .r-titel{margin:0;font-size:1.15rem}
.r-regler-raster{display:grid;gap:1rem 2rem;grid-template-columns:1fr}
@media(min-width:760px){.r-regler-raster{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.r-regler-raster{grid-template-columns:repeat(3,1fr)}}
.r-schieber{display:grid;grid-template-columns:1fr auto;gap:.3rem .8rem;align-items:baseline}
.r-schieber span{font-size:.88rem;font-weight:700;color:var(--tinte2)}
.r-schieber b{font-family:var(--serif);font-weight:500;font-size:1.35rem;color:var(--tiefsee)}
.r-schieber input{grid-column:1/-1;width:100%;accent-color:var(--lagune);height:1.6rem;cursor:pointer}
.r-regler-box .knopfreihe{margin:0}
.r-grafiken{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:1000px){.r-grafiken{grid-template-columns:repeat(2,minmax(0,1fr))}}
.r-grafik{margin:0;padding:1.3rem 1.4rem;border-radius:18px;background:var(--papier);box-shadow:var(--schatten);display:grid;gap:1rem;align-content:start}
.r-grafik figcaption{display:grid;gap:.25rem}
.r-grafik figcaption b{font-size:1.1rem;color:var(--tiefsee)}
.r-grafik figcaption span{font-size:.88rem;color:var(--tinte2)}
.g-zeile{display:grid;gap:.4rem;margin-bottom:.4rem}
.g-zeile-kopf{display:flex;justify-content:space-between;font-size:.9rem;font-weight:700}
.g-stapel{display:flex;height:1.6rem;border-radius:8px;overflow:hidden;background:var(--sand)}
.g-stapel i{display:block;height:100%}
.g-reisen{background:#9DB9BB}.g-schiff{background:#C9A86A}.g-jahr{background:#D8CBB3}.g-erg{background:var(--lagune)}
.g-legende{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.82rem;color:var(--tinte2);align-items:center}
.g-legende i{display:inline-block;width:.85rem;height:.85rem;border-radius:3px;margin-right:.3rem;vertical-align:-1px}
.g-notiz{margin:0;font-size:.9rem;font-weight:700;color:var(--tiefsee)}
.g-gleichung{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.g-gleichung div{padding:.7rem .8rem;border-radius:12px;background:var(--muschel);display:grid;gap:.15rem}
.g-gleichung span{font-size:.75rem;color:var(--leise);font-weight:700}
.g-gleichung b{font-family:var(--serif);font-weight:500;font-size:1.25rem;color:var(--tiefsee)}
.g-gleichung .g-db{background:var(--lagune);}.g-gleichung .g-db span,.g-gleichung .g-db b{color:#fff}
.g-wochen{display:flex;flex-wrap:wrap;gap:.3rem}
.g-wochen i{width:1.35rem;height:1.35rem;border-radius:5px}
.g-wochen i.deckt{background:#D8CBB3}.g-wochen i.gewinn{background:var(--lagune)}
.g-saeulen{position:relative;display:flex;gap:.5rem;align-items:flex-end}
.g-saeule{flex:1;display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:.25rem;min-width:0}
.g-saeule > b{font-size:.75rem;color:var(--tinte2);white-space:nowrap}
.g-saeule > span{font-size:.75rem;color:var(--leise);font-weight:700;height:1.2rem;line-height:1.2rem}
.g-oben{display:flex;align-items:flex-end;justify-content:center;border-bottom:2px solid var(--linie2)}
.g-unten{display:flex;align-items:flex-start;justify-content:center}
.g-oben i,.g-unten i{display:block;width:70%;max-width:3rem;background:#9DB9BB;border-radius:6px 6px 0 0}
.g-unten i{border-radius:0 0 6px 6px}
.g-oben i.minus,.g-unten i.minus{background:var(--korall)}
.g-saeule.an > b{color:var(--tiefsee);font-weight:800}
.g-saeule.an .g-oben i{background:var(--lagune)}
.g-saeule.an > span{color:var(--tiefsee)}
.g-saeulen--rueck .g-oben i{background:#9DB9BB}
.g-saeulen--rueck .bezahlt .g-oben i{background:var(--lagune)}
.g-linie{position:absolute;left:0;right:0;border-top:2px dashed var(--sonne);pointer-events:none}
.g-linie span{position:absolute;right:0;top:-1.45rem;font-size:.75rem;font-weight:800;color:#8A5414;background:var(--papier);padding:0 .3rem}
.r-tabelle-huelle + .r-hinweis{margin-top:1.2rem}
/* Gesamtpaket in der Arbeitsgrundlage */
.paket-kopf{display:grid;gap:1.4rem;grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.paket-kopf{grid-template-columns:1fr auto}}
/* Präsentation: Live-Regler */
.deck-rechner{margin-top:1.4rem;align-items:start}
.dr-regler{display:grid;gap:.9rem;padding:1.2rem 1.3rem;border-radius:16px;background:var(--papier);box-shadow:var(--schatten)}
.folie a{color:var(--lagune-tief)}
.markt-zeile a{color:inherit;text-decoration:underline;text-decoration-color:var(--linie2);text-underline-offset:3px}
.markt td a{color:var(--tiefsee);font-weight:700;text-decoration:underline;text-decoration-color:var(--linie2);text-underline-offset:3px}

/* ==================================================================
   RUNDE 14 — Korrekturen
   ================================================================== */
[hidden]{display:none!important}
.pl-fenster{align-content:start}
/* Einblenden entschärft: Inhalte sind sofort sichtbar und gleiten nur leicht herein */
.zeig{opacity:1;transform:translateY(12px);transition:transform .7s cubic-bezier(.16,1,.3,1)}

/* ==================================================================
   RUNDE 15 — Kosten verständlich aufgeschlüsselt
   ================================================================== */
.g-stapel i{cursor:pointer;transition:filter .2s,opacity .2s}
.g-stapel i:hover{filter:brightness(1.08)}
.g-stapel i.an{box-shadow:inset 0 0 0 3px rgba(12,58,67,.55)}
.g-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}
.g-tabs button{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:999px;border:1.5px solid var(--linie2);
  background:var(--papier);font:inherit;font-size:.88rem;font-weight:700;color:var(--tinte2);cursor:pointer}
.g-tabs button.an{border-color:var(--tiefsee);color:var(--tiefsee);background:var(--muschel)}
.g-tabs i{width:.8rem;height:.8rem;border-radius:3px;display:inline-block}
.g-posten-titel{margin:.9rem 0 .3rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--leise)}
.g-posten{display:grid;gap:0;border-top:1px solid var(--linie)}
.g-posten-zeile{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--linie)}
.g-posten-zeile b{display:block;font-size:.92rem;color:var(--tiefsee)}
.g-posten-zeile small{display:block;font-size:.8rem;color:var(--tinte2);line-height:1.4;margin-top:.1rem}
.g-betrag{font-weight:700;white-space:nowrap;color:var(--tiefsee);font-variant-numeric:tabular-nums}
.g-posten-zeile.summe{border-bottom:0;border-top:2px solid var(--tiefsee)}
.g-posten-zeile.summe b,.g-posten-zeile.summe .g-betrag{font-size:1rem}
.g-posten-zeile.minus .g-betrag{color:var(--korall)}
.g-posten--klein .g-posten-zeile{padding:.4rem 0}
.r-pruef{padding:1.3rem 1.4rem;border-radius:18px;background:var(--papier);box-shadow:var(--schatten)}
.r-pruef .r-titel{margin:0 0 .8rem}
#g-pruef{display:grid;gap:.8rem;grid-template-columns:1fr}
@media(min-width:900px){#g-pruef{grid-template-columns:repeat(3,1fr)}}
.g-pruefstein{display:flex;gap:.8rem;align-items:flex-start;padding:.9rem 1rem;border-radius:14px;background:var(--lagune-weich)}
.g-pruefstein.warn{background:var(--sonne-weich)}
.g-haken{flex:none;width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:var(--lagune);color:#fff;font-weight:800}
.g-pruefstein.warn .g-haken{background:var(--sonne)}
.g-pruefstein b{display:block;color:var(--tiefsee)}
.g-pruefstein p{margin:.25rem 0 0;font-size:.85rem;color:var(--tinte2);line-height:1.45}
.r-erkl{display:block;font-size:.76rem;color:var(--leise);font-weight:400;line-height:1.35;margin-top:.15rem}

/* ==================================================================
   RUNDE 16 — Geschichte, Tag an Bord, Dirk, Wellen, Präsentation
   ================================================================== */
/* Wellen als Übergang in die Sandkapitel */
.band--sand{position:relative}
.band--sand::before{content:"";position:absolute;left:0;right:0;top:-26px;height:27px;background:inherit;pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30C240 4 480 2 720 14s480 16 720-6V30Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 30' preserveAspectRatio='none'%3E%3Cpath d='M0 30C240 4 480 2 720 14s480 16 720-6V30Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
@media print{.band--sand::before{display:none}}
/* Beispielbild: dezenter Punkt, Text beim Darüberfahren */
.beispiel{display:block;font-size:0!important;letter-spacing:0!important;padding:0!important;width:11px;height:11px;border-radius:50%!important;
  background:rgba(255,255,255,.92)!important;box-shadow:0 0 0 3px rgba(12,58,67,.22);transition:all .25s ease}
:hover > .beispiel{font-size:.62rem!important;letter-spacing:.12em!important;padding:.25rem .6rem!important;width:auto;height:auto;border-radius:999px!important;color:var(--tiefsee)!important}
/* Countdown im Kopfbereich */
.jetzt.countdown{margin-left:.8rem;padding:.35rem .85rem;border-radius:999px;background:rgba(198,124,34,.92);color:#fff;font-weight:700}
/* Die Geschichte */

.einleitung{font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.65;color:var(--tinte2);margin:1rem 0 1.4rem}

/* Ein Tag an Bord */

/* Dirks Seite */
.dirk-tag{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.2rem;max-width:46rem}
.dirk-tag li{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;align-items:baseline;padding:.9rem 0;border-bottom:1px solid var(--sandlinie)}
.dirk-tag b{font-family:var(--serif);font-weight:500;font-size:1.5rem;color:var(--lagune)}
.fragen-dirk{display:grid;gap:1rem}
@media(min-width:900px){.fragen-dirk{grid-template-columns:repeat(3,1fr)}}
.fragen-dirk .karte{padding:1.5rem}
.fragen-dirk b{display:block;color:var(--tiefsee);font-size:1.05rem;margin-bottom:.6rem}
.fragen-dirk p{margin:0;font-family:var(--serif);font-size:1.15rem;line-height:1.5;color:var(--tinte)}
.hinweis-klein{font-size:.8rem;color:var(--leise);margin-top:1.2rem}
/* Planer: Vorfreude und Crew einladen */
.vorfreude{display:grid;grid-template-columns:110px 1fr;gap:1.2rem;align-items:center;margin-top:1.8rem;padding:1.2rem;border-radius:18px;background:var(--sonne-weich)}
.vorfreude img{width:110px;height:110px;border-radius:16px;object-fit:cover}
.vorfreude b{font-family:var(--serif);font-size:1.4rem;color:var(--tiefsee)}
.vorfreude p{margin:.2rem 0 .4rem;color:var(--tinte2)}
.vorfreude ul{margin:0;padding-left:1.1rem;color:var(--tiefsee)}
.crew-einladen{margin-top:1rem;padding:1.2rem 1.3rem;border-radius:18px;background:var(--lagune-weich)}
.crew-einladen b{display:block;font-size:1.1rem;color:var(--tiefsee)}
.crew-einladen p{margin:.3rem 0 .9rem;color:var(--tinte2)}
.crew-einladen .knopfreihe{margin:0}
/* Präsentation: Auftakt, Bild, Kosten */
.folie--auftakt{padding:0!important;background:#0C3A43;overflow:hidden}
.folie--auftakt .auftakt{position:absolute;inset:0}
.folie--auftakt .auftakt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:auftakt 16s infinite}
@keyframes auftakt{0%{opacity:0;transform:scale(1.04)}6%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1)}100%{opacity:0}}
.auftakt-text{position:absolute;left:6vw;bottom:9vh;margin:0;font-family:var(--serif);font-size:clamp(2.6rem,6vw,5.4rem);color:#fff;text-shadow:0 2px 40px rgba(0,0,0,.45)}
@media(prefers-reduced-motion:reduce){.folie--auftakt .auftakt img{animation:none}.folie--auftakt .auftakt img:first-child{opacity:1}}
.folie-bild img{width:100%;border-radius:20px;aspect-ratio:4/3;object-fit:cover;display:block}
.kosten-block{display:grid;gap:.1rem;align-content:start}
.kosten-zeile{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr auto;gap:.7rem;align-items:center;padding:.3rem 0;font-size:.95rem}
.kosten-zeile b{font-variant-numeric:tabular-nums;white-space:nowrap}
.kosten-spur{height:.7rem;border-radius:999px;background:var(--sand)}
.kosten-spur i{display:block;height:100%;border-radius:999px;background:var(--lagune)}

/* ==================================================================
   RUNDE 17 — Lageplan Seawind 1370
   ================================================================== */

/* ==================================================================
   RUNDE 18 — Karte "Wo wir sind" (OpenStreetMap, selbst ausgeliefert)
   ================================================================== */
a.jetzt{text-decoration:none;cursor:pointer;transition:color .2s}
a.jetzt:hover,a.jetzt:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:4px}
.knopf--klein{padding:.55rem 1rem;font-size:.86rem;min-height:2.6rem}
.band--karte{padding-top:clamp(2rem,5vw,3.6rem)}
.karte-rahmen{position:relative;border-radius:28px;overflow:hidden;background:#CFE5E3;box-shadow:var(--schatten-hoch,0 24px 60px rgba(12,58,67,.18))}
.karte-flaeche{width:100%;height:clamp(440px,70vh,760px)}
.karte-flaeche.karte-fehler{display:grid;place-items:center;padding:2rem;text-align:center;color:var(--tinte2);font-size:1rem}
.karte-status{position:absolute;left:1.2rem;top:1.2rem;width:min(370px,calc(100% - 2.4rem));padding:1.2rem 1.3rem 1.25rem;
  border-radius:20px;background:rgba(250,248,244,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 14px 40px rgba(12,58,67,.16);z-index:2}
.karte-marke{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  font-weight:800;color:var(--lagune-tief)}
.karte-marke::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--lagune);box-shadow:0 0 0 0 rgba(18,133,122,.5);animation:livepuls 2.2s infinite}
.karte-marke.ist-wartend{color:var(--leise)}
.karte-marke.ist-wartend::before{background:var(--sandlinie);box-shadow:none;animation:none}
@keyframes livepuls{0%{box-shadow:0 0 0 0 rgba(18,133,122,.55)}70%{box-shadow:0 0 0 .55rem rgba(18,133,122,0)}100%{box-shadow:0 0 0 0 rgba(18,133,122,0)}}
.karte-titel{margin:.55rem 0 .35rem;font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.2;color:var(--tiefsee)}
.karte-zeit{margin:0;font-size:.88rem;color:var(--tinte2);line-height:1.5}
.karte-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.karte-knoepfe [hidden]{display:none}
.karte-unten{margin-top:clamp(2rem,4vw,3rem);gap:clamp(1.5rem,4vw,4rem)}
.karte-zwischen{font-size:1.35rem;margin:.3rem 0 0}
.logbuch li{grid-template-columns:7.2rem 1fr}
.ortung-weg{list-style:none;counter-reset:ow;margin:1rem 0 0;padding:0;display:grid;gap:.9rem}
.ortung-weg li{counter-increment:ow;display:grid;grid-template-columns:2.2rem 1fr;gap:.2rem .9rem;align-items:start}
.ortung-weg li::before{content:counter(ow);grid-row:span 2;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;
  background:var(--lagune-weich);color:var(--lagune-tief);font-weight:800;font-family:var(--serif)}
.ortung-weg b{color:var(--tiefsee)}
.ortung-weg span{color:var(--tinte2);font-size:.92rem;line-height:1.5}
@media(max-width:759px){
  .karte-flaeche{height:62vh;min-height:360px}
  .karte-status{position:static;width:auto;border-radius:0;background:var(--papier);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;
    border-top:1px solid var(--linie)}
  .karte-rahmen{border-radius:22px}
}
/* Marken auf der Karte */
.boot-marke{position:relative;width:44px;height:44px;display:grid;place-items:center;cursor:default}
.boot-puls{position:absolute;inset:-10px;border-radius:50%;background:rgba(18,133,122,.22);animation:bootpuls 2.6s ease-out infinite}
@keyframes bootpuls{0%{transform:scale(.55);opacity:1}100%{transform:scale(1.35);opacity:0}}
.boot-form{position:relative;width:34px;height:34px;display:block;filter:drop-shadow(0 3px 6px rgba(12,58,67,.35));transition:transform .4s}
.boot-form svg{width:100%;height:100%;display:block}
.boot-form .rumpf{fill:#FFFFFF;stroke:#0C3A43;stroke-width:1.6}
.boot-form .deck{fill:#12857A;stroke:#0C3A43;stroke-width:1.2}
.boot-anker{position:absolute;right:-6px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:var(--sonne);color:#fff;display:grid;place-items:center;
  box-shadow:0 2px 6px rgba(0,0,0,.25)}
.boot-anker svg{width:13px;height:13px}
.boot-name{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);padding:.3rem .6rem;border-radius:999px;
  background:var(--tiefsee);line-height:0;box-shadow:0 3px 10px rgba(12,58,67,.3)}
.boot-name img{display:block;height:18px;width:auto;max-width:none}
.anker-marke{width:24px;height:24px;border-radius:50%;background:#FAF8F4;color:var(--tiefsee);display:grid;place-items:center;
  box-shadow:0 2px 8px rgba(12,58,67,.28);border:1.5px solid var(--tiefsee)}
.anker-marke svg{width:14px;height:14px}

@media(prefers-reduced-motion:reduce){.boot-puls,.karte-marke::before{animation:none}}
/* Bedienelemente der Karte im Stil der Seite */
.karte-rahmen .maplibregl-ctrl-group{border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(12,58,67,.18)}
.karte-rahmen .maplibregl-ctrl-group button{width:36px;height:36px}
.karte-rahmen .maplibregl-ctrl-attrib{font-size:.68rem;background:rgba(250,248,244,.85)}
.karte-rahmen .maplibregl-cooperative-gesture-screen{font-family:inherit;font-size:1rem;background:rgba(12,58,67,.55)}

/* RUNDE 18 — Rechner: wer schläft wo (Variante A/B) */
.r-feld[hidden]{display:none!important}
.r-anbord{padding:1.2rem 1.5rem;border-radius:18px;background:var(--sonne-weich);border:1.5px solid rgba(198,124,34,.25);
  display:grid;gap:.7rem;margin-bottom:1.2rem}
.r-anbord .r-titel{margin:0;font-size:1.05rem}
.r-varianten--anbord{flex-wrap:wrap;border-radius:18px;max-width:100%}
.r-varianten--anbord button{text-align:left;border-radius:14px}
.r-anbord-text{margin:0;color:var(--tinte2);font-size:.93rem;line-height:1.55;max-width:70ch}
@media print{.r-anbord .r-varianten{display:none!important}}

/* ==================================================================
   RUNDE 18 — Lageplan Seawind 1370: Tag an Bord, nachts wer wo schläft
   ================================================================== */
.riss-buehne{--wasser:#D3EAE7;--welle:#B7D9D4;--rumpf:#FFFFFF;--rumpfrand:rgba(12,58,67,.55);--boden:#FFFDF8;--deck:#F5F0E6;
  --cockpit:#EEDFC3;--moebel:#E9DECA;--moebelrand:#C9B996;--polster:#D6ECE7;--polsterrand:#86C2B7;--matratze:#FFFFFF;
  --decke:#E1F1EE;--kissen:#FFFFFF;--nass:#E5F0F3;--porzellan:#FFFFFF;--holz:#D7BE97;--netz:rgba(18,133,122,.42);
  --text:#0C3A43;--schild:rgba(255,255,255,.93);--mensch:#D98A3A;--dirk:#12857A;--hardtop:rgba(12,58,67,.32);
  position:relative}
.riss-buehne[data-zeit="nacht"]{--wasser:#0A2430;--welle:#173F4B;--rumpf:#133744;--rumpfrand:rgba(214,236,232,.38);--boden:#19414E;
  --deck:#15394A;--cockpit:#1E4653;--moebel:#244F5C;--moebelrand:#336777;--polster:#2A5966;--polsterrand:#3E7684;--matratze:#F1E2BE;
  --decke:#E7C886;--kissen:#FFF3D8;--nass:#1E4855;--porzellan:#9DB7BC;--holz:#3C5F63;--netz:rgba(138,216,204,.32);
  --text:#E8F5F2;--schild:rgba(8,30,38,.86);--mensch:#E7C886;--dirk:#8AD8CC;--hardtop:rgba(214,236,232,.22)}
.riss-schalter{display:inline-flex;flex-wrap:wrap;gap:.25rem;background:var(--papier);border:1.5px solid var(--linie2);
  border-radius:999px;padding:.25rem;margin-bottom:1rem}
.riss-schalter button{border:0;background:none;padding:.55rem 1.1rem;border-radius:999px;font:inherit;font-weight:700;font-size:.92rem;
  color:var(--tinte);cursor:pointer;min-height:2.5rem;display:inline-flex;align-items:center;gap:.5rem}
.riss-schalter svg{width:1.1rem;height:1.1rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.riss-schalter button[data-zeit="tag"][aria-pressed="true"] svg{color:#F4C46D}
.riss-schalter button[data-zeit="nacht"][aria-pressed="true"] svg{color:var(--lagune-hell);fill:rgba(138,216,204,.25)}
.riss-schalter button[aria-pressed="true"]{background:var(--tiefsee);color:#fff}
.riss-flaeche{border-radius:22px;overflow:hidden;box-shadow:var(--schatten,0 18px 40px rgba(12,58,67,.14));background:var(--wasser)}
.riss2{display:block;width:100%;height:auto}
.riss2--hoch{display:none}
@media(max-width:700px){.riss2--quer{display:none}.riss2--hoch{display:block}.riss-flaeche{border-radius:18px}}
.riss-buehne[data-zeit="tag"] .nur-nacht,.riss-buehne[data-zeit="nacht"] .nur-tag{display:none}
.riss2 rect,.riss2 path,.riss2 circle,.riss2 ellipse,.riss2 line{transition:fill .5s,stroke .5s}
.riss2 .wasser{fill:var(--wasser)}
.riss2 .wellenlinie{fill:none;stroke:var(--welle);stroke-width:2;stroke-linecap:round}
.riss2 .rumpf{fill:var(--rumpf);stroke:var(--rumpfrand);stroke-width:2.6}
.riss2 .brueckendeck,.riss2 .vordeck{fill:var(--deck);stroke:var(--rumpfrand);stroke-width:1.6}
.riss2 .boden,.riss2 .salonboden{fill:var(--boden)}
.riss2 .cockpitboden{fill:var(--cockpit)}
.riss2 .stufe{stroke:var(--moebelrand);stroke-width:1.4}
.riss2 .leiter{stroke:#86A3A9;stroke-width:2.6;stroke-linecap:round}
.riss2 .balken{stroke:var(--rumpfrand);stroke-width:3}
.riss2 .balken--fein{stroke-width:1.4;stroke-dasharray:4 5}
.riss2 .wand{stroke:var(--rumpfrand);stroke-width:2;stroke-linecap:round}
.riss2 .tuer{stroke:var(--polsterrand);stroke-width:2.2;stroke-dasharray:9 6}
.riss2 .moebel,.riss2 .schrank,.riss2 .arbeitsplatte,.riss2 .treppe{fill:var(--moebel);stroke:var(--moebelrand);stroke-width:1.2}
.riss2 .stau{fill:none;stroke:var(--moebelrand);stroke-width:1.2;stroke-dasharray:4 4}
.riss2 .polster,.riss2 .hocker{fill:var(--polster);stroke:var(--polsterrand);stroke-width:1.2}
.riss-buehne[data-zeit="nacht"] .riss2 .polster--koje{fill:var(--decke);stroke:var(--kissen)}
.riss2 .tisch{fill:var(--holz);stroke:rgba(120,90,50,.45);stroke-width:1.2}
.riss2 .matratze{fill:var(--matratze);stroke:var(--moebelrand);stroke-width:1.2}
.riss2 .decke{fill:var(--decke)}
.riss2 .kissen{fill:var(--kissen);stroke:var(--moebelrand);stroke-width:1}
.riss2 .nass{fill:var(--nass);stroke:#9CC3CB;stroke-width:1.2}
.riss2 .fliese{stroke:#BDD9DF;stroke-width:1}
.riss2 .abfluss{fill:#93BCC5}
.riss2 .porzellan{fill:var(--porzellan);stroke:#9AB1B6;stroke-width:1.2}
.riss2 .geraet{fill:#DCE3E3;stroke:#A6B4B5;stroke-width:1.1}
.riss-buehne[data-zeit="nacht"] .riss2 .geraet{fill:#2D5560;stroke:#3F7180}
.riss2 .platte,.riss2 .rost{fill:none;stroke:#7E9295;stroke-width:1.1}
.riss2 .netz{stroke:var(--polsterrand);stroke-width:1.2}
.riss2 .netzlinie{stroke:var(--netz);stroke-width:1.1}
.riss2 .steg{fill:var(--deck);stroke:var(--moebelrand);stroke-width:1}
.riss2 .luke{fill:rgba(18,133,122,.12);stroke:var(--polsterrand);stroke-width:1.1}
.riss2 .winde{fill:#B7C3C4;stroke:#7E9295}
.riss2 .mastfuss{fill:var(--rumpf);stroke:var(--text);stroke-width:2.2}
.riss2 .mastpunkt{fill:var(--text)}
.riss2 .davit{stroke:#86A3A9;stroke-width:3.2;stroke-linecap:round}
.riss2 .beiboot{fill:#F3F6F6;stroke:#7E9295;stroke-width:1.5}
.riss2 .beiboot-innen{fill:#D6DFE0}
.riss-buehne[data-zeit="nacht"] .riss2 .beiboot{fill:#2B5360}
.riss-buehne[data-zeit="nacht"] .riss2 .beiboot-innen{fill:#214753}
.riss2 .motor{fill:#3B484B}
.riss2 .rad{fill:none;stroke:var(--text);stroke-width:2}
.riss2 .rad-mitte{fill:var(--text)}
.riss2 .speiche{stroke:var(--text);stroke-width:1.1}
.riss2 .hardtop{fill:none;stroke:var(--hardtop);stroke-width:1.6;stroke-dasharray:8 6}
.riss2 .sup{fill:#F4C46D;stroke:#C2953F;stroke-width:1.2}
.riss2 .sup-streifen{stroke:#fff;stroke-width:2}
.riss2 .rk-ring{fill:none;stroke:rgba(255,255,255,.85);stroke-width:1.6}
.riss2 .rk-ring2{stroke-opacity:.45}
.riss2 .mensch .koerper{fill:var(--mensch);stroke:#fff;stroke-width:1.5}
.riss2 .mensch .rk-kopf{fill:#7A4E33;stroke:#fff;stroke-width:1.5}
.riss2 .mensch--dirk .koerper{fill:var(--dirk)}
.riss2 .kopf-schlaf{fill:#7A4E33;stroke:#FFF3D8;stroke-width:1.6}
.riss2 .name{font:700 13px var(--sans);fill:var(--dirk);text-anchor:middle;paint-order:stroke;stroke:var(--wasser);stroke-width:4px}
.riss2 .name--nacht{fill:var(--dirk);stroke:var(--deck)}
.riss2 .stern{fill:#FFE6AA}
.riss2 .seite{font:800 12px var(--sans);letter-spacing:.16em;fill:var(--text);opacity:.55;text-anchor:middle}
.riss2 .seite--links{text-anchor:start}
.riss2 .seite--rechts{text-anchor:end}
.riss2 .zone{cursor:pointer;outline:none}
.riss2 .treffer{fill:transparent;stroke:transparent;stroke-width:2.5;transition:fill .2s,stroke .2s}
.riss2 .zone:hover .treffer,.riss2 .zone:focus-visible .treffer{fill:rgba(18,133,122,.1);stroke:rgba(18,133,122,.55)}
.riss2 .zone.an .treffer{fill:rgba(18,133,122,.17);stroke:var(--lagune)}
.riss-buehne[data-zeit="nacht"] .riss2 .zone.an .treffer{fill:rgba(138,216,204,.14);stroke:var(--lagune-hell)}
.riss2 .schild rect{fill:var(--schild);stroke:rgba(12,58,67,.16);stroke-width:1}
.riss2 .schild text{font:700 14.5px var(--sans);fill:var(--text);text-anchor:middle;pointer-events:none}
.riss2 .zone.an .schild rect,.riss2 .zone:focus-visible .schild rect{fill:var(--lagune);stroke:var(--lagune)}
.riss2 .zone.an .schild text,.riss2 .zone:focus-visible .schild text{fill:#fff}
.riss2--hoch .schild text{font-size:21px}
.riss2--hoch .seite{font-size:17px}
.riss2--hoch .name{font-size:19px}
.rissinfo{display:grid;gap:.25rem;margin-top:1rem;padding:1rem 1.2rem;border-radius:16px;background:var(--papier);
  box-shadow:0 6px 18px rgba(12,58,67,.08);font-size:.98rem;color:var(--tinte2);min-height:4.6rem}
.rissinfo b{color:var(--tiefsee);font-size:1.05rem}
.schlafplan{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:1fr}
@media(min-width:520px){.schlafplan{grid-template-columns:1fr 1fr}}
.schlafplan li{display:grid;gap:.45rem;align-content:start;padding:1rem 1.1rem 1.05rem;border-radius:16px;background:var(--papier);
  border:1px solid var(--linie);box-shadow:0 6px 18px rgba(12,58,67,.06)}
.sp-kopf{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.sp-kopf b{font-family:var(--serif);font-weight:500;font-size:1.25rem;color:var(--tiefsee)}
.sp-wer{display:inline-flex;gap:.25rem}
.sp-wer i{width:1.7rem;height:1.7rem;border-radius:50%;background:var(--lagune-weich);color:var(--lagune-tief);display:grid;place-items:center}
.sp-wer svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sp-text{color:var(--tinte2);font-size:.9rem;line-height:1.45}
.sp-fuss{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--lagune)}
.schlafplan li.sp-dirk{background:var(--sonne-weich);border-color:#EED7B3}
.sp-dirk .sp-wer i{background:#F3DDB8;color:#8A5414}
.sp-dirk .sp-fuss{color:#8A5414}
@media print{.riss-schalter{display:none}.riss2--hoch{display:none!important}.riss2--quer{display:block!important}}
.riss2 .namensschild rect{fill:var(--dirk);stroke:#fff;stroke-width:1.5}
.riss2 .namensschild text{font:800 12.5px var(--sans);fill:#fff;text-anchor:middle;letter-spacing:.02em}
.riss-buehne[data-zeit="nacht"] .riss2 .namensschild text{fill:#0A2430}
.riss2--hoch .namensschild text{font-size:18px}

/* RUNDE 18 — Arbeitsgrundlage: Varianten nebeneinander */
.varianten-vergleich{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1.4rem;margin-top:2rem}
.variante{position:relative;display:grid;gap:.9rem;align-content:start;padding:1.6rem 1.6rem 1.5rem;border-radius:22px;
  background:var(--papier);border:1.5px solid var(--linie);box-shadow:0 10px 28px rgba(12,58,67,.07)}
.variante--empfohlen{border-color:var(--lagune);box-shadow:0 14px 36px rgba(18,133,122,.16)}
.variante-marke{justify-self:start;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;
  padding:.3rem .7rem;border-radius:999px;background:var(--sand);color:var(--tinte2)}
.variante--empfohlen .variante-marke{background:var(--lagune);color:#fff}
.variante h3{margin:0;font-size:clamp(1.25rem,1rem + .9vw,1.55rem);line-height:1.25}
.variante .haken{margin:0}
.variante-zahlen{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:1rem;border-radius:16px;background:var(--muschel)}
.variante-zahlen span{display:block;font-size:.78rem;color:var(--leise);letter-spacing:.04em}
.variante-zahlen b{font-family:var(--serif);font-size:1.3rem;color:var(--tiefsee);font-weight:600}
.variante-hinweis{margin:0;font-size:.88rem;color:var(--tinte2)}
.variante .knopf{justify-self:start}
.stufen--schritte li::before{content:"Schritt " counter(s)}
.r-anbord .r-varianten--anbord{justify-self:start}

/* ===== RUNDE 19: Präsentation ===== */
/* Karten-Folie „Was zusätzlich trägt“ */
.folie-karten{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:.4rem}
@media(min-width:900px){.folie-karten{grid-template-columns:repeat(3,1fr);gap:1.2rem}}
.folie-karten > div{padding:1.4rem 1.5rem 1.5rem;border-radius:18px;background:var(--papier);box-shadow:var(--schatten);display:grid;gap:.5rem;
  align-content:start;border-top:4px solid var(--lagune)}
.folie-karten span{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune)}
.folie-karten b{font-family:var(--serif);font-weight:500;font-size:clamp(1.4rem,1.1rem + 1vw,1.95rem);color:var(--tiefsee);line-height:1.15}
.folie-karten p{margin:0;color:var(--tinte2);font-size:1rem;line-height:1.55}
/* Rechnungsfolie: passt mit Reglern und Rückfluss auf einen Bildschirm */
.folie--dicht{padding-top:clamp(1.4rem,3.5vh,2.6rem)}
.folie--dicht h2{font-size:clamp(1.6rem,1.1rem + 1.7vw,2.6rem);margin:.3rem 0 1rem;max-width:32ch}
.folie--dicht .folie-zahlen{gap:.8rem}
.folie--dicht .folie-zahlen div{padding:.8rem 1rem;gap:.15rem}
.folie--dicht .folie-zahlen span{font-size:.68rem}
.folie--dicht .folie-zahlen b{font-size:clamp(1.4rem,1.1rem + 1.1vw,2rem)}
.folie--dicht .deck-rechner{margin-top:1rem;gap:1.6rem}
.folie--dicht .dr-regler{gap:.55rem;padding:1rem 1.2rem}
.folie--dicht .r-schieber b{font-size:1.15rem}
.folie--dicht .markt{gap:.3rem;margin-top:.5rem}
.folie--dicht .markt-zeile{font-size:.86rem;grid-template-columns:4.5rem minmax(0,1fr) 7.5rem;gap:.7rem}
.folie--dicht .markt-spur{height:.7rem}
.folie--dicht .folie-heisst{margin-top:1.1rem;padding:.75rem 1.1rem}
.folie--dicht .folie-text.klein{margin:.6rem 0 0}
/* Rechner: Rückfluss bis zehn Jahre, auch auf dem Handy lesbar */
@media(max-width:560px){.g-saeulen--rueck{gap:.25rem}.g-saeulen--rueck .g-saeule > b,.g-saeulen--rueck .g-saeule > span{font-size:.6rem}}
.deck-raster button.an{background:var(--lagune);box-shadow:0 0 0 2px rgba(255,255,255,.5)}

/* ===== RUNDE 19: Mobil ===== */
/* Entwurfsleiste: auf dem Handy eine Zeile */
.nur-mittel{display:none}
@media(min-width:520px){.nur-mittel{display:inline}}
@media(max-width:759px){
  .entwurf{padding:.32rem 0;font-size:.74rem}
  .entwurf .huelle{flex-wrap:nowrap;gap:.9rem}
  .entwurf-text{white-space:nowrap}
  .entwurf .rechts{gap:.65rem;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
  .entwurf .rechts::-webkit-scrollbar{display:none}
}
/* Startbild: Status in einer Reihe, zweiter Knopf leiser */
.hero-status{display:flex;flex-wrap:wrap;gap:.55rem .6rem;align-items:center;margin-top:1.6rem}
.hero-status .jetzt,.hero-status .jetzt.countdown{margin:0}
@media(max-width:759px){
  .hero .knopfreihe{gap:.4rem 1.1rem}
  .hero .knopf--rand-hell{border-color:transparent;padding-inline:.25rem;text-decoration:underline;text-underline-offset:6px;
    text-decoration-thickness:1.5px;text-decoration-color:rgba(255,255,255,.55)}
  .hero .knopf--rand-hell:hover{background:transparent;color:#fff;border-color:transparent}
  .hero-status{margin-top:1.3rem}
  .hero-status .jetzt{font-size:.8rem;padding:.38rem .85rem}
  .hero .scrollhinweis{display:none}
}
/* Schnellzugriff ruht, solange das Startbild zu sehen ist (dort stehen dieselben Knöpfe) */
@media(max-width:759px){
  .aktionsleiste{transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s}
  .aktionsleiste.ruht{transform:translateY(calc(100% + 1.4rem));opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.aktionsleiste{transition:none}}
/* Planer: auf dem Handy feste Leiste mit Preis und „Weiter“ */
.pl-weiter-klein{display:none}
@media(max-width:999px){
  .pl-reise .pl-preis{grid-column:1;grid-row:1}
  .pl-reise .lp-klein{grid-column:1;grid-row:2;font-size:.78rem;color:rgba(234,242,241,.78)}
  .pl-weiter-klein{display:inline-flex;grid-column:2;grid-row:1 / span 2;align-self:center;padding:.7rem 1.3rem;font-size:.95rem;
    background:var(--lagune-hell);border-color:var(--lagune-hell);color:var(--nacht);box-shadow:none}
  .pl-weiter-klein[hidden]{display:none}
}

/* ===== RUNDE 19: fünf Schritte ===== */
@media(min-width:800px){.ablauf:has(> :nth-child(5)){grid-template-columns:repeat(3,1fr)}}
@media(min-width:800px) and (max-width:1099px){.ablauf:has(> :nth-child(5)) li:nth-child(3)::after{display:none}}
@media(min-width:1100px){.ablauf:has(> :nth-child(5)){grid-template-columns:repeat(5,1fr);gap:1.5rem}
  .ablauf:has(> :nth-child(5)) h4{font-size:1.22rem}}

/* ===== RUNDE 19: Startseite „Wo sie gerade liegt“ ===== */

.ort-live{position:absolute;left:1rem;top:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.38rem .85rem;border-radius:999px;
  background:rgba(12,58,67,.88);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 14px rgba(6,28,34,.25)}

@media(max-width:560px){.ort-live{left:.7rem;top:.7rem;font-size:.72rem;padding:.3rem .72rem}}

/* ===== RUNDE 20: Eckdaten offen ===== */
@media(min-width:900px){.folie-schritte--vier{grid-template-columns:repeat(4,1fr)}}
.pl-hinweis--termin{margin:0 0 1rem;background:var(--lagune-weich)}

/* ===== RUNDE 20: Startseite einfacher ===== */
.jetzt[hidden],.ort-live[hidden]{display:none!important}
.hero-fakten{margin:1.4rem 0 0;font-size:.95rem;font-weight:600;color:rgba(255,255,255,.9);max-width:46rem;
  text-shadow:0 1px 14px rgba(0,0,0,.4)}
.hero-status:not(:has(> :not([hidden]))){display:none}
@media(max-width:759px){.hero-fakten{font-size:.85rem;margin-top:1.1rem}}
/* Die Idee: drei Karten */
.erwartet{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:800px){.erwartet{grid-template-columns:repeat(3,1fr);gap:1.2rem}}
.erwartet-karte{display:grid;gap:.5rem;align-content:start;padding:1.5rem 1.5rem 1.4rem;border-radius:20px;background:var(--papier);
  border:1px solid var(--linie);box-shadow:0 8px 24px rgba(12,58,67,.06);text-decoration:none;color:inherit;
  transition:transform .25s,box-shadow .25s}
.erwartet-karte:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(12,58,67,.12)}
.ek-symbol{width:3rem;height:3rem;border-radius:50%;background:var(--lagune-weich);color:var(--lagune-tief);display:grid;place-items:center}
.ek-symbol svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.erwartet-karte h3{font-family:var(--serif);font-weight:500;font-size:1.45rem;color:var(--tiefsee);margin:.35rem 0 0}
.erwartet-karte p{margin:0;color:var(--tinte2);font-size:.95rem;line-height:1.55}
.ek-mehr{font-weight:700;font-size:.9rem;color:var(--lagune-tief);margin-top:.25rem}
.ek-mehr::after{content:" →"}
/* Vier Wochen */
.wochen-raster{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
@media(min-width:1000px){.wochen-raster{grid-template-columns:repeat(4,1fr);gap:1.2rem}}
.woche-karte{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--papier);text-decoration:none;
  color:inherit;box-shadow:0 8px 24px rgba(12,58,67,.08);transition:transform .25s,box-shadow .25s}
.woche-karte:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(12,58,67,.14)}
.wk-bild{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.wk-bild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.woche-karte:hover .wk-bild img{transform:scale(1.04)}
.wk-text{display:grid;gap:.3rem;align-content:start;padding:.95rem 1.1rem 1.1rem;border-top:4px solid var(--akzent);flex:1}
.wk-text b{font-family:var(--serif);font-weight:500;font-size:1.35rem;color:var(--tiefsee)}
.wk-text span{color:var(--tinte2);font-size:.92rem;line-height:1.45}
.wk-text em{font-style:normal;font-weight:800;font-size:.84rem;color:var(--akzent);margin-top:.15rem}
@media(max-width:520px){.wochen-raster{grid-template-columns:1fr;gap:.8rem}
  .woche-karte{flex-direction:row;min-height:8.5rem}.wk-bild{width:36%;flex:none;aspect-ratio:auto}
  .wk-bild img{position:absolute;inset:0}
  .wk-text{border-top:0;border-left:4px solid var(--akzent);padding:.8rem .95rem}.wk-text b{font-size:1.2rem}.wk-text span{font-size:.86rem}}
/* Ein Tag an Bord: auf einen Blick */
.tagesreihe{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:760px){.tagesreihe{grid-template-columns:repeat(3,1fr);gap:1.4rem 1.2rem}}
@media(min-width:1100px){.tagesreihe{grid-template-columns:repeat(5,1fr);gap:1.1rem}}
.tagesreihe li{display:grid;gap:.65rem;align-content:start}
.tr-bild{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(12,58,67,.1);background:var(--sandlinie)}
.tr-bild img{width:100%;height:100%;object-fit:cover;display:block}
.tr-zeit{font-family:var(--serif);font-size:1.45rem;color:var(--lagune);line-height:1}
.tr-text h3{font-size:1rem;margin:.3rem 0 .2rem;color:var(--tiefsee)}
.tr-text p{margin:0;font-size:.88rem;color:var(--tinte2);line-height:1.45}
@media(max-width:759px){.tagesreihe{gap:.75rem}
  .tagesreihe li{grid-template-columns:88px 1fr;gap:.9rem;align-items:center}
  .tr-bild{aspect-ratio:1/1;border-radius:14px}.tr-zeit{font-size:1.2rem}
  .tr-bild .beispiel{top:.4rem;right:.4rem}}
/* Schluss: Aufruf, Reihe, Karte */
.schluss-raster{display:grid;gap:1.2rem;align-items:stretch}
@media(min-width:900px){.schluss-raster{grid-template-columns:1.2fr 1fr 1fr;gap:1.6rem}}
.schluss-aufruf{align-self:center;padding:.5rem 0}
.schluss-aufruf h2{color:#fff;margin:.3rem 0 .7rem}
.schluss-aufruf p{color:rgba(234,242,241,.85);max-width:32ch;margin:0}
.schluss-aufruf .knopfreihe{margin-top:1.4rem}
.schluss-karte{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.06);
  border:1px solid rgba(234,242,241,.14);text-decoration:none;color:#fff;transition:transform .25s,background .25s}
.schluss-karte:hover{transform:translateY(-3px);background:rgba(255,255,255,.1)}
.sk-bild{position:relative;display:block;aspect-ratio:8/5;overflow:hidden;background:#CFE5E3}
.sk-bild img{width:100%;height:100%;object-fit:cover;display:block}
.sk-bild .vp-play{width:3.4rem;height:3.4rem;top:50%}
.sk-bild .ort-live{left:.7rem;top:.7rem;font-size:.72rem;padding:.3rem .72rem}
.sk-text{display:grid;gap:.3rem;padding:1rem 1.15rem 1.2rem}
.sk-marke{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune-hell)}
.sk-text b{font-family:var(--serif);font-weight:500;font-size:1.3rem;line-height:1.2}
.sk-text > span:last-child{color:rgba(234,242,241,.8);font-size:.9rem;line-height:1.45}
@media(prefers-reduced-motion:reduce){.erwartet-karte,.woche-karte,.schluss-karte,.wk-bild img{transition:none}}

/* ===== RUNDE 20: Unterseiten ===== */
.pfeil-link{font-weight:700;color:var(--lagune-tief);text-decoration:none}
.pfeil-link::after{content:" →"}
.pfeil-link:hover{text-decoration:underline;text-underline-offset:4px}
.reise-zitat{margin:1.6rem 0 0;padding:.2rem 0 .2rem 1.1rem;border-left:3px solid var(--akzent);font-family:var(--serif);
  font-style:italic;font-size:clamp(1.15rem,1rem + .5vw,1.4rem);color:var(--tiefsee);line-height:1.4}
/* Reiseseiten: die Woche auf einen Blick */
.woche-tage{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:1fr}
@media(min-width:700px){.woche-tage{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1100px){.woche-tage{grid-template-columns:repeat(7,1fr)}}
.woche-tage li{display:grid;gap:.3rem;align-content:start;padding:1rem 1rem 1.1rem;border-radius:16px;background:var(--papier);
  border:1px solid var(--linie);border-top:4px solid var(--akzent)}
.woche-tage span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--akzent)}
.woche-tage b{font-family:var(--serif);font-weight:500;font-size:1.12rem;color:var(--tiefsee);line-height:1.2}
.woche-tage p{margin:0;font-size:.86rem;color:var(--tinte2);line-height:1.45}
@media(max-width:699px){.woche-tage li{grid-template-columns:4.2rem 1fr;column-gap:.8rem;border-top-width:1px;border-left:4px solid var(--akzent)}
  .woche-tage span{grid-row:span 2;padding-top:.2rem}}
/* So funktioniert's: zwei Wege und Gut zu wissen */
@media(min-width:1000px){.wege--drei{grid-template-columns:1fr 1fr .9fr}}
.weg--info{background:var(--muschel);box-shadow:none;border:1px solid var(--sandlinie)}
.daten--klein li{padding:.42rem 0;font-size:.9rem}
.dank-kurz{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;grid-template-columns:1fr}
@media(min-width:700px){.dank-kurz{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.dank-kurz{grid-template-columns:repeat(4,1fr)}}
.dank-kurz li{display:grid;gap:.35rem;align-content:start;padding:1.1rem 1.2rem 1.2rem;border-radius:16px;background:var(--papier);
  border:1px solid var(--linie)}
.dank-kurz .wann{font-size:.7rem;letter-spacing:.14em;font-weight:800;color:var(--lagune)}
.dank-kurz b{font-family:var(--serif);font-weight:500;font-size:1.2rem;color:var(--tiefsee);line-height:1.2}
.dank-kurz li > span:last-child{font-size:.9rem;color:var(--tinte2);line-height:1.45}
/* Schiff: Daten kompakt, An Bord in drei Spalten */
.daten-kompakt{list-style:none;margin:0;padding:0;display:grid;gap:.85rem 1.4rem;grid-template-columns:1fr 1fr}
.daten-kompakt li{display:grid;gap:.1rem;padding-bottom:.7rem;border-bottom:1px solid var(--linie)}
.daten-kompakt span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--leise)}
.daten-kompakt b{font-weight:600;color:var(--tiefsee);font-size:.98rem}
@media(min-width:900px){.kacheln--drei{grid-template-columns:repeat(3,1fr)}}
.kacheln--drei .kachel{padding:1.2rem 1.3rem 1.3rem}
.kacheln--drei .kachel svg{margin-bottom:.6rem}
#an-bord .streifen{margin-top:1.4rem}
/* Dirk: Tagesablauf in zwei Spalten */
@media(min-width:900px){.dirk-tag{grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(3,auto);
  column-gap:3rem;max-width:none}}
/* Reihe: Mitreden als Liste */

/* Handy: Startseite kompakter */
@media(max-width:759px){
  .erwartet-karte{grid-template-columns:2.6rem 1fr;column-gap:.95rem;row-gap:.3rem;padding:1.1rem 1.1rem 1.15rem}
  .erwartet-karte .ek-symbol{grid-column:1;grid-row:1 / span 3;width:2.6rem;height:2.6rem}
  .erwartet-karte > :not(.ek-symbol){grid-column:2}
  .erwartet-karte h3{margin:0;font-size:1.22rem}
  .erwartet-karte p{font-size:.9rem}
  .schluss-karte{flex-direction:row}
  .sk-bild{width:38%;flex:none;aspect-ratio:auto;min-height:7.5rem}
  .sk-text{padding:.85rem .95rem .9rem}.sk-text b{font-size:1.12rem}.sk-text > span:last-child{font-size:.84rem}
  .sk-bild .vp-play{width:2.6rem;height:2.6rem}
}
@media(max-width:799px){
  .ablauf{gap:1.15rem;margin-top:1.6rem}
  .ablauf li{padding-top:0;padding-left:3.5rem;min-height:2.6rem}
  .ablauf h4{font-size:1.2rem;margin-bottom:.3rem;padding-top:.3rem}
  .ablauf p{font-size:.92rem}
}

/* ===== RUNDE 20: verdichtet ===== */
.band{padding-block:clamp(2.8rem,6vw,4.8rem)}
.band + .band{padding-top:clamp(2.4rem,5vw,4rem)}
.kopfreihe{margin-bottom:1.8rem}
.alles-drin .haken li{padding-top:.38rem;padding-bottom:.38rem}
.pionier-band{margin-top:2rem}
@media(min-width:900px){.pionier-band{padding:1.6rem 2rem}}
/* Schiff: Lageplan etwas schmaler, An Bord als kompakte Liste */
#grundriss .riss-buehne{max-width:1040px;margin-inline:auto}
.kacheln--drei{gap:.8rem}
.kacheln--drei .kachel{display:grid;grid-template-columns:2.4rem 1fr;column-gap:.9rem;row-gap:.15rem;align-content:start;
  padding:1rem 1.1rem 1.05rem}
.kacheln--drei .kachel svg{grid-row:span 2;width:1.7rem;height:1.7rem;margin:.15rem 0 0}
.kacheln--drei .kachel h4{margin:0;font-size:1.12rem}
.kacheln--drei .kachel p{font-size:.88rem;line-height:1.45}
#an-bord .streifen img{aspect-ratio:4/3}
/* Fragen: etwas dichter */
.frage-auf summary{padding:.85rem 0}
.fragengruppe{margin-bottom:2.2rem}
.logbuch li.logbuch-leer{display:block;color:var(--tinte2);font-size:.95rem}
.folie-schritte + .folie-klein{margin-top:1.1rem}
.pl-preis{white-space:nowrap}
.ablauf{padding:0}
@media(max-width:759px){.fussraster{grid-template-columns:1fr 1fr;gap:1.8rem 1.2rem}
  .fussraster > div:nth-child(-n+2){grid-column:1/-1}}
.karte-marke.ist-beispiel{color:#8A5414}
.karte-marke.ist-beispiel::before{background:var(--sonne);box-shadow:none;animation:none}

/* ===== RUNDE 21: Besprechung 14.10.2026 ===== */
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);
  clip-path:inset(50%);white-space:nowrap;border:0}
section[id],h2[id],.dv-folge[id]{scroll-margin-top:5.5rem}

/* Durchsicht: Änderungen markieren — nur bis zur Sichtung (durchsicht.py, AN = False entfernt alles) */
:root{--neu:#7C3AED;--neu-hell:#A78BFA;--neu-weich:#F3EDFF}
.durchsicht-leiste{background:var(--neu-weich);color:#3B1A78;font-size:.8rem;border-bottom:1px solid #DDD0FF}
.durchsicht-leiste .huelle{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.2rem;min-height:2.2rem;flex-wrap:wrap}
.dl-text b{color:var(--neu);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;margin-right:.3rem}
.dl-knoepfe{display:flex;gap:.9rem;align-items:center;white-space:nowrap}
.dl-knoepfe button{background:var(--neu);color:#fff;border:0;border-radius:999px;padding:.3rem .85rem;font-size:.76rem;
  font-weight:700;cursor:pointer}
html:not(.durchsicht) .dl-knoepfe button{background:#fff;color:var(--neu);box-shadow:inset 0 0 0 1.5px var(--neu)}
.dl-knoepfe a{color:var(--neu);font-weight:700;text-decoration:none}
.dl-knoepfe a:hover{text-decoration:underline}
html.durchsicht .dl-aus,html:not(.durchsicht) .dl-an{display:none}
@media(max-width:759px){.durchsicht-leiste .huelle{flex-wrap:nowrap}
  .dl-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}}
html.durchsicht [data-neu]{outline:2px dashed var(--neu-hell);outline-offset:5px;position:relative}
html.durchsicht [data-neu]::after{content:"NEU · " attr(data-neu);position:absolute;top:-.75rem;right:.5rem;z-index:6;
  background:var(--neu);color:#fff;font:800 .64rem/1 var(--sans);letter-spacing:.08em;padding:.3rem .45rem;border-radius:5px;
  pointer-events:none;white-space:nowrap;box-shadow:0 2px 8px rgba(40,10,90,.25);text-transform:none;text-shadow:none}
html.durchsicht section[data-neu]{outline-offset:-6px}
html.durchsicht section[data-neu]::after{top:.6rem;right:.8rem}
html.durchsicht .schluss-karte[data-neu]::after,html.durchsicht .sl-skipper[data-neu]::after{top:.45rem;right:.45rem}
html.durchsicht .punkt[data-neu]{outline-offset:2px}
html.durchsicht .punkt[data-neu]::after{top:-.6rem;right:.3rem}
mark.neu-text{background:transparent;color:inherit;font:inherit;padding:0}
html.durchsicht .neu-text{background:rgba(139,92,246,.2);box-shadow:inset 0 -2px 0 var(--neu-hell);border-radius:3px;
  padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.gestrichen{display:none}
html.durchsicht .gestrichen{display:block;margin:1.2rem 0 0;padding:.7rem .95rem .75rem;border:1.5px dashed var(--neu-hell);
  border-radius:12px;background:repeating-linear-gradient(135deg,#FBF8FF 0 10px,#F4EEFF 10px 20px);color:#3B1A78;
  font-size:.86rem;line-height:1.45;max-width:64ch;text-shadow:none;font-family:var(--sans);font-style:normal}
.gestrichen .g-marke{display:inline-block;background:#fff;color:var(--neu);border:1px solid var(--neu-hell);border-radius:5px;
  font-weight:800;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .4rem;margin-right:.5rem;vertical-align:.1em}
.gestrichen b{font-weight:700}
.gestrichen s{display:block;margin-top:.25rem;color:#6B5A8E;text-decoration-color:rgba(124,58,237,.6)}
@media print{.durchsicht-leiste,.gestrichen{display:none!important}
  html.durchsicht [data-neu]{outline:0}html.durchsicht [data-neu]::after{display:none}
  html.durchsicht .neu-text{background:none;box-shadow:none}}

/* Startbild: Südostasien deutlich (3.4) */
.hero-ziel{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;padding:.5rem 1.05rem .5rem .8rem;border-radius:999px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.34);color:#fff;font-size:clamp(1rem,.92rem + .4vw,1.22rem);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 10px rgba(0,0,0,.35);line-height:1.25}
.hero .logo-gross + .hero-ziel{margin-top:clamp(1.2rem,2.6vw,1.8rem)}
.hero-ziel svg{width:1.3em;height:1.3em;flex:none;fill:none;stroke:var(--lagune-hell);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-ziel b{font-weight:800;letter-spacing:.01em}
.hero-ziel span{font-weight:500;opacity:.92}
.hero .hero-ziel + .claim{margin-top:1rem}
@media(max-width:420px){.hero-ziel{font-size:.95rem;padding:.42rem .85rem .42rem .65rem}}

/* Die Idee: wo, wann, Anreise (3.4) */
.eckdaten-leiste{list-style:none;margin:0 0 1.3rem;padding:0;display:grid;gap:.6rem;grid-template-columns:1fr}
@media(min-width:800px){.eckdaten-leiste{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:1.6rem}}
.eckdaten-leiste li{display:grid;grid-template-columns:2.6rem 1fr;column-gap:.85rem;align-items:center;padding:.8rem 1rem;
  border-radius:16px;background:var(--lagune-weich)}
.eckdaten-leiste svg{width:2.6rem;height:2.6rem;padding:.6rem;border-radius:50%;background:#fff;fill:none;stroke:var(--lagune-tief);
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.eckdaten-leiste div{display:grid;gap:.05rem}
.eckdaten-leiste span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune-tief)}
.eckdaten-leiste b{font-family:var(--serif);font-weight:500;font-size:1.3rem;color:var(--tiefsee);line-height:1.15}
.eckdaten-leiste small{font-size:.84rem;color:var(--tinte2);line-height:1.4}

/* Partner (2.6) */
.partner-liste{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:1fr}
@media(min-width:800px){.partner-liste{grid-template-columns:1.3fr 1fr 1fr;gap:1.2rem}}
.partner{display:grid;gap:.25rem;align-content:start;padding:1.15rem 1.25rem 1.2rem;border-radius:18px;background:var(--papier);
  border:1px solid var(--linie)}
.partner--haupt{background:var(--tiefsee);border-color:var(--tiefsee)}
.p-art{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune)}
.partner--haupt .p-art{color:var(--lagune-hell)}
.partner b{font-family:var(--serif);font-weight:500;font-size:1.35rem;color:var(--tiefsee);line-height:1.2}
.partner--haupt b{color:#fff}
.partner > span:not(.p-art){font-size:.9rem;color:var(--tinte2);line-height:1.45}
.partner--haupt > span:not(.p-art){color:rgba(234,242,241,.85)}
.partner--frei{background:transparent;border-style:dashed;border-color:var(--linie2)}
.p-status{justify-self:start;margin-top:.35rem;font-style:normal;font-size:.72rem;font-weight:700;color:#8A5414;
  background:var(--sonne-weich);border-radius:999px;padding:.2rem .65rem}

/* Fuß: Newsletter mit Themenwahl (1.9), Liebevoll als Mutter (2.6) */
.fuss-news{display:grid;gap:1rem 2.5rem;align-items:center;padding-bottom:2.2rem;margin-bottom:2.4rem;
  border-bottom:1px solid rgba(234,242,241,.13)}
@media(min-width:960px){.fuss-news{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}
.fuss-news h4{margin-bottom:.5rem}
.fuss-news p{margin:0;max-width:42ch}
.nl-themen{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .7rem;padding:0;border:0;min-width:0}
.nl-thema{position:relative;cursor:pointer}
.nl-thema input{position:absolute;opacity:0;width:1px;height:1px}
.nl-thema span{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .9rem;border-radius:999px;font-size:.86rem;
  font-weight:600;color:#EAF2F1;border:1.5px solid rgba(234,242,241,.3);transition:.2s}
.nl-thema input:checked + span{background:var(--lagune);border-color:var(--lagune);color:#fff}
.nl-thema input:checked + span::before{content:"✓";font-weight:800}
.nl-thema input:focus-visible + span{outline:3px solid var(--lagune-hell);outline-offset:2px}
.nl-zeile{display:flex;gap:.5rem}
.nl-zeile input{flex:1;min-width:0;padding:.72rem 1.1rem;border-radius:999px;border:1.5px solid rgba(234,242,241,.3);
  background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:.95rem}
.nl-zeile input::placeholder{color:rgba(234,242,241,.5)}
.nl-zeile .knopf{padding:.72rem 1.4rem;box-shadow:none}
.nl-rueck{margin:.6rem 0 0!important;font-size:.84rem;color:var(--lagune-hell);min-height:1.2em}
.nl-rueck:empty{display:none}
.fuss-mutter{margin:.8rem 0 0;max-width:34ch;font-size:.88rem;color:rgba(234,242,241,.62)}

/* Mobiles Menü (3.14) */
html.menue-offen{overflow:hidden}
.sl-kopf{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.7rem var(--sp);min-height:4.2rem;background:rgba(250,248,244,.97);border-bottom:1px solid var(--linie)}
.sl-kopf .marke img{height:30px;width:auto}
.sl-inhalt{display:grid;gap:1.4rem;padding:1.2rem var(--sp) 2.4rem;width:100%;max-width:36rem}
.sl-nav{display:grid}
.sl-nav a{display:grid;gap:.1rem;padding:.72rem .9rem;margin-left:-.9rem;border-left:3px solid transparent;
  border-bottom:1px solid var(--linie);text-decoration:none}
.sl-nav a span{font-family:var(--serif);font-size:1.45rem;color:var(--tiefsee);line-height:1.15}
.sl-nav a small{font-size:.84rem;color:var(--tinte2)}
.sl-nav a[aria-current]{border-left-color:var(--lagune);background:linear-gradient(90deg,var(--lagune-weich),rgba(227,242,239,0) 85%)}
.sl-nav a[aria-current] span{color:var(--lagune-tief)}
.sl-titel{margin:0 0 .55rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--leise)}
.sl-wochen{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.sl-wochen a{display:flex;align-items:center;gap:.55rem;padding:.75rem .9rem;border-radius:12px;background:var(--papier);
  border:1px solid var(--linie);font-weight:700;color:var(--tiefsee);text-decoration:none}
.sl-wochen a::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--akzent);flex:none}
.sl-knopf{justify-content:center;font-size:1.05rem;padding:.95rem 1.4rem}
.sl-fuss{display:grid;gap:.4rem}
.sl-skipper{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:14px;
  background:var(--sonne-weich);border:1px solid #EBCF9F;text-decoration:none}
.sl-skipper b{color:#8A5414}
.sl-skipper span{color:var(--tinte2);font-size:.86rem}
.sl-tel{padding:.5rem 0;font-size:.92rem;font-weight:600;color:var(--tinte2);text-decoration:none}
@media(prefers-reduced-motion:reduce){.schublade,.schublade.auf{transition:none}}

/* Besprechungsseite */
.bs-punkt{display:inline-block;flex:none;min-width:2.4rem;text-align:center;padding:.18rem .45rem;border-radius:6px;
  background:var(--neu-weich);color:var(--neu);font:800 .72rem/1.3 var(--sans);letter-spacing:.02em;white-space:nowrap}
.bs-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.6rem 0 1.4rem;max-width:40rem}
.bs-zahlen div{padding:.9rem 1rem;border-radius:14px;background:rgba(255,255,255,.75)}
.bs-zahlen b{display:block;font-family:var(--serif);font-size:2rem;font-weight:500;color:var(--tiefsee);line-height:1}
.bs-zahlen span{font-size:.82rem;color:var(--tinte2)}
.bs-liste{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.bs-zeile{display:grid;grid-template-columns:auto 1fr auto;gap:.3rem 1rem;align-items:start;padding:.95rem 1.1rem;border-radius:14px;
  background:var(--papier);border:1px solid var(--linie)}
.bs-zeile b{color:var(--tiefsee);font-size:1.02rem}
.bs-zeile p{margin:.2rem 0 0;font-size:.92rem;color:var(--tinte2);line-height:1.5}
.bs-zeile .bs-links{font-size:.86rem;font-weight:600}
.bs-links a{color:var(--lagune-tief)}
.bs-zeile--entfaellt{background:transparent;border-style:dashed}
.bs-status{font-size:.72rem;font-weight:800;padding:.22rem .6rem;border-radius:999px;white-space:nowrap;background:var(--lagune-weich);
  color:var(--lagune-tief)}
.bs-status--vorschau{background:var(--sonne-weich);color:#8A5414}
.bs-status--offen{background:#FBE7EE;color:#9B2C4C}
.bs-status--entfaellt{background:var(--sand);color:var(--tinte2)}
@media(max-width:640px){.bs-zeile{grid-template-columns:auto 1fr}.bs-status{grid-column:2;justify-self:start}}
.bs-zwischen{margin:2.2rem 0 1rem;font-size:1.3rem}
.bs-personen{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:760px){.bs-personen{grid-template-columns:1fr 1fr}}
@media(min-width:1180px){.bs-personen{grid-template-columns:repeat(3,1fr)}}
.bs-person{padding:1.2rem 1.25rem 1.1rem;border-radius:16px;background:var(--papier);border:1px solid var(--linie)}
.bs-person--offen{background:#FFF8F1;border:1.5px dashed #E4B47A}
.bs-rolle{margin:0;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune)}
.bs-person h3{margin:.15rem 0 .7rem;font-size:1.35rem}
.bs-aufgaben{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.bs-aufgaben label{display:grid;grid-template-columns:1.15rem 1fr;gap:.6rem;padding:.5rem 0;border-top:1px solid var(--linie);
  cursor:pointer;font-size:.93rem;line-height:1.45}
.bs-aufgaben input{margin:.2rem 0 0;accent-color:var(--lagune)}
.bs-aufgaben small{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.3rem;font-size:.78rem;color:var(--leise)}
.bs-aufgaben em{font-style:normal;font-weight:700;color:var(--tinte2)}
.bs-aufgaben .erledigt span{color:var(--leise)}
.bs-aufgaben .erledigt label > span{text-decoration:line-through;text-decoration-color:rgba(13,59,68,.35)}
.bs-fragen{margin:1.2rem 0 0;padding-left:1.4rem;display:grid;gap:.75rem}
.bs-fragen li{padding-left:.2rem}
.bs-fragen li::marker{font-weight:800;color:#9B2C4C}
.bs-fragen b{display:block;font-weight:600;color:var(--tiefsee);line-height:1.4}
.bs-fragen span{font-size:.82rem;color:var(--leise)}
.bs-entschieden{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.6rem}
.bs-entschieden li{position:relative;padding-left:1.6rem;font-size:.95rem;line-height:1.5}
.bs-entschieden li::before{content:"✓";position:absolute;left:0;top:0;font-weight:800;color:var(--lagune)}
.bs-info{margin-top:1.6rem}
.bs-info h3{font-size:1.15rem;margin-bottom:.5rem}
.bs-info p{margin:0;font-size:.92rem;color:var(--tinte2)}
.bs-hook{margin:1.2rem 0 0;padding:1.1rem 1.3rem;border-left:3px solid var(--lagune-hell);background:rgba(255,255,255,.06);
  border-radius:0 14px 14px 0;font-family:var(--serif);font-style:italic;font-size:clamp(1.08rem,1rem + .4vw,1.3rem);line-height:1.45}
.bs-hook p{margin:0 0 .7rem;color:#fff!important}
.bs-hook p:last-child{margin:0}
.bs-weiter p{margin-bottom:1.2rem}
@media print{.bs-person,.bs-zeile{break-inside:avoid}.band--tief{background:#fff;color:#000}}

/* Social Media: Postings bis 15.11., Marketing ab 15.11., Weekly */
.po-hook{margin:0 0 1.6rem;padding:1.2rem 1.4rem;border-radius:16px;background:var(--tiefsee);color:#fff}
.po-hook .vorsatz{color:var(--lagune-hell)}
.po-hook blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,1rem + .35vw,1.25rem);line-height:1.45}
.po-hook blockquote p{margin:0 0 .6rem}.po-hook blockquote p:last-child{margin:0}
.postings{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;grid-template-columns:1fr}
@media(min-width:900px){.postings{grid-template-columns:1fr 1fr;gap:.9rem 1.2rem}}
.postings li{display:grid;grid-template-columns:2.4rem 1fr;gap:.9rem;align-items:start;padding:1rem 1.1rem;border-radius:14px;
  background:var(--papier);border:1px solid var(--linie)}
.po-nr{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--lagune);color:#fff;
  font-family:var(--serif);font-weight:600;font-size:1.05rem}
.postings b{display:block;color:var(--tiefsee);font-size:1.05rem;line-height:1.3}
.postings p{margin:.25rem 0 .4rem;font-size:.92rem;color:var(--tinte2);line-height:1.5}
.po-meta{display:block;font-size:.8rem;color:var(--leise);line-height:1.5}
.po-meta em{font-style:normal;font-weight:800;color:var(--sonne)}
.po-meta strong{color:var(--tinte2)}
.mk-raster{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:760px){.mk-raster{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.mk-raster{grid-template-columns:repeat(3,1fr)}}
.mk-karte{display:grid;gap:.35rem;align-content:start;padding:1.1rem 1.2rem 1.15rem;border-radius:16px;background:var(--papier);
  border:1px solid var(--linie)}
.mk-karte .bs-punkt{justify-self:start}
.mk-karte h3{margin:.2rem 0 0;font-size:1.2rem}
.mk-karte p{margin:0;font-size:.92rem;color:var(--tinte2);line-height:1.5}
.mk-wer{margin-top:.3rem;font-size:.8rem;font-weight:700;color:var(--lagune-tief)}
.weekly-ablauf{list-style:none;margin:1.4rem 0 1rem;padding:0;display:grid;gap:.8rem;counter-reset:wk}
.weekly-ablauf li{position:relative;padding-left:3rem;display:grid;gap:.15rem}
.weekly-ablauf li::before{counter-increment:wk;content:counter(wk);position:absolute;left:0;top:0;width:2.1rem;height:2.1rem;
  border-radius:50%;background:var(--lagune);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:600}
.weekly-ablauf b{color:var(--tiefsee);font-size:1.05rem}
.weekly-ablauf span{color:var(--tinte2);font-size:.95rem}
.ad-hinweis{margin:.8rem 0 0;font-size:.84rem;color:var(--tinte2);line-height:1.45}
html.durchsicht h1 .neu-text,html.durchsicht h2 .neu-text{background:rgba(139,92,246,.1);box-shadow:inset 0 -.09em 0 var(--neu-hell)}
html.durchsicht .tabelle-huelle[data-neu]::after{top:.35rem;right:.35rem}
html.durchsicht .schluss-karte[data-neu]::after{right:auto;left:.45rem}
html.durchsicht .sl-skipper[data-neu]::after{top:-.75rem;right:.5rem}
@media(max-width:759px){
  .eckdaten-leiste li{grid-template-columns:2.2rem 1fr;column-gap:.75rem;padding:.65rem .85rem}
  .eckdaten-leiste svg{width:2.2rem;height:2.2rem;padding:.5rem}
  .eckdaten-leiste b{font-size:1.15rem}
  .eckdaten-leiste small{font-size:.8rem}
  .partner{padding:.9rem 1rem 1rem}
  .partner b{font-size:1.18rem}
  .partner > span:not(.p-art){font-size:.86rem}
  .partner--frei{padding:.75rem 1rem}
  .fuss-news{padding-bottom:1.8rem;margin-bottom:2rem}
}
#partner .kopfreihe{margin-bottom:1.3rem}
#partner h2{font-size:clamp(1.7rem,1.2rem + 1.8vw,2.6rem)}

/* ================================================================ RUNDE 22: Wirtschaftlichkeitsanalyse */
#wa{--wa-offen:#3B6FB0;--wa-ganz:#C47A1E;--wa-team:#B0577F;--wa-extra:#7F9397;
  --wa-reise:#D9CFBF;--wa-schiff:#9FB1B3;--wa-betrieb:#6F8689;--wa-gewinn:#0F8C7E;--wa-minus:var(--korall);--wa-frei:#EFE7DA}
.wa-kopf .inhalt{margin-bottom:1.6rem}
@media(min-width:1100px){.wa-kopf .inhalt{grid-template-columns:repeat(5,1fr)}}
.wa-steuer{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between}
.wa-steuer-szen{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center}
.wa-steuer-titel{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--tinte2)}
.wa-stand{font-size:.85rem;color:var(--tinte2)}.wa-stand b{color:var(--tiefsee)}
.wa-steuer .knopf{padding:.65rem 1.15rem;font-size:.9rem}
/* Kennzahlen-Leiste */
.wa-leiste{background:rgba(251,248,243,.97);border-bottom:1px solid var(--linie);padding:.7rem 0;z-index:60}
@media(min-width:900px){.wa-leiste{position:sticky;top:calc(4.6rem + 1px);backdrop-filter:blur(6px)}}
.wa-leiste-raster{display:grid;gap:.5rem 1.4rem;grid-template-columns:1fr 1fr}
@media(min-width:900px){.wa-leiste-raster{grid-template-columns:repeat(4,1fr)}}
.wa-leiste-raster > div{display:grid;gap:.05rem;min-width:0}
.wa-leiste-raster span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--leise)}
.wa-leiste-raster b{font-family:var(--serif);font-weight:500;font-size:clamp(1.15rem,.9rem + .8vw,1.55rem);color:var(--tiefsee);line-height:1.15}
.wa-leiste-raster b.plus{color:var(--lagune-tief)}.wa-leiste-raster b.minus{color:var(--korall)}
.wa-leiste-raster small{font-size:.74rem;color:var(--tinte2);line-height:1.3;overflow:hidden;text-overflow:ellipsis}
@media(max-width:899px){.wa-leiste-raster small{display:none}}
/* Kapitel */
.wa-kap{scroll-margin-top:4.6rem}
@media(min-width:900px){.wa-kap{scroll-margin-top:9.5rem}}
.wa-kap-kopf{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.6rem}
.wa-kap-kopf .kap-nr{margin-top:.15rem}
.wa-kap-kopf .vorsatz{margin:0 0 .35rem}
.wa-kap-kopf h2{margin:0;font-size:clamp(1.35rem,1.05rem + 1.25vw,2.05rem);max-width:40ch;line-height:1.22}
.wa-zwei{display:grid;gap:clamp(1.4rem,3vw,2.6rem);grid-template-columns:1fr;align-items:start;margin-top:1.4rem}
@media(min-width:980px){.wa-zwei{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wa-zwei--eingabe{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  .wa-zwei--kosten{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}
.wa-zwei h3,.wa-zwischen{margin:0 0 .8rem;font-size:1.2rem}
.wa-zwischen{margin-top:2.4rem}
.wa-satz{font-size:1.08rem;color:var(--tiefsee);max-width:70ch;margin:0 0 .6rem}
.wa-einleitung{color:var(--tinte2);max-width:70ch;margin:0 0 1.2rem}
.wa-klein{font-size:.86rem;color:var(--tinte2);line-height:1.5;margin:.7rem 0 0}
.wa-warn{margin:.9rem 0 0;padding:.75rem 1rem;border-radius:10px;background:var(--sonne-weich);color:#7A4A0E;font-size:.9rem}
.wa-merke{margin-top:1.8rem}
/* Urteil und Fazit */
.wa-urteil{display:inline-grid;grid-template-columns:auto auto;gap:.1rem .7rem;align-items:center;padding:.8rem 1.1rem;border-radius:14px;
  background:var(--papier);border:1.5px solid var(--linie);box-shadow:var(--schatten)}
.wa-urteil-zeichen{grid-row:1 / span 2;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff}
.wa-urteil b{font-size:1.05rem;color:var(--tiefsee)}.wa-urteil > span:last-child{font-size:.88rem;color:var(--tinte2)}
.wa-urteil.ok{border-color:rgba(15,140,126,.45)}.wa-urteil.ok .wa-urteil-zeichen{background:var(--wa-gewinn)}
.wa-urteil.warn{border-color:rgba(198,124,34,.5)}.wa-urteil.warn .wa-urteil-zeichen{background:var(--sonne)}
.wa-urteil.schlecht{border-color:rgba(192,57,95,.45)}.wa-urteil.schlecht .wa-urteil-zeichen{background:var(--korall)}
.wa-fazit{font-size:clamp(1.08rem,1rem + .3vw,1.22rem);line-height:1.6;max-width:72ch;margin:1.2rem 0 0;color:var(--tinte)}
/* Grafik-Karten */
.wa-grafik{margin:0;padding:1.2rem 1.25rem 1.1rem;border-radius:var(--rund);background:var(--papier);border:1px solid var(--linie);
  box-shadow:var(--schatten);min-width:0}
.band--papier .wa-grafik{background:var(--muschel)}
.wa-grafik figcaption,.wa-grafik-titel{display:grid;gap:.2rem;margin:0 0 1rem}
.wa-grafik figcaption b,.wa-grafik-titel b{font-size:1.05rem;color:var(--tiefsee)}
.wa-grafik figcaption span,.wa-grafik-titel span{font-size:.86rem;color:var(--tinte2)}
.wa-grafik--breit{margin-top:.4rem}
.wa-szen-mini{display:grid;gap:.7rem}
.wa-szen-karte{display:grid;grid-template-columns:1fr auto;gap:.1rem 1rem;align-items:baseline;padding:.75rem .95rem;border-radius:12px;
  border:1.5px solid var(--linie);background:var(--muschel)}
.wa-szen-karte span{font-weight:800;font-size:.9rem;color:var(--tiefsee)}
.wa-szen-karte b{font-family:var(--serif);font-weight:500;font-size:1.3rem;color:var(--lagune-tief)}.wa-szen-karte b.minus{color:var(--korall)}
.wa-szen-karte small{grid-column:1 / -1;font-size:.8rem;color:var(--tinte2)}
.wa-szen-karte.an{border-color:var(--tiefsee);background:var(--papier)}
/* Eingaben */
.wa-eingabe{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.wa-eingabe input{width:6.6rem;text-align:right;padding:.42rem .5rem;border:1.5px solid var(--linie2);border-radius:8px;font:inherit;
  font-size:.95rem;background:var(--papier);color:var(--tinte)}
.wa-eingabe input:focus{outline:2px solid var(--lagune);outline-offset:1px;border-color:var(--lagune)}
.wa-eingabe i{font-style:normal;font-size:.76rem;color:var(--leise);min-width:3.1rem}
.wa-feld{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem .9rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--linie)}
.wa-feld:last-child{border-bottom:0}
.wa-feld-text{display:grid;gap:.1rem}.wa-feld-text b{font-size:.93rem;font-weight:700}
.wa-feld-text small{font-size:.8rem;color:var(--tinte2);line-height:1.35}
.wa-feld[hidden],.wa-nur-salon[hidden]{display:none!important}
.wa-stell{padding:1rem 1.15rem;border-radius:var(--rund);background:var(--muschel);border:1px solid var(--linie)}
.band--papier .wa-stell{background:var(--papier)}
.wa-stell-titel{margin:0 0 .3rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune-tief)}
.wa-eingaben,.wa-kostentabelle,.wa-tabelle{width:100%;border-collapse:collapse;font-size:.93rem}
.wa-eingaben th,.wa-eingaben td{padding:.5rem .4rem;border-bottom:1px solid var(--linie);text-align:left;vertical-align:middle}
.wa-eingaben thead th{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--leise);font-weight:800}
.wa-eingaben tbody th{font-weight:400}
.wa-eingaben tbody th b,.wa-kostentabelle tbody th b{display:block;font-size:.93rem}
.wa-eingaben tbody th small,.wa-kostentabelle tbody th small{display:block;font-size:.78rem;color:var(--tinte2);line-height:1.35;max-width:38ch}
.wa-eingaben .wa-eingabe input{width:6rem}
/* Preis */
.wa-preisaufbau{display:grid;gap:.6rem;margin-bottom:.4rem}
.wa-pa-summe{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.9rem 1.1rem;border-radius:12px;background:var(--tiefsee);color:#fff}
.wa-pa-summe span{font-size:.85rem;opacity:.85}.wa-pa-summe b{font-family:var(--serif);font-weight:500;font-size:1.7rem}
.wa-pa-teile{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.wa-pa-teile > div{display:grid;gap:.1rem;padding:.8rem 1rem;border-radius:12px;background:var(--muschel);border:1px solid var(--linie)}
.band--papier .wa-pa-teile > div{background:var(--muschel)}
.wa-pa-teile span{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--leise)}
.wa-pa-teile b{font-family:var(--serif);font-weight:500;font-size:1.35rem;color:var(--tiefsee)}
.wa-pa-teile small{font-size:.8rem;color:var(--tinte2);line-height:1.35}
#wa .markt{margin:.2rem 0 1.4rem}
#wa .markt-zeile{grid-template-columns:minmax(8rem,14rem) minmax(0,1fr) auto}
.wa-finder{padding:1.1rem 1.2rem}.wa-finder h3{margin:0 0 .3rem}
.wa-finder-werte{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.8rem}
.wa-finder-werte > div{display:grid;gap:.1rem;padding:.7rem .8rem;border-radius:10px;background:var(--lagune-weich)}
.wa-finder-werte span{font-size:.75rem;color:var(--lagune-tief);font-weight:700}
.wa-finder-werte b{font-family:var(--serif);font-weight:500;font-size:1.25rem;color:var(--tiefsee)}
.wa-finder-satz{margin:.7rem 0 0;font-size:.88rem;color:var(--tinte2)}
@media(max-width:520px){.wa-finder-werte,.wa-pa-teile{grid-template-columns:1fr}}
/* Kosten */
.wa-kosten-kopf{display:flex;justify-content:flex-end;margin:-.6rem 0 1rem}
.wa-kostentabelle th,.wa-kostentabelle td{padding:.5rem .45rem;border-bottom:1px solid var(--linie);text-align:left;vertical-align:middle}
.wa-kostentabelle thead th{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--leise);font-weight:800}
.wa-kostentabelle tbody th{font-weight:400}
.wa-k-titel th,.wa-k-titel td{padding-top:1.3rem!important;border-bottom:1.5px solid var(--linie2)!important}
.wa-k-titel th b{font-family:var(--serif);font-weight:500;font-size:1.12rem!important;color:var(--tiefsee)}
.wa-k-titel td{font-weight:800;color:var(--tiefsee)}
.wa-kostentabelle .wa-eingabe input{width:5.8rem}
.wa-kostentabelle td.zahl{min-width:6.5rem}
.zahl{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Kennzahlen-Karten */
.wa-kennzahlen{margin-top:1.4rem}
@media(min-width:900px){.wa-kennzahlen--sechs{grid-template-columns:repeat(3,1fr)}}
.wa-kennzahlen b.plus{color:var(--lagune-tief)}.wa-kennzahlen b.minus{color:var(--korall)}
/* Tabellen */
.wa-tabelle th,.wa-tabelle td{padding:.55rem .6rem;border-bottom:1px solid var(--linie);text-align:left;vertical-align:top}
.wa-tabelle thead th{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--leise);font-weight:800;vertical-align:bottom}
.wa-tabelle td.minus{color:var(--korall)}
.wa-tabelle tr.stark td{font-weight:700;color:var(--tiefsee)}
.wa-tabelle tr.summe td{font-weight:800;color:var(--tiefsee);border-top:1.5px solid var(--linie2)}
.wa-tabelle tr.summe td.minus{color:var(--korall)}
.wa-tabelle tr.gross td{font-size:1.05rem;background:var(--lagune-weich)}
.wa-tabelle tr.leise td{color:var(--leise);font-size:.86rem}
.wa-tabelle tr.geaendert td{background:var(--sonne-weich)}
.wa-tabelle--risiken th[scope=row]{font-weight:700;color:var(--tiefsee);min-width:11rem}
.wa-tabelle--risiken td{color:var(--tinte2);font-size:.92rem}.wa-tabelle--risiken td b{color:var(--tiefsee)}
.wa-tabelle--szenarien td.zahl{min-width:8rem}
.wa-szen-texte{display:grid;gap:.9rem;grid-template-columns:1fr;margin-bottom:1.2rem}
@media(min-width:760px){.wa-szen-texte{grid-template-columns:repeat(3,1fr)}}
.wa-szen-text{padding:1rem 1.1rem;border-radius:14px;background:var(--muschel);border:1px solid var(--linie)}
.wa-szen-text .knopf{margin-bottom:.6rem}
.wa-szen-text .knopf[aria-pressed="true"]{background:var(--tiefsee);border-color:var(--tiefsee);color:#fff}
.wa-szen-text p{margin:0;font-size:.9rem;color:var(--tinte2)}
.wa-liste-karte{padding:1.3rem 1.4rem}.wa-liste-karte h3{margin:0}
/* Anhang */
.wa-anhang{padding-block:clamp(2rem,5vw,3.5rem)}
.wa-mehr{border:1px solid var(--linie);border-radius:var(--rund);background:var(--papier);padding:1rem 1.2rem;margin-bottom:1rem}
.wa-mehr summary{cursor:pointer;font-weight:800;color:var(--tiefsee)}
.wa-mehr[open] summary{margin-bottom:1rem}
.wa-begriffe{display:grid;gap:.8rem 2rem;margin:0;grid-template-columns:1fr}
@media(min-width:800px){.wa-begriffe{grid-template-columns:1fr 1fr}}
.wa-begriffe dt{font-weight:800;color:var(--tiefsee)}.wa-begriffe dd{margin:.15rem 0 0;color:var(--tinte2);font-size:.92rem}
/* ---------- Grafiken */
.f-reise{background:var(--wa-reise)}.f-schiff{background:var(--wa-schiff)}.f-betrieb{background:var(--wa-betrieb)}.f-gewinn{background:var(--wa-gewinn)}
.f-offen{background:var(--wa-offen)}.f-ganz{background:var(--wa-ganz)}.f-team{background:var(--wa-team)}.f-extra{background:var(--wa-extra)}
.f-frei{background:var(--wa-frei);box-shadow:inset 0 0 0 1px var(--sandlinie)}
.f-preis{background:#C7D7D8}.f-abzug{background:var(--wa-schiff)}.f-runter{background:var(--wa-minus)}.f-rauf{background:var(--wa-gewinn)}
.wg-legende{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:0 0 .9rem;font-size:.82rem;color:var(--tinte2)}
.wg-legende span{display:inline-flex;align-items:center;gap:.4rem}
.wg-m{display:inline-block;width:.8rem;height:.8rem;border-radius:3px;flex:none}
.wg-zeile{margin-bottom:1.2rem}.wg-zeile:last-child{margin-bottom:0}
.wg-zeile-kopf{display:flex;justify-content:space-between;gap:1rem;font-size:.88rem;margin-bottom:.4rem}
.wg-zeile-kopf span{font-weight:700;color:var(--tiefsee)}.wg-zeile-kopf b{font-weight:700;color:var(--tinte2);white-space:nowrap}
.wg-stapel{display:flex;gap:2px;height:1.5rem;border-radius:6px;overflow:hidden;background:var(--sand)}
.wg-stapel i{display:block;height:100%;min-width:2px}
.wg-stapel i:first-child{border-radius:6px 0 0 6px}.wg-stapel i:last-child{border-radius:0 6px 6px 0}
.wg-werte{display:flex;flex-wrap:wrap;gap:.2rem .9rem;margin:.45rem 0 0;font-size:.78rem;color:var(--tinte2)}
.wg-werte span{display:inline-flex;align-items:center;gap:.35rem}.wg-werte .wg-m{width:.6rem;height:.6rem}
.wg-notiz{margin:.6rem 0 0;font-size:.84rem;color:var(--tinte2)}
.wg-notiz.minus{color:var(--korall);font-weight:700}
.wg-liste{display:grid;gap:.55rem}
.wg-l-zeile,.wg-fall-zeile{display:grid;grid-template-columns:minmax(7.5rem,12rem) minmax(0,1fr) auto;gap:.8rem;align-items:center}
.wg-l-text{display:grid;gap:.05rem;min-width:0}.wg-l-text b{font-size:.86rem;font-weight:700;color:var(--tinte)}
.wg-l-text small{font-size:.74rem;color:var(--leise);line-height:1.3}
.wg-spur{position:relative;height:.95rem;border-radius:5px;background:var(--sand)}
.wg-spur i{position:absolute;left:0;top:0;bottom:0;display:block;border-radius:5px;background:var(--wa-gewinn)}
.wg-liste--kosten .wg-spur i{background:var(--wa-betrieb)}
.wg-spur i.minus{background:var(--wa-minus)}
.wg-l-wert{font-size:.86rem;font-weight:700;color:var(--tiefsee);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:5.5rem}
.wg-ref{position:absolute;top:-.3rem;bottom:-.3rem;width:2px;margin-left:-1px;background:var(--tiefsee);border-radius:1px}
.wg-ref-notiz{display:flex;gap:.5rem;align-items:center;margin:.8rem 0 0;font-size:.82rem;color:var(--tinte2)}
.wg-ref-m{flex:none;width:2px;height:1rem;background:var(--tiefsee)}
.wg-fall{display:grid;gap:.4rem}
.wg-fall-zeile.start .wg-l-text b,.wg-fall-zeile.ende .wg-l-text b{color:var(--tiefsee)}
.wg-fall-zeile.ende{margin-top:.35rem;padding-top:.6rem;border-top:1.5px solid var(--linie2)}
.wg-fall-zeile.ende .wg-l-wert{color:var(--lagune-tief);font-size:1rem}
.wg-fall .wg-spur i{background:var(--wa-schiff)}.wg-fall .wg-spur i.f-preis{background:#C7D7D8}.wg-fall .wg-spur i.f-gewinn{background:var(--wa-gewinn)}
.wg-kal{margin-bottom:1.1rem}.wg-kal:last-child{margin-bottom:0}
.wg-kal-zellen{display:grid;grid-template-columns:repeat(26,1fr);gap:2px}
.wg-kal-zellen i{display:block;height:1.35rem;border-radius:3px}
@media(max-width:560px){.wg-kal-zellen{grid-template-columns:repeat(13,1fr)}}
.wg-saeulen{position:relative;display:flex;gap:.45rem;align-items:flex-end;padding-top:.2rem}
.wg-saeulen.eng{gap:2px}
.wg-saeule{flex:1;display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:.2rem;min-width:0}
.wg-saeule > b{font-size:.72rem;color:var(--tinte2);white-space:nowrap;height:1rem;line-height:1rem}
.wg-saeule > span{font-size:.72rem;color:var(--leise);font-weight:700;height:1.1rem;line-height:1.1rem}
.wg-oben,.wg-unten{position:relative;display:flex;justify-content:center}
.wg-oben{align-items:flex-end;border-bottom:1.5px solid var(--linie2)}.wg-unten{align-items:flex-start}
.wg-oben i,.wg-unten i{display:block;width:100%;max-width:3.4rem;background:var(--wa-gewinn)}
.wg-oben i{border-radius:4px 4px 0 0}.wg-unten i{border-radius:0 0 4px 4px}
.wg-oben i.minus,.wg-unten i.minus{background:var(--wa-minus)}
.wg-saeule.ungeplant i{opacity:.35}
.wg-saeule.schwelle > span{color:var(--tiefsee);background:var(--lagune-weich);border-radius:4px}
.wg-saeule.schwelle > b{color:var(--tiefsee);font-weight:800}
.wg-saeulen.eng .wg-saeule > b{font-size:.62rem;overflow:visible}
.wg-saeulen.eng .wg-saeule > span{font-size:.62rem}
.wg-saeulen--rueck .wg-oben i{background:var(--wa-schiff)}
.wg-saeulen--rueck .bezahlt .wg-oben i{background:var(--wa-gewinn)}
.wg-saeulen--rueck .wg-oben{border-bottom:1.5px solid var(--linie2)}
#wa .wg-linie{position:absolute;left:0;right:0;border-top:2px dashed var(--tiefsee);pointer-events:none}
#wa .wg-linie span{position:absolute;right:0;top:-1.45rem;font-size:.75rem;font-weight:800;color:var(--tiefsee);background:var(--papier);padding:0 .3rem;border-radius:4px}
.band--papier #wa .wg-linie span,.band--papier .wg-linie span{background:var(--muschel)}
.wg-tornado{display:grid;gap:.7rem}
.wg-t-zeile{display:grid;grid-template-columns:minmax(8rem,13rem) minmax(0,1fr);gap:.2rem 1rem;align-items:center}
.wg-t-name{font-size:.88rem;color:var(--tinte)}
.wg-t-spur{display:grid;grid-template-columns:1fr 1fr;height:1.1rem}
.wg-t-links{display:flex;justify-content:flex-end;border-right:2px solid var(--tiefsee)}
.wg-t-rechts{display:flex;justify-content:flex-start}
.wg-t-links i,.wg-t-rechts i{display:block;height:100%}
.wg-t-links i{border-radius:4px 0 0 4px}.wg-t-rechts i{border-radius:0 4px 4px 0}
.wg-t-werte{grid-column:2;font-size:.76rem;color:var(--tinte2)}
@media(max-width:620px){.wg-l-zeile,.wg-fall-zeile{grid-template-columns:minmax(0,1fr) auto}.wg-l-zeile .wg-spur,.wg-fall-zeile .wg-spur{grid-column:1 / -1;order:3}
  .wg-t-zeile{grid-template-columns:1fr}.wg-t-werte{grid-column:1}}
/* Druck */
@media print{
  .wa-steuer,.wa-kopf .inhalt,#wa-link,#wa-zurueck,#wa-drucken,.wa-kosten-kopf{display:none!important}
  .wa-leiste{position:static;border:1px solid var(--linie);border-radius:10px;margin:0 0 .6rem}
  .wa-leiste-raster small{display:block}
  .wa-kap{padding:1rem 0!important}
  .wa-grafik,.wa-tabelle,.wa-kostentabelle,.wa-eingaben,.r-kennzahlen > div,.wa-stell,.wa-szen-karte,.wa-urteil,.wg-zeile,.wg-l-zeile,.wa-finder{break-inside:avoid}
  .wa-kap-kopf{break-after:avoid}
  .wa-eingabe input{border:0;padding:0;width:auto;max-width:6rem;background:transparent}
  #wa,#wa *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .wa-grafik,.wa-stell{box-shadow:none}
  .wa-mehr{border:0;padding:0}.wa-mehr summary{display:none}
}
/* Runde 22 · Feinschliff */
.wa-zwei > *,.wa-steuer > *{min-width:0}
.wa-zwei > div > h3:not(:first-child){margin-top:1.8rem}
#wa .markt-zeile{grid-template-columns:minmax(8rem,13rem) minmax(0,1fr) 11rem}
#wa .markt-zeile b{text-align:right}
@media(max-width:699px){#wa .markt-zeile{grid-template-columns:1fr auto}#wa .markt-zeile b{text-align:right}}
@media(min-width:980px){.wa-grafik--kosten{position:sticky;top:10rem}}
.wg-stapel{position:relative}
.wg-marke{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--tiefsee);z-index:1}
.wg-saeulen.wg-eng{gap:2px}
.wg-saeulen.wg-eng .wg-saeule > b{font-size:.62rem;overflow:visible}
.wg-saeulen.wg-eng .wg-saeule > span{font-size:.62rem}
@media(max-width:640px){
  .wa-eingaben thead{display:none}
  .wa-eingaben tr{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .8rem;padding:.6rem 0;border-bottom:1px solid var(--linie)}
  .wa-eingaben tr[hidden]{display:none}
  .wa-eingaben th,.wa-eingaben td{border:0;padding:0}
  .wa-eingaben th[scope=row]{grid-column:1 / -1}
  .wa-eingaben td{display:grid;gap:.2rem}
  .wa-eingaben td::before{content:attr(data-titel);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--leise)}
  .wa-eingaben .wa-eingabe input{width:5.2rem}
  .wa-kostentabelle thead{display:none}
  .wa-kostentabelle tr{display:grid;grid-template-columns:auto 1fr;gap:.3rem .8rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--linie)}
  .wa-kostentabelle th,.wa-kostentabelle td{border:0!important;padding:0!important}
  .wa-kostentabelle tbody th[scope=row],.wa-k-titel th{grid-column:1 / -1}
  .wa-k-titel{padding-top:1.2rem!important;border-bottom:1.5px solid var(--linie2)!important}
  .wa-k-titel td{grid-column:1 / -1;text-align:left!important}
  .wa-kostentabelle td.zahl{min-width:0}
  .wa-eingabe input{width:5.4rem}
  .wa-feld{grid-template-columns:1fr}
  .wa-kosten-kopf{justify-content:flex-start}
}
body:has(#wa) .aktionsleiste{display:none!important}
.wa-pa-summe b{white-space:nowrap}
#wt-prognose{margin-top:1.6rem}
#wa .wg-saeulen--rueck .wg-linie span{left:0;right:auto}
@media(max-width:759px){.wa-kopf .inhalt{grid-template-columns:1fr 1fr}.wa-kopf .inhalt a{font-size:.82rem;padding:.5rem .55rem;gap:.5rem}
  .wa-kopf .inhalt a span{width:1.45rem;height:1.45rem;font-size:.72rem}}
/* Wirtschaftlichkeit: Druckfassung kompakt (A4) */
@media print{
  @page{size:A4;margin:11mm 11mm 12mm}
  html:has(#wa){font-size:10.5px}
  body:has(#wa){font-size:10.5px}
  body:has(#wa) .band{padding:.5rem 0!important}
  body:has(#wa) .durchsicht-leiste{display:none!important}
  .wa-kopf h1{font-size:2.4rem!important;margin:0}
  .wa-kopf .nachsatz{margin-top:.4rem!important;font-size:1.05rem!important}
  .wa-kap{padding:.6rem 0!important}
  .wa-kap-kopf{margin-bottom:.8rem}
  .wa-kap-kopf h2{font-size:1.55rem!important}
  .wa-zwei,.wa-zwei--eingabe,.wa-zwei--kosten{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:1.1rem!important;margin-top:.8rem}
  .wa-leiste-raster,#wa .r-kennzahlen,.wa-kennzahlen{grid-template-columns:repeat(4,1fr)!important}
  .wa-kennzahlen--sechs{grid-template-columns:repeat(3,1fr)!important}
  .wa-szen-texte{grid-template-columns:repeat(3,1fr)!important}
  .wa-begriffe{grid-template-columns:1fr 1fr!important}
  .wa-grafik{padding:.8rem .9rem}
  .wa-grafik--kosten{position:static}
  .wa-kostentabelle,.wa-tabelle--annahmen,.wa-eingaben,.wa-tabelle{break-inside:auto}
  .wa-kostentabelle tr,.wa-tabelle tr{break-inside:avoid}
  #wt-annahmen .tabelle-huelle{columns:2;column-gap:1.4rem}
  #wt-annahmen table{display:block}
  #wt-annahmen thead{display:none}
  #wt-annahmen tbody{display:block}
  #wt-annahmen tr{display:grid;grid-template-columns:1fr auto;break-inside:avoid;border-bottom:1px solid var(--linie)}
  #wt-annahmen td{border:0;padding:.18rem .3rem}
  #wt-annahmen td:nth-child(3){grid-column:1 / -1;padding-top:0}
  #wt-annahmen td:nth-child(3):empty{display:none}
  .wa-merke{margin-top:.9rem}
  .wg-saeulen{zoom:.85}
  .markt-zeile{font-size:.9rem}
  .wa-anhang{break-before:page}
  .fuss,.aktionsleiste{display:none!important}
}
@media print{
  .wa-zwei--kosten{grid-template-columns:minmax(0,1fr)!important}
  .wa-kostentabelle .wa-eingabe input{width:4.6rem}
  .tabelle-huelle{overflow:visible!important}
}
@media print{body:has(#wa) h3{break-after:avoid}}
#wa .markt-zeile{grid-template-columns:minmax(7rem,11.5rem) minmax(0,1fr) 12.6rem}
@media(max-width:699px){#wa .markt-zeile{grid-template-columns:1fr auto}}

/* ================================================================ RUNDE 23: Wirtschaftlichkeit — Cockpit, Rechenweg, Belastbarkeit */
#wa{--wa-hell:#EAF4F2;--wa-glas:rgba(255,255,255,.07);--wa-glasrand:rgba(255,255,255,.16);--wa-akzent:#8AD8CC;--wa-minus-hell:#FF9BB3}
/* Cockpit */
.wa-held{position:relative;isolation:isolate;overflow:hidden;color:var(--wa-hell);padding:clamp(1.8rem,3.4vw,2.8rem) 0 clamp(1.8rem,3.2vw,2.6rem);
  background:radial-gradient(ellipse 55% 65% at 76% 30%,rgba(18,133,122,.42),transparent 70%),
             radial-gradient(ellipse 50% 40% at 8% 100%,rgba(138,216,204,.12),transparent 70%),
             linear-gradient(160deg,#0C3A43 0%,#072A31 55%,#04161B 100%)}
.wa-held::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .8s;
  background:radial-gradient(ellipse 55% 65% at 76% 30%,rgba(192,57,95,.45),transparent 70%)}
.wa-held.minus::before{opacity:1}
.wa-held::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(138,216,204,.5),transparent)}
.wa-held-raster{display:grid;gap:1.4rem;grid-template-columns:minmax(0,1fr);
  grid-template-areas:"kopf" "bild" "regler" "kpis" "fuss"}
.wa-held-kopf{grid-area:kopf}.wa-held-bild{grid-area:bild}.wa-held-regler{grid-area:regler}.wa-held-kpis{grid-area:kpis}.wa-held-fuss{grid-area:fuss}
@media(min-width:980px){
  .wa-held-raster{column-gap:clamp(2rem,5vw,4.5rem);row-gap:1.6rem;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
    grid-template-rows:auto auto 1fr;grid-template-areas:"kopf bild" "kpis regler" "fuss regler";align-items:start}
  .wa-held-kopf{align-self:center}
  .wa-held-regler{margin-top:-2.2rem;position:relative;z-index:1}
}
.wa-held-vorsatz{margin:0 0 .8rem;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--wa-akzent)}
.wa-held h1{margin:0;color:#fff;font-size:clamp(2.2rem,1.4rem + 2.7vw,3.7rem);line-height:1.04;letter-spacing:-.02em;max-width:14ch}
.wa-held-urteil{display:inline-grid;grid-template-columns:auto auto;gap:0 .65rem;align-items:center;margin-top:1.2rem;padding:.5rem 1.1rem .5rem .55rem;
  border-radius:999px;background:var(--wa-glas);border:1px solid var(--wa-glasrand);transition:border-color .4s}
.wa-held-urteil:empty{display:none}
.wa-held-urteil .wa-urteil-zeichen{grid-row:1 / span 2;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#04161B;
  background:var(--wa-akzent);transition:background .4s}
.wa-held-urteil.warn{border-color:rgba(242,184,102,.5)}.wa-held-urteil.warn .wa-urteil-zeichen{background:#F2B866}
.wa-held-urteil.schlecht{border-color:rgba(255,155,179,.5)}.wa-held-urteil.schlecht .wa-urteil-zeichen{background:var(--wa-minus-hell)}
.wa-held-urteil b{color:#fff;font-size:1rem;line-height:1.25}.wa-held-urteil > span:last-child{font-size:.82rem;opacity:.8;line-height:1.3}
.wa-held-zahl{display:grid;gap:.25rem;margin:1.3rem 0 0}
.wa-held-zahl b{font-family:var(--serif);font-weight:500;font-size:clamp(3rem,1.8rem + 4.6vw,5.4rem);line-height:1;letter-spacing:-.02em;color:var(--wa-akzent);
  font-variant-numeric:tabular-nums;transition:color .4s}
.wa-held-zahl b.minus{color:var(--wa-minus-hell)}
.wa-held-zahl span{font-size:.92rem;opacity:.82}
.wa-held-bild{display:grid;justify-items:center;align-items:end}
.wa-schiff{display:block;width:100%;max-width:390px;height:auto;color:rgba(240,250,248,.94);filter:drop-shadow(0 24px 40px rgba(0,0,0,.28));
  animation:wa-wiegen 7s ease-in-out infinite;transform-origin:50% 85%}
@keyframes wa-wiegen{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-6px) rotate(.6deg)}}
.wa-held-regler{display:grid;gap:.85rem;padding:1rem 1.2rem 1.05rem;border-radius:20px;background:rgba(7,42,49,.62);border:1px solid var(--wa-glasrand);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px rgba(0,0,0,.22)}
.wa-held-steuer{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center;justify-content:space-between}
.wa-held-titel{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;opacity:.75}
.r-varianten.wa-dunkel{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22)}
.r-varianten.wa-dunkel button{color:var(--wa-hell)}
.r-varianten.wa-dunkel button[aria-pressed="true"]{background:var(--wa-akzent);color:#04161B}
.wa-regler{display:grid;gap:.7rem}
.wa-regler-zeile{display:grid;grid-template-columns:1fr auto;gap:.15rem 1rem;align-items:end;cursor:pointer}
.wa-regler-name{font-weight:700;color:#fff;font-size:.95rem;line-height:1.25}.wa-regler-name small{display:block;font-weight:500;font-size:.76rem;opacity:.7}
.wa-regler-zeile output{font-family:var(--serif);font-size:1.45rem;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}
.wa-regler-zeile input[type=range]{grid-column:1 / -1;-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer;
  --spur:linear-gradient(to right,var(--wa-akzent) calc(11px + (100% - 22px) * var(--f,.5)),rgba(255,255,255,.18) calc(11px + (100% - 22px) * var(--f,.5)))}
.wa-regler-zeile input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--spur)}
.wa-regler-zeile input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--spur)}
.wa-regler-zeile input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:0;
  box-shadow:0 0 0 5px rgba(138,216,204,.28),0 2px 8px rgba(0,0,0,.35);transition:box-shadow .2s,transform .2s}
.wa-regler-zeile input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 5px rgba(138,216,204,.28),0 2px 8px rgba(0,0,0,.35)}
.wa-regler-zeile input[type=range]:hover::-webkit-slider-thumb,.wa-regler-zeile input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 0 0 8px rgba(138,216,204,.32),0 2px 8px rgba(0,0,0,.35)}
.wa-regler-zeile input[type=range]:focus-visible{outline:none}
.wa-regler-zeile input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 8px rgba(138,216,204,.6)}
.wa-regler-zeile input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 8px rgba(138,216,204,.6)}
.wa-held-hinweis{margin:0;font-size:.8rem;opacity:.7}
.wa-held-kpis{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.wa-held-kpis > div{display:grid;gap:.2rem;align-content:start;padding:.85rem .95rem .9rem;border-radius:14px;background:var(--wa-glas);border:1px solid var(--wa-glasrand)}
.wa-held-kpis span{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;opacity:.75;white-space:nowrap}
.wa-held-kpis b{font-family:var(--serif);font-weight:500;font-size:clamp(1.2rem,.9rem + .9vw,1.6rem);color:#fff;line-height:1.15;white-space:nowrap}
.wa-held-kpis small{font-size:.74rem;opacity:.7;line-height:1.3}
.wa-held-fuss{display:grid;gap:.8rem;align-content:start}
.wa-held .wa-stand{margin:0;color:rgba(234,244,242,.72);font-size:.84rem}.wa-held .wa-stand b{color:#fff}
.wa-held-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem}
.wa-held-knoepfe .knopf{padding:.5rem .95rem;font-size:.82rem}
.wa-knopf-glas{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.22);color:#fff;box-shadow:none}
.wa-knopf-glas:hover,.wa-knopf-glas:focus-visible{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff}
@media(max-width:979px){.wa-schiff{max-width:300px}}
@media(max-width:560px){.wa-held-kpis{grid-template-columns:1fr}.wa-held-kpis > div{grid-template-columns:1fr auto;align-items:baseline;column-gap:1rem}
  .wa-held-kpis small{grid-column:1 / -1}.wa-schiff{max-width:230px}.wa-held-regler{padding:1rem}
  .wa-held-steuer{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.wa-schiff{animation:none}}
/* Kennzahlenleiste erscheint erst nach dem Cockpit */
.wa-leiste{position:fixed!important;left:0;right:0;top:calc(4.6rem + 1px);z-index:65;transform:translateY(-120%);opacity:0;
  transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s;pointer-events:none;box-shadow:0 8px 24px rgba(13,59,68,.08)}
.wa-leiste.sichtbar{transform:none;opacity:1;pointer-events:auto}
@media(max-width:899px){.wa-leiste{display:none}}
/* Aufbau der Analyse */
.wa-methode{padding-block:clamp(2.4rem,5vw,3.8rem)!important;background:var(--muschel)}
.wa-methode-kopf{max-width:60ch;margin-bottom:1.4rem}.wa-methode-kopf h2{margin:0 0 .6rem;font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.wa-methode-kopf .wa-einleitung{margin:0}
.wa-kapitel{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}
.wa-kapitel a{display:grid;grid-template-columns:auto 1fr;gap:.1rem .75rem;align-items:start;padding:.85rem 1rem;border-radius:14px;background:var(--papier);
  border:1px solid var(--linie);text-decoration:none;color:var(--tinte);transition:transform .2s,box-shadow .2s,border-color .2s}
.wa-kapitel a:hover{transform:translateY(-2px);box-shadow:var(--schatten);border-color:rgba(18,133,122,.35)}
.wa-kapitel a span{grid-row:1 / span 2;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;background:var(--tiefsee);color:#fff;
  font-family:var(--serif);font-size:.9rem}
.wa-kapitel a b{font-size:.95rem;color:var(--tiefsee)}.wa-kapitel a small{font-size:.78rem;color:var(--tinte2);line-height:1.35}
/* Rechenweg */
.wa-weg{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){.wa-weg{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1180px){.wa-weg{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.4rem}}
.wa-weg-schritt{position:relative;display:grid;gap:.3rem;align-content:start;padding:1rem 1rem 1.15rem;border-radius:16px;background:var(--papier);
  border:1px solid var(--linie);box-shadow:var(--schatten)}
.wa-weg-nr{width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;background:var(--lagune-weich);color:var(--lagune-tief);font-weight:800;font-size:.8rem}
.wa-weg-schritt small{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:var(--leise);line-height:1.3;min-height:2.6em}
.wa-weg-schritt b{font-family:var(--serif);font-weight:500;font-size:clamp(1.35rem,1rem + 1vw,1.85rem);color:var(--tiefsee);line-height:1.1;font-variant-numeric:tabular-nums}
.wa-weg-schritt em{font-style:normal;font-size:.8rem;color:var(--tinte2);line-height:1.4}
@media(min-width:1180px){.wa-weg-schritt:not(:last-child)::after{content:"";position:absolute;right:-1.05rem;top:50%;width:.7rem;height:.7rem;
  border-top:2px solid var(--lagune);border-right:2px solid var(--lagune);transform:translateY(-50%) rotate(45deg);opacity:.7}}
.wa-weg-schritt--ziel{background:linear-gradient(160deg,#0C3A43,#072A31);border-color:#0C3A43;color:var(--wa-hell)}
.wa-weg-schritt--ziel .wa-weg-nr{background:var(--wa-akzent);color:#04161B}
.wa-weg-schritt--ziel small{color:rgba(234,244,242,.75)}.wa-weg-schritt--ziel b{color:var(--wa-akzent)}.wa-weg-schritt--ziel em{color:rgba(234,244,242,.8)}
.wa-weg-schritt--ziel.minus b{color:var(--wa-minus-hell)}
.wa-fazit-zeile{display:grid;gap:1rem 1.6rem;align-items:center;margin-top:1.8rem;grid-template-columns:1fr}
@media(min-width:900px){.wa-fazit-zeile{grid-template-columns:auto 1fr}}
.wa-fazit-zeile .wa-fazit{margin:0}
/* Wohin jeder Euro geht */
.wg-euro-balken{display:flex;gap:2px;height:3.2rem;border-radius:12px;overflow:hidden;background:var(--sand)}
.wg-euro-balken i{display:flex;align-items:center;justify-content:center;min-width:0;transition:width .7s cubic-bezier(.16,1,.3,1)}
.wg-euro-balken i span{font-weight:800;font-size:.86rem;white-space:nowrap;color:#fff}
.wg-euro-balken .f-reise span,.wg-euro-balken .f-schiff span{color:var(--tiefsee)}
.f-wert{background:#7C9295}
#wa .wg-euro .f-betrieb{background:#4F6B70}
.wg-euro-liste{display:grid;gap:.45rem;margin-top:1rem}
.wg-euro-zeile{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center}
.wg-euro-zeile b{display:block;font-size:.9rem}.wg-euro-zeile small{font-size:.76rem;color:var(--leise)}
.wg-euro-wert{font-family:var(--serif);font-size:1.15rem;color:var(--tiefsee);font-variant-numeric:tabular-nums}
.wg-euro-zeile:last-child .wg-euro-wert{color:var(--lagune-tief)}
.wg-euro-notiz{font-weight:700;color:var(--tiefsee)}
/* Herkunft der Annahmen */
.wa-herkunft{display:inline-block;vertical-align:.12em;margin-left:.35rem;padding:.1rem .45rem;border-radius:999px;font-size:.62rem;font-weight:800;
  letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;line-height:1.5;font-family:var(--sans)}
.wa-herkunft--angabe{background:var(--tiefsee);color:#fff}
.wa-herkunft--vorschlag{background:#F6E7EE;color:#8E3F63}
.wa-herkunft--markt{background:#DDF1EE;color:#0B6459}
.wa-herkunft--regel{background:#FAEFDD;color:#8A5313}
.wa-herkunft--erfahrung{background:#E3ECF8;color:#2D5A94}
.wa-herkunft--plan{background:#E8EEEF;color:#3F5A5E}
.wa-herkunft--schaetzung{background:#EFEBE4;color:#6A5F4E}
.wa-herkunft--offen{background:transparent;color:var(--korall);box-shadow:inset 0 0 0 1px rgba(192,57,95,.5)}
.wa-feld-text small .wa-herkunft{margin-left:.2rem}
.wa-herkunft-legende{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0 0}.wa-herkunft-legende .wa-herkunft{margin:0}
.wg-herkunft-titel{margin:0 0 .5rem;font-size:.84rem;color:var(--tinte2)}
.wg-stapel--herkunft{height:1.4rem}
.h-angabe{background:var(--tiefsee)}.h-markt{background:#0F8C7E}.h-regel{background:#C47A1E}.h-erfahrung{background:#3B6FB0}
.h-plan{background:#6F8689}.h-schaetzung{background:#B9AE9C}.h-offen{background:var(--korall)}
.wg-herkunft-liste{display:grid;gap:.4rem;margin-top:.9rem}
.wg-herkunft-liste > div{display:grid;grid-template-columns:1fr auto auto;gap:.8rem;align-items:center}
.wg-herkunft-liste .wa-herkunft{margin:0;justify-self:start}
.wg-herkunft-liste b{font-family:var(--serif);font-size:1.1rem;color:var(--tiefsee)}.wg-herkunft-liste small{font-size:.78rem;color:var(--leise);min-width:5.5rem;text-align:right}
/* Plausibilitätsprüfung */
.wa-pruef-stand{display:inline-block;margin-left:.6rem;padding:.15rem .6rem;border-radius:999px;background:var(--lagune-weich);color:var(--lagune-tief);
  font-family:var(--sans);font-size:.78rem;font-weight:800;vertical-align:.2em}
.wa-pruef-stand:empty{display:none}
.wa-pruef{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.wa-pruef-karte{padding:1rem 1.1rem 1.05rem;border-radius:14px;background:var(--papier);border:1px solid var(--linie);border-left:4px solid var(--lagune)}
.band--papier .wa-pruef-karte{background:var(--muschel)}
.wa-pruef-karte.warn{border-left-color:var(--sonne)}.wa-pruef-karte.schlecht{border-left-color:var(--korall)}.wa-pruef-karte.info{border-left-color:#3B6FB0}
.wa-pruef-kopf{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start}
.wa-pruef-zeichen{width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;color:#fff;background:var(--lagune)}
.warn .wa-pruef-zeichen{background:var(--sonne)}.schlecht .wa-pruef-zeichen{background:var(--korall)}.info .wa-pruef-zeichen{background:#3B6FB0;font-family:var(--serif);font-style:italic}
.wa-pruef-kopf b{display:block;font-size:.95rem;color:var(--tiefsee)}
.wa-pruef-wert{display:block;font-family:var(--serif);font-size:1.15rem;color:var(--tiefsee);margin-top:.1rem}
.wa-pruef-mass{margin:.6rem 0 .2rem!important;font-size:.76rem!important;font-weight:700;color:var(--leise)!important}
.wa-pruef-karte p{margin:0;font-size:.86rem;color:var(--tinte2);line-height:1.45}
/* Risikosimulation */
.wg-histo{position:relative;display:flex;align-items:flex-end;gap:2px;height:170px;padding-top:.6rem;border-bottom:1.5px solid var(--linie2)}
.wg-histo i{flex:1;min-height:1px;border-radius:3px 3px 0 0;background:var(--wa-gewinn)}
.wg-histo i.minus{background:var(--wa-minus)}
.wg-histo-null{position:absolute;top:0;bottom:-.4rem;width:0;border-left:2px dashed var(--tiefsee)}
.wg-histo-null em{position:absolute;top:-.2rem;left:.35rem;font-style:normal;font-size:.72rem;font-weight:800;color:var(--tiefsee);white-space:nowrap}
.wg-histo-achse{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.75rem;color:var(--leise)}
@media(min-width:700px){.wa-kennzahlen--drei{grid-template-columns:repeat(3,1fr)!important}}
.wa-kennzahlen--drei > div{background:var(--muschel)}
.band--papier .wa-kennzahlen--drei > div{background:var(--papier)}
/* Druck: Cockpit kompakt, ohne Bedienelemente */
@media print{
  .wa-held{padding:1.2rem 0 .8rem!important}
  .wa-held-regler,.wa-held-fuss,.wa-leiste{display:none!important}
  .wa-held-raster{grid-template-columns:1.1fr .9fr!important;grid-template-areas:"kopf bild" "kpis kpis"!important}
  .wa-schiff{animation:none;max-width:220px}
  .wa-held-kpis{grid-template-columns:repeat(3,1fr)!important}
  .wa-methode{padding:.8rem 0!important}
  .wa-kapitel{grid-template-columns:repeat(3,1fr)!important;gap:.4rem}
  .wa-kapitel a{padding:.45rem .6rem}
  .wa-weg{grid-template-columns:repeat(3,1fr)!important}
  .wa-weg-schritt:not(:last-child)::after{display:none}
  .wa-pruef{grid-template-columns:repeat(2,1fr)!important}
  .wa-pruef-karte,.wa-weg-schritt,.wg-histo{break-inside:avoid}
}
/* Simulation: kompakte Kennzahlen und sichtbare Schwankungsbreiten */
.wa-sim .wa-kennzahlen--drei{gap:.6rem}
.wa-sim .wa-kennzahlen--drei > div{padding:.8rem .9rem}
.wa-sim .wa-kennzahlen--drei b{font-size:clamp(1.25rem,1rem + .8vw,1.6rem);white-space:nowrap}
.wa-sim-titel{margin:1.3rem 0 .5rem;font-weight:800;font-size:.86rem;color:var(--tiefsee)}
.wa-sim-titel span{font-weight:500;color:var(--leise);font-size:.78rem;margin-left:.3rem}
.wa-sim-liste{display:grid;gap:0;border-top:1px solid var(--linie)}
.wa-sim-liste > div{display:grid;grid-template-columns:minmax(0,1.2fr) auto minmax(0,1.1fr);gap:.2rem .9rem;align-items:baseline;padding:.42rem 0;border-bottom:1px solid var(--linie)}
.wa-sim-liste b{font-size:.84rem;font-weight:700;color:var(--tinte)}
.wa-sim-liste span{font-size:.84rem;font-weight:800;color:var(--tiefsee);white-space:nowrap;font-variant-numeric:tabular-nums}
.wa-sim-liste small{font-size:.76rem;color:var(--leise);text-align:right}
@media(max-width:560px){.wa-sim-liste > div{grid-template-columns:1fr auto}.wa-sim-liste small{grid-column:1 / -1;text-align:left}}
/* Euro-Aufteilung: Beschriftung aufrecht, Liste kompakt */
.wg-euro-balken i{font-style:normal}
.wg-euro-zeile{padding:.4rem 0;border-bottom:1px solid var(--linie)}
.wg-euro-zeile:last-child{border-bottom:0}
.wg-euro-liste{gap:0}
.wg-euro-zeile b{line-height:1.3}.wg-euro-zeile small{display:block;line-height:1.3}
.wa-szen-karte .wa-szen-spur{grid-column:1 / -1;display:block;height:8px;border-radius:999px;background:var(--sand);overflow:hidden;margin:.4rem 0 .2rem}
.wa-szen-spur i{display:block;height:100%;border-radius:999px;background:var(--wa-gewinn,#0F8C7E);transition:width .6s cubic-bezier(.16,1,.3,1)}
.wa-szen-spur i.minus{background:var(--korall)}
/* Rechte Spalte in Kapitel 10: Herkunft und Absicherung */
.wa-spalte{display:grid;gap:1.4rem;align-content:start;min-width:0}
.wa-sicher-liste{list-style:none;margin:.2rem 0 0;padding:0;display:grid;gap:0}
.wa-sicher-liste li{position:relative;display:grid;gap:.1rem;padding:.6rem 0 .6rem 2.1rem;border-bottom:1px solid var(--linie)}
.wa-sicher-liste li:last-child{border-bottom:0;padding-bottom:0}
.wa-sicher-liste li::before{content:"✓";position:absolute;left:0;top:.62rem;width:1.4rem;height:1.4rem;border-radius:50%;display:grid;place-items:center;
  background:var(--lagune-weich);color:var(--lagune-tief);font-weight:800;font-size:.75rem}
.wa-sicher-liste b{font-size:.9rem;color:var(--tiefsee)}
.wa-sicher-liste span{font-size:.84rem;color:var(--tinte2);line-height:1.45}
@media(max-width:699px){
  .wa-sim .wa-kennzahlen--drei{grid-template-columns:1fr!important}
  .wa-sim .wa-kennzahlen--drei > div{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:1rem}
  .wa-sim .wa-kennzahlen--drei small{grid-column:1 / -1}
}
/* Lesefortschritt und Kapitelpunkte */
.wa-fortschritt{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--lagune);transform-origin:0 50%;transform:scaleX(0)}
.wa-punkte{position:fixed;right:clamp(.6rem,1.4vw,1.4rem);top:50%;z-index:60;display:none;flex-direction:column;gap:.35rem;
  transform:translate(140%,-50%);opacity:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;pointer-events:none}
@media(min-width:1380px){.wa-punkte{display:flex}}
.wa-punkte.sichtbar{transform:translate(0,-50%);opacity:1;pointer-events:auto}
.wa-punkte a{position:relative;display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;text-decoration:none;
  background:var(--papier);border:1px solid var(--linie2);color:var(--leise);font-size:.68rem;font-weight:800;transition:background .25s,color .25s,border-color .25s,transform .25s}
.wa-punkte a:hover,.wa-punkte a:focus-visible{border-color:var(--lagune);color:var(--lagune-tief);transform:scale(1.08)}
.wa-punkte a.an{background:var(--tiefsee);border-color:var(--tiefsee);color:#fff}
.wa-punkte em{position:absolute;right:calc(100% + .55rem);top:50%;transform:translate(.3rem,-50%);white-space:nowrap;font-style:normal;font-size:.78rem;font-weight:700;
  padding:.3rem .65rem;border-radius:999px;background:var(--tiefsee);color:#fff;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.wa-punkte a:hover em,.wa-punkte a:focus-visible em{opacity:1;transform:translate(0,-50%)}
@media print{.wa-punkte,.wa-fortschritt{display:none!important}}
@media(prefers-reduced-motion:reduce){.wa-punkte{transition:none}}
/* Feinschliff nach Durchsicht: Kacheln im Cockpit umbrechen statt überlaufen, schmale Telefone einspaltig */
.wa-held-kpis > div{min-width:0}
.wa-held-kpis span{white-space:normal}
.wa-held-kpis b{white-space:normal;overflow-wrap:break-word;font-size:clamp(1.1rem,.55rem + 1.05vw,1.6rem)}
@media(min-width:980px) and (max-width:1199px){.wa-held-kpis{gap:.5rem}.wa-held-kpis > div{padding:.75rem .8rem}}
@media(max-width:400px){#wa .r-kennzahlen{grid-template-columns:1fr}}
@media(min-width:900px){.wa-kap{scroll-margin-top:10.5rem}}
.wa-sim-grenze{margin:.9rem 0 0!important}
@media(min-width:980px) and (max-width:1199px){.wa-held-kpis b{font-size:1.08rem}.wa-held-kpis small{font-size:.7rem}}
.varianten-vergleich--eine{grid-template-columns:minmax(0,640px)}
/* Geschäftsmodell (Business Model Canvas) */
.wa-gm{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin-top:1.4rem}
.wa-gm-karte{padding:1.15rem 1.2rem 1.2rem;border-radius:16px;background:var(--papier);border:1px solid var(--linie);box-shadow:var(--schatten)}
.band--papier .wa-gm-karte{background:var(--muschel)}
.wa-gm-fach{margin:0 0 .3rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune-tief)}
.wa-gm-karte h3{margin:0 0 .7rem;font-size:1.2rem;color:var(--tiefsee)}
.wa-gm-karte ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.wa-gm-karte li{position:relative;padding-left:1rem;font-size:.9rem;line-height:1.45;color:var(--tinte2)}
.wa-gm-karte li::before{content:"";position:absolute;left:0;top:.62em;width:.4rem;height:2px;background:var(--lagune)}
.wa-gm-karte li b{color:var(--tiefsee)}
.wa-gm-preis{display:block;font-size:.82rem;color:var(--leise)}
.wa-gm-gruende{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.wa-gm-gruende > div{padding:1rem 1.1rem;border-radius:14px;border-left:4px solid var(--lagune);background:var(--lagune-weich)}
.wa-gm-gruende b{display:block;color:var(--tiefsee);margin-bottom:.3rem}
.wa-gm-gruende p{margin:0;font-size:.9rem;color:var(--tinte2);line-height:1.45}
@media print{.wa-gm{grid-template-columns:repeat(3,1fr)!important}.wa-gm-karte{break-inside:avoid;box-shadow:none}}
/* Leiste oben: Geschäftsmodell & Wirtschaftlichkeit als Knopf */
.entwurf a.entwurf-wichtig{padding:.18rem .7rem;border-radius:999px;background:#8AD8CC;color:#072A31;font-weight:800}
.entwurf a.entwurf-wichtig:hover{text-decoration:none;background:#fff}
.folie a.knopf,.folie a.knopf:hover{color:#fff;text-decoration:none}
.folie-karten--gm + .folie-zahlen{margin-top:1.2rem}
.folie-knopfreihe{margin:1.4rem 0 0}
@media(min-width:900px){.blick-raster--drei{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1100px){.wa-kapitel{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Kosten: klickbare Posten mit Rechenweg, Erklärkästen */
.wg-l-zeile--klick{cursor:pointer;border-radius:10px;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;transition:background .2s}
.wg-l-zeile--klick:hover,.wg-l-zeile--klick:focus-visible{background:rgba(18,133,122,.08);outline:none}
.wg-l-zeile--klick .wg-l-text b::after{content:" ✎";font-weight:400;color:var(--lagune);opacity:0;transition:opacity .2s}
.wg-l-zeile--klick:hover .wg-l-text b::after,.wg-l-zeile--klick:focus-visible .wg-l-text b::after{opacity:1}
.wg-liste--kosten .wg-l-text small{line-height:1.35}
@keyframes wa-blink{0%,100%{background:transparent}20%,60%{background:rgba(242,184,102,.35)}}
.wa-blink,.wa-blink td{animation:wa-blink 1.6s ease}
.wa-erklaer{margin-top:1.6rem}
.wa-erklaer-karte{padding:1.3rem 1.4rem}
.wa-erklaer-karte h3{margin:0 0 .7rem;font-size:1.2rem}
.wa-erklaer-karte p{color:var(--tinte2);font-size:.95rem;line-height:1.55}
.wa-erklaer-karte .haken li{font-size:.92rem}
@media(min-width:980px){.wa-grafik--kosten{position:static!important}}
.wg-l-zeile--klick .wg-l-text b::after{display:inline-block;width:0;white-space:nowrap}
.wa-pruefen{margin:1rem 0 0!important;padding:.8rem 1rem;border-radius:12px;background:#FAEFDD;border-left:4px solid #C47A1E;color:var(--tinte)!important}
/* ==================================================================
   RUNDE 24 — Livegang: Anfrage statt Reisefenster, Tagestouren, Mitmachen, Bildplätze
   ================================================================== */
/* Preise leise */
.preis-gross--leise b{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.1rem)}
.preis-gross--leise small{line-height:1.6}
.getraenke-hinweis{margin:.7rem 0 0;font-size:.88rem;color:var(--tinte2);padding-left:1.6rem;position:relative}
.getraenke-hinweis::before{content:"";position:absolute;left:0;top:.15rem;width:1.05rem;height:1.05rem;opacity:.75;background:no-repeat center/contain
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312857A' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 8h11v6a5 5 0 0 1-5 5h-1a5 5 0 0 1-5-5zM16 10h1.5a2.5 2.5 0 0 1 0 5H16M8 3v2M11 2v3M14 3v2'/%3E%3C/svg%3E")}
/* Erwartungen: Termine auf Anfrage */
.erwartung{margin-top:2.2rem;display:grid;gap:1.2rem;padding:clamp(1.3rem,3vw,2rem);border-radius:20px;background:var(--lagune-weich);
  border:1px solid rgba(18,133,122,.18)}
@media(min-width:900px){.erwartung{grid-template-columns:1fr 1.4fr;gap:2.4rem;align-items:start}}
.erw-kopf h3{font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);margin:.2rem 0 .6rem}
.erw-kopf p{margin:0;color:var(--tinte2)}
.erw-liste{margin:0;display:grid;gap:.7rem}
@media(min-width:600px){.erw-liste{grid-template-columns:1fr 1fr;gap:.9rem 1.4rem}}
.erw-liste div{padding:.75rem .9rem;border-radius:12px;background:var(--papier)}
.erw-liste dt{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune-tief);margin-bottom:.2rem}
.erw-liste dd{margin:0;font-size:.92rem;line-height:1.45;color:var(--tinte)}
/* Tagestouren auf der Startseite */
.tour-minis{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1.6rem}
@media(min-width:760px){.tour-minis{grid-template-columns:repeat(3,1fr);gap:1.2rem}}
.tour-mini{display:grid;grid-template-columns:7.5rem 1fr;border-radius:18px;overflow:hidden;background:var(--papier);
  box-shadow:var(--schatten);text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}
@media(min-width:760px){.tour-mini{grid-template-columns:1fr}}
.tour-mini:hover{transform:translateY(-4px);box-shadow:var(--schatten-hoch)}
.tm-bild{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
@media(max-width:759px){.tm-bild{aspect-ratio:auto;min-height:6.5rem}}
.tm-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tm-text{display:grid;gap:.15rem;padding:1rem 1.1rem 1.1rem;align-content:center}
.tm-text b{font-family:var(--serif);font-weight:500;font-size:1.25rem;color:var(--tiefsee)}
.tm-text span{font-size:.92rem;color:var(--tinte2)}
.tour-mehr{margin:1.4rem 0 0}
/* Seite Tagestouren */
.tour-karten{display:grid;gap:1.4rem;margin-top:1.8rem}
@media(min-width:900px){.tour-karten{grid-template-columns:repeat(3,1fr)}}
.tour-karte{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--papier);box-shadow:var(--schatten);
  scroll-margin-top:7rem}
.tk-bild{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--sand)}
.tk-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tk-text{display:flex;flex-direction:column;gap:.5rem;padding:1.3rem 1.4rem 1.5rem;flex:1}
.tk-text h3{margin:0;font-size:1.45rem}
.tk-text > p:not(.p-art){margin:0;color:var(--tinte2);font-size:.96rem;line-height:1.55;flex:1}
.tk-daten{list-style:none;margin:.4rem 0 .6rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.tk-daten li{font-size:.8rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;background:var(--lagune-weich);color:var(--lagune-tief)}
.tk-daten li.tk-preis{background:transparent;border:1px solid var(--linie2);color:var(--tinte2);font-weight:600}
.tk-text .knopf{align-self:flex-start}
.gut-liste{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.75rem}
.gut-liste li{display:grid;gap:.15rem;padding-bottom:.75rem;border-bottom:1px solid var(--sandlinie)}
.gut-liste b{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--lagune-tief)}
.gut-liste span{color:var(--tinte);line-height:1.5}
.gut-liste a{color:var(--lagune-tief)}
#anfrage,#kontakt{scroll-margin-top:7rem}
.band--sand .anfrage-form .feld input,.band--sand .anfrage-form .feld select,.band--sand .anfrage-form .feld textarea{background:var(--papier)}
.anfrage-form{margin-top:1.2rem}
.anfrage-form .klein{margin:0}
.anfrage-danke{margin-top:1.4rem;padding:1.2rem 1.3rem;border-radius:16px;background:var(--papier);border:2px solid var(--lagune);display:grid;gap:.6rem}
.anfrage-danke > b{font-family:var(--serif);font-weight:500;font-size:1.3rem;color:var(--tiefsee)}
.anfrage-danke p{margin:0}
.anfrage-danke summary,.pl-kopie summary{cursor:pointer;font-weight:700;color:var(--lagune-tief);font-size:.92rem}
.anfrage-danke textarea,.pl-kopie textarea{width:100%;margin:.6rem 0;font:inherit;font-size:.85rem;line-height:1.45;padding:.7rem .8rem;
  border-radius:10px;border:2px solid var(--linie);background:var(--muschel);color:var(--tinte);resize:vertical}
.anfrage-danke .knopfreihe,.pl-kopie .knopfreihe{margin-top:.2rem;gap:.6rem}
/* Mitmachen */
@media(min-width:1000px){.kacheln--vier{grid-template-columns:repeat(4,1fr)}}
.partner--frei .pfeil-link{margin-top:.4rem;font-size:.92rem}
/* Reise anfragen */
.pl-zeiten{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin-top:.4rem}
.pl-zeit{display:grid;gap:.1rem;text-align:left;padding:.85rem 1rem;border-radius:14px;border:2px solid var(--linie);background:var(--papier);
  cursor:pointer;font:inherit;font-family:var(--serif);font-size:1.12rem;color:var(--tinte);transition:border-color .2s,background .2s}
.pl-zeit small{font-family:var(--sans);font-size:.78rem;font-weight:700;color:var(--leise)}
.pl-zeit:hover{border-color:var(--lagune)}
.pl-zeit.gewaehlt{border-color:var(--lagune);background:var(--lagune-weich)}
.pl-zeit--frei{border-style:dashed}
.pl-zeitraum{margin-top:1.2rem;max-width:34rem}
.pl-erwartung{margin-top:1.4rem;padding:1rem 1.2rem;border-radius:14px;background:var(--sonne-weich);border-left:4px solid var(--sonne)}
.pl-erwartung b{display:block;color:var(--tiefsee);margin-bottom:.35rem}
.pl-erwartung ul{margin:0;padding-left:1.1rem;display:grid;gap:.25rem;font-size:.92rem;color:var(--tinte)}
.pl-versand{margin:1.2rem 0 0}
.pl-kopie{margin:1.2rem 0;padding:1rem 1.1rem;border-radius:14px;background:var(--muschel);border:1px solid var(--linie)}
.pl-kopie .klein{margin:.6rem 0 0}
.pl-richt{margin-top:.6rem;font-size:.7rem!important;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune-hell)}
.pl-reise .pl-preis{font-size:clamp(1.5rem,1.3rem + .7vw,1.9rem)}
.pl-tagestour{margin:.6rem 0 0;font-size:.85rem;color:rgba(234,242,241,.8)}
.pl-tagestour a{color:#fff;font-weight:700}
@media(max-width:999px){.pl-reise .pl-richt,.pl-reise .pl-tagestour{display:none}.pl-reise .pl-preis{font-size:1.35rem}}
/* Bildplätze: Fotomontagen */
.held[data-montage] .montage-marke{top:auto;bottom:1rem;right:1rem}
.hero-schicht img.beispielbild.an ~ .hero-marke--montage{opacity:0}
.hero-schicht img.montage.an ~ .hero-marke--montage{opacity:1}
.tk-bild .montage-marke,.tm-bild .montage-marke{top:.6rem;right:.6rem}
/* Dirk: Foto oder Video */
.dirk-medien{margin:0;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:var(--tiefsee);box-shadow:var(--schatten)}
.dirk-medien img,.dirk-medien video{width:100%;height:100%;object-fit:cover;display:block}
.dirk-medien figcaption{position:absolute;left:1rem;bottom:.9rem;color:#fff;font-family:var(--serif);font-style:italic;
  text-shadow:0 1px 10px rgba(0,0,0,.4)}
.dirk-medien--video figcaption{display:none}
.weg-preis{font-weight:600;font-size:.88rem;color:var(--tinte2)!important}
.tk-unter{margin:-.2rem 0 0!important;font-family:var(--serif);font-style:italic;color:var(--lagune-tief)!important;font-size:1.02rem!important;flex:none!important}
.preis-leise{align-self:center;padding:1rem 1.2rem;border-radius:14px;border:1px solid var(--sandlinie);background:rgba(255,255,255,.55)}
.preis-leise span{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--lagune-tief);margin-bottom:.3rem}
.preis-leise p{margin:0;font-size:.9rem;line-height:1.6;color:var(--tinte2)}
.pl-reise .pl-preis{font-family:var(--sans);font-weight:700;font-size:1.15rem}
@media(max-width:999px){.pl-reise .pl-preis{font-size:1.05rem}}
.nl-rueck a{color:#fff;font-weight:700}
.pl-reise .pl-tagestour a{color:#fff!important;text-decoration-color:rgba(255,255,255,.5)}
/* Fünf Wochen (mit Sport & Meer) */
@media(min-width:700px) and (max-width:999px){.wochen-raster{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.wochen-raster{grid-template-columns:repeat(5,1fr);gap:1rem}
  .wochen-raster .wk-text{padding:.85rem .95rem 1rem}.wochen-raster .wk-text b{font-size:1.22rem}.wochen-raster .wk-text span{font-size:.88rem}}
@media(min-width:521px) and (max-width:699px){.wochen-raster > :last-child:nth-child(odd){grid-column:1/-1}
  .wochen-raster > :last-child:nth-child(odd) .wk-bild{aspect-ratio:16/7}}
@media(min-width:760px){.pl-karten--rahmen{grid-template-columns:repeat(3,1fr)}}
/* Kooperationspartner gesucht */
.partner--aufruf{background:var(--sonne-weich);border-color:rgba(198,124,34,.35)}
.partner--aufruf .p-art{color:#8A5414}
.partner--aufruf .knopf{justify-self:start;margin-top:.7rem}
.koop-hinweis{margin-top:2rem;display:grid;gap:1.1rem;align-items:center;padding:clamp(1.2rem,3vw,1.8rem);border-radius:20px;
  background:var(--sonne-weich);border:1px solid rgba(198,124,34,.3)}
@media(min-width:800px){.koop-hinweis{grid-template-columns:1fr auto;gap:2rem}}
.koop-hinweis .vorsatz{color:#8A5414}
.koop-hinweis h3{margin:.2rem 0 .4rem;font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem)}
.koop-hinweis p:not(.vorsatz){margin:0;color:var(--tinte2);max-width:60ch}
.koop-hinweis .knopf{justify-self:start}
/* Dirk: Vorstellungsvideo breit über dem Text */
.dirk-video-band{padding-bottom:clamp(1.6rem,4vw,2.6rem)}
.dirk-video{margin:0 auto;max-width:1080px}
.dirk-video video{display:block;width:100%;aspect-ratio:16/9;border-radius:20px;background:var(--tiefsee);box-shadow:var(--schatten-hoch)}
.dirk-video figcaption{margin-top:.8rem;font-size:.9rem;color:var(--tinte2);text-align:center}
.dirk-video figcaption b{font-family:var(--serif);font-weight:500;color:var(--tiefsee)}
@media(max-width:600px){.dirk-video video{border-radius:12px}}
/* Videos „Dirk erzählt“: Titel als Überschrift, Video daneben */
.video-raster{display:grid;gap:1.3rem;align-items:center}
@media(min-width:900px){.video-raster{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:clamp(2rem,4vw,3.5rem)}}
.video-text h2{margin:.2rem 0 .5rem;font-size:clamp(1.7rem,1.3rem + 1.6vw,2.6rem)}
.video-unter{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,.95rem + .4vw,1.3rem);color:var(--lagune-tief)}
.video-rahmen{margin:0}
.video-rahmen video{display:block;width:100%;aspect-ratio:16/9;border-radius:18px;background:var(--tiefsee);box-shadow:var(--schatten-hoch)}
@media(max-width:600px){.video-rahmen video{border-radius:12px}}
.video-band + .band{padding-top:clamp(2.4rem,5vw,4rem)}

/* ============ Videoreihe (Seite Videos, Streifen auf der Startseite, Hinweis unter jedem Video) ============ */
.video-folge{margin:1rem 0 0;font-size:.92rem}
.video-folge a{color:var(--lagune-tief);font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.video-folge a:hover{color:var(--tiefsee)}
.reihe-kino{padding-top:clamp(2.2rem,5vw,3.6rem)}
.reihe-kopf{max-width:46rem;margin-bottom:clamp(1.4rem,3vw,2.2rem)}
.reihe-kopf h1{color:#fff;margin:.2rem 0 .7rem;font-size:clamp(2.3rem,1.6rem + 2.8vw,3.8rem);line-height:1.05}
.reihe-player{margin:0 auto;max-width:1120px}
.reihe-player video{display:block;width:100%;aspect-ratio:16/9;border-radius:20px;background:#000;box-shadow:var(--schatten-hoch)}
.reihe-info{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:flex-end;justify-content:space-between;margin-top:1.3rem}
.reihe-text{min-width:0}
.reihe-stand{margin:0;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lagune-hell);font-variant-numeric:tabular-nums}
.reihe-info h2{margin:.3rem 0 .2rem;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem)}
.band--tief .reihe-unter{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(1.02rem,.95rem + .3vw,1.2rem);color:rgba(234,242,241,.85)}
.reihe-weiter{flex:none}
.reihe-weiter[hidden]{display:none}
.reihe-weiter.bereit{background:#fff;color:var(--tiefsee);border-color:#fff}
@media(max-width:600px){.reihe-player video{border-radius:12px}.reihe-weiter{width:100%;justify-content:center}}
.reihe-kapitel + .reihe-kapitel{margin-top:clamp(2.6rem,5vw,4rem)}
.folgen-raster{display:grid;gap:1.6rem 1.3rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.folge{display:flex;flex-direction:column;gap:.2rem;text-decoration:none;color:inherit;min-width:0}
.folge-bild{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--tiefsee);
  margin-bottom:.6rem;box-shadow:0 6px 18px rgba(10,40,50,.12)}
.folge-bild img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.folge:hover .folge-bild img{transform:scale(1.04)}
.folge-play{position:absolute;left:50%;top:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border-radius:50%;
  background:rgba(255,255,255,.92);box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .25s ease}
.folge-play::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);border-style:solid;
  border-width:.48rem 0 .48rem .78rem;border-color:transparent transparent transparent var(--tiefsee)}
.folge:hover .folge-play{transform:scale(1.08)}
.folge-dauer{position:absolute;right:.5rem;bottom:.5rem;padding:.12rem .45rem;border-radius:6px;background:rgba(0,0,0,.66);
  color:#fff;font-size:.76rem;font-variant-numeric:tabular-nums}
.folge-nr{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lagune-tief);font-weight:600}
.folge-titel{font-family:var(--serif);font-weight:500;font-size:1.12rem;line-height:1.25;color:var(--tiefsee)}
.folge-unter{font-size:.9rem;line-height:1.4;color:var(--tinte2)}
.folge.an .folge-bild{outline:3px solid var(--lagune);outline-offset:3px}
.folge.an .folge-nr::after{content:" · im Player"}
.folge:focus-visible{outline:none}
.folge:focus-visible .folge-bild{outline:3px solid var(--lagune);outline-offset:3px}
.reihe-streifen{display:grid;grid-auto-flow:column;grid-auto-columns:min(72%,260px);gap:1.2rem;overflow-x:auto;
  scroll-snap-type:x mandatory;padding:.3rem .2rem .8rem;margin-top:clamp(1.2rem,3vw,2rem);-webkit-overflow-scrolling:touch}
.reihe-streifen .folge{scroll-snap-align:start}
@media(min-width:1000px){.reihe-streifen{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}}
.reihe-mehr{margin-top:1.4rem}

/* ============ Anfragen über den Server: Fangfeld, Rückmeldung ============ */
.fangfeld{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.anfrage-danke .danke-ok,.anfrage-danke .danke-mailweg{display:grid;gap:.6rem}
.anfrage-danke .danke-ok[hidden],.anfrage-danke .danke-mailweg[hidden],.danke-bestaetigung[hidden]{display:none}
.anfrage-danke .danke-ok > b,.anfrage-danke .danke-mailweg > b{font-family:var(--serif);font-weight:500;font-size:1.3rem;color:var(--tiefsee)}
.anfrage-danke .vorgang{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--lagune-tief)}
.formular button[disabled],.pl-nav button[disabled]{opacity:.7;cursor:progress}

/* ============ Einwilligungsbanner (nur mit Google-Analytics-ID): kompakt, Ablehnen und Zustimmen gleichwertig ============ */
.einwilligung{position:fixed;z-index:200;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));
  display:grid;gap:.8rem;padding:.95rem 1.05rem 1rem;border-radius:16px;background:var(--papier);color:var(--tinte);
  border-top:3px solid var(--lagune);box-shadow:0 14px 44px rgba(6,27,33,.24)}
@media(min-width:760px){.einwilligung{left:1.5rem;right:auto;bottom:1.5rem;width:24.5rem}}
.einwilligung[hidden]{display:none}
.ew-text{margin:0;font-size:.86rem;line-height:1.5;color:var(--tinte2)}
.ew-text b{color:var(--tiefsee);font-weight:700}
.ew-text a{color:var(--lagune-tief);font-weight:600}
.ew-knoepfe{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.ew-knopf{-webkit-appearance:none;appearance:none;border:0;border-radius:999px;padding:.66rem 1rem;font:600 .88rem/1 var(--sans);
  background:var(--lagune);color:#fff;cursor:pointer;transition:background .2s}
.ew-knopf:hover{background:var(--lagune-tief)}
.ew-knopf:focus-visible{outline:3px solid var(--lagune-hell);outline-offset:2px}
@media print{.einwilligung{display:none!important}}
.fuss-link{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;text-decoration:none}
.fuss-link:hover{text-decoration:underline}

/* Wochen-Kacheln: alle gleich hoch — das Bild bestimmt die Höhe nicht mehr, die höchste Kachel gibt das Maß vor */
.wochen-raster{grid-auto-rows:1fr}

/* Instagram-Verweise (nur Links, kein eingebetteter Inhalt) */
.fuss-insta{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;padding:.5rem .95rem;border-radius:999px;
  border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;font-weight:600;font-size:.9rem}
.fuss-insta:hover{background:rgba(255,255,255,.1)}
.sl-insta{display:block;margin-top:.5rem;font-weight:600;color:var(--lagune-tief);text-decoration:none;font-size:.95rem}
.reihe-insta{margin:.7rem 0 0;font-size:.95rem}
.reihe-insta a{color:var(--lagune-hell);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.video-knoepfe{margin-top:1.1rem}
.text-link{color:var(--lagune-tief);font-weight:600;text-decoration:underline;text-underline-offset:.18em}
.text-link:hover{color:var(--tiefsee)}