/* Der Wrapper für den Slider */
.onlionit-top-hero-slider-wrapper {
    position: relative;
    width: 100vw; /* Volle Breite des Viewports */
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
}

/* Der Slider selbst */
.onlionit-top-hero-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 600px !important; /* Maximale Höhe */
    min-height: 600px !important; /* Mindesthöhe */
    height: 100% !important; /* Standardhöhe */
}

/* Einzelne Slides */
.onlionit-slide {
    display: flex;
    justify-content: center; /* Horizontale Zentrierung */
    align-items: center; /* Vertikale Zentrierung */
    height: 100% !important; /* Slider nimmt die volle Höhe ein */
    min-height: 600px !important; /* Mindesthöhe */
    max-height: 600px !important; /* Maximale Höhe */
    background-size: cover; /* Bild vollständig abdecken */
    background-position: center; /* Bild zentrieren */
    background-repeat: no-repeat; /* Verhindert Wiederholung */
}

/* Inhalt im Slide */
.onlionit-slide-content {
    position: relative;
    z-index: 2;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    max-width: 40%;
    margin: auto;
    top: 170px;
    color: #fff;
}
.onlionit-slide-content p {color:#fff;}