/* Überschrift mit Eyesome Script */
.eyesome-font {
    font-family: 'Eyesome Script';
    color: #4d5b41;
}

.head-banner-font {
    /* color: #e4ede6; */
    color: #adbda4;
}

.bettina-green {
    color: #4d5b41;
}

.bettina-lila {
    /* color: #70669c; */
    color: #5d5583;
}


.bettina-leichtes-lila {
    color: #f2efff;
}

.bettina-leichtes-lila-bg {
    background-color: #f2efff;
}

.bettina-zartes-salbei-bg {
    background-color: #e4ede6;
}

:root {
    --main-color: #4d5b41;
}

.div .p{
    color: #4d5b41;
}

.bg-custom {
    background-color: var(--main-color);
}

body {
    /* background-color: #e4ede6;*/
    background-color: white;
}

.index-page {
    /* background-image: url("../images/lavendel_background.jpeg"); */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: repeat-y;
}

.banner {
    display: none;
}

.index-page .banner {
    display: flex; /* Oder block, je nach Design */
}


/* section {
    background-color: white; 
    padding: 20px;
    border-radius: 10px;
} */


/* p {
    font-family: 'Times New Roman';
    font-size: 18px;
    color: green;
} */

.alternate-bg:nth-child(even) {
    background-image: url("../images/lavendel_background.jpeg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: white; /* Falls nötig, um den Text sichtbar zu halten */
}
 
.top-sign {
    /* background-image: url("../images/banner.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
    height: 50vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: right;
    /* color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);  */
}

.banner-text {
    color: #4d5b41 !important;
    text-align: right;
    width: 100%; /* Damit die gesamte Breite genutzt wird */
}

.banner h1 {
    font-family: "Merriweather";
    text-align: right;
    /* font-size: 3rem;  */
}

.merriweather {
    font-family: "Merriweather";
}

.mont {
    font-family: "Montserrat";
}

.termin-button{
    background-color: #F1F7F7;
    color: #4d5b41;
}

p {
    margin-bottom: 20px;
}

/* Wenn das Menü angezeigt wird, verschieben wir es ein wenig nach unten */
#nav-menu.open {
    position: absolute;
    top: 130px;  /* Passt die Position des Menüs an (anstatt direkt oben anzufangen) */
}