@charset "UTF-8";
/*
    The original main.css uses the background-color #fffef9 in many places. However, BW wants to have a pure white (#fff) background-color.
    This CSS should only contain rules, that overwrite the original background-colors.
*/

body {
    background-color: #fff;
}

.t-xlight {
    background-color: #fff
}

.dialog__content {
    background: #fff;
}

.dialog__head {
    background-color: #fff;
}

.sticky-link__number {
    background-color: #fff;
}

.breadcrumb {
    background-color: #fff;
}

.breadcrumb:before {
    background: linear-gradient(90deg, #fff 0, rgba(255, 254, 249, 0));
}

.breadcrumb:after {
    background: linear-gradient(90deg, rgba(255, 254, 249, 0) 0, #fff);
}

.tab-bar--menu .tab-bar__list {
    background-color: #fff;
}

.comment--moderator:after {
    background-color: #fff;
}

.slider__arrow:focus, .slider__arrow:hover {
    background-color: #fff
}

.slider__slide-controls {
    background-color: #fff;
}

.form-box__icon {
    background-color: #fff;
}

.article__breaker:not(.article__breaker--themed) {
    background-color: #fff
}

@media (min-width: 68.125em) {
    .article__breaker:after {
        background: linear-gradient(180deg, #fff 0, rgba(255, 254, 249, 0));
    }

    .article__breaker:before {
        background: linear-gradient(0deg, #fff 0, rgba(255, 254, 249, 0));
    }
}

.article__tools-mobile {
    background-color: #fff;
}

.header__menu.open .header__menu-logo-wrapper {
    background-color: #fff;
    box-shadow: 0 20px 30px 0 #fff;
}

.header__search-submit {
    border-bottom: 1px solid #fff;
}

.header__toggle {
    background-color: #fff;
}

.header__badge:before {
    border-color: transparent transparent transparent #fff;
}

@media (max-width: 64em) {
    .header__menu {
        background-color: #fff;
    }
}

@media (min-width: 64.0625em) {
    .header__navigation-menu {
        background-color: #fff;
    }
}

.teaser-slider__arrow--next:before {
    background: linear-gradient(90deg, rgba(255, 254, 249, 0) 0, #fff 60%);
}

.teaser-slider__arrow--prev:before {
    background: linear-gradient(270deg, rgba(255, 254, 249, 0) 0, #fff 60%);
}

.twitter-box__arrow--next {
    background: linear-gradient(180deg, rgba(255, 254, 249, 0) 0, #fff 57%);
}

.twitter-box__arrow--prev {
    background: linear-gradient(0deg, rgba(255, 254, 249, 0) 0, #fff 57%);
}

.messages-slider__arrow--next {
    background: linear-gradient(180deg, rgba(255, 254, 249, 0) 0, #fff 57%);
}

.messages-slider__arrow--prev {
    background: linear-gradient(0deg, rgba(255, 254, 249, 0) 0, #fff 57%);
}

.map-interactive-bw__loader-bg {
    background-color: #fff;
}

.text-box__icon {
    background-color: #fff;
}

.newsletter-breaker__picture-wrapper {
    background-color: #fff;
}

.calendar-box__icon {
    background-color: #fff;
}

.calendar-box__arrow--next {
    background: linear-gradient(180deg, rgba(255, 254, 249, 0) 0, #fff 57%);
}

.calendar-box__arrow--prev {
    background: linear-gradient(0deg, rgba(255, 254, 249, 0) 0, #fff 40%);
}

.map-interactive-de__content-topic .table-topic .left {
    border-right: 1rem solid #fff
}

.bp-explanation-teaser__icon {
    background-color: #fff;
}

.estimation-game-box__icon {
    background-color: #fff;
}

.audio-player-box__icon {
    background-color: #fff;
}

.audio-player-box__control-button {
    background-color: #fff;
}

.audio-player-box__time {
    background-color: #fff;
}

.map__info-box-close--onimage .map__info-box-close-icon {
    fill: #fff
}

.banner-quicklink-box__title {
    background-color: #fff;
}

.banner-quicklink-box__list {
    background-color: #fff;
}

.article-title__media {
    background-color: #fff;
}

@media (min-width: 68.125em) {
    .article-title__media:after {
        background: linear-gradient(180deg, #fff 0, rgba(255, 254, 249, 0));
    }

    .article-title__media:focus-within:after {
        background: initial;
    }

    .article-title__media:before {
        background: linear-gradient(0deg, #fff 0, rgba(255, 254, 249, 0));
    }
}

.association-box__arrow:focus, .association-box__arrow:hover {
    color: #fff
}

.association-box__icon {
    background-color: #fff;
}

.v-m-wm .association-box__arrow:focus, .v-m-wm .association-box__arrow:hover {
    color: #fff
}

.powermail_morestep .btn-group {
    background-color: #fff;
}

.powermail_morestep .btn-group:after {
    background: linear-gradient(180deg, #fff 0, rgba(255, 254, 249, 0));
}

.powermail_morestep .btn-group:before {
    background: linear-gradient(0deg, #fff 0, rgba(255, 254, 249, 0));
}

.accordion__header {
    background-color: #fff;
}