/* ==========================================================================
   LucTech KI Office — Designschema
   Herkunft: hermes.luctech.de (/opt/hermes-run/wug-ui/index.html)

   Regeln, die diese Datei einhält:
   · Jeder Farbwert, jede Größe, jeder Radius steht genau einmal — als Marke.
     Ausserhalb des Marken-Blocks gibt es kein Literal.
   · Kein url() im ganzen Stylesheet. Nichts hier kann eine Anfrage auslösen.
   · Kein Grün für "bestanden". Was in Ordnung ist, bekommt keine Farbe.
   · Farbe ist nie die einzige Information — jedes Zustandszeichen hat
     zusätzlich eine Form und das ausgeschriebene Wort.
   · Ruhende Schatten sind halbtransparentes Petrol, nie Grau.
   · Bewegung verschiebt nichts. Der Ruhezustand IST der Endzustand.
   ========================================================================== */

/* ---------------------------------------------------------------- MARKEN */
:root{
  color-scheme: light;

  /* Hausfarbe — ein Petrol, und nur eines */
  --lt-haus:            #0B7285;
  --lt-haus-gedrueckt:  #085D6D;
  --lt-kante:           #C8DEDC;
  --lt-hausgrund:       #E7F2F3;

  /* Flächen */
  --lt-seite:           #EDF3F3;
  --lt-karte:           #FFFFFF;
  --lt-versenkt:        #F1F6F6;

  /* Schrift */
  --lt-schrift:         #222222;
  --lt-gedaempft:       #55605F;
  --lt-leise:           #5E6E6E;

  /* Linien */
  --lt-haarlinie:       #E3E7E8;
  --lt-bedienrand:      #78898A;

  /* Bedeutung — drei Triaden, je Grund, Kante, Tinte */
  --lt-ok-grund:   #E9F2ED;  --lt-ok-kante:   #BCD5C7;  --lt-ok-tinte:   #26674E;
  --lt-nach-grund: #F7F1E1;  --lt-nach-kante: #E0D2A9;  --lt-nach-tinte: #7A5A12;
  --lt-fehl-grund: #F8EBE9;  --lt-fehl-kante: #E5C4C0;  --lt-fehl-tinte: #8F3A34;

  /* Durchsichtige Hilfsmarken — nur für Raster, Schleier und Masken.
     Sie erzeugen keine neue Farbe, sie dämpfen vorhandene. */
  --lt-raster-linie:  rgba(11,114,133,.13);
  --lt-raster-fein:   rgba(11,114,133,.07);
  --lt-schleier-hell: rgba(255,255,255,.55);
  --lt-maske-voll:    rgba(0,0,0,1);
  --lt-maske-leer:    rgba(0,0,0,0);
  --lt-hell-auf-haus: rgba(255,255,255,.28);

  /* Schrift-Familien — keine Monoschrift, nirgends */
  --lt-familie: "Inter","DM Sans",-apple-system,"Segoe UI",Roboto,sans-serif;

  /* Zehn Stufen */
  --lt-t1: 10.5px;  --lt-t2: 11.5px;  --lt-t3: 12.5px;  --lt-t4: 13.5px;
  --lt-t5: 14.5px;  --lt-t6: 15.5px;  --lt-t7: 17px;    --lt-t8: 19px;
  --lt-t9: 22px;    --lt-t10: 26px;

  /* Ergänzung nur fürs Schaufenster. Im Produkt kommt keine davon vor. */
  --lt-s1: 32px;  --lt-s2: 40px;  --lt-s3: 52px;  --lt-s4: 68px;

  /* Vier Gewichte, Hausgewicht 650 */
  --lt-g-normal: 400;  --lt-g-halb: 500;  --lt-g-haus: 650;  --lt-g-fett: 800;

  --lt-zeile: 1.6;
  --lt-mass: 74ch;

  /* Abstände */
  --lt-a1: 4px;   --lt-a2: 6px;   --lt-a3: 9px;   --lt-a4: 12px;  --lt-a5: 16px;
  --lt-a6: 18px;  --lt-a7: 22px;  --lt-a8: 26px;  --lt-a9: 46px;

  /* Radien */
  --lt-r1: 6px;  --lt-r2: 9px;  --lt-r3: 10px;  --lt-r4: 14px;  --lt-r5: 16px;

  /* Kanten */
  --lt-strich: 1px;  --lt-strich-akzent: 3px;  --lt-strich-reiter: 2px;

  /* Tiefe — halbtransparentes Petrol, kein Grau */
  --lt-schatten-nah:  0 2px 10px rgba(11,114,133,.06);
  --lt-schatten-fern: 0 10px 30px rgba(11,114,133,.13);
  --lt-schatten-hoch: 0 24px 60px rgba(11,114,133,.20);

  /* Anordnung */
  --lt-kopf-hoehe:    58px;
  --lt-reiter-hoehe:  54px;
  --lt-spalte:        1320px;
  --lt-bedien-hoehe:  38px;
  --lt-tippziel:      44px;
  --lt-rasterweite:   28px;

  /* Bewegung */
  --lt-takt-kurz: .16s;
  --lt-takt:      .22s;
  --lt-takt-lang: .6s;
  --lt-kurve:     cubic-bezier(.22,.75,.2,1);

  /* Maße einzelner Bauteile. Sie standen bis 2026-08-17 als Literale in
     den Regeln darunter und in figuren.css/anmeldung.css — die Schema-Regel
     "kein Literal ausserhalb dieses Blocks" galt für sie nicht. Jetzt schon. */
  --lt-feld-hoehe:      52px;
  --lt-eng:            940px;
  --lt-tafel-breite:  1020px;
  --lt-buehne-breite:  820px;
  --lt-schwebe-breite: 400px;
  --lt-schwebe-eng:    470px;
  --lt-bild-min:       230px;
  --lt-bild-max:       340px;
  --lt-wende-breite:   230px;

  /* Zeilenmaße. Eine Zeile misst man in Zeichen, nicht in Pixeln. */
  --lt-mass-schlag:  17ch;
  --lt-mass-satz:    24ch;
  --lt-mass-zelle:   26ch;
  --lt-mass-lead:    34ch;
  --lt-mass-text:    44ch;

  /* Der Konstantenbalken ist eine Aussage, keine Verzierung: 13 von 428
     und 136 von 428. Die Zahlen stehen benannt hier, nicht eingestreut. */
  --lt-anteil-frei:    3.1%;
  --lt-anteil-grenze: 31.7%;

  /* Weiß auf Petrol, in zwei Stärken. Kein neuer Farbwert — weniger von
     einem vorhandenen. */
  --lt-hell-linie:  rgba(255,255,255,.7);

  /* Schaufenster — die eine dokumentierte Farbausnahme. */
  --lt-marmor-grund:  #F8F3EA;
  --lt-marmor-tief:   #EFE5D4;
  --lt-marmor-gold:   #A87C2C;
  --lt-marmor-bronze: #6B4A1E;
  --lt-marmor-tinte:  #241D12;
}

