body {
 margin: 0;
}

.custom-slider-wrap {
 width: 100%;
 padding: 0 !important;
 margin: 0 !important;
}

.custom-slider {
 width: 100%;
 height: 80vh;
 min-height: 600px;
 margin: 0 !important;
 overflow: hidden;
 position: relative;
}

.custom-slider__slides {
 position: relative;
 width: 100%;
 height: 100%;
}

.custom-slide {
 display: none;
 width: 100%;
 height: 100%;
 position: absolute;
}

.custom-slide.active {
 display: block;
 animation: customFade 1s ease-in-out;
}

.custom-slide img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
}

@keyframes customFade {
 from {
   opacity: 0.5;
 }
 to {
   opacity: 1;
 }
}

/* 🔥 NEUE BUTTONS MIT PNG */

.custom-slider__prev,
.custom-slider__next {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 border: none;
 width: 60px;
 height: 60px;
 cursor: pointer;
 user-select: none;
 z-index: 5;
 background-color: transparent;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 padding: 0;
}

.custom-slider__prev {
 left: 15px;
 background-image: url("icons/Pfeil_links.png");
}

.custom-slider__next {
 right: 15px;
 background-image: url("icons/Pfeil_rechts.png");
}

/* Dots */

.custom-slider__dots {
 text-align: center;
 position: absolute;
 bottom: 15px;
 width: 100%;
 z-index: 5;
}

.custom-slider__dot {
 height: 12px;
 width: 12px;
 margin: 0 5px;
 background: rgba(255, 255, 255, 0.5);
 border-radius: 50%;
 display: inline-block;
 cursor: pointer;
 transition: background 0.3s;
}

.custom-slider__dot.active {
 background: #fbfbfb;
}

/* Overlay */

.custom-slide__overlay {
 position: absolute;
 inset: 0;
 background: rgba(0, 0, 0, 0.2);
 z-index: 1;
}

/* Content */

.custom-slide__content {
 position: absolute;
 bottom: 20%;
 left: 10%;
 z-index: 2;
 color: #fbfbfb;
 max-width: 700px;
}

.custom-slide__content h2 {
 font-size: var(--font-size-h1);
 font-weight: 700;
 margin-bottom: 15px;
 line-height: var(--line-height-heading);
}

.custom-slide__content p {
 font-size: var(--font-size-body-large);
 line-height: var(--line-height-body);
}

/* Responsive */

@media (max-width: 991px) {
 .custom-slider {
   height: 420px;
 }
}

@media (max-width: 767px) {
 .custom-slider {
   height: 300px;
 }

 .custom-slider__prev,
 .custom-slider__next {
   width: 46px;
   height: 46px;
   top: 85%;
 }

 .custom-slider__prev {
   left: 10px;
 }

 .custom-slider__next {
   right: 10px;
 }
}