@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2'),url('/fonts/atkinson-hyperlegible-latin-400-normal.woff') format('woff');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:'Atkinson Hyperlegible';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2'),url('/fonts/atkinson-hyperlegible-latin-400-italic.woff') format('woff');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:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2'),url('/fonts/atkinson-hyperlegible-latin-700-normal.woff') format('woff');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:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2'),url('/fonts/ibm-plex-mono-latin-400-normal.woff') format('woff');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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2'),url('/fonts/ibm-plex-mono-latin-500-normal.woff') format('woff');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:'Newsreader';font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/newsreader-latin-300-normal.woff2') format('woff2'),url('/fonts/newsreader-latin-300-normal.woff') format('woff');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:'Newsreader';font-style:italic;font-weight:300;font-display:swap;src:url('/fonts/newsreader-latin-300-italic.woff2') format('woff2'),url('/fonts/newsreader-latin-300-italic.woff') format('woff');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:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/newsreader-latin-400-normal.woff2') format('woff2'),url('/fonts/newsreader-latin-400-normal.woff') format('woff');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:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/newsreader-latin-400-italic.woff2') format('woff2'),url('/fonts/newsreader-latin-400-italic.woff') format('woff');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:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/newsreader-latin-500-normal.woff2') format('woff2'),url('/fonts/newsreader-latin-500-normal.woff') format('woff');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{
  --paper:#F6F7F3;
  --surface:#FFFFFF;
  --surface-2:#EFF2EC;
  --ink:#171D19;
  --ink-2:#3E4842;
  --muted:#6E7A73;
  --line:#DCE2D9;
  --line-strong:#C3CCC1;
  --laurel:#2E5C4E;
  --laurel-deep:#20443A;
  --laurel-soft:#E3EDE6;
  --ochre:#83601F;
  --ochre-soft:#F0EADA;
  --on-accent:#F6F7F3;
  --sky:#DDE6E4;
  --shadow:0 1px 2px rgba(23,29,25,.05);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Atkinson Hyperlegible","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#111614;
    --surface:#191F1C;
    --surface-2:#1F2723;
    --ink:#ECF1EC;
    --ink-2:#C3CDC6;
    --muted:#8C9C94;
    --line:#2B3430;
    --line-strong:#3C4842;
    --laurel:#83C4AC;
    --laurel-deep:#A6D8C4;
    --laurel-soft:#1C2A25;
    --ochre:#D3A45E;
    --ochre-soft:#282219;
    --on-accent:#0E1311;
    --sky:#1A2422;
    --shadow:0 1px 2px rgba(0,0,0,.4);
  }
}
:root[data-theme="dark"]{
  --paper:#111614;
  --surface:#191F1C;
  --surface-2:#1F2723;
  --ink:#ECF1EC;
  --ink-2:#C3CDC6;
  --muted:#8C9C94;
  --line:#2B3430;
  --line-strong:#3C4842;
  --laurel:#83C4AC;
  --laurel-deep:#A6D8C4;
  --laurel-soft:#1C2A25;
  --ochre:#D3A45E;
  --ochre-soft:#282219;
  --on-accent:#0E1311;
  --sky:#1A2422;
  --shadow:0 1px 2px rgba(0,0,0,.4);
}

*{box-sizing:border-box}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
@media (max-width:640px){ body{font-size:16px} }

html:not([data-lang="es"]) .es{display:none !important}
html:not([data-lang="en"]) .en{display:none !important}
html[data-lang="es"] .de{display:none !important}
html[data-lang="en"] .de{display:none !important}

.wrap{max-width:1000px;margin:0 auto;padding:0 28px}
.prose{max-width:64ch}

h1,h2,h3{font-family:var(--serif);font-weight:400;text-wrap:balance;margin:0}
h2{font-size:1.9rem;line-height:1.2;letter-spacing:-.01em}
h3{font-size:1.18rem;line-height:1.3}
p{margin:0}
a{color:inherit}

.eyebrow{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin:0;
}
.lead{font-size:1.12rem;color:var(--ink-2)}
.small{font-size:.9rem;color:var(--muted)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}

