:root {
    --font-family-content: "Cutive Mono";
}

.swiper-content-wrapper h1,
.swiper-content-wrapper h3 {
    font-family: "Playfair Display", serif;
    font-style: normal;
}
.swiper-content-wrapper p {
/*    font-family: "Playfair Display", serif;*/
    font-family: var(--font-family-content), monospace;
    font-weight: 400;
    letter-spacing: 1px;
}

.swiper-content-wrapper a:hover {
    text-decoration: none;
    color: black;
}
.swiper-content-wrapper a.btn-dark:hover {
    color: white;
}

.shop.swiper-content {
    margin-top:auto;
    margin-bottom:50px;
}

#carousel-item-1 .lead-h1 {
    font-size:60px !important;
}

.booking-wrapper {
    width:50%;
}
.booking-wrapper .swiper-content-wrapper {
    width:100%;

}

/* ----- NAVBAR ----------------------------------------------------------------------------------------------------- */
.navbar a,
.navbar .btn-outline-light i {
    color: white !important;
}
.navbar .btn-outline-light:hover {
    background-color: transparent !important;
}

.navbar .dropdown .dropdown-menu a,
.navbar .navbar-cart-product-link {
    color: black !important;
}




/* ---------------------------------------- LG ---------------------------------------------------------------------- */
@media (max-width: 992px) {
    #carousel-item-1 .lead-h1 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }
    .booking-wrapper {
        width:100%;
    }

    .navbar.open .nav-link,
    .navbar.open .btn-outline-light i{
        color: black !important;
    }
}



/* ----- BG OVERLAY FOR IMAGE --------------------------------------------------------------------------------------- */
.swiper-slide-4256 {
    position: relative; /* wichtig für ::before */
}

.swiper-slide-4256::before {
    content: "";
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    background: rgba(0, 0, 0, 0.2); /* Overlay-Farbe */
    z-index: 1;
    pointer-events: none; /* Klicks gehen durch */
}

/* Inhalt über das Overlay legen */
.swiper-slide-4256 > * {
    position: relative;
    z-index: 2;
}