/* Fix für einheitliche Kachel- und Bildgrößen auf allen 51 Seiten */
.services .service-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
.services .service-card .serviceImage {
    flex: 1 1 0% !important;
    height: 100% !important;
    min-height: 240px !important;
    object-fit: cover !important;
    width: calc(100% + 48px) !important;
    margin: 14px -24px 0 !important;
}
@media (max-width: 600px) {
    .services .service-card .serviceImage {
        width: calc(100% + 40px) !important;
        margin: 14px -20px 0 !important;
    }
}
@media (max-width: 900px) {
    .services .service-card {
        height: auto !important;
    }
    .services .service-card .serviceImage {
        flex: 0 0 auto !important;
        height: auto !important;
        aspect-ratio: 1.25 / 1 !important;
    }
}

/* FAQ-Layout & Intro-Überschrift: 
   Schriftgröße passend zur Spaltenbreite (0.9fr/1.05fr) skalieren,
   damit lange deutsche Komposita (Veranstaltungsschutz etc.)
   vollständig als ganzes Wort ohne Überlapp in die FAQ-Fragen passen. */
.faq-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.25fr) !important;
  gap: clamp(36px, 5vw, 68px) !important;
  align-items: start;
}
.faq-intro {
  min-width: 0 !important;
}
.faq-intro .h2 {
  font-size: clamp(30px, 2.4vw, 40px) !important;
  line-height: 1.15 !important;
  max-width: 540px !important;
  overflow-wrap: break-word !important;
  -webkit-hyphens: manual !important;
  hyphens: manual !important;
}
@media (max-width: 1024px) {
  .faq-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 36px !important;
  }
  .faq-intro .h2 {
    font-size: clamp(28px, 5vw, 38px) !important;
    max-width: 100% !important;
  }
}