/* PROBE-Portal: Besonderheiten der oeffentlichen Seiten. */

.l-body--public .l-main { padding-top: var(--sp-6); }
.l-body--public h1 { margin-bottom: var(--sp-4); }
.l-body--public .l-col > .c-lead { max-width: var(--measure); }

/* Formularabschnitte (wie .sec im Fragebogen) */
.c-section { margin-top: var(--sp-6); }
.c-section > h2 { padding-top: var(--sp-4); border-top: var(--bw) solid var(--c-line); font-size: var(--fs-lg); margin-bottom: var(--sp-2); }
.c-section__sub { color: var(--c-text-muted); font-size: var(--fs-sm); margin: 0 0 var(--sp-4); }

/* Bildschirm 2: Label, Hilfetext und Fehler ueber der Zeile aus Codefeld und Knopf (gleiche Hoehe), damit im
   Fehlerzustand nichts springt. Schmal steht der Knopf in voller Breite unter dem Feld (wie .c-btn--block). */
.c-codeform { margin-bottom: var(--sp-4); }
.c-codeform .c-field { margin-bottom: 0; }
.c-codeform__row { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-3); }
.c-codeform__row .c-btn { align-self: stretch; }
@media (min-width: 30em) {
  .c-codeform__row { flex-direction: row; align-items: stretch; }
  .c-codeform__row .c-btn { align-self: auto; }
}

.c-schedule { list-style: none; padding: 0; margin: 0 0 var(--sp-4); }
.c-schedule li { padding: var(--sp-2) 0; border-bottom: var(--bw) solid var(--c-line); margin: 0; }

/* Musterseite: der Sitzungsdialog wird dort statisch gezeigt */
.l-showcase-dialog dialog.c-dialog { display: block; position: static; margin: 0; }

/* Rechtsseiten: Link "Zur Startseite" knapp ueber der h1 (Variante A, Entscheidung PL 14.10.2026). Farbe und
   Unterstreichung wie alle Links, halbfett (Frutiger hat nur 300/400/700, daher 700), Klickflaeche 44 px hoch;
   der negative Rand oben gleicht die Hoehe der Klickflaeche aus. Desktop und Handy gleich. */
.c-backlink { margin: calc(-1 * var(--sp-2)) 0 var(--sp-2); }
.c-backlink a { display: inline-flex; align-items: center; gap: var(--sp-2); min-height: var(--target-min); font-size: var(--fs-base); font-weight: var(--fw-bold); }
.c-backlink .c-icon { width: 1.125rem; height: 1.125rem; stroke-width: 2.5; }