.hero-slider {
    position:relative;
    overflow:hidden;
    width:100%;
    grid-column:1/-1;
    background:white;
    


    }


    .hero-slider,
.hero-slider * {
	transform: translateZ(0);
}

.hero-slide-content {
    position:absolute;
    background:rgba(255,255,255,.9);
    bottom:0;
    width:100%;
}

.slide-heading {
        }
        
.slide-heading strong {
    
}


.hero-slider-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, 100%);
    grid-auto-flow: column; /* 👈 wichtig: Slides nebeneinander */
  grid-auto-columns: 100%;
  height: 100%;
  will-change: transform;
    transition: transform 1s ease-in-out;
        backface-visibility: hidden;


}


.slide-item {
    position:relative;
    height:100%;width:100%;
}


.slide-item picture img {
    display:block;vertical-align:middle;
    object-fit:cover;object-position: center;height:100%;width:100%;
    /*--Alt Text unsichtbar machen---*/
    font-size:0;
    color:transparent;

}




/* --- Navigation Buttons ------------------------------ */

.hero-skip-prev,
.hero-skip-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;

    width: 48px;
    height: 48px;
    background-color: rgba(0,0,0,0.35);
    border: none;
    border-radius: 50%;

    cursor: pointer;
    backdrop-filter: blur(4px);
}

.hero-skip-prev {
    left: 20px;
}

.hero-skip-next {
    right: 20px;
}

.hero-skip-prev:hover,
.hero-skip-next:hover {
    
}