/* ══ Feinschliff — ein Satzsystem für alle Seiten (29.09.2026) ═════════
   Dominic: „sehr viele Linien, verschiedene Schriftgrößen, Abstände …
   nicht nach KI, sondern High-End". Gemessen vorher, bei 1440 px:
   Startseite 25 Schriftstile und 49 Linien, Kontakt 63 Linien, sieben
   Varianten kleiner Versalzeilen (9 bis 17 px, Laufweite .06 bis .20 em),
   Fließtext 15 px auf zwei Seiten und 17 px auf den anderen, vier
   Abschnitts-Headlines zwischen 58 und 89 px.

   Diese Datei lädt auf jeder Seite ZULETZT und setzt die Stufen, die ab
   jetzt gelten. Wer sie entfernt, bekommt den alten Stand zurück.

   Die Stufen — nicht mehr, nicht weniger:
     Lobos FC   Display (Hero, Ticketkopf)  · H2 Abschnitt · H3 Zwischentitel
     Geist      Lead · Text · Klein · Mikro (die eine Versalzeile)         */
:root{
  --t-h2:    clamp(40px, 5vw, 76px);
  --t-h3:    clamp(22px, 2vw, 30px);
  --t-lead:  clamp(18px, .9vw + 9px, 22px);
  --t-text:  clamp(15px, .1vw + 14px, 16px);
  --t-klein: 14px;
  --t-mikro: 11px;
  --t-nr:    clamp(28px, 2.6vw, 40px);
}

/* ── H2: jede Abschnitts-Headline gleich groß ─────────────────────── */
.gross,
.saal2__satz .gross{font-size:var(--t-h2)}

/* ── H3: Zwischentitel ─────────────────────────────────────────────── */
.rinhalt h2,
.frage,
.karte h2,
.aufmacher,
.bedingungen__titel,
.plan__titel,
.stufen .was,
.saeule h3{font-size:var(--t-h3);line-height:1;letter-spacing:.01em;font-weight:700}
.saeule h3{margin-bottom:10px}

/* Zahlen in Lobos FC: eine Größe */
.stufen .nr,
.saeule__nr{font-size:var(--t-nr);line-height:.9}

/* ── Geist ─────────────────────────────────────────────────────────── */
body,
.rinhalt{font-size:var(--t-text);line-height:1.6}
.lead,
.rlead{font-size:var(--t-lead);line-height:1.3;letter-spacing:-.01em}
.rinhalt figcaption,
.plan__korbhinweis,
.korbzeile__text,
.bedingungen__liste li,
.kat__text{font-size:var(--t-klein);line-height:1.55}

/* Mikro — die eine kleine Versalzeile. Vorher sieben Fassungen. */
.mikro,
.fs h3,
.stempel__unter,
.plan__korbtitel,
.dabei__kopf,
.kat__preis small,
.kat__rolle,
.kat__rest,
.summe__was,
.schritt,
.rliste dt,
.karte__rolle,
.zahl span,
.saal2__marke,
.kaempfer__marke{font-family:"Geist",system-ui,-apple-system,sans-serif;font-weight:500;
  font-size:var(--t-mikro);letter-spacing:.14em;text-transform:uppercase;line-height:1.45}
/* Im Stempel ist kein Platz für 11 px — eine Stufe kleiner, gleiche Laufweite */
.stempel__unter{font-size:10px}
/* Kämpfer-Label und Karussell-Pfeile fielen auf Arial zurück (ohne
   eigene Schrift gesetzt). */
.kaempfer__marke{font-weight:600}
.slider__pfeil{font-family:"Geist",system-ui,sans-serif}
.taste{letter-spacing:.12em}

/* ── Linien: nur noch, wo sie etwas tun ────────────────────────────────
   Weg: Tabellenlinien unter jeder Zeile, der Strich neben „Veranstalter",
   die Trennlinien vor den Abschnitten der Ticketseite, die Seitenstriche
   bei „Gut zu wissen", die Linien zwischen den drei Säulen.
   Bleiben: Knöpfe, Stempel, Stufenliste, Goldkanten über Kennzahlen und
   Kontaktkarten, Schrittanzeige, Fuß.                                   */