/* ------------------------------------------------------------------ BASIS */
*{ box-sizing:border-box; margin:0; padding:0 }
html{ scroll-behavior:smooth; overflow-x:clip }
body{
  background:var(--lt-seite);
  color:var(--lt-schrift);
  font-family:var(--lt-familie);
  font-size:var(--lt-t7);
  line-height:var(--lt-zeile);
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{ max-width:100%; display:block }
a{ color:var(--lt-haus) }
h1,h2,h3,h4{ font-weight:var(--lt-g-haus); line-height:1.16; letter-spacing:-.016em; color:var(--lt-haus) }
p{ max-width:var(--lt-mass) }
:focus-visible{ outline:var(--lt-strich-akzent) solid var(--lt-haus); outline-offset:var(--lt-a1) }
::selection{ background:var(--lt-kante); color:var(--lt-haus-gedrueckt) }

.lt-spalte{ max-width:var(--lt-spalte); margin:0 auto; padding-left:var(--lt-a8); padding-right:var(--lt-a8) }
.lt-eng{ max-width:var(--lt-eng) }

/* Kleine Versalüberschrift — mit gezeichnetem Vorstrich */
.lt-marke-text{
  display:flex; align-items:center; gap:var(--lt-a3);
  font-size:var(--lt-t1); font-weight:var(--lt-g-haus);
  letter-spacing:.16em; text-transform:uppercase; color:var(--lt-haus);
}
.lt-marke-text::before{
  content:""; width:var(--lt-a8); height:var(--lt-strich-reiter);
  background:currentColor; flex:0 0 auto; border-radius:var(--lt-strich);
}
.lt-marke-text--mitte{ justify-content:center }
.lt-gedaempft{ color:var(--lt-gedaempft) }
.lt-leise{ color:var(--lt-leise) }

/* --------------------------------------------------------------- KOPFZEILE */
.lt-kopf{
  position:sticky; top:0; z-index:60;
  height:var(--lt-kopf-hoehe);
  background:var(--lt-karte);
  border-bottom:var(--lt-strich) solid var(--lt-haarlinie);
}
.lt-kopf-zeile{ display:flex; align-items:center; gap:var(--lt-a5); height:var(--lt-kopf-hoehe) }
.lt-wortmarke{
  display:flex; align-items:center; gap:var(--lt-a3);
  text-decoration:none; color:var(--lt-schrift);
  font-weight:var(--lt-g-haus); font-size:var(--lt-t8); letter-spacing:-.012em;
}
.lt-wortmarke svg{ flex:0 0 auto; display:block }
.lt-kopf-rechts{ margin-left:auto; display:flex; align-items:center; gap:var(--lt-a4) }
@media(max-width:560px){ .lt-kopf-rechts .lt-pille{ display:none } }

/* --------------------------------------------------------- REITERSTREIFEN */
.lt-reiter{
  position:sticky; top:var(--lt-kopf-hoehe); z-index:55;
  background:var(--lt-karte);
  border-bottom:var(--lt-strich) solid var(--lt-haarlinie);
}
.lt-reiter-zeile{ display:flex; gap:var(--lt-a7); height:var(--lt-reiter-hoehe); align-items:stretch; overflow-x:auto; scrollbar-width:none }
.lt-reiter-zeile::-webkit-scrollbar{ display:none }
.lt-reiter a{
  position:relative; display:inline-flex; align-items:center;
  text-decoration:none; white-space:nowrap;
  color:var(--lt-gedaempft);
  font-size:var(--lt-t6); font-weight:var(--lt-g-halb);
  min-height:var(--lt-tippziel);
  transition:color var(--lt-takt) var(--lt-kurve);
}
.lt-reiter a::after{
  content:""; position:absolute; left:0; right:0; bottom:0;
  height:var(--lt-strich-reiter); background:var(--lt-haus);
  transform:scaleX(0); transform-origin:left;
  transition:transform var(--lt-takt) var(--lt-kurve);
}
.lt-reiter a:hover{ color:var(--lt-haus) }
.lt-reiter a:hover::after{ transform:scaleX(1) }
.lt-reiter a[aria-current="page"]{ color:var(--lt-haus); font-weight:var(--lt-g-haus) }
.lt-reiter a[aria-current="page"]::after{ transform:scaleX(1) }

/* ------------------------------------------------------------------ KNÖPFE */
.lt-knopf{
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center; gap:var(--lt-a3);
  min-height:var(--lt-tippziel); padding:0 var(--lt-a7);
  font-family:var(--lt-familie); font-size:var(--lt-t6); font-weight:var(--lt-g-haus);
  border-radius:var(--lt-r2); border:var(--lt-strich) solid var(--lt-bedienrand);
  background:var(--lt-karte); color:var(--lt-haus);
  text-decoration:none; cursor:pointer;
  transition:border-color var(--lt-takt) var(--lt-kurve),
             box-shadow var(--lt-takt) var(--lt-kurve),
             background var(--lt-takt) var(--lt-kurve);
}
.lt-knopf > *{ position:relative }
.lt-knopf:hover{ border-color:var(--lt-haus); background:var(--lt-hausgrund); box-shadow:var(--lt-schatten-nah) }
.lt-knopf:active{ box-shadow:none }
.lt-knopf--gefuellt{
  background:var(--lt-haus); color:var(--lt-karte); border-color:var(--lt-haus);
  box-shadow:var(--lt-schatten-nah);
}
.lt-knopf--gefuellt:hover{ background:var(--lt-haus-gedrueckt); border-color:var(--lt-haus-gedrueckt); box-shadow:var(--lt-schatten-fern) }
.lt-knopf--gefuellt:active{ box-shadow:var(--lt-schatten-nah) }
.lt-knopf--breit{ width:100%; min-height:var(--lt-feld-hoehe); font-size:var(--lt-t7) }
.lt-knopf--klein{ min-height:var(--lt-bedien-hoehe); padding:0 var(--lt-a5); font-size:var(--lt-t5) }
/* Der Pfeil rückt, nicht der Knopf. */
.lt-knopf .lt-pfeil{ transition:transform var(--lt-takt) var(--lt-kurve) }
/* Der Knopf sagt, dass er gerade arbeitet. sign_in.js setzt disabled,
   waehrend die Anmeldung laeuft; ohne diese Regel sieht der Knopf danach
   genauso aus wie davor, und das Naechstliegende ist, noch einmal zu
   druecken. */
.lt-knopf:disabled{
  cursor:default; opacity:.55; box-shadow:none;
  border-color:var(--lt-bedienrand); background:var(--lt-versenkt); color:var(--lt-leise);
}
.lt-knopf--gefuellt:disabled{ background:var(--lt-versenkt); border-color:var(--lt-bedienrand); color:var(--lt-leise) }
.lt-knopf:disabled:hover{ background:var(--lt-versenkt); border-color:var(--lt-bedienrand); box-shadow:none }
.lt-knopf:hover .lt-pfeil{ transform:translateX(var(--lt-a1)) }

/* ------------------------------------------------------------------ KARTEN */
.lt-karte{
  position:relative;
  background:var(--lt-karte);
  border:var(--lt-strich) solid var(--lt-haarlinie);
  border-radius:var(--lt-r4);
  padding: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);
}
.lt-karte--hebt:hover{ box-shadow:var(--lt-schatten-fern); border-color:var(--lt-kante) }
.lt-karte h3{ font-size:var(--lt-t9); margin-bottom:var(--lt-a3) }
.lt-karte p{ color:var(--lt-gedaempft); font-size:var(--lt-t6) }
.lt-karte p + p{ margin-top:var(--lt-a4) }
/* Akzentkante wächst beim Zeigen — bewegt aber nichts. */
.lt-karte--akzent{ padding-left:calc(var(--lt-a8) + var(--lt-a1)) }
.lt-karte--akzent::before{
  content:""; position:absolute; left:0; top:var(--lt-a7); bottom:var(--lt-a7);
  width:var(--lt-strich-akzent); border-radius:0 var(--lt-r1) var(--lt-r1) 0;
  background:var(--lt-haus);
  transition:top var(--lt-takt) var(--lt-kurve), bottom var(--lt-takt) var(--lt-kurve);
}
.lt-karte--akzent:hover::before{ top:var(--lt-a3); bottom:var(--lt-a3) }
.lt-versenkt{ background:var(--lt-versenkt); border-radius:var(--lt-r4); padding:var(--lt-a8); border:var(--lt-strich) solid var(--lt-haarlinie) }

