/* Qardo Marketing-Designbasis (W-3B) -- marketing-base.css
   Gemeinsame Layout-/Responsive-Regeln der oeffentlichen Marketingseiten in
   ihrem HEUTIGEN Stand (auf app.css aufsetzend): /, /verloren-gefunden,
   /organisationen; kuenftig auch /business, /event.

   Bewusst NICHT die bereits vorhandene css/marketing.css: jene gehoert zum
   ruhenden neuen Design-System (tokens.css/components.css/layout.css, Webkante
   + Marken-Button, eigene Variablen wie --text) und wird von den heutigen
   app.css-Seiten nicht geladen. Diese Datei ergaenzt ausschliesslich app.css.

   Einbindung: NACH app.css und VOR dem seitenlokalen <style>. Kaskade:
   app.css  <  marketing-base.css  <  seitenlokales <style>.
   Regeln bewusst niedrig spezifisch, damit Seitenlokales ohne !important
   gewinnt. Nur wirklich seitenuebergreifend Gleiches steht hier -- Hero-
   Kompositionen, Typenkarten, Vergleichs-/Wechseltabellen, FAQ, Steps und das
   mobile CTA-Verhalten bleiben je Seite lokal. */

/* Marketing-Container: breiter als die schmalen App-/Auth-Seiten
   (app.css .wrap-wide = 38rem). Lesbarer Fliesstext wird pro Seite
   zusaetzlich bei ~42rem (bzw. 34rem) begrenzt -- das bleibt seitenlokal. */
.wrap-wide { max-width: 64rem; }

/* Kapitel-Trennlinie zwischen den Sektionen. Der vertikale Abstand
   (padding-block) variiert je Seite bewusst und bleibt seitenlokal. */
section.block { border-top: 1px solid var(--hairline-c); }
section.block h2 { font-size: 1.35rem; }

/* CTA-Reihe: gemeinsames Grundlayout. margin-top und das mobile Verhalten
   (Vollbreite bzw. Zentrierung) unterscheiden sich je Seite -> seitenlokal. */
.cta-row { display: flex; gap: .75rem; flex-wrap: wrap; }