.btn-owl-it {
  background-color: #5afa65;
  border-color: #5afa65;
  color: #000;
}
.btn-owl-it:hover,
.btn-owl-it:focus,
.btn-owl-it:active {
  background-color: #5afa65;
  border-color: #5afa65;
  color: #000;
}


/* Abstand oben für sichtbaren Text */
.pt-header-offset {
  padding-top: 10rem; 
  padding-bottom: 10rem; 
}

/* Hintergrund-Video korrekt anzeigen */
.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
}

/* Video wird korrekt angepasst */
.video-background video {
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  object-position: top center; /* Zeigt den oberen Teil zuerst */
}

/* Die Section selbst nicht beschneiden */
.video-header {
  position: relative;
  overflow: hidden;
}

.slider-container {
  background-color: #2c2c2c;
  padding: 40px 60px;
  position: relative;
}

.slide-icon-wrapper {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide-icon-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Custom indicator styling */
.slider-indicator {
  width: 90px;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.3);
  border: none;
  border-radius: 2px;
  opacity: 1 !important;
  margin: 0 7.5px;
  transition: background-color 0.3s ease;
}

.slider-indicator:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.slider-indicator.active {
  background-color: white;
}

@media (max-width: 767px) {
  .slide-icon-wrapper {
    width: 100px;
    height: 100px;
}
  
.slider-indicator {
    width: 60px;
}
  
.carousel-indicators {
  justify-content: center !important;
}