/* === FEATURES (global) ===================================== */
/* Blocks */
.feature + .feature{ border-top: 1px solid #e5e7eb; }
.feature .feature__media img{ display:block; width:100%; height:auto; border-radius: 12px; }

/* Pull-Quote (kleiner Akzent) */
.pull-quote{
  font-size: 1.05rem;
  font-style: italic;
  border-left: 3px solid rgba(0,0,0,.15);
  padding-left: .75rem;
  color: rgba(0,0,0,.75);
}

/* FAQ – Standardabstand auf Feature-Seiten */
.footer-faq{ margin-top: 1rem; }

/* Optional: schmalere Absätze in langen Textspalten */
@media (min-width: 992px){
  .feature .feature__body{ max-width: 60ch; }
}

/* CTA etwas Luft nach oben & unten */
main .text-center .btn-lg{ margin-top: .25rem; }

/* Feature-Bilder nie breiter als 560px, mittig ausrichten */
.feature .feature__media img{
  width: 100%;
  max-width: 500px;   /* ✏️ anpassen */
  height: auto;
  margin-inline: auto;
  display: block;
}

/* Bild soll auf Desktop die Spaltenhöhe füllen */
@media (min-width: 992px){
  .feature .feature__media .h-100{ height: 100%; }
  .feature-img--cover-lg{
    width: 100%;
    height: 100%;
    object-fit: cover;   /* füllt die Höhe, schneidet bei Bedarf */
  }
}

/* (Optional) etwas extra Luft zwischen Intro & Details auf Mobile */
@media (max-width: 991.98px){
  .feature__intro{ margin-bottom: .75rem; }
}