/* Landingpage-Feinschliff — lädt NUR auf den Landingpages, nach style.css.
   Hält die v2-style.css unangetastet (kein Eingriff in die Quelle). */

/* Hero-Fotobereich: Schrift etwas kleiner -> proportional luftiger */
.hero-edit__title { font-size: clamp(1.7rem, 3.3vw, 2.5rem); line-height: 1.04; }
.hero-edit__lead { font-size: 14.5px; }
.hero-edit__eyebrow { font-size: 11px; }
/* H1 = Keyword; Stadt auf eigener Zeile als heller Teal-Akzent (Kontrast > 4.5:1 auf dunklem Hero) */
.hero-edit__title-city { display: block; color: #6CC8EA; }
.hero-edit__lead strong { color: inherit; font-weight: 700; }

/* Footer-Spaltentitel: von <h5> auf <h2> umgestellt (SEO-Hierarchie ohne Sprung),
   Optik 1:1 wie zuvor beibehalten. lp-tweaks.css lädt nach style.css. */
.site-footer h2 { color: #fff; font-family: var(--font-heading); font-size: 11px; text-transform: uppercase; letter-spacing: .22em; margin: 0 0 20px; font-weight: 700; position: relative; padding-bottom: 10px; line-height: 1.3; }
.site-footer h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 24px; height: 2px; background: var(--brand); border-radius: 2px; }
[data-theme="dark"] .site-footer h2 { color: var(--ink); }

/* Screenreader-only: gibt Icon-Links einen Ankertext/Accessible-Name (SEO + a11y) */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Content-Section unter dem Hero: 3 Themen-Karten (SEO-Tiefe), theme-sicher via Tokens */
.lp-topic { background: var(--bg-mist); border: 1px solid var(--border); border-radius: 16px; padding: 28px 26px; position: relative; overflow: hidden; height: 100%; }
.lp-topic::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 3px; background: var(--brand); opacity: .9; }
.lp-topic h3 { font-family: var(--font-heading); font-size: 1.16rem; line-height: 1.3; margin: 6px 0 10px; color: var(--ink); }
.lp-topic p { margin: 0; color: var(--text); font-size: 15px; line-height: 1.72; }

@media (max-width: 767px) {
  .hero-edit__title { font-size: clamp(1.55rem, 8vw, 2.1rem); }
}