/* === Nur Slider-Höhe anpassen === */

#simple-slider {
  height: 750px !important; /* Oder 80vh, wenn du eine flexible Höhe willst */
}

#simple-slider img {
  object-fit: cover;
  object-position: center top; /* Zeigt mehr von den Köpfen */
}

/* Optional: Für kleinere Bildschirme */
@media (max-width: 768px) {
  #simple-slider {
    height: 500px !important;
  }
}
/* === Team-Bilder alle nebeneinander + größer für Desktop === */
#team .container.no-padding {
  max-width: 100%;       /* volle Breite nutzen */
  padding-left: 40px;    /* optionaler Abstand links */
  padding-right: 40px;   /* optionaler Abstand rechts */
}

#team .row {
  display: flex;
  flex-wrap: nowrap;          /* Desktop: kein Zeilenumbruch */
  justify-content: space-between; /* gleichmäßiger Abstand */
  overflow-x: auto;           /* falls zu breit, scrollbar */
  margin-left: -10px;         /* kleine Anpassung für Abstände */
  margin-right: -10px;
}

#team .col-md-3 {
  flex: 0 0 auto;             /* feste Breite pro Bild */
  width: 18%;                  /* etwas größer als vorher */
  margin-bottom: 30px;         /* Abstand unten */
}

#team .team-box img {
  width: 100%;                /* Bild skaliert auf Box */
  height: auto;
  display: block;
}

/* === Mobil-Anpassung: Bilder untereinander === */
@media (max-width: 767px) {
  #team .row {
    flex-wrap: wrap;           /* Bilder dürfen umbrechen */
    justify-content: center;   /* optional: zentriert die Bilder */
  }

  #team .col-md-3 {
    width: 100%;               /* jede Bildbox volle Breite */
    margin-bottom: 20px;       /* Abstand zwischen den Bildern */
  }

  #team .container.no-padding {
    padding-left: 20px;        /* weniger Rand auf Mobil */
    padding-right: 20px;
  }
}
/* === Preisliste Spaltenabstand vergrößern === */
#preise .row > [class*="col-"] {
  padding-left: 30px;   /* Abstand links */
  padding-right: 30px;  /* Abstand rechts */
}

/* Optional: falls du die Spalten breiter/näher zusammen oder flexibler machen willst */
#preise .row {
  display: flex;
  justify-content: space-between;  /* gleichmäßiger Abstand zwischen den Spalten */
}
/* === Mobile Anpassung für Slider === */
@media (max-width: 768px) {
  #simple-slider {
    height: 400px !important; /* kleiner auf Handy */
  }

  #simple-slider img {
    object-position: center center; /* zeigt mehr vom Motiv */
  }
}

@media (max-width: 480px) {
  #simple-slider {
    height: 300px !important; /* noch kleiner bei sehr schmalen Geräten */
  }
}
/* === Schwarz-Weiß Bild Desktop === */
.team-sw {
  width: 100%;       /* volle Breite innerhalb des Containers */
  max-width: 600px;  /* optional: maximalgröße auf Desktop */
  height: auto;
  display: block;
  margin: 0 auto;    /* zentrieren */
}

/* === Schwarz-Weiß Bild Mobil === */
@media (max-width: 767px) {
  .team-sw {
    width: 80%;       /* etwas kleiner auf Mobil */
    max-width: 300px; /* maximale Breite auf kleineren Bildschirmen */
  }
}