/* Taxi-Seite /taxi-mietwagen/ im Schreibtisch-Stil (Okt. 2026, acht Runden mit Alex: Auftakt A, Genehmigung C, Zahlen B,
   Ablauf A, Praxis C, Weiterlesen C, Fragen B, Kontakt). Lädt nach gz-seite.css, bank-seite.css und praxis-faelle.css –
   Änderungen dort wirken auch hier. Klassen .tx-*. Entstehung: vorlagen/taxi-seite/ (bau.py … bau8.py, einbau.py). */

/* ══ Taxi-Seite, Runde 1: Auftakt (A Genehmigung · B Die Rechnung · C Vier Wege) ══ */
.tx-a{--tx-stift:#1f5a96}
.tx-a .bk-b__text{max-width:none}
.tx-h1.gz-h1{font-size:clamp(48px,4.7vw,74px);line-height:1.02}
.tx-h1 .gz-h1b{padding-bottom:.06em}
.tx-notiz{font-family:"Bradley Hand","Segoe Print",cursive;font-weight:700;color:var(--tx-stift)}
.tx-avgs{margin:12px 0 0;font-size:15px;line-height:1.4}
.tx-avgs a{color:#174a78;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(23,74,120,.28)}
.tx-avgs a:hover{border-bottom-color:#174a78}

/* gemeinsames Raster für A und B: Text links, Blatt rechts auf dem Tisch */
.tx-notiz{position:absolute;margin:0;font-size:22px;line-height:1.15;transform:rotate(-5deg)}
.tx-notiz svg{display:block;width:44px;height:30px;fill:none;stroke:var(--tx-stift);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ── A „Randlos“: Foto mit dem Blatt „Genehmigung“, Text links ── */
.tx-a--r .bk-b__text{max-width:min(580px,46%)}
.tx-a--r .gz-bild img{object-position:100% 42%}

/* ── B „Die Rechnung“: Tisch ohne Foto ── */
.tx-rech{padding:24px 28px 20px}
.tx-rech__fall{margin:8px 0 6px;font-size:14px;line-height:1.4;color:rgba(25,27,29,.66)}
.tx-rech .bk-zeilen div{padding:6px 0;font-size:14.5px}
.tx-rech .bk-puffer dd{font-size:18px}
.tx-kreis svg{stroke:var(--tx-stift);fill:none;stroke-width:2}
.tx-rech__fuss{margin:10px 0 0;font-size:13px;line-height:1.4;color:rgba(25,27,29,.6)}
.tx-rech__notiz{right:6px;bottom:-62px;text-align:right;transform:rotate(-5deg)}

/* Quittung hinter dem Blatt (nur B) */
.tx-rech{z-index:1}

/* ── Tablet und Handy ── */
@media (max-width:980px){
  .tx-a--r .bk-b__text{max-width:640px}
  .tx-a--r .gz-bild img{object-position:82% 40%}
  .tx-h1.gz-h1{font-size:clamp(40px,6.6vw,58px)}
}
@media (max-width:639.98px){
  .tx-h1.gz-h1{font-size:clamp(34px,10.4vw,46px)}
  .tx-rech{padding:20px 18px 18px}
}
@media (max-width:379.98px){
  .tx-notiz{font-size:20px}
}
@media (prefers-reduced-motion:no-preference){
  html.fx-js .tx-a .tx-kreis path,html.fx-js .tx-a .tx-notiz path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s ease}
  html.fx-js .tx-a.gz-in .tx-kreis path,html.fx-js .tx-a.gz-in .tx-notiz path{stroke-dashoffset:0}
  html.fx-js .tx-a.gz-in .tx-kreis path{transition-delay:1.3s}
  html.fx-js .tx-a .tx-notiz{opacity:0;transition:opacity .6s ease 2.1s}
  html.fx-js .tx-a.gz-in .tx-notiz{opacity:1}
  html.fx-js .tx-a.gz-in .tx-notiz path{transition-delay:2.3s}
}

/* ══ Taxi-Seite, Runde 2: Die Genehmigung (#genehmigung) – A Vier Blätter · B Die Antragsmappe · C Die Weiche ══ */
.tx-pr .zw-hand{letter-spacing:0}

/* B: links wer was macht, rechts die Antragsmappe mit Registern */
.tx-fuss--c{margin-top:clamp(56px,5vw,72px)}
@media (max-width:980px){ .tx-fuss--c{margin-top:40px} }

/* C: für beide gleich → Taxi | Mietwagen */
.zw--b .tx-start{width:min(100%,780px)}
.tx-start__liste{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin:4px 0 0;padding:0;
  font-size:14.5px;line-height:1.45;color:var(--zw-text)}
.tx-start__liste li{padding:10px 0;border-top:1px solid rgba(60,45,25,.12)}
.tx-start__liste li:nth-child(-n+2){border-top:0}
.tx-start__liste b{display:block;color:var(--zw-ink);font-weight:700}
@media (max-width:639.98px){
  .tx-start__liste{grid-template-columns:1fr}
  .tx-start__liste li:nth-child(2){border-top:1px solid rgba(60,45,25,.12)}
}

/* ══ Taxi-Seite, Runde 3: Was wir zusammen machen (#coaching) – A Am Schreibtisch · B Die Rechnung · C Die Mappe ══ */
.tx-co{--tx-stift:#1f5a96}

/* A und B: Bühne mit „Taxi Finanzplan“ (Gegenstände links) – am Handy Blatt erst unter dem Bild, damit Hände und Mappe frei bleiben */
@media (max-width:980px){ .tx-co--b .co-buehne{padding-top:calc(min(64vw,440px) + 16px)} }
@media (max-width:639.98px){ .tx-co--b .co-buehne{padding-top:calc(min(84vw,380px) + 14px)} }

/* B: das Rechenblatt rechts auf dem leeren Tisch, die vier Leistungen als Reihe darunter */
.tx-co__buehne{min-height:clamp(600px,50vw,700px)}
.tx-co__rech{position:absolute;z-index:2;right:clamp(48px,6vw,96px);top:50%;width:min(40%,440px);padding-bottom:64px;transform:translateY(-46%)}
.tx-co__rech .tx-rech{z-index:1;transform:rotate(-.8deg)}
.tx-reihe{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px clamp(24px,2.6vw,40px);margin:clamp(40px,4vw,56px) 0 0;padding:0}
.tx-reihe li{padding-top:14px;border-top:1.5px solid rgba(25,27,29,.5)}
.tx-reihe .co-nr{display:block;margin:0 0 8px;font-family:"Bradley Hand","Segoe Print",cursive;font-weight:700;font-size:18px;line-height:1;color:var(--tx-stift)}
.tx-reihe h3{margin:0;font:800 18px/1.25 'Plus Jakarta Sans',-apple-system,sans-serif;letter-spacing:-.015em;color:#191b1d}
.tx-reihe p{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--co-text);text-wrap:pretty}
@media (max-width:1100px){ .tx-reihe{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:980px){
  .tx-co__rech{position:relative;right:auto;top:auto;width:auto;max-width:520px;margin:0;transform:none;padding:0 6px 70px}
  .tx-co--b .tx-co__buehne{min-height:0}
}
@media (max-width:639.98px){
  .tx-reihe{grid-template-columns:1fr;gap:20px}
}

@media (prefers-reduced-motion:no-preference){
  html.fx-js .tx-co .tx-kreis path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s ease 1.3s}
  html.fx-js .tx-co.co-in .tx-kreis path{stroke-dashoffset:0}
  html.fx-js .tx-co .tx-rech__notiz{opacity:0;transition:opacity .6s ease 2s}
  html.fx-js .tx-co.co-in .tx-rech__notiz{opacity:1}
}

/* ══ Taxi-Seite, Runde 4: So läuft's ab (#ablauf) + Preis (#preis) – A Preiszeile · B Preisblatt · C drei Blätter ══ */
.tx-ab .ub-stichtag span{font-size:14.5px;line-height:1.35;color:#191b1d}

/* A: eine Zeile mit den drei Einstiegen unter dem Preis */
.tx-einstiege{margin:0;font-size:15px;line-height:1.6;color:var(--ab-text)}
.tx-einstiege b{font-weight:700;color:var(--ab-navy);white-space:nowrap}

/* ══ Taxi-Seite, Runde 5: Aus der Praxis (#praxis) – A Fallakte · B Prüfnotizen · C Zeitleiste ══ */
.tx-px{--tx-stift:#1f5a96}

/* C: Abzug von Alex' Bild „Taxi Übernahme“ */
.tx-px__abzug img{object-position:72% 34%}
.tx-px__leiste li span:last-child{text-wrap:balance}
.tx-px__eckzeile{margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(60,45,25,.14);font-size:14.5px;line-height:1.5;color:rgba(25,27,29,.7)}

/* C: vier Blätter mit Bild */
.tx-wb__reihe{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,30px)}
.tx-wb{padding:12px 12px 18px}
.tx-wb:nth-child(4){--r:.8deg}
.tx-wb__bild{display:block;margin:0 0 16px;aspect-ratio:16/10;overflow:hidden;border-radius:2px;background:#e7e0d7}
.tx-wb__bild img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.4);transform-origin:80% 42%}
.tx-wb .wl-blatt__kopf,.tx-wb h3,.tx-wb p,.tx-wb .wl-blatt__fuss{margin-left:10px;margin-right:10px}
.tx-wb .wl-blatt__kopf{margin-bottom:12px}
.tx-wb h3{font-size:clamp(18px,1.4vw,21px)}
.tx-wb p{font-size:14.5px;line-height:1.5}
@media (max-width:1180px){ .tx-wb__reihe{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;row-gap:36px} }

@media (max-width:980px){
  .tx-wb__reihe{max-width:600px}
}
@media (max-width:639.98px){
  .tx-wb__reihe .wl-blatt{padding:12px 12px 16px}
}

/* ── C: Blatt mit zwei Registerreitern ── */

/* Sprungmarken: Überschrift nicht unter der festen Kopfzeile */
#genehmigung,#coaching,#ablauf,#preis,#praxis,#weiterlesen,#faq,#kontakt{scroll-margin-top:90px}
@media (max-width:980px){ #genehmigung,#coaching,#ablauf,#preis,#praxis,#weiterlesen,#faq,#kontakt{scroll-margin-top:20px} }

/* Sentinel für den CSS-Failsafe im Kopf (muss am Ende stehen) */
:root{--css-ok-taxi-seite:1}