/* Zählpille */
.lt-pille{
  display:inline-flex; align-items:center; justify-content:center; gap:var(--lt-a2);
  min-height:var(--lt-a8); padding:0 var(--lt-a4);
  border-radius:var(--lt-r5); background:var(--lt-kante); color:var(--lt-haus-gedrueckt);
  font-size:var(--lt-t2); font-weight:var(--lt-g-haus); letter-spacing:.08em; text-transform:uppercase;
}

/* --------------------------------------------------------- ZUSTANDSZEICHEN */
.lt-zeichen{
  display:inline-flex; align-items:center; gap:var(--lt-a2);
  font-size:var(--lt-t4); font-weight:var(--lt-g-haus);
  border-radius:var(--lt-r1); padding:var(--lt-a1) var(--lt-a3);
  border:var(--lt-strich) solid transparent; white-space:nowrap;
}
.lt-zeichen svg{ flex:0 0 auto; display:block }
.lt-zeichen--ok  { background:var(--lt-ok-grund);   border-color:var(--lt-ok-kante);   color:var(--lt-ok-tinte) }
.lt-zeichen--nach{ background:var(--lt-nach-grund); border-color:var(--lt-nach-kante); color:var(--lt-nach-tinte) }
.lt-zeichen--fehl{ background:var(--lt-fehl-grund); border-color:var(--lt-fehl-kante); color:var(--lt-fehl-tinte) }
.lt-zeichen--laeuft{ background:var(--lt-hausgrund); border-color:var(--lt-kante); color:var(--lt-haus-gedrueckt) }
.lt-zeichen--unbekannt{ background:var(--lt-versenkt); border-color:var(--lt-haarlinie); color:var(--lt-leise) }
.lt-puls{ animation:lt-puls 2.2s ease-in-out infinite }
@keyframes lt-puls{ 0%,100%{opacity:1} 50%{opacity:.4} }

