/* Fonts */
@import url('css/fonts.css');

/* Config */
@import url('css/config.css');

/* Styles */
@import url('css/main.css');
@import url('css/responsive.css');



header .logo-container-desktop img, header .logo-container-mobile img {
    display: block;
    width: 150px;
}
#mobile-menu .logo-container-mobile {
    width: 150px;
    padding-top: 70px;
    margin-top: auto;
}


.job-ad-custom {
    display: flex;
    flex-direction: column; /* Ändern Sie die Flex-Richtung */
    align-items: stretch; /* Stellt sicher, dass die Kinder die volle Breite einnehmen */
    margin-left: 22px;
}

.job-ad-title {
    font-size: 36px;
    line-height: 100%;
}

.job-ad-subtitle {
    margin-top: 10px;
    font-size: 24px;
    font-weight: 600;
}


/* BTW-2025 */

.teaser-btw-content {
    position: absolute;
    top: 30%;
    right: 50px;
    text-align: right;
}
.teaser-btw-heading {
    margin-bottom: 40px;
    color: #fff;
    font-size: 80px;
    line-height: 70px;
}
.teaser-btw-heading.shadow {
    text-shadow: 3px 3px 6px #000;
}
.teaser-btw-subimage {
    margin: 60px 0 30px auto;
}
@media (max-width: 1250px){
    .teaser-btw-subimage {
        display: none;
    }
}
@media (max-width: 1000px){
    .teaser-btw-content {
        text-align: left;
        position: static;
    }
    .teaser-btw-heading {
        position: static !important;
        margin-top: 20px;
        color: #000;
        font-size: 50px;
        line-height: 55px;
    }
    .teaser-btw-heading.shadow {
        display: none;
    }
}


.teaser-btw-2 .teaser-btw-heading {
    font-size: 60px;
    line-height: 60px;
}
@media (max-width: 1250px){
    .teaser-btw-2 .teaser-btw-heading {
        font-size: 50px;
    }
}
@media (max-width: 800px){
    .teaser-btw-2 .teaser-btw-heading {
        font-size: 32px;
        line-height: 38px;
    }
}

.tourItem {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.tourItem:last-child {
    border-bottom: none;
}


.splide__pagination {
    padding: 0;
    gap: 5px;
    margin-top: 15px;
}
.splide__pagination button {
    background: #ccc;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    padding: 0;
}
.splide__pagination button:hover {
    background: #ddd;
}
.splide__pagination button.is-active {
    background: linear-gradient(90deg, var(--gradient-orange-dark) 0%, var(--gradient-orange-light) 100%);
}