/* ==========================================================================
   LucTech KI Office — Schaufenster, Figuren, Buch
   Baut ausschliesslich auf den Marken aus lt.css auf. Kein eigener Farbwert,
   kein url(). Durchsichtigkeit entsteht mit color-mix() aus vorhandenen
   Marken — es kommt also keine neue Farbe dazu, nur weniger von einer alten.
   ========================================================================== */

/* ------------------------------------------------------ SVG-EINFÄRBUNG */
.f-haus{fill:var(--lt-haus)}          .f-gedrueckt{fill:var(--lt-haus-gedrueckt)}
.f-kante{fill:var(--lt-kante)}        .f-grund{fill:var(--lt-hausgrund)}
.f-karte{fill:var(--lt-karte)}        .f-leise{fill:var(--lt-leise)}
.f-ok{fill:var(--lt-ok-tinte)}        .f-nach{fill:var(--lt-nach-tinte)}
.f-fehl{fill:var(--lt-fehl-tinte)}
.s-haus{stroke:var(--lt-haus);fill:none}        .s-kante{stroke:var(--lt-kante);fill:none}
.s-linie{stroke:var(--lt-haarlinie);fill:none}  .s-rand{stroke:var(--lt-bedienrand);fill:none}
.s-ok{stroke:var(--lt-ok-tinte);fill:none}      .s-nach{stroke:var(--lt-nach-tinte);fill:none}
.s-fehl{stroke:var(--lt-fehl-tinte);fill:none}
.s-1{stroke-width:1} .s-2{stroke-width:2} .s-3{stroke-width:3}
.s-rund{stroke-linecap:round;stroke-linejoin:round}
.s-gestrichelt{stroke-dasharray:5 6}

/* ============================================================ SCHAUFENSTER
   Eine Bühne, kein Kasten mit Bild darin. Die Büste steht hinten rechts,
   läuft nach links und unten in den Seitengrund aus und ist in Bronze/Creme
   umgefärbt — damit sie zur Marke gehört, statt danebenzuliegen. */
.sf{
  position:relative; isolation:isolate; overflow:hidden;
  background:linear-gradient(180deg, var(--lt-marmor-grund) 0%, var(--lt-marmor-grund) 72%, var(--lt-seite) 100%);
  border-bottom:var(--lt-strich) solid var(--lt-haarlinie);
  color:var(--lt-marmor-tinte);
}
.sf-gitter{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:
    repeating-linear-gradient(0deg,  color-mix(in srgb, var(--lt-marmor-bronze) 13%, transparent) 0 var(--lt-strich), transparent var(--lt-strich) var(--lt-rasterweite)),
    repeating-linear-gradient(90deg, color-mix(in srgb, var(--lt-marmor-bronze) 13%, transparent) 0 var(--lt-strich), transparent var(--lt-strich) var(--lt-rasterweite));
  -webkit-mask-image:radial-gradient(120% 95% at 16% 42%, var(--lt-maske-voll), var(--lt-maske-leer) 74%);
          mask-image:radial-gradient(120% 95% at 16% 42%, var(--lt-maske-voll), var(--lt-maske-leer) 74%);
}
.sf-buehne{ position:absolute; inset:0; z-index:0; pointer-events:none }
.sf-bild{
  position:absolute; right:0; top:0; bottom:0; width:min(56%, var(--lt-buehne-breite));
  -webkit-mask-image:linear-gradient(to right, var(--lt-maske-leer) 0%, var(--lt-maske-voll) 40%);
          mask-image:linear-gradient(to right, var(--lt-maske-leer) 0%, var(--lt-maske-voll) 40%);
}
.sf-bild-innen{
  position:relative; height:100%; background:var(--lt-marmor-bronze);
  -webkit-mask-image:linear-gradient(to bottom, var(--lt-maske-voll) 56%, var(--lt-maske-leer) 100%);
          mask-image:linear-gradient(to bottom, var(--lt-maske-voll) 56%, var(--lt-maske-leer) 100%);
}
/* Zweiton: Graustufe auf Bronze im Modus "screen" — Tiefen werden bronze,
   Lichter bleiben creme. Ein Bild, das aus der Palette gemacht ist. */