/* ---------- Kopf ---------- */
header.top{
  position:sticky;top:0;z-index:20;
  background:color-mix(in srgb,var(--paper) 92%,transparent);
  backdrop-filter:saturate(160%) blur(8px);
  border-bottom:1px solid var(--line);
}
.topbar{display:flex;align-items:center;gap:20px;padding:14px 28px;max-width:1000px;margin:0 auto}
.brand{display:flex;flex-direction:column;line-height:1.1;margin-right:auto;text-decoration:none}
.brand b{font-family:var(--serif);font-weight:400;font-size:1.32rem;letter-spacing:-.005em}
.brand span{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--laurel)}
nav.main{display:flex;gap:20px}
nav.main a{font-size:.92rem;color:var(--ink-2);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent}
nav.main a:hover{border-bottom-color:var(--laurel);color:var(--ink)}
@media (max-width:860px){ nav.main{display:none} }

.langswitch{display:flex;border:1px solid var(--line-strong);border-radius:2px;overflow:hidden;flex:none}
.langswitch button{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;
  background:transparent;color:var(--muted);border:0;padding:6px 10px;cursor:pointer;
}
.langswitch button[aria-pressed="true"]{background:var(--laurel);color:var(--on-accent)}
.langswitch button:focus-visible{outline:2px solid var(--laurel);outline-offset:-2px}

/* ---------- Sektionen ---------- */
section{padding:74px 0;border-top:1px solid var(--line)}
section:first-of-type{border-top:0}
.sec-head{display:flex;flex-direction:column;gap:10px;margin-bottom:34px}

/* ---------- Hero ---------- */
.hero{padding:72px 0 62px}
@media (max-width:700px){ .hero{padding:48px 0 42px} }
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:52px;align-items:center}
@media (max-width:860px){ .hero-grid{grid-template-columns:1fr;gap:34px} }
.hero h1{font-size:clamp(2.1rem,4.6vw,3.05rem);line-height:1.08;letter-spacing:-.022em;margin-bottom:20px}
.hero h1 em{font-style:italic;color:var(--laurel)}
.hero .lead{font-size:1.12rem;max-width:50ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.stack{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:3px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.sheet{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);font-size:.92rem;color:var(--ink-2)}
.sheet:last-child{border-bottom:0}
.sheet .tick{font-family:var(--mono);font-size:.8rem;color:var(--laurel);width:14px;flex:none}
.sheet .who{margin-left:auto;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding-left:10px}
.sheet.out{background:var(--laurel-soft);color:var(--ink);font-weight:700;padding:15px 16px}
.sheet.out .who{color:var(--laurel);font-weight:400}
.stackcap{font-size:.84rem;color:var(--muted);margin-top:10px}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px}
@media (max-width:700px){ .doors{grid-template-columns:1fr} }
.door{display:block;text-decoration:none;border:1px solid var(--line);border-radius:3px;background:var(--surface);padding:20px 22px;box-shadow:var(--shadow)}
.door:hover{border-color:var(--laurel)}
.door .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--laurel)}
.door h3{font-size:1.16rem;margin:6px 0 6px}
.door p{font-size:.92rem;color:var(--ink-2)}
.door.on{border-color:var(--laurel);background:var(--laurel-soft)}
.herofacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px 32px;margin:40px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.herofacts div{display:flex;flex-direction:column}
.herofacts dt{font-size:.78rem;color:var(--muted)}
.herofacts dd{margin:0;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.96rem;white-space:nowrap}
/* Höhenprofil, jetzt im Fahrt-Block */
.profile{display:block;width:100%;height:auto;background:var(--sky);grid-column:1 / -1;border-bottom:1px solid var(--line)}
.hcap{display:flex;flex-wrap:wrap;gap:6px 36px;padding:14px 24px 16px;border-bottom:1px solid var(--line);background:var(--surface-2);grid-column:1 / -1;margin:0}
@media (max-width:700px){ .hcap{padding:12px 24px 14px;gap:6px 22px} }
.hcap div{display:flex;flex-direction:column}
.hcap dt{font-size:.79rem;color:var(--muted)}
.hcap dd{margin:0;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.02rem}