/* -------------------------------------------------------------- RASTER */
.lt-raster{ display:grid; gap:var(--lt-a8) }
.lt-raster--2{ grid-template-columns:repeat(2,1fr) }
.lt-raster--3{ grid-template-columns:repeat(3,1fr) }
.lt-raster--4{ grid-template-columns:repeat(4,1fr) }
@media(max-width:1020px){ .lt-raster--3,.lt-raster--4{ grid-template-columns:repeat(2,1fr) } }
@media(max-width:680px){ .lt-raster--2,.lt-raster--3,.lt-raster--4{ grid-template-columns:1fr } }

.lt-abschnitt{ padding-top:var(--lt-a9); padding-bottom:var(--lt-a9) }
.lt-abschnitt--weit{ padding-top:calc(var(--lt-a9) * 2); padding-bottom:calc(var(--lt-a9) * 2) }
.lt-abschnitt--grund{ background:var(--lt-hausgrund) }
.lt-abschnitt--karte{ background:var(--lt-karte) }
/* Gezeichnetes Blaupausen-Raster als Untergrund. Verläufe, keine Bilder. */
.lt-abschnitt--gitter{
  background-color:var(--lt-karte);
  background-image:
    repeating-linear-gradient(0deg,  var(--lt-raster-fein) 0 var(--lt-strich), transparent var(--lt-strich) var(--lt-rasterweite)),
    repeating-linear-gradient(90deg, var(--lt-raster-fein) 0 var(--lt-strich), transparent var(--lt-strich) var(--lt-rasterweite));
}
.lt-kopfzeile{ max-width:var(--lt-mass); margin-bottom:var(--lt-a9) }
.lt-kopfzeile h2{ font-size:clamp(var(--lt-t10), 3.4vw, var(--lt-s1)); margin:var(--lt-a5) 0 var(--lt-a5) }
.lt-kopfzeile p{ font-size:var(--lt-t8); color:var(--lt-gedaempft) }
.lt-weiterfuehrend{ margin-top:var(--lt-a9) }

