.at-themeBanner:before {
    display: block;
    width: 100%;
    height: 8px;
    content: '';
    background: linear-gradient(to right, var(--primaryYellowYellow), var(--primaryYellowOrange));
}

.at-themeBanner__inner {
    padding: 1.5rem;
    box-shadow: 0 0 10px 0 rgba(28, 33, 81, .05);
    background: var(--neutralsWhite);
}

.at-themeBanner__theme {
    display: inline-block;
    padding: .7em 1em;
    color: var(--neutralsWhite);
    background: var(--primaryBrandRegular);
}

.body--letselpreventie .at-themeBanner__theme {
    display: none;
}

.at-themeBanner__title {
    margin: .5em 0 0 0;
    color: var(--primaryBrandRegular);
}

.at-themeBanner__title + .at-themeBanner__intro {
    margin-top: 2em;
}

@media (min-width: 800px) {
    .at-themeBanner__inner {
        padding: 2.5rem;
    }

    .at-themeBanner__content {
        display: flex;
        margin-left: -2.5rem;
    }

    .at-themeBanner__title,
    .at-themeBanner__intro {
        flex: 1 1 50%;
        margin-left: 2.5rem;
    }

    .at-themeBanner__intro {
        align-self: flex-end;
    }
}