/* ---------- Die Zahl ---------- */
.zahl{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;border:1px solid var(--line);border-radius:3px;overflow:hidden}
@media (max-width:820px){ .zahl{grid-template-columns:1fr} }
.zahl-n{background:var(--laurel);color:var(--on-accent);padding:52px 38px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.zahl-n .k{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.82}
.zahl-n .big{font-family:var(--serif);font-size:clamp(3.4rem,8.5vw,5.8rem);line-height:.92;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.zahl-n .u{font-size:.98rem;opacity:.9;max-width:30ch;margin-top:6px}
.zahl-t{padding:52px 44px;background:var(--surface);display:flex;flex-direction:column;justify-content:center}
@media (max-width:700px){ .zahl-n,.zahl-t{padding:34px 24px} }
.zahl-t h2{max-width:18ch}
.zahl-t p{margin-top:16px;font-size:1.04rem;color:var(--ink-2);max-width:46ch}

/* ---------- Die Insel ---------- */
.isla{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;margin-bottom:38px}
@media (max-width:820px){ .isla{grid-template-columns:1fr;gap:22px} }
.isla-map{background:var(--surface-2);border:1px solid var(--line);border-radius:3px;padding:24px 26px 18px;display:flex;justify-content:center}
.isla-map svg{width:100%;max-width:440px;height:auto}

.btn{
  display:inline-block;font-family:var(--sans);font-size:.96rem;font-weight:700;
  padding:12px 22px;border-radius:2px;text-decoration:none;border:1px solid var(--laurel);
  background:var(--laurel);color:var(--on-accent);
}
.btn:hover{background:var(--laurel-deep);border-color:var(--laurel-deep)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn.ghost:hover{border-color:var(--laurel);color:var(--laurel);background:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--laurel);outline-offset:3px}


/* ---------- Zwei Spuren: wir / das Amt ---------- */
.tracks{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:3px;overflow:hidden}
@media (max-width:700px){ .tracks{grid-template-columns:1fr} }
.track{padding:26px 24px;background:var(--surface);display:flex;flex-direction:column;gap:12px}
.track + .track{border-left:1px solid var(--line)}
@media (max-width:700px){ .track + .track{border-left:0;border-top:1px solid var(--line)} }
.track ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:7px}
.track li{font-size:.98rem;color:var(--ink-2)}
.track.no .eyebrow{color:var(--ochre)}

/* ---------- Preisleiter ---------- */
.ladder{display:flex;flex-direction:column;margin:0 -16px}
.row{
  display:grid;grid-template-columns:minmax(0,1fr) 132px 140px;
  gap:20px;align-items:baseline;
  padding:20px 16px;border-bottom:1px solid var(--line);
}
.row .name{font-family:var(--serif);font-size:1.24rem;line-height:1.25}
.row .desc{font-size:.93rem;color:var(--muted);margin-top:5px;max-width:52ch}
.row .price{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.16rem;text-align:right;white-space:nowrap}
.row .fee{
  font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.92rem;
  text-align:right;color:var(--ochre);white-space:nowrap;
}
.row.head{padding:0 16px 10px;border-bottom:1px solid var(--line-strong)}
.row.head span{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.row.head .price,.row.head .fee{font-size:.7rem}
.row.head .fee{color:var(--ochre)}
.row.free .price{color:var(--laurel)}
.row.accent{background:var(--laurel-soft)}
.row.group{
  display:block;padding:34px 16px 8px;border-bottom:1px solid var(--line-strong);
  font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--laurel);
}
.ladder > .row.group:first-child{padding-top:0}
@media (max-width:700px){
  .ladder{margin:0 -14px}
  .row{grid-template-columns:1fr auto;gap:6px 14px;padding:18px 14px}
  .row > div:first-child{grid-column:1 / -1}
  .row .price{grid-column:1;text-align:left}
  .row .fee{grid-column:2;text-align:right}
  .row.head{display:none}
}
.fee-note::before{content:"an das Amt · ";color:var(--muted)}
html[data-lang="es"] .fee-note::before{content:"a la Administración · "}
html[data-lang="en"] .fee-note::before{content:"to the authority · "}

/* ---------- Marktvergleich ---------- */
.cmp{width:100%;overflow-x:auto;margin-top:6px}
table.market{border-collapse:collapse;width:100%;min-width:520px;font-size:.95rem}
table.market th{
  font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);font-weight:400;text-align:left;padding:0 14px 10px 0;
  border-bottom:1px solid var(--line-strong);white-space:nowrap;
}
table.market th.num,table.market td.num{text-align:right;padding-right:0}
table.market td{padding:13px 14px 13px 0;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:baseline}
table.market td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
table.market tr.self td{background:var(--laurel-soft);color:var(--ink)}
table.market tr.self td:first-child{font-weight:700}
table.market tr.gap td{color:var(--ochre)}
table.market td.where{color:var(--ink);white-space:nowrap}

