/* Vorschau-Chrome (nur Preview): Header/Footer-Layout + Lesetypografie für Rechtstexte.
   Im Build werden diese Stile nach dist/assets/chrome.css übernommen. */
body { padding-top: 62px; }
.pv-header {
  position: fixed; inset: 0 0 auto 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between;
  gap: 1.25rem; padding: 0.8rem var(--gutter);
  background: rgba(0,0,59,0.92); color: #fff; backdrop-filter: saturate(1.2) blur(6px);
}
.pv-header img { height: 32px; width: auto; display: block; }
.pv-nav { display: none; gap: 1.4rem; flex-wrap: wrap; }
@media (min-width: 1000px) { .pv-nav { display: flex; } }
.pv-nav a { color: rgba(255,255,255,0.85); text-decoration: none; font-weight: 500; font-size: .93rem; }
.pv-nav a:hover, .pv-nav a[aria-current="page"] { color: #fff; }
.pv-header__right { display: flex; align-items: center; gap: 1rem; }

/* Breadcrumb im Hero */
.crumbs { font-size: var(--fs-sm); color: rgba(255,255,255,.7); margin-bottom: var(--sp-3); }
.crumbs a { color: rgba(255,255,255,.7); text-decoration: none; }
.crumbs a:hover { color:#fff; }

/* Lesetypografie für Rechts-/Textseiten */
.legal { max-width: 820px; margin-inline: auto; }
.legal h2 { font-size: var(--fs-xl); margin-top: var(--sp-8); }
.legal h3 { font-size: var(--fs-lg); margin-top: var(--sp-6); }
.legal h2:first-child, .legal h3:first-child { margin-top: 0; }
.legal p, .legal li { color: var(--c-grey-700); }
.legal ul { padding-left: 1.2em; display: grid; gap: .4em; }
.legal a { color: var(--c-blue-600); }
.legal .note {
  background: rgba(39,161,229,0.08); border-left: 4px solid var(--c-blue-500);
  border-radius: var(--radius-sm); padding: var(--sp-4) var(--sp-5);
  font-size: var(--fs-sm); color: var(--c-grey-700); margin-bottom: var(--sp-6);
}
.legal address { font-style: normal; }

/* einfache Checkliste / Steps */
.checklist { list-style:none; padding:0; margin:0; display:grid; gap:.7em; }
.checklist li { display:flex; gap:.6em; align-items:flex-start; color: var(--c-grey-700); }
.checklist li::before { content:"✓"; color:#fff; background:var(--c-green-500); width:1.4em; height:1.4em; border-radius:50%; display:grid; place-items:center; font-size:.8em; flex:0 0 auto; margin-top:.15em; }
.form-field { margin-bottom: var(--sp-4); display:flex; flex-direction:column; }
.form-2col { display:grid; gap:0 var(--sp-4); grid-template-columns:1fr 1fr; }
@media(max-width:560px){ .form-2col{ grid-template-columns:1fr; } }
.doc-card { display:flex; gap:var(--sp-3); align-items:center; }
.doc-card svg { width:34px; height:34px; flex:0 0 auto; fill:none; stroke:var(--c-blue-500); stroke-width:1.7; }

/* Überschrift einzeilig halten (z. B. "Anfrage → Abstimmung → Abschluss") */
.h-oneline { white-space: nowrap; font-size: clamp(1.25rem, 0.5rem + 2.7vw, 2.3rem); }
@media (max-width: 480px) { .h-oneline { white-space: normal; } }