:root {
    --clr-secondary: #B8A064;
    --clr-background: #01142E;
    --clr-text: #FFFFFF;
    --clr-border: var(--clr-secondary);
    --clr-dynamic-accent: var(--clr-secondary);
    --card-background: var(--clr-background);
}

body {
    background-color: var(--clr-background);
    color: var(--clr-text);
}

#experienceMenu, .element-navbar .navbar__list li button[aria-controls="mega-menu-search"] {
    display: none;
}

.element-main-header {
    height: auto;
    min-height: 0;
    padding: 0;
}

.element-main-header .header__background {
    position: relative;
    background-color: transparent;
}


.element-main-header .header__title::before,
.element-main-header .header__overline::before {
    background-color: var(--clr-background);
}

.element-info-card {
    align-items: flex-start;
}

.card, .element-newsletter-card, .element-news-card, .element-events-card, .element-info-card, .element-event-header .header__card {
    color: var(--clr-text);
}

.element-info-card .card__arrow {
    border-color: var(--clr-secondary);
}

.element-info-card .card__arrow .icon svg {
    fill: var(--clr-secondary);
}

.element-attachment-card {
    background-color: #E8E6E6;
}

/* overflow fix */
.element-footer .footer-title {
    width: auto;
}

@media screen and (min-width: 1201px) {
    .element-info-card .card__title::before {
        height: 100%;
    }
}

@media screen and (max-width: 780px) {
    .element-navbar .navbar__list.align--left {
        display: none;
    }
    .element-navbar .navbar__list.align--right {
        display: flex;
    }

    main > .neos-contentcollection > .element-main-header + *:first-of-type {
        margin-top: 30px;
    }

    main > .neos-contentcollection > .element-main-header + *:first-of-type .h2, .neos-contentcollection > .element-headline.h2, .element-section > .element-headline.h2 {
        font-size: 32px;
    }

    main, p, main ul, .ul, main ol, .ol {
        font-size: 16px;
    }

    .neos-contentcollection > .element-text-media .col--text {
        padding-left: 20px;
        border-left: 1px solid var(--clr-secondary);
    }
    .neos-contentcollection > .element-text-media .col--media {
        order: 99 !important;
        margin-top: 50px;
    }
    .neos-contentcollection > .element-text-media ~ .element-text-media .col--text {
        padding-left: 0;
        border: none;
    }
    .neos-contentcollection > .element-text-media ~ .element-text-media .col--media {
        order: -1 !important;
        margin-top: 0;
        margin-bottom: 38px;
    }

    .element-richtext {
        line-height: 1.75;
    }


    .element-info-card {
        padding-left: 0;
        padding-right: 0;
    }
    .element-info-card .card__title, .element-info-card .card__text, .element-info-card .card__linktitle {
        padding-left: 23px;
    }
    .element-info-card .card__text {
        max-width: 100%;
    }
    .element-info-card .card__title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;

        border-left: 1px solid var(--clr-secondary);
    }
    .element-info-card .card__image img {
        -o-object-fit: contain;
        object-fit: contain;
        max-width: 60%;
    }
    .element-info-card .card__arrow {
        display: flex;
        order: 99;
        height: 36px;
        width: 36px;
        margin: 15px 0 0 1rem;
    }
    .element-info-card .card__arrow .icon {
        width: 24px;
        height: 24px;
    }
}

@media screen and (min-width: 781px) {
    .element-text-media:has(+ .element-attachment-card) .col--text {
        max-width: 750px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        border: none;
    }
    .element-text-media:has(+ .element-attachment-card) .col--media {
        display: none;
    }
}