/* ---------- Fahrt-Block ---------- */
.drive{
  margin-top:34px;border:1px solid var(--line);border-radius:3px;background:var(--surface);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:0;overflow:hidden;
}
@media (max-width:760px){ .drive{grid-template-columns:1fr} }
.drive .why{padding:26px 24px;display:flex;flex-direction:column;gap:12px}
.drive .why p{font-size:.98rem;color:var(--ink-2);max-width:52ch}
.drive .nums{
  padding:26px 24px;background:var(--surface-2);border-left:1px solid var(--line);
  display:flex;flex-direction:column;gap:0;
}
@media (max-width:760px){ .drive .nums{border-left:0;border-top:1px solid var(--line)} }
.drive .n{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:10px 0;border-bottom:1px solid var(--line)}
.drive .n:last-child{border-bottom:0}
.drive .n dt{font-size:.93rem;color:var(--muted)}
.drive .n dd{margin:0;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.02rem;text-align:right;white-space:nowrap}

/* ---------- Seeweg-Option ---------- */
.seaway{
  margin-top:22px;border:1px solid var(--line-strong);border-left:2px solid var(--ochre);
  border-radius:0 3px 3px 0;background:var(--surface);padding:22px 24px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 28px;align-items:start;
}
@media (max-width:700px){ .seaway{grid-template-columns:1fr} }
.seaway h3{font-size:1.12rem;margin-bottom:8px}
.seaway p{font-size:.96rem;color:var(--ink-2);max-width:56ch}
.seaway p + p{margin-top:9px}
.seaway .surcharge{
  font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.24rem;
  color:var(--ochre);white-space:nowrap;text-align:right;
}
.seaway .surcharge small{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.season{
  display:inline-block;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ochre);border:1px solid var(--ochre);border-radius:2px;padding:1px 7px;margin-left:8px;vertical-align:2px;
}

/* ---------- Fragen ---------- */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
@media (max-width:760px){ .faq{grid-template-columns:1fr;gap:0} }
.q{padding:20px 0;border-top:1px solid var(--line)}
.q h3{font-size:1.06rem;margin-bottom:7px}
.q p{font-size:.95rem;color:var(--ink-2);max-width:46ch}
.q p + p{margin-top:7px}

.pricenote{
  margin-top:26px;padding:18px 20px;border-left:2px solid var(--ochre);
  background:var(--ochre-soft);border-radius:0 3px 3px 0;font-size:.95rem;color:var(--ink-2);
}

/* ---------- Zwei Produkte ---------- */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px}
@media (max-width:760px){ .duo{grid-template-columns:1fr} }
.duo article{border:1px solid var(--line);border-radius:3px;padding:24px;background:var(--surface);display:flex;flex-direction:column;gap:12px}
.duo article.pick{border-color:var(--laurel);background:var(--laurel-soft)}
.duo .tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--laurel)}
.duo h3 .amt{font-family:var(--mono);font-size:.95rem;color:var(--muted);margin-left:8px}

/* ---------- Selbständig ---------- */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
@media (max-width:860px){ .steps{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .steps{grid-template-columns:1fr} }
.step{border:1px solid var(--line);border-radius:3px;background:var(--surface);padding:20px 20px 18px;display:flex;flex-direction:column;gap:8px}
.step .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--laurel)}
.step h3{font-size:1.08rem}
.step p{font-size:.93rem;color:var(--ink-2)}
.step .pr{margin-top:auto;padding-top:8px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.9rem;color:var(--muted)}
.duo.self{margin-top:26px}