/* Angabenliste ohne Linien: der Abstand kommt aus dem Raster selbst,
   für Bezeichnung und Wert gemeinsam — sonst laufen die Spalten auseinander. */
.rliste{row-gap:clamp(12px,1.4vw,18px)}
.rliste dt,.rliste dd,
.rliste dd + dt,
.rliste dd:not(:first-of-type){border-top:0;margin-top:0;padding-top:0}
/* Mikro (11 px) auf die erste Textzeile (16 px × 1,6) mittig setzen */
.rliste dt{padding-top:.45em}
@media (max-width:560px){
  .rliste{row-gap:0}
  /* `.rliste dd + dt` muss mit genannt werden: Die Grundregel oben setzt
     genau diesen Selektor auf 0 und ist spezifischer als `.rliste dt` —
     am Handy klebten die Einträge darum ohne Abstand aneinander. */
  .rliste dt,.rliste dd + dt{padding-top:0;margin-top:26px}
  .rliste dt:first-of-type{margin-top:0}
  .rliste dd,.rliste dd:not(:first-of-type){margin-top:3px}
}
.saal2 dl > div{border-bottom:0;padding:9px 0}
.intro__wer{border-left:0 !important}
.bedingungen,
.plan{border-top:0}
.bedingungen__liste li{border-left:0;padding-left:0}
.saeule,
.saeule:first-of-type{border-top:0}
.promo{border:0;background:rgba(201,166,90,.07)}

/* Stempel: alle drei Zeilen gleich groß (vorher zwei per Inline-Stil) */
.stempel__zeile{font-size:clamp(13px,1vw,16px)}

/* Datenband am Handy: das Wappen fällt weg, drei Stempel in zwei Spalten
   ließen „Benefiz" allein stehen und die rechte Hälfte leer. Er läuft jetzt
   über die volle Breite. */
@media (max-width:833px){
  .raster12 > .z.s3.glas--gruen{grid-column:span 6}
}

/* Über uns, Kennzahlen: immer drei in einer Reihe. Mit auto-fit brach am
   Handy die dritte („2.") allein in eine zweite Zeile. */
.zahlen{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:560px){
  .zahlen{gap:14px}
  .zahl b{font-size:clamp(28px,9vw,40px)}
}

/* ── Saalplan ─────────────────────────────────────────────────────────
   Am Schreibtisch etwas mehr Fläche. Am Handy läuft er randlos über die
   ganze Breite; die Kleinbeschriftung (Lager, Technik, Projektion, die
   beiden Überschriften) wäre dort unter 5 px und fällt weg — was welche
   Fläche ist, sagt die Legende darunter. Bühne, Ring und Eingang werden
   größer gesetzt, damit sie auch bei 390 px lesbar bleiben.            */
.plan__bild--grundriss{max-width:980px}
@media (max-width:600px){
  .plan__bild--grundriss{width:calc(100% + 2*var(--rand));max-width:none;
    margin-inline:calc(-1*var(--rand))}
  .plan__bild--grundriss .gr__mikro,
  .plan__bild--grundriss .gr__zone{display:none}
  .plan__bild--grundriss .gr__raumname{font-size:70px}
  .plan__bild--grundriss .gr__ringname{font-size:66px}
  .plan__bild--grundriss .gr__eingangsname{font-size:44px}
  .plan__bild--grundriss .gr__einlauf text{font-size:26px}
}

/* Lobos FC hat keine Kleinbuchstaben — „Voll" fiel auf die Ersatzschrift. */
.zahl b{text-transform:uppercase}
/* Kontaktkarten: die Angabenliste klebte am Absatz darüber */
.karte p + .rliste{margin-top:clamp(18px,2vw,26px)}

/* Button-Gruppen am Handy: volle Breite untereinander. Nach Inhalt
   bemessen standen sie als Treppe oder brachen 2 + 1 um (06.10.2026). */
@media (max-width:560px){
  .wege{flex-direction:column;align-items:stretch}
  .wege .taste{justify-content:center;width:100%}
}