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


    }


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

.slide-heading {
    position:absolute;top:0;left:0;background:rgba(255,255,255,.9);
    }
.slide-heading strong {
    display:block;
}


.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;

}