.sf-bild-innen img{
  width:100%; height:100%; object-fit:cover; object-position:52% 30%;
  filter:grayscale(1) contrast(1.07) brightness(1.03);
  mix-blend-mode:screen;
}
.sf-bild-innen::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(205deg, color-mix(in srgb, var(--lt-marmor-gold) 32%, transparent) 0%, transparent 48%);
  mix-blend-mode:multiply;
}

.sf-lage{ position:relative; z-index:1; padding-top:calc(var(--lt-a9)*1.7); padding-bottom:calc(var(--lt-a9)*1.7) }
.sf-text{ max-width:var(--lt-mass-text) }
.sf-text h1{
  color:var(--lt-marmor-tinte);
  max-width:var(--lt-mass-schlag);
  font-size:clamp(var(--lt-s1), 4.2vw, var(--lt-s3));
  line-height:1.08; letter-spacing:-.028em;
  margin:var(--lt-a6) 0 var(--lt-a7);
  text-wrap:balance;
}
.sf-text h1 em{ font-style:normal; color:var(--lt-marmor-bronze) }
.sf-text .lt-marke-text{ color:var(--lt-marmor-bronze) }
.sf-lead{ font-size:var(--lt-t9); line-height:1.5; color:var(--lt-marmor-bronze); max-width:var(--lt-mass-lead) }
.sf-tasten{ display:flex; gap:var(--lt-a5); flex-wrap:wrap; margin-top:var(--lt-a9) }
.sf .lt-knopf{ border-color:var(--lt-marmor-bronze); color:var(--lt-marmor-bronze); background:var(--lt-karte) }
.sf .lt-knopf:hover{ background:var(--lt-marmor-tief); border-color:var(--lt-marmor-bronze) }
.sf .lt-knopf--gefuellt{ background:var(--lt-haus); border-color:var(--lt-haus); color:var(--lt-karte) }
.sf .lt-knopf--gefuellt:hover{ background:var(--lt-haus-gedrueckt); border-color:var(--lt-haus-gedrueckt) }
.sf-notiz{
  margin-top:var(--lt-a8); font-size:var(--lt-t5); color:var(--lt-marmor-bronze);
  border-left:var(--lt-strich-akzent) solid var(--lt-marmor-gold);
  padding-left:var(--lt-a5); max-width:var(--lt-mass-text);
}
/* Die schwebende Karte greift ins Bild — dadurch liegt das Bild nicht daneben,
   sondern dahinter. */
.sf-schwebe{ position:absolute; right:var(--lt-a8); bottom:calc(var(--lt-a9) * -1.2); width:min(var(--lt-schwebe-breite), 40vw); z-index:2 }
.sf-tafel{
  position:absolute; left:var(--lt-a8); bottom:var(--lt-a8); z-index:1;
  font-size:var(--lt-t2); letter-spacing:.18em; text-transform:uppercase; color:var(--lt-marmor-bronze);
}
@media(max-width:1100px){
  .sf-schwebe{ position:static; width:auto; max-width:var(--lt-schwebe-eng); margin-top:var(--lt-a9) }
  .sf-tafel{ position:static; margin-top:var(--lt-a7) }
}
@media(max-width:900px){
  .sf-buehne{ position:relative; inset:auto }
  .sf-bild{ position:relative; width:auto; height:clamp(var(--lt-bild-min),44vw,var(--lt-bild-max));
    -webkit-mask-image:none; mask-image:none }
  .sf-bild-innen{
    -webkit-mask-image:linear-gradient(to bottom, var(--lt-maske-voll) 62%, var(--lt-maske-leer) 100%);
            mask-image:linear-gradient(to bottom, var(--lt-maske-voll) 62%, var(--lt-maske-leer) 100%) }
  .sf-lage{ padding-top:var(--lt-a8) }
}

