:root {
    --color-1-day: #202020;
    --color-1-night: #202020;
    --badge-red: var(--color-1-day);
    --badge-green: var(--color-1-day);
    --badge-yellow: var(--color-1-day);
    --badge-bold: var(--whiteish);
    --badge-border-color: var(--text-color);
    --map-poi: var(--color-1-day);
    --map-event: var(--color-1-day);
    --map-route: var(--color-1-day);
    --map-route-color-0: var(--color-1-day);
    --map-route-color-1: var(--color-1-day);
    --map-route-color-2: var(--color-1-day);
    --map-route-color-3: var(--color-1-day);
    --map-route-color-4: var(--color-1-day);
    --gray-light: var(--whiteish);
    --gray: #d0d0d0;
    --border-color: var(--color-1-day);
}

body {
    font-weight: 400;
}

.is--darkmode {
    --border-color: var(--whiteish);
}

.image--copyright, .copyright {
    font-size: 1rem;
    border: 1px solid var(--border-color);
    bottom: -1px;
}

.copyright.is--in-list {
    bottom: -1px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.ce--headline,
.layout--element-preview-headline,
.ce--subline,
.map--interview-question-headline {
    color: var(--text-color);

    .is--darkmode & {
        color: var(--whiteish);
    }
}

.button--primary,
.button--checkbox {
    color: var(--text-color);
    border-color: var(--text-color);

    &:after {
        color: var(--text-color);
    }

    .is--darkmode & {
        color: var(--whiteish);
        border-color: var(--whiteish);

        &:after {
            color: var(--whiteish);
        }
    }
}

.is--darkmode .top-bar--date {
    color: var(--whiteish);
}

.dataset--set-badge {
    background-color: var(--whiteish);
    color: var(--text-color);

    .is--darkmode & {
        border-color: var(--whiteish);
    }
}

.is--darkmode .profile--overview-characteristics-item .icon {
    color: var(--whiteish);
}

.is--darkmode .splide__arrow svg {
    fill: var(--whiteish);
}

.is--darkmode .ss-scroll {
    background-color: var(--whiteish);
}
.is--darkmode .has--scrollbar .ss-scroll:after {
    border-color: var(--text-color);
}

.is--darkmode .button--checkbox:before,
.is--darkmode .map--filter-input[type="checkbox"]:checked~.button--checkbox {
    border-color: var(--whiteish);
}

.is--darkmode .map--filter-input-wrapper .range--slider-line .inner,
.is--darkmode .map--filter-input.is--range-slider::-webkit-slider-thumb {
    background-color: var(--whiteish);
}

.is--darkmode .layout--element-preview-icon {
    color: var(--whiteish);
}

.is--darkmode .public-transport--departure .icon {
    color: var(--whiteish);
}

.is--darkmode .map--interview-answer-inner {
    border: 1px solid var(--whiteish);
}

.top-bar--wrapper {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.is--darkmode .top-bar--qr-wrapper {
    border-left: 1px solid var(--whiteish);
}

.layout--element {
    border: 1px solid var(--border-color);
}

.public-transport--departure,
.dataset--set,
.profile--events-event,
.profile--opening-hours-set {
    border-bottom: 1px solid var(--border-color);
}

.top-bar--language-dropdown {
    box-shadow: none;
    border: 1px solid var(--border-color);
}

.profile--tab-link.is--active,
.is--darkmode .profile--tab-link.is--active {
    border: 1px solid var(--border-color);
    border-bottom-width: 2px;
}

.modal--inner {
    border: 1px solid var(--border-color);
}

.layout--element-background-image {
    opacity: 0 !important;
}

.tns-controls button {
    background-color: var(--whiteish);
    border: 1px solid var(--border-color);
    width: 40px;
    height: 40px;
}

.has--background-primary .tns-controls button {
    color: var(--text-color);
}

.has--no-button .tns-controls button {
    bottom: 30px;
}
.has--no-button .tns-nav {
    bottom: 30px;
}

.profile--price-sets-price-valid-for {
    font-size: 16px !important;
}