/* ==========================================================================
   Seiten-Feinschliff.

   Diese Regeln greifen NUR, wenn am Seiten-Attribut „Förderberatung-Feinschliff"
   der Haken gesetzt ist. Sie korrigieren Kleinigkeiten an vorhandenen Theme-Blöcken
   und fassen die Theme-CSS nirgends global an.
   ========================================================================== */

/* FAQ und Beratungs-Box arbeiten im Theme mit Außenabstand (136px Desktop, 48px mobil).
   Zwischen zwei farbigen Sektionen scheint dadurch der Seitenhintergrund als Streifen
   durch. Abstand nach innen verlegen, dann stoßen die Farbflächen sauber aneinander. */
.page-foerderberatung .faq-mini-section{
  margin-top:0;
  margin-bottom:0;
  padding:clamp(48px,7vw,104px) 0;
}
.page-foerderberatung .contact-form-section{margin-top:0}

/* Die Herz-Sektion (hero-with-images) hat im Theme nur oben Abstand und keinen
   eigenen Hintergrund. Auf dieser Seite soll sie weiß sein und gleichmäßig atmen. */
.page-foerderberatung .hero-with-images-section{
  background:var(--background-white);
  padding:clamp(64px,8vw,104px) 0;
}

/* Die Hero-Überschrift ist per Filter ein h1 (siehe includes/seo.php), damit die Seite
   überhaupt eines hat. Das Theme setzt Schriftgrößen aber über die Tags: h1 ist
   clamp(37px,6vw,50px), h2 clamp(28px,6vw,37px). Ohne diese Regel würde die Überschrift
   allein durch den Tagwechsel größer. Wir halten die h2-Werte des Themes fest, damit die
   Seite genau so aussieht wie in der freigegebenen Vorschau. */
.page-foerderberatung h1.media-text__title{
  font-size:clamp(28px,6vw,37px);
  line-height:1.2973;
}

/* Nummerierte Listen im media-text-Block: Folgezeilen bündig unter dem Text
   statt unter der Ziffer. */
.page-foerderberatung .media-text__content ul.iterations{gap:1.5rem}
.page-foerderberatung .media-text__content ul.iterations li{
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start;
  gap:20px;
}
.page-foerderberatung .media-text__content ul.iterations li .iteration{
  margin-right:0;
  flex-shrink:0;
}

@media only screen and (max-width:767px){
  .page-foerderberatung .media-text__content ul.iterations li{gap:14px}
}