/* -------------------------------------------------------------- NAHT */
.f-naht{ display:block; width:100%; height:var(--lt-a9); color:var(--lt-kante) }

/* ================================================================ SATZ */
.f-satz{
  position:relative; overflow:hidden;
  background:var(--lt-haus); color:var(--lt-karte);
  border-radius:var(--lt-r5); padding:calc(var(--lt-a9)*1.2) var(--lt-a9);
  box-shadow:var(--lt-schatten-fern);
}
.f-satz::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background-image:
    repeating-linear-gradient(0deg,  var(--lt-hell-auf-haus) 0 var(--lt-strich), transparent var(--lt-strich) var(--lt-rasterweite)),
    repeating-linear-gradient(90deg, var(--lt-hell-auf-haus) 0 var(--lt-strich), transparent var(--lt-strich) var(--lt-rasterweite));
  -webkit-mask-image:radial-gradient(85% 130% at 92% 6%, var(--lt-maske-voll), var(--lt-maske-leer) 70%);
          mask-image:radial-gradient(85% 130% at 92% 6%, var(--lt-maske-voll), var(--lt-maske-leer) 70%);
}
.f-satz > *{ position:relative }
.f-satz .lt-marke-text{ color:var(--lt-karte) }
.f-satz p{
  font-size:clamp(var(--lt-t9), 3.4vw, var(--lt-s2)); font-weight:var(--lt-g-haus);
  line-height:1.22; max-width:var(--lt-mass-satz); color:var(--lt-kante); margin-top:var(--lt-a7); letter-spacing:-.02em;
}
.f-satz .f-hell{ color:var(--lt-karte) }
.f-satz .f-quelle{ margin-top:var(--lt-a8); font-size:var(--lt-t3); letter-spacing:.14em; text-transform:uppercase; color:var(--lt-karte); font-weight:var(--lt-g-halb) }

/* =========================================================== SCHICHTTURM */
.f-turm{ position:relative; display:grid; grid-template-columns:var(--lt-a9) 1fr; gap:0 var(--lt-a8) }
@media(max-width:640px){ .f-turm{ grid-template-columns:0 1fr; gap:0 } }
/* Die Schiene laeuft absolut ueber die ganze Hoehe — mit grid-row: 1/-1
   wuerde sie im impliziten Raster nur die erste Zeile hoch sein. */
.f-schiene{
  position:absolute; top:var(--lt-a8); bottom:var(--lt-a8);
  left:calc(var(--lt-a9) / 2 - var(--lt-strich)); width:var(--lt-strich-reiter);
  background:var(--lt-kante); border-radius:var(--lt-strich);
}
@media(max-width:640px){ .f-schiene{ display:none } }
.f-stufe{ grid-column:2; position:relative; padding-bottom:var(--lt-a8) }
.f-stufe:last-child{ padding-bottom:0 }
.f-knoten{
  position:absolute; left:calc((var(--lt-a9) + var(--lt-a8) + var(--lt-a5)) * -0.5 - var(--lt-a5) * 0.5);
  top:var(--lt-a8); width:var(--lt-a5); height:var(--lt-a5); border-radius:var(--lt-r5);
  background:var(--lt-karte); border:var(--lt-strich-akzent) solid var(--lt-haus);
  transition:transform var(--lt-takt) var(--lt-kurve), background var(--lt-takt) var(--lt-kurve);
}
@media(max-width:640px){ .f-knoten{ display:none } }
.f-stufe-karte{
  background:var(--lt-karte); border:var(--lt-strich) solid var(--lt-haarlinie);
  border-radius:var(--lt-r4); padding:var(--lt-a7) var(--lt-a8);
  box-shadow:var(--lt-schatten-nah);
  transition:box-shadow var(--lt-takt) var(--lt-kurve), border-color var(--lt-takt) var(--lt-kurve);
}
.f-stufe:hover .f-stufe-karte{ box-shadow:var(--lt-schatten-fern); border-color:var(--lt-kante) }
.f-stufe:hover .f-knoten{ transform:scale(1.3); background:var(--lt-haus) }
.f-stufe-kopf{ display:flex; align-items:center; gap:var(--lt-a4); flex-wrap:wrap; margin-bottom:var(--lt-a4) }
.f-stufe-kopf h3{ font-size:var(--lt-t8); margin:0 }
.f-stufe-kopf .lt-pille{ margin-left:auto }
.f-stufe-karte p{ font-size:var(--lt-t6); color:var(--lt-gedaempft) }
.f-stufe-karte--aussen{ background:var(--lt-versenkt); border-style:dashed }
.f-daten{ display:grid; grid-template-columns:auto 1fr; gap:var(--lt-a2) var(--lt-a5); margin-top:var(--lt-a5); font-size:var(--lt-t4) }
.f-daten dt{ color:var(--lt-leise); white-space:nowrap }
.f-daten dd{ color:var(--lt-schrift); font-weight:var(--lt-g-halb) }
.f-grenze{
  grid-column:2; display:flex; align-items:center; gap:var(--lt-a4);
  margin:0 0 var(--lt-a8);
  font-size:var(--lt-t3); letter-spacing:.12em; text-transform:uppercase;
  color:var(--lt-fehl-tinte); font-weight:var(--lt-g-haus);
}
.f-grenze::after{
  content:""; flex:1; height:0;
  border-top:var(--lt-strich-reiter) dashed color-mix(in srgb, var(--lt-fehl-tinte) 45%, transparent);
}

