:root {
    --white: #F5F7FA;
    --sky-blue: #9DC8E2;
    --sky-blue-darker: #8bb2c9;
    --coral: #FF6F61;
    --coral-darker: #e56357;
    --midnight-blue: #2F3A4B;
    --light-gray: #CED5DB;
}

body {
    background-color: white;
}

.lang-switch {
    color: var(--midnight-blue);
}

h1, h2, h3, h4, h5, p, a {
    fill: var(--midnight-blue);
    color: var(--midnight-blue);
}

footer {
    & h1, & h2, & h3, & h4, & h5, & p, & a {
        fill: var(--midnight-blue) !important;
        color: var(--midnight-blue) !important;
    }
}

.nav-link {
    color: var(--midnight-blue);

    &:hover {
        color: var(--midnight-blue);
    }
}

.color-white {
    color: white !important;
}

.color-sky-blue {
    color: var(--sky-blue) !important;
}

.color-coral {
    color: var(--coral) !important;
}

.color-midnight-blue {
    color: var(--midnight-blue) !important;
}

.color-light-gray {
    color: var(--light-gray) !important;
}

.bg-sky-blue {
    &, & * {
        color: white !important;
    }

    background-color: var(--sky-blue) !important;
}

.bg-coral {
    background-color: var(--coral) !important;
}

.bg-midnight-blue {
    &, & * {
        color: white !important;
    }

    background-color: var(--midnight-blue) !important;
}

.bg-light-gray {
    &, & * {
        color: white !important;
    }

    background-color: var(--light-gray) !important;
}


.btn {
    color: white !important;
    background-color: var(--coral);
    border: none;

    &.btn-sky-blue {
        background-color: var(--sky-blue) !important;
    }

    &:hover, &.active.btn-sky-blue {
        background-color: var(--coral-darker) !important;

        &.btn-sky-blue {
            background-color: var(--sky-blue-darker) !important;
        }
    }
}

.btn.dropdown-toggle {
    color: var(--midnight-blue) !important;
    padding: 0 0.5rem;

    &:hover {
        background-color: var(--white) !important;
    }
}

.btn-text {
    color: inherit !important;
    background-color: inherit !important;
}

.navbar {
    background-color: var(--white);
    border-bottom: none;
}


.contact-section {
    border-top: 5px solid var(--light-gray) !important;
    border-bottom: 5px solid var(--light-gray) !important;
}

.faq-section .accordion {
    border-top: 3px solid var(--coral)
}

.faq-section .accordion .accordion-item {
    border: none;
    border-bottom: 3px solid var(--coral)
}

.accordion-button:not(.collapsed) {
    background-color: white;
}

footer {
    & a, & p, & h1, & h2 {
        color: var(--light-gray) !important;
    }

    background-color: var(--midnight-blue);

    .border-top {
        border-top: 5px solid var(--light-gray) !important;
    }
}

.lg-outer .lg-thumb-outer {
    background: none !important;
}

.lg-backdrop, .lg-thumb {
    background-color: rgba(255, 255, 255, 0.95) !important; /* Weißer, leicht transparenter Hintergrund */
}

#lg-close-1, #lg-download-1, #lg-next-1, #lg-prev-1, .lg-counter span, .lg-sub-html, .lg-share {
    color: var(--midnight-blue) !important;
    background: none;
}