/* Hintergrund */
.opening-main {
    background-color: var(--body-bg);
    color: var(--body-fg);
    width: 100%
}

.opening-banner {
    background-color: var(--body-bg);
    position: relative;
}

/* Responsive Titel für "Öffnungszeiten" */
.opening-title {
    color: var(--body-fg);
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 15px;
    font-size: calc(1.5rem + 3vw); /* Dynamische Größe basierend auf Viewport */
    word-wrap: break-word; /* Verhindert Überlauf */
    overflow-wrap: break-word;
    max-width: 100%;
}

/* Media Query für besonders kleine Bildschirme */
@media (max-width: 576px) {
    .opening-title {
        font-size: 1.8rem; /* Feste, kleinere Größe für sehr kleine Geräte */
        padding-left: 2px;
        padding-right: 2px;
    }
}

.opening-timeline-dot {
    background: rgb(87,255,124)
}

.opening-timeline-item {
    background-color: var(--body-mg);
    color: var(--black);
}

.opening-text {
    color: var(--black);
}