/* ============================================================= WEG / RAIL */
.f-weg{ display:grid; grid-template-columns:repeat(6,1fr); gap:var(--lt-a7) }
.f-weg--4{ grid-template-columns:repeat(4,1fr) }
@media(max-width:1080px){ .f-weg,.f-weg--4{ grid-template-columns:repeat(2,1fr) } }
@media(max-width:620px){ .f-weg,.f-weg--4{ grid-template-columns:1fr } }
.f-halt{ position:relative; padding-top:var(--lt-a8) }
.f-halt::before{
  content:""; position:absolute; left:0; right:calc(var(--lt-a7) * -1); top:0;
  height:var(--lt-strich-reiter); background:var(--lt-kante);
}
.f-halt:last-child::before{ right:0 }
.f-halt::after{
  content:""; position:absolute; left:0; top:calc(var(--lt-a3) * -1);
  width:var(--lt-a6); height:var(--lt-a6); border-radius:var(--lt-r5);
  background:var(--lt-karte); border:var(--lt-strich-akzent) solid var(--lt-haus);
  transition:transform var(--lt-takt) var(--lt-kurve), background var(--lt-takt) var(--lt-kurve);
}
.f-halt:hover::after{ transform:scale(1.28); background:var(--lt-haus) }
.f-halt--ziel::after{ background:var(--lt-haus) }
.f-halt .f-nr{ font-size:var(--lt-t2); letter-spacing:.16em; text-transform:uppercase; color:var(--lt-haus); font-weight:var(--lt-g-haus); margin-top:var(--lt-a5) }
.f-halt h3{ font-size:var(--lt-t7); margin:var(--lt-a3) 0 var(--lt-a3) }
.f-halt p{ font-size:var(--lt-t5); color:var(--lt-gedaempft) }
@media(max-width:620px){ .f-halt::before{ right:0 } }

