/* hero slider */

.container_hero_slider {
    width: 100%;
    height: 95vh;
    overflow: clip;
    position: relative;
}

.hero_slider_bild {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#scroll_pfeil {
    position: absolute;
    bottom: 10%;
    right: 20%;
    width: 6vw;
    rotate: 270deg;
    cursor: pointer;
    z-index: 10;
    transition: transform 0.3s ease;
    animation: bounce 2s ease-in-out infinite;

    &:hover {
        transform: scale(1.1);
        animation-play-state: paused;
    }
}

@keyframes bounce {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-10%);
    }
}


/* ALLES STANDARD / ALLG. ZU SECTION  */

.container_section {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 5%;

    /* evtl texte mittig: 
    justify-content: center;
    align-items: center; */
}


.abschnitt_links_v1 {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.abschnitt_rechts_v1 {
    width: 50%;
    display: flex;
    padding-left: 3%;
}

.abschnitt_links_v2 {
    width: 50%;
    display: flex;
}

.abschnitt_rechts_v2 {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.abschnitt_text {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 90%;
    margin-bottom: 5%;
}

.abschnitt_bild {
    width: 70%;
}

/* BildergalerieN (Geschenke und Angebot) */

.galerie_container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.galerie_container .abschnitt_bild {
    width: 70%;
}

.galerie_pfeil {
    width: 10%;
    cursor: pointer;
    transition: transform 0.3s ease;
    z-index: 5;
    &:hover {
        transform: scale(1.1);
    }
}

.galerie_pfeil_links {
    margin-right: 1%;
}

.galerie_pfeil_rechts {
    rotate: 180deg;
    margin-left: 1%;
}

/* EINZELHEITEN */
/* Menu karte und icons */

.container_karte_icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 90%;
    gap: 3vw;
}

/* zweiteilige h2's */

.h2_zweiteilig_links {
    display: flex;
    justify-content: flex-start;
    margin-bottom: -7%;
}

.h2_zweiteilig_rechts {
    display: flex;
    justify-content: flex-end;
    padding-right: 15%;
    margin-bottom: 2%;
}

#h2_zeiten {
    padding-right: 0;
    margin-right: -10%;
}

/* Buttons / Verlinkungen  */

#getraenkekarte {
    font-size: 2vw;
    &:hover {
        color: var(--gruen);
        text-decoration: underline;
        transition: color underline 0.3s ease;
    }
}

#kontakt {
    font-size: 1.8vw;
    &:hover {
        color: var(--gruen);
        text-decoration: underline;
        transition: color underline 0.3s ease;
    }
}

.oeffnungszeiten {
    display: flex;
    flex-direction: row;
    margin-top: 10%;
    margin-bottom: 4%;
}


.offene_tage, .geschlossene_tage {
    width: 40%;
}

.fragen {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;  
margin-top: 10%;  
}