/* ---------- CTA-Band ---------- */
.ctaband{padding:0 0 74px;border-top:0}
.cta{background:var(--laurel);color:var(--on-accent);border-radius:3px;padding:34px 36px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 36px;align-items:center}
@media (max-width:760px){ .cta{grid-template-columns:1fr;padding:26px 24px} }
.cta h3{font-size:1.32rem;line-height:1.3;max-width:46ch}
.cta p{margin-top:8px;font-size:.98rem;opacity:.88;max-width:52ch}
.cta .btn{background:var(--on-accent);color:var(--laurel);border-color:var(--on-accent);white-space:nowrap}
.cta .btn:hover{background:var(--paper);border-color:var(--paper)}
.ctaband + section{border-top:0}

/* ---------- Ablauf ---------- */
.phases{display:flex;flex-direction:column;border-left:1px solid var(--line-strong);margin-left:6px}
.phase{display:grid;grid-template-columns:76px minmax(0,1fr);gap:22px;padding:0 0 34px 26px;position:relative}
.phase:last-child{padding-bottom:0}
.phase::before{
  content:"";position:absolute;left:-4.5px;top:9px;width:8px;height:8px;border-radius:50%;
  background:var(--paper);border:1px solid var(--laurel);
}
.phase .num{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--laurel);padding-top:3px}
.phase .body{display:flex;flex-direction:column;gap:8px}
.phase p{font-size:.98rem;color:var(--ink-2);max-width:60ch}
@media (max-width:640px){
  .phase{grid-template-columns:1fr;gap:6px;padding-left:22px}
}
.callout{
  margin-top:8px;padding:14px 16px;background:var(--laurel-soft);border-radius:3px;
  font-size:.93rem;color:var(--ink-2);max-width:60ch;
}
.callout b{font-family:var(--mono);font-weight:500;font-size:.88rem}

/* ---------- Fahrtage ---------- */
.dates{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;margin-top:26px}
.date{
  border:1px solid var(--line);border-radius:3px;background:var(--surface);
  padding:14px 16px;display:flex;flex-direction:column;gap:2px;
}
.date .d{font-family:var(--mono);font-size:1.16rem;font-variant-numeric:tabular-nums}
.date .w{font-size:.82rem;color:var(--muted)}
.date.next{border-color:var(--laurel);background:var(--laurel-soft)}
.date.next .w{color:var(--laurel)}