/* ================================================================= WAAGE */
.f-waage{ display:grid; grid-template-columns:1fr auto 1fr; gap:var(--lt-a8); align-items:stretch }
@media(max-width:900px){ .f-waage{ grid-template-columns:1fr } }
.f-schale{
  background:var(--lt-karte); border:var(--lt-strich) solid var(--lt-haarlinie);
  border-radius:var(--lt-r4); padding:var(--lt-a7) var(--lt-a8); box-shadow:var(--lt-schatten-nah);
}
.f-schale--ergebnis{ background:var(--lt-hausgrund); border-color:var(--lt-kante) }
.f-schale h4{ font-size:var(--lt-t6); margin-bottom:var(--lt-a5) }
.f-recht{
  display:flex; align-items:center; gap:var(--lt-a3);
  padding:var(--lt-a4) 0; border-bottom:var(--lt-strich) solid var(--lt-haarlinie); font-size:var(--lt-t5);
}
.f-recht:last-child{ border-bottom:0 }
.f-recht svg{ flex:0 0 auto }
.f-recht .f-wort{ margin-left:auto; font-size:var(--lt-t4); font-weight:var(--lt-g-haus); white-space:nowrap }
.f-mitte{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--lt-a4);
  min-width:calc(var(--lt-a9) * 2); color:var(--lt-haus); text-align:center;
  font-size:var(--lt-t2); letter-spacing:.14em; text-transform:uppercase; font-weight:var(--lt-g-haus);
}
@media(max-width:900px){ .f-mitte{ flex-direction:row; padding:var(--lt-a5) 0 } }

/* ================================================================= BELEG */
.f-beleg{
  background:var(--lt-karte); border:var(--lt-strich) solid var(--lt-haarlinie);
  border-radius:var(--lt-r4); box-shadow:var(--lt-schatten-hoch); overflow:hidden;
}
.f-beleg-kopf{
  display:flex; align-items:center; justify-content:space-between; gap:var(--lt-a4);
  padding:var(--lt-a5) var(--lt-a7);
  background:var(--lt-hausgrund); border-bottom:var(--lt-strich) solid var(--lt-kante);
  font-size:var(--lt-t2); letter-spacing:.14em; text-transform:uppercase;
  color:var(--lt-haus-gedrueckt); font-weight:var(--lt-g-haus);
}
.f-beleg-zeile{
  display:flex; align-items:center; gap:var(--lt-a4);
  padding:var(--lt-a4) var(--lt-a7);
  border-bottom:var(--lt-strich) solid var(--lt-haarlinie);
  font-size:var(--lt-t5); background:var(--lt-karte);
  transition:background var(--lt-takt) var(--lt-kurve);
}
.f-beleg-zeile:hover{ background:var(--lt-versenkt) }
.f-beleg-zeile .f-text{ flex:1; min-width:0 }
.f-beleg-zeile .f-wert{ font-weight:var(--lt-g-haus); white-space:nowrap; color:var(--lt-schrift) }
.f-beleg-fuss{
  padding:var(--lt-a5) var(--lt-a7); background:var(--lt-versenkt);
  font-size:var(--lt-t5); font-weight:var(--lt-g-haus); color:var(--lt-haus);
  display:flex; align-items:center; gap:var(--lt-a3);
}

/* ============================================================ GRUNDRISS */
.f-grundriss{
  display:grid; grid-template-columns:repeat(6,1fr);
  border:var(--lt-strich-reiter) solid var(--lt-haus);
  border-radius:var(--lt-r4); overflow:hidden; background:var(--lt-karte);
  box-shadow:var(--lt-schatten-fern);
}
@media(max-width:1000px){ .f-grundriss{ grid-template-columns:repeat(2,1fr) } }
@media(max-width:620px){ .f-grundriss{ grid-template-columns:1fr } }
.f-raum{
  position:relative; padding:var(--lt-a8) var(--lt-a7);
  border-right:var(--lt-strich-reiter) solid var(--lt-haus);
  border-bottom:var(--lt-strich-reiter) solid var(--lt-haus);
  min-height:calc(var(--lt-a9) * 3.6);
  transition:background var(--lt-takt) var(--lt-kurve);
}
.f-raum:hover{ background:var(--lt-hausgrund) }
.f-raum h3{ font-size:var(--lt-t7); margin:var(--lt-a4) 0 var(--lt-a3) }
.f-raum p{ font-size:var(--lt-t4); color:var(--lt-gedaempft) }
.f-raum .f-tuer{ font-size:var(--lt-t1); letter-spacing:.16em; text-transform:uppercase; color:var(--lt-haus); font-weight:var(--lt-g-haus) }
.f-raum--halb{ grid-column:span 2 }
.f-raum--drei{ grid-column:span 3 }
.f-raum--voll{ grid-column:1 / -1; border-right:0; border-bottom:0; background:var(--lt-hausgrund); min-height:0 }
@media(max-width:1000px){ .f-raum--halb,.f-raum--drei{ grid-column:span 1 } }

