/* ortsseite.css – Ergänzung zu umfrage.css für die Infoseite „Der Ort".
   umfrage.css muss davor eingebunden sein, hier stehen nur die Abweichungen.

   Die Seite lag früher als Zwischenschritt im Ablauf der Umfrage und war
   deshalb linksbündig wie alle Fragen. Als eigenständige Seite ist sie
   mittig gesetzt, passend zur Startseite. */

#app{
  justify-content:flex-start;
  /* Ohne Fortschrittsleiste und ohne feste Navigation am unteren Rand
     braucht die Seite oben und unten weniger Luft als die Umfrage. */
  padding-top:clamp(48px,8vh,86px);
  padding-bottom:clamp(48px,8vh,86px);
}

/* ---------- Alles mittig ---------- */
.screen{text-align:center}

/* Elemente mit Textbreitenbegrenzung müssen zusätzlich zentriert werden,
   sonst kleben sie trotz text-align am linken Rand des Rasters. */
.screen .txt,
.screen .tl .d{margin-inline:auto}

/* Die Zeitleiste hat keine linke Markierung, sie besteht aus gestapelten
   Blöcken – zentriert bleibt sie dadurch lesbar. */
.tl{text-align:center}

/* Die Button-Zeile ist ein Flex-Container, text-align greift dort nicht. */
.cta-row{justify-content:center}

/* ---------- Zurück zur Startseite ---------- */
.zurueck{
  margin:clamp(20px,2.6vh,28px) 0 0;
  font-family:var(--display);font-weight:600;
  text-transform:uppercase;letter-spacing:.18em;
  font-size:11px;text-indent:.18em;
}
.zurueck a{
  color:var(--fg-3);text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .2s var(--ease),border-color .2s var(--ease);
  padding-bottom:2px;
}
.zurueck a:hover{color:var(--fg);border-bottom-color:var(--line-2)}
.zurueck a:focus-visible{outline:2px solid var(--pink);outline-offset:4px}

.src{max-width:70ch;margin-inline:auto}