/* ---------- Referenz ---------- */
blockquote{
  margin:0;font-family:var(--serif);font-size:1.42rem;line-height:1.42;font-weight:300;
  max-width:36ch;letter-spacing:-.005em;
}
.ref{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
@media (max-width:900px){ .ref{grid-template-columns:1fr;gap:18px} }
.refcard{border:1px solid var(--line);border-radius:3px;background:var(--surface);padding:24px;display:flex;flex-direction:column;gap:12px}
.refcard blockquote{font-size:1.18rem;line-height:1.4;max-width:none}
.refcard.open{background:transparent;border-style:dashed}
.refcard.open p{color:var(--muted);font-size:.95rem}
.sum{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.sum .l{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.sum .l span:first-child{color:var(--muted)}
.sum .l span:last-child{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.sum .l.tot span{color:var(--ink);font-weight:700}
.facts{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.fact{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.94rem}
.fact dt{color:var(--muted)}
.fact dd{margin:0;font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}

/* ---------- Wer wir sind ---------- */
.people{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:8px}
@media (max-width:700px){ .people{grid-template-columns:1fr} }
.person{border:1px solid var(--line);border-radius:3px;padding:24px;background:var(--surface);display:flex;flex-direction:column;gap:10px}
.person .who{font-family:var(--serif);font-size:1.3rem}
.person .role{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--laurel)}
.person p{font-size:.96rem;color:var(--ink-2)}

/* ---------- Kontakt ---------- */
.contact{background:var(--surface-2);border-radius:3px;padding:38px 34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:40px;align-items:start}
@media (max-width:820px){ .contact{grid-template-columns:1fr;gap:26px;padding:28px 24px} }
.contact dl{margin:0;display:flex;flex-direction:column;gap:14px}
.contact dt{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.contact dd{margin:2px 0 0;font-size:1.02rem}
.chip{
  display:inline-block;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ochre);border:1px solid var(--ochre);border-radius:2px;padding:1px 6px;margin-left:8px;vertical-align:2px;
}

/* ---------- Fuß ---------- */
footer{border-top:1px solid var(--line);padding:48px 0 64px;color:var(--muted);font-size:.88rem}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:32px}
footer h4{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin:0 0 10px;font-weight:400}
footer p{margin-bottom:8px;max-width:44ch}
.draft{
  margin-top:36px;padding-top:20px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;color:var(--muted);
}
/* ---------- Fassung 11: Türen, Ansichten ---------- */
.switch{display:flex;border:1px solid var(--line-strong);border-radius:2px;overflow:hidden;flex:none}
.switch a{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;text-decoration:none;color:var(--ink-2);border-right:1px solid var(--line-strong);white-space:nowrap}
.switch a:last-child{border-right:0}
.switch a[aria-current="page"]{background:var(--laurel);color:var(--on-accent)}
.switch a:hover:not([aria-current="page"]){background:var(--laurel-soft);color:var(--ink)}
.switch .tag{display:none}
.topbar{flex-wrap:wrap;row-gap:10px}
.brand{margin-right:12px}
nav.main{margin-left:auto}
@media (max-width:860px){ nav.main{display:none} .switch{order:5;width:100%} .switch a{flex:1;text-align:center;padding:9px 6px} }
.view{display:none}
body[data-view="start"] .view[data-view="start"],body[data-view="ankommen"] .view[data-view="ankommen"],body[data-view="klaeren"] .view[data-view="klaeren"],body[data-view="preise"] .view[data-view="preise"]{display:block}
[id]{scroll-margin-top:84px}
.areahead{padding:64px 0 10px;border-top:0}
.areahead h1{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.1;letter-spacing:-.02em;max-width:24ch}
.areahead .lead{margin-top:16px;max-width:60ch}
.areahead .crumbs{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.areahead .crumbs a{color:var(--laurel);text-decoration:none}
.mock{display:inline-block;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ochre);border:1px dashed var(--ochre);border-radius:2px;padding:1px 7px;margin-left:10px;vertical-align:3px}
.ask{margin-top:48px}
.ask h2{font-size:1.5rem;margin-bottom:18px}
.doors{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}
@media (max-width:860px){ .doors{grid-template-columns:1fr} }
.door .ex{font-size:.86rem;color:var(--muted);margin-top:10px;line-height:1.5}
.door .pr{display:block;margin-top:12px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.86rem;color:var(--laurel)}
.after{margin-top:16px;padding:14px 18px;border:1px dashed var(--line-strong);border-radius:3px;font-size:.93rem;color:var(--ink-2);display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.after b{font-family:var(--mono);font-weight:500;font-size:.86rem;color:var(--laurel)}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:760px){ .pillars{grid-template-columns:1fr} }
.pillar{border-top:2px solid var(--laurel);padding-top:16px}
.pillar h3{font-size:1.22rem;margin-bottom:8px}
.pillar p{font-size:.95rem;color:var(--ink-2);max-width:40ch}
.phase .when{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;text-transform:none;color:var(--muted);margin-top:4px}
.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
@media (max-width:860px){ .cases{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .cases{grid-template-columns:1fr} }
.case{border:1px solid var(--line);border-radius:3px;background:var(--surface);padding:20px}
.case h3{font-size:1.08rem;margin-bottom:6px}
.case p{font-size:.93rem;color:var(--ink-2)}
.uk .steps{margin-top:26px}
.uk .step h3{font-size:1.06rem}
.docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:6px}
@media (max-width:760px){ .docs{grid-template-columns:1fr} }
.docs .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--laurel)}
.docs h3{font-size:1.1rem;margin:6px 0 6px}
.docs p{font-size:.94rem;color:var(--ink-2)}
form.ask-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;margin-top:26px}
form.ask-form input,form.ask-form select,form.ask-form textarea{width:100%;min-width:0;box-sizing:border-box}
form.ask-form h3{grid-column:1 / -1;font-size:1.2rem;margin-bottom:-4px}
@media (max-width:600px){ form.ask-form{grid-template-columns:1fr} }
form.ask-form label{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
form.ask-form label.full{grid-column:1 / -1}
form.ask-form input,form.ask-form select,form.ask-form textarea{font-family:var(--sans);font-size:.98rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:2px;padding:10px 12px;letter-spacing:0;text-transform:none}
form.ask-form textarea{min-height:96px;resize:vertical}
form.ask-form .btn{justify-self:start}
form.ask-form .hint{grid-column:1 / -1;font-size:.86rem;color:var(--muted);margin-top:-4px}
@media (prefers-reduced-motion: reduce){ *{animation:none!important;transition:none!important} }

/* --- Gründerseite --- */
.gh{padding:80px 0 62px}
@media (max-width:700px){ .gh{padding:50px 0 42px} }
.gh h1{font-size:clamp(2.3rem,5.4vw,3.6rem);line-height:1.05;letter-spacing:-.028em;max-width:19ch}
.gh h1 em{font-style:italic;color:var(--laurel)}
.gh .lead{margin-top:24px;font-size:1.14rem;max-width:56ch}
.gh .note{margin-top:34px;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tiers{display:flex;flex-direction:column;margin:0 -16px}
.tier{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:baseline;padding:22px 16px;border-bottom:1px solid var(--line)}
.tier .name{font-family:var(--serif);font-size:1.28rem;line-height:1.25}
.tier .desc{font-size:.94rem;color:var(--muted);margin-top:6px;max-width:58ch}
.tier .price{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.18rem;text-align:right;white-space:nowrap}
.tier.pick{background:var(--laurel-soft)}
@media (max-width:640px){ .tiers{margin:0 -14px} .tier{grid-template-columns:1fr;gap:6px;padding:18px 14px} .tier .price{text-align:left} }
.phasecard{border:1px solid var(--line);border-radius:3px;background:var(--surface);padding:22px 22px 20px;display:flex;flex-direction:column;gap:8px}
.phasecard .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--laurel)}
.phasecard h3{font-size:1.08rem}
.phasecard p{font-size:.93rem;color:var(--ink-2)}
.phasecard .w{margin-top:auto;padding-top:8px;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.phases4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}
@media (max-width:900px){ .phases4{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .phases4{grid-template-columns:1fr} }
.own{border:1px solid var(--laurel);border-radius:3px;background:var(--laurel-soft);padding:30px 32px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px}
@media (max-width:760px){ .own{grid-template-columns:1fr;padding:24px} }
.own h3{font-size:1.3rem;margin-bottom:10px}
.own p{font-size:.98rem;color:var(--ink-2)}
.own p + p{margin-top:10px}
.own .facts{border-top:1px solid var(--line-strong)}
.own .fact{border-bottom:1px solid var(--line-strong)}
.guides{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
@media (max-width:700px){ .guides{grid-template-columns:1fr} }
.guide{border:1px solid var(--line);border-radius:3px;background:var(--surface);padding:22px;display:flex;flex-direction:column;gap:8px}
.guide h3{font-size:1.1rem}
.guide p{font-size:.93rem;color:var(--ink-2)}
.guide .soon{margin-top:auto;padding-top:8px;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ochre)}


/* --- statische Fassung: echte Seiten statt Umschalter --- */
.view{display:block}
.langswitch a{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;color:var(--muted);
  padding:6px 10px;text-decoration:none;border-right:1px solid var(--line-strong)}
.langswitch a:last-child{border-right:0}
.langswitch a[aria-current="true"]{background:var(--laurel);color:var(--on-accent)}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:8px;top:8px;z-index:99;background:var(--surface);color:var(--ink);
  padding:10px 14px;border:1px solid var(--laurel);border-radius:2px}
footer .legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:.74rem;letter-spacing:.03em;color:var(--muted)}
footer .legal a{color:var(--laurel);text-decoration:none}
footer .legal a:hover{text-decoration:underline}
.legalpage{padding:56px 0 20px;border-top:0}
.legalpage h1{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:18px}
.legalpage h2{font-size:1.32rem;margin:34px 0 10px}
.legalpage p,.legalpage li{font-size:.99rem;color:var(--ink-2);max-width:66ch}
.legalpage p+p{margin-top:10px}
.legalpage ul{margin:10px 0 0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
.legalpage .datablock{font-family:var(--mono);font-size:.94rem;line-height:1.8;color:var(--ink);
  background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:20px 22px;margin-top:14px}
.legalpage .upd{margin-top:40px;font-family:var(--mono);font-size:.74rem;color:var(--muted)}
@media (max-width:760px){
  .herofacts dd{white-space:normal}
  .herofacts .chip{margin-left:0;margin-top:4px}
  .contact dd .chip{margin-left:0}
}