/* ================================================================ BALKEN */
.f-balken{ margin-top:var(--lt-a8) }
.f-balken-spur{
  position:relative; height:var(--lt-a8); border-radius:var(--lt-r5);
  background:var(--lt-versenkt); border:var(--lt-strich) solid var(--lt-bedienrand); overflow:hidden;
}
.f-balken-teil{ position:absolute; top:0; bottom:0 }
.f-balken-teil--frei{ left:0; width:var(--lt-anteil-frei); background:var(--lt-haus-gedrueckt) }
.f-balken-teil--grenze{ left:var(--lt-anteil-frei); width:var(--lt-anteil-grenze); background:var(--lt-haus) }
.f-balken-marken{ display:flex; gap:var(--lt-a8); margin-top:var(--lt-a5); flex-wrap:wrap; font-size:var(--lt-t4) }
.f-balken-marke{ display:flex; align-items:center; gap:var(--lt-a3); color:var(--lt-gedaempft) }
.f-balken-marke::before{ content:""; width:var(--lt-a4); height:var(--lt-a4); border-radius:var(--lt-r1); flex:0 0 auto }
.f-balken-marke--frei::before{ background:var(--lt-haus-gedrueckt) }
.f-balken-marke--grenze::before{ background:var(--lt-haus) }
.f-balken-marke--fest::before{ background:var(--lt-versenkt); border:var(--lt-strich) solid var(--lt-bedienrand) }

/* ====================================================== GEGENÜBERSTELLUNG */
.f-gegen{
  width:100%; border-collapse:separate; border-spacing:0; font-size:var(--lt-t6);
  background:var(--lt-karte); border:var(--lt-strich) solid var(--lt-haarlinie);
  border-radius:var(--lt-r4); overflow:hidden; box-shadow:var(--lt-schatten-nah);
}
.f-gegen th, .f-gegen td{ text-align:left; padding:var(--lt-a5) var(--lt-a7); border-bottom:var(--lt-strich) solid var(--lt-haarlinie); vertical-align:top }
.f-gegen thead th{
  font-size:var(--lt-t3); letter-spacing:.12em; text-transform:uppercase;
  color:var(--lt-leise); font-weight:var(--lt-g-haus); background:var(--lt-versenkt);
}
.f-gegen thead th:last-child{ color:var(--lt-haus); background:var(--lt-hausgrund) }
.f-gegen tbody tr:last-child td{ border-bottom:0 }
.f-gegen tbody tr{ transition:background var(--lt-takt) var(--lt-kurve) }
.f-gegen tbody tr:hover{ background:var(--lt-versenkt) }
.f-gegen td:first-child{ color:var(--lt-leise); width:22%; font-size:var(--lt-t5) }
.f-gegen td:last-child{ font-weight:var(--lt-g-halb); background:color-mix(in srgb, var(--lt-hausgrund) 55%, var(--lt-karte)) }
@media(max-width:760px){ .f-gegen td:first-child{ width:auto } .f-gegen th,.f-gegen td{ padding:var(--lt-a4) var(--lt-a5); font-size:var(--lt-t5) } }

