.owl-carousel {
    display: block; /* Ändere auf 'block', wenn das Karussell initialisiert ist */
    position: relative;
    width: 100%;
    overflow: hidden; /* Wichtig, um sicherzustellen, dass keine Elemente außerhalb angezeigt werden */
}

.owl-item {
    display: block; /* Standardmäßig sind alle Items ausgeblendet */
    float: left;
    width: 100%; /* Breite jedes Items */
    position: relative;
}

.owl-item.active {
    display: block; /* Nur aktive Items sichtbar */
}

.owl-controls {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    width: 100%;
    top: 90%; /* Navigation unterhalb des Karussells */
    text-align: center;
    z-index: 1000;
}

.owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    cursor: pointer;
    opacity: 0.7;
}

.owl-controls .owl-buttons div:hover {
    opacity: 1; /* Erhöht die Sichtbarkeit bei Hover */
}

@media screen and (max-width: 768px) {
    .owl-item {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .owl-item {
        width: 100%;
    }
}


/* MEDIA QUERIES */
@media screen and (max-width: 768px) {
    .owl-item {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .owl-item {
        width: 100%;
    }
}