:root,
html {
    --border-radius-base: 8px;
    --border-radius-large: 8px;
}

/* Stage */

.c-stage {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

/*  Banner */

@media screen and (min-width: 576px) {
    .c-banner__content-wrapper {
        max-width: 540px;
    }
}
@media screen and (min-width: 768px) {
    .c-banner__content-wrapper {
        max-width: 766px;
    }
}
@media screen and (min-width: 992px) {
    .c-banner__content-wrapper {
        max-width: 960px;
    }
}
@media screen and (min-width: 1200px) {
    .c-banner__content-wrapper {
        max-width: 1170px;
    }
}

.c-banner__content-wrapper {
    height: 555px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.c-banner__content-wrapper > .c-headline__wrapper,
.c-banner__content-wrapper > .c-banner__content {
    z-index: 20;
    position: relative;
}

.c-page--root .c-main-content .neos-contentcollection .c-section:first-child {
    margin-top: -173px
}

.c-page--root .c-banner__content-wrapper {
    padding-bottom: 260px;
    justify-content: right;
}

/* subpage */

.c-page--subpage .c-banner__content-wrapper > .c-headline__wrapper {
    display: none;
}

.c-page--subpage .c-banner__content-wrapper {
    position: relative;
    padding-bottom: 5px;
}

.c-page--subpage .c-banner__content-wrapper:before {
    /* swoosh */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICAgd2lkdGg9IjIwNjAiIGhlaWdodD0iNDI4IiB2aWV3Qm94PSIwIDAgMjA2MCA0MjgiPgogICAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICAgICBkPSJNMC4wMDEgNDI3LjU4M0gyMDU5Ljc2TDU5Ni42MzQgMjEuNjk3NUMyOTAuMjUyIC02NC44MTI1IDE0My43MjUgMTI3LjE1OCA3Mi41MjcgMjQ5LjY0OEM0NS4yNjQgMjk2LjU1MiAxNC44MTUgMzU3LjYyMiAwIDQyNy41ODNIMC4wMDFaIgogICAgICAgICAgZmlsbD0iI2ZmZiI+PC9wYXRoPgo8L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    width: 600px;
    height: 125px;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(-60px, calc(-100% + 1px));
    z-index: 10;
}

.c-page--subpage .c-banner__content {
    padding: 0;
    height: auto;
    width: auto;
    background: transparent;
    display: block;
}

/* Order list */

.c-order-list__item-group-head {
    border-top-left-radius: var(--border-radius-large);
    border-top-right-radius: var(--border-radius-large);
}

/* Box / Tile */

.c-box,
.c-tile,
.c-tile .c-tile__content {
    border-bottom-left-radius: 32px;
    border-width: 0;
}

.c-tile__content {
    text-align: center;
}

.c-tile {
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
    transform: translateY(-1px);
}

.c-box .c-responsive-image__figure--svg {
    border-radius: var(--border-radius-large);
    background-color: var(--lightest);
    width: 64px;
    height: 64px;
    padding: 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 8px;
    transform: translateY(-1px);
}

.c-box .c-responsive-image__figure--svg img {
    width: 100%;
    height: 100%;
}

/* reduce padding for link buttons in box */
.c-box .c-button .c-button__link {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Section */

.c-section__content {
    border-radius: var(--border-radius-large);
    border-bottom-left-radius: 32px;
}

/* Multi column container */

.c-box .c-multi-column-container__column .c-box {
    padding-left: 0;
    padding-right: 0;
}

.c-section--colored-background .c-multi-column-container__column,
.c-section__content--colored-background .c-multi-column-container__column,
.c-box--colored-background .c-multi-column-container__column {
    border-left: 1px solid var(--lightest);
}
.c-section--colored-background .c-multi-column-container__column:first-child,
.c-section__content--colored-background .c-multi-column-container__column:first-child,
.c-box--colored-background .c-multi-column-container__column:first-child {
    border-left: none;
}

/* Footer */

.c-footer {
    padding-bottom: 0;
}

.c-footer__link-wrapper {
    background-color: var(--brand-primary);
    color: var(--lightest);
    padding-top: 25px;
    padding-bottom: 20px;
    margin-top: 20px;
}

.c-footer__link {
    color: var(--lightest);
    padding: 0 40px;
}

.c-footer__link:hover,
.c-footer__link:focus {
    color: var(--brand-secondary);
}

.c-footer__link:active {
    color: var(--lightest);
}

/* Icons */

.c-form-radio-with-icon__content.cun-icon--detached-house::before {
    top: 27px;
}
.c-form-radio-with-icon__content.cun-icon--business::before {
    top: 31px;
}
.c-form-radio-with-icon__content.cun-icon--apartment-house::before {
    top: 41px;
}

.c-button--login.cun-icon--user::before {
    font-size: 66px;
    top: 10px;
}

.c-form-checkbox-with-icon__content.cun-icon--electricity::before,
.c-form-checkbox-with-icon__content.cun-icon--gas::before,
.c-form-checkbox-with-icon__content.cun-icon--tv::before,
.c-form-checkbox-with-icon__content.cun-icon--waste-water::before,
.c-form-checkbox-with-icon__content.cun-icon--water::before {
    font-size: 86px;
    top: 20px;
}

.c-headline--electricity.cun-icon--electricity::before,
.c-headline--electricity.cun-icon--water::before,
.c-headline--electricity.cun-icon--tv::before {
    font-size: 86px;
    top: -38px;
}
.c-headline--electricity.cun-icon--gas::before {
    font-size: 86px;
    top: -40px;
}
.c-headline--electricity.cun-icon--waste-water::before {
    font-size: 86px;
}