/* ------------------------------------------------------------- KENNZAHLEN */
.lt-kennband{
  display:grid; grid-template-columns:repeat(4,1fr);
  border:var(--lt-strich) solid var(--lt-haarlinie); border-radius:var(--lt-r4);
  background:var(--lt-karte); overflow:hidden; box-shadow:var(--lt-schatten-nah);
}
@media(max-width:820px){ .lt-kennband{ grid-template-columns:repeat(2,1fr) } }
.lt-kennzelle{
  padding:var(--lt-a8) var(--lt-a7);
  border-right:var(--lt-strich) solid var(--lt-haarlinie);
  transition:background var(--lt-takt) var(--lt-kurve);
}
.lt-kennzelle:hover{ background:var(--lt-versenkt) }
.lt-kennzelle:last-child{ border-right:0 }
.lt-kennzelle .lt-zahl{ font-size:var(--lt-s1); font-weight:var(--lt-g-fett); color:var(--lt-haus); line-height:1; letter-spacing:-.03em }
.lt-kennzelle .lt-was{ font-size:var(--lt-t5); color:var(--lt-gedaempft); margin-top:var(--lt-a4); max-width:var(--lt-mass-zelle) }

/* ------------------------------------------------------------------ FELDER */
.lt-feld{ margin-bottom:var(--lt-a7) }
.lt-feld label{ display:block; font-size:var(--lt-t6); font-weight:var(--lt-g-haus); margin-bottom:var(--lt-a3) }
.lt-feld input{
  width:100%; min-height:var(--lt-feld-hoehe); padding:0 var(--lt-a5);
  font-family:var(--lt-familie); font-size:var(--lt-t8); color:var(--lt-schrift);
  background:var(--lt-karte);
  border:var(--lt-strich) solid var(--lt-bedienrand); border-radius:var(--lt-r2);
  transition:border-color var(--lt-takt) var(--lt-kurve), box-shadow var(--lt-takt) var(--lt-kurve);
}
.lt-feld input:hover{ border-color:var(--lt-haus) }
.lt-feld input:focus{ outline:none; border-color:var(--lt-haus); box-shadow:0 0 0 var(--lt-strich-akzent) var(--lt-kante) }
.lt-hilfe{ font-size:var(--lt-t5); color:var(--lt-gedaempft); margin-top:var(--lt-a3) }
.lt-zeile-quer{ display:flex; align-items:center; justify-content:space-between; gap:var(--lt-a5); flex-wrap:wrap; margin-bottom:var(--lt-a7) }
.lt-kaestchen{ display:inline-flex; align-items:center; gap:var(--lt-a3); font-size:var(--lt-t6); min-height:var(--lt-tippziel) }
.lt-kaestchen input{ width:var(--lt-a7); height:var(--lt-a7); accent-color:var(--lt-haus) }

