/* Ergänzungen der Anwendung Buchung zum Gestaltungssystem fundament-ui (K9).
   Nur Anordnungen, die das Paket nicht kennt. Farben, Schrift und Abstände kommen aus den Variablen des Pakets. */
.zeilen-2,.zeilen-3{display:grid; gap:18px 16px; grid-template-columns:1fr 1fr}
.zeilen-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:640px){ .zeilen-2,.zeilen-3{grid-template-columns:1fr} }
.honig{position:absolute; left:-9999px; top:-9999px}

/* Mehrzeilige Zellen */
.tab td.mehrzeilig{padding-block:10px; line-height:1.45}

/* Termine einer Veranstaltung */
.termin-zeile{display:flex; gap:12px; align-items:center; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--linie); flex-wrap:wrap}
.termin-zeile:last-child{border-bottom:0}

/* Liste der Veranstaltungen als Karten zum Anklicken */
.anlaesse{display:grid; gap:12px}
a.anlass{display:grid; gap:6px; background:var(--flaeche); border:1px solid var(--linie); border-radius:var(--r-gross); padding:16px 18px; text-decoration:none; color:inherit; box-shadow:var(--sch-1)}
a.anlass:hover{border-color:var(--p-rand); background:var(--p-hauch)}
a.anlass .name{font-family:var(--schrift-titel); font-weight:var(--titel-gewicht); letter-spacing:var(--titel-sperrung); font-size:19px; color:var(--text)}
a.anlass .meta{display:flex; gap:6px 14px; flex-wrap:wrap; color:var(--text-2); font-size:15px; align-items:center}

/* Kennzahlen */
.zahlen{display:flex; gap:8px 18px; flex-wrap:wrap; color:var(--text-2); font-size:15px}
.zahlen b{color:var(--text)}

/* Anwesenheit: grosse Knöpfe für das Tablet im Raum */
.anwesend-liste{display:grid; gap:8px}
.anwesend-zeile{display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; background:var(--flaeche); border:1px solid var(--linie); border-radius:var(--r); padding:10px 14px}
.anwesend-zeile.ja{background:var(--ok-hg)}
.anwesend-zeile.nein{background:var(--fehler-hg)}
.anwesend-zeile .name{font-weight:600}
.anwesend-zeile .grund{grid-column:1 / -1; display:flex; gap:8px}
.anwesend-zeile .k{min-width:72px}

/* Öffentliche Seiten nach Leseregel: Karten in der Lesespalte mit voller Schriftgrösse */
.lesen .karte-rumpf{font-size:inherit; color:var(--text)}
.lesen .hw{font-size:15.5px}