/* ============================================================================
   teil-z3-karten.css — die drei Infokacheln der Filialseite (Oeffnungszeiten,
   Anschrift & Kontaktdaten, Termin) und die Teamkacheln darunter.

   Gemessen 03.10.2026 auf /unsere-filialen/wiesbaden/ bei 1512 px:
     Oeffnungszeiten      272 px hoch, 132 px unten ungenutzt
     Anschrift & Kontakt  272 px hoch,  27 px unten ungenutzt
     Termin               272 px hoch,  27 px unten ungenutzt
   Die 27 px der beiden hinteren sind deren eigene Polsterung (25,6 px) plus
   Rand (1 px) — die beiden Kacheln sind voll. Nur die erste steht halb leer.

   Diese Datei laedt als letzte der teil-*.css (functions.php Z. 55-60 bindet
   assets/css/teil-*.css alphabetisch nach seiten.css ein, "z3" sortiert hinter
   alle bestehenden). Sie aendert deshalb ueber die Reihenfolge, nicht ueber
   Vorrangmarken: in dieser Datei steht kein !important.

   Nur Token aus :root (grund.css). Glas, Rand, Schatten und Radius bleiben
   unangetastet — hier wird aufgeraeumt, nicht umgestaltet. Es bewegt sich
   nichts in dieser Datei, deshalb steht hier auch kein Block fuer
   prefers-reduced-motion.
   ========================================================================= */


/* ── Die drei Infokacheln: jede so hoch wie ihr Inhalt ───────────────────
   seiten.css Z. 41 setzt .fil-reihe auf display:grid und laesst align-items
   weg. Der Anfangswert ist stretch, also erbt jede Kachel die Hoehe der
   hoechsten ihrer Rasterzeile. Wiesbaden hat eine einzige Zeitzeile
   ("Montag bis Samstags: 10:00 Uhr - 19:00 Uhr"), andere Filialen sechs oder
   sieben. Dadurch traegt die kurze Kachel 272 px und zeigt darin ein Loch von
   132 − 26,6 = 105 px.

   Der zweite moegliche Weg — den Inhalt ueber die gemeinsame Hoehe verteilen —
   scheidet an der Messung aus: der Inhalt dieser Kachel ist eine Tabelle mit
   EINER Zeile. Ueber 105 px verteilt wird daraus eine 105 px hohe Tabellen-
   zeile, also aus dem Loch ein gestreckter Text. Eine Kachel, die dort
   aufhoert, wo ihr Inhalt aufhoert, sieht nie nach Fehler aus; ein Loch schon.

   Folge dieser einen Zeile: das margin-top:auto in .fil-kontakt (seiten.css
   Z. 66) und in .fil-termin-wahl (teil-filiale.css) hat keinen freien Platz
   mehr und rechnet sich zu 0. Die beiden Bloecke stehen danach im normalen
   gap:.85rem ihrer Kachel statt am unteren Rand. In Wiesbaden schrumpft
   gemessen nur die Zeiten-Kachel, von 272 auf rund 167 px; Anschrift und
   Termin waren bereits voll und bleiben bei 272 px.
   ---------------------------------------------------------------------- */
.fil-reihe{ align-items:start }


/* ── Teamkacheln: Kreis, Name und Rolle auf derselben Hoehe ──────────────
   .fil-team (seiten.css Z. 84) ist ein Raster ohne align-items, alle Kacheln
   stehen also auf der Hoehe der hoechsten. .fil-kopf (Z. 86) zentriert seinen
   Inhalt darin senkrecht — und genau das verschiebt die Namen gegeneinander.

   Nachgerechnet mit den Werten aus seiten.css Z. 87-96: Kreis 48 px, Name
   1.04rem/1.25 = 20,8 px, Rolle .84rem/1.4 = 18,8 px je Zeile, dazwischen
   .2rem = 3,2 px. Textblock einzeilige Rolle 42,8 px, zweizeilige 61,6 px.
   Die Kachelzeile ist damit 61,6 px hoch; mittig ausgerichtet beginnt der
   einzeilige Block 9,4 px tiefer als der zweizeilige und der Kreis 6,8 px
   tiefer als in der hohen Kachel. Bei den vier Personen in Wiesbaden
   (MK, CB, SP, DK) stehen die Namen deshalb auf verschiedenen Hoehen.

   Oben ausgerichtet beginnen Name und Rolle in jeder Kachel an derselben
   Grundlinie und alle Kreise stehen auf einer Linie. flex-start statt start,
   weil .fil-kopf ein Flex-Behaelter ist und flex-start dort von jeder
   Browser-Fassung verstanden wird.

   An den Kreisen selbst ist nichts zu richten: .fil-mono traegt flex:none mit
   festen 48 px (ab 430 px 42 px, seiten.css Z. 128), kann also weder wachsen
   noch schrumpfen, und filiale.php Z. 495-502 bildet hoechstens zwei
   Buchstaben, die bei .92rem nie aus dem Kreis laufen. place-items:center
   setzt das Monogramm bis auf 0,35 px mittig — nachgerechnet mit
   line-height:1.62 aus body (grund.css Z. 46).
   ---------------------------------------------------------------------- */
.fil-kopf{ align-items:flex-start }

/* Bei 375 px bleiben der Textspalte 249 px: Bahn 343 (375 − 2×16 Gasse)
   − 2×18,4 Polsterung − 42 Kreis − 15,2 Abstand. Ein deutsches Kompositum
   ohne Trennstelle, das breiter wird, liefe aus der Kachel; body traegt
   overflow-x:hidden (grund.css Z. 47) und wuerde es abschneiden statt
   umbrechen. Gleiche Schreibweise wie .fil-kontakt a in teil-filiale.css. */
.fil-kopf .name,
.fil-kopf .rolle{ overflow-wrap:anywhere }