/* ------------------------------------------------------------- AUFKLAPPER */
.lt-klapp{
  border:var(--lt-strich) solid var(--lt-haarlinie); border-radius:var(--lt-r4);
  background:var(--lt-karte); overflow:hidden;
  transition:border-color var(--lt-takt) var(--lt-kurve), box-shadow var(--lt-takt) var(--lt-kurve);
}
.lt-klapp:hover{ border-color:var(--lt-kante); box-shadow:var(--lt-schatten-nah) }
.lt-klapp[open]{ border-color:var(--lt-kante); box-shadow:var(--lt-schatten-nah) }
.lt-klapp summary{
  list-style:none; cursor:pointer; padding:var(--lt-a6) var(--lt-a7);
  font-size:var(--lt-t7); font-weight:var(--lt-g-haus); color:var(--lt-haus);
  display:flex; align-items:center; gap:var(--lt-a4); min-height:var(--lt-tippziel);
}
.lt-klapp summary::-webkit-details-marker{ display:none }
.lt-klapp summary::before{
  content:""; flex:0 0 auto; width:var(--lt-a4); height:var(--lt-a4);
  border-right:var(--lt-strich-akzent) solid var(--lt-haus);
  border-bottom:var(--lt-strich-akzent) solid var(--lt-haus);
  transform:rotate(-45deg); transition:transform var(--lt-takt) var(--lt-kurve);
}
.lt-klapp[open] summary::before{ transform:rotate(45deg) }
.lt-klapp-inhalt{ padding:0 var(--lt-a7) var(--lt-a7); color:var(--lt-gedaempft); font-size:var(--lt-t6) }

/* ============================================================== BEWEGUNG
   Zwei Regeln:
   1. Nichts wird durch eine Animation an seinen Platz geschoben. Ohne
      Animation steht die Seite fertig da — deshalb kein Springen beim Laden.
   2. Was sich beim Scrollen zeigt, hängt am Scrollbalken, nicht an einer
      Stoppuhr. Kann der Browser das nicht, passiert einfach nichts.        */
@keyframes lt-heben{ from{ opacity:0; transform:translate3d(0,var(--lt-a5),0) } to{ opacity:1; transform:none } }
@keyframes lt-blenden{ from{ opacity:0 } to{ opacity:1 } }

/* Eröffnung: läuft genau einmal, nur im Kopfbereich. */
@media(prefers-reduced-motion:no-preference){
  .lt-eroeffnung > *{ animation:lt-heben var(--lt-takt-lang) var(--lt-kurve) both }
  .lt-eroeffnung > *:nth-child(2){ animation-delay:.06s }
  .lt-eroeffnung > *:nth-child(3){ animation-delay:.12s }
  .lt-eroeffnung > *:nth-child(4){ animation-delay:.18s }
  .lt-eroeffnung > *:nth-child(5){ animation-delay:.24s }
}
/* Bewusst KEINE Einblendung beim Scrollen. Ein Abschnitt, der erst auf
   Zuruf erscheint, ist beim Drucken, beim Sprung auf einen Anker und in
   jedem Browser ohne Scroll-Zeitachse schlicht weg. Was zu sehen ist,
   ist da. Bewegung gibt es nur dort, wo jemand etwas anfasst. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation:none !important; transition:none !important }
  html{ scroll-behavior:auto }
}

/* ------------------------------------------------------------------- FUSS */
.lt-fuss{
  background:var(--lt-karte);
  border-top:var(--lt-strich) solid var(--lt-haarlinie);
  padding-top:var(--lt-a9); padding-bottom:var(--lt-a9);
  font-size:var(--lt-t5); color:var(--lt-gedaempft);
}
.lt-fuss-zeile{ display:flex; gap:var(--lt-a8); flex-wrap:wrap; align-items:center }
/* EIN LINK IN EINEM TEXTBLOCK IST UNTERSTRICHEN.
   axe hat es am 2026-08-21 auf der Anmeldeseite gemeldet
   (``link-in-text-block``, WCAG 1.4.1): Impressum, Datenschutz und AVV
   standen in derselben Zeile wie der uebrige Fusstext und unterschieden
   sich NUR durch ihre Farbe. Wer Farben nicht oder anders sieht, sieht
   dort keinen Link. Eine Unterstreichung ist die eine Auszeichnung, die
   ohne Farbe funktioniert. */
.lt-fuss a{ text-decoration:underline; text-underline-offset:.2em;
            color:var(--lt-gedaempft) }
.lt-fuss a:hover{ color:var(--lt-haus) }
.lt-fuss .lt-rechts{ margin-left:auto; letter-spacing:.1em; text-transform:uppercase; font-size:var(--lt-t2) }