/* ================================================================== BUCH */
.buch{ padding-bottom:calc(var(--lt-a9) * 2) }
.buch-blatt{ display:none }
.buch-blatt:target{ display:block }
body:not(:has(.buch-blatt:target)) #blatt-1{ display:block }
@media(prefers-reduced-motion:no-preference){
  .buch-blatt:target,
  body:not(:has(.buch-blatt:target)) #blatt-1{ animation:lt-blenden var(--lt-takt-lang) var(--lt-kurve) both }
}
body:has(#blatt-1:target) .buch-register a[href="#blatt-1"],
body:has(#blatt-2:target) .buch-register a[href="#blatt-2"],
body:has(#blatt-3:target) .buch-register a[href="#blatt-3"],
body:has(#blatt-4:target) .buch-register a[href="#blatt-4"],
body:has(#blatt-5:target) .buch-register a[href="#blatt-5"],
body:has(#blatt-6:target) .buch-register a[href="#blatt-6"],
body:not(:has(.buch-blatt:target)) .buch-register a[href="#blatt-1"]{ color:var(--lt-haus); font-weight:var(--lt-g-haus) }
body:has(#blatt-1:target) .buch-register a[href="#blatt-1"]::after,
body:has(#blatt-2:target) .buch-register a[href="#blatt-2"]::after,
body:has(#blatt-3:target) .buch-register a[href="#blatt-3"]::after,
body:has(#blatt-4:target) .buch-register a[href="#blatt-4"]::after,
body:has(#blatt-5:target) .buch-register a[href="#blatt-5"]::after,
body:has(#blatt-6:target) .buch-register a[href="#blatt-6"]::after,
body:not(:has(.buch-blatt:target)) .buch-register a[href="#blatt-1"]::after{ transform:scaleX(1) }

.buch-kopfzeile{ display:flex; align-items:flex-end; gap:var(--lt-a7); flex-wrap:wrap; margin-bottom:var(--lt-a8) }
.buch-kopfzeile h2{ font-size:clamp(var(--lt-s1), 4.2vw, var(--lt-s3)); letter-spacing:-.028em; margin-top:var(--lt-a4) }
.buch-seitenzahl{
  margin-left:auto; font-size:var(--lt-t2); letter-spacing:.16em; text-transform:uppercase;
  color:var(--lt-haus-gedrueckt); font-weight:var(--lt-g-haus);
  background:var(--lt-kante); border-radius:var(--lt-r5); padding:var(--lt-a2) var(--lt-a5);
}
.buch-lead{ font-size:var(--lt-t8); color:var(--lt-gedaempft); max-width:var(--lt-mass); margin-bottom:calc(var(--lt-a9) * 1.2) }
.buch-wenden{
  display:flex; gap:var(--lt-a5); justify-content:space-between; align-items:center;
  margin-top:calc(var(--lt-a9) * 1.5); padding-top:var(--lt-a8);
  border-top:var(--lt-strich) solid var(--lt-haarlinie); flex-wrap:wrap;
}
.buch-wenden .lt-knopf{ min-width:var(--lt-wende-breite) }
.buch-wenden span{ font-size:var(--lt-t4); color:var(--lt-leise) }

/* Aktiver Reiter auf der Startseite, ohne Skript */
body:has(#was:target)         .lt-reiter a[href="#was"],
body:has(#ablauf:target)      .lt-reiter a[href="#ablauf"],
body:has(#zusagen:target)     .lt-reiter a[href="#zusagen"],
body:has(#belegschaft:target) .lt-reiter a[href="#belegschaft"],
body:has(#zugang:target)      .lt-reiter a[href="#zugang"]{ color:var(--lt-haus); font-weight:var(--lt-g-haus) }
body:has(#was:target)         .lt-reiter a[href="#was"]::after,
body:has(#ablauf:target)      .lt-reiter a[href="#ablauf"]::after,
body:has(#zusagen:target)     .lt-reiter a[href="#zusagen"]::after,
body:has(#belegschaft:target) .lt-reiter a[href="#belegschaft"]::after,
body:has(#zugang:target)      .lt-reiter a[href="#zugang"]::after{ transform:scaleX(1) }
.lt-reiter .lt-weiter{ margin-left:auto; color:var(--lt-haus); font-weight:var(--lt-g-haus) }
section[id], main[id]{ scroll-margin-top:calc(var(--lt-kopf-hoehe) + var(--lt-reiter-hoehe) + var(--lt-a5)) }