@-webkit-keyframes animBackHover {
    0% {
        background: linear-gradient(transparent 86%, #bbdec2 4px);
    }

    10% {
        background: linear-gradient(transparent 87.4%, #bbdec2 3.6px);
    }

    20% {
        background: linear-gradient(transparent 88.8%, #bbdec2 3.2px);
    }

    30% {
        background: linear-gradient(transparent 90.2%, #bbdec2 2.8px);
    }

    40% {
        background: linear-gradient(transparent 91.6%, #bbdec2 2.4px);
    }

    50% {
        background: linear-gradient(transparent 93%, #bbdec2 2px);
    }

    60% {
        background: linear-gradient(transparent 94.4%, #bbdec2 1.6px);
    }

    70% {
        background: linear-gradient(transparent 95.8%, #bbdec2 1.2px);
    }

    80% {
        background: linear-gradient(transparent 97.2%, transparent 0.8px);
    }

    90% {
        background: linear-gradient(transparent 98.6%, transparent 0.4px);
    }

    100% {
        background: linear-gradient(transparent 100%, transparent 0);
    }
}

@keyframes animBackHover {
    0% {
        background: linear-gradient(transparent 86%, #bbdec2 4px);
    }

    10% {
        background: linear-gradient(transparent 87.4%, #bbdec2 3.6px);
    }

    20% {
        background: linear-gradient(transparent 88.8%, #bbdec2 3.2px);
    }

    30% {
        background: linear-gradient(transparent 90.2%, #bbdec2 2.8px);
    }

    40% {
        background: linear-gradient(transparent 91.6%, #bbdec2 2.4px);
    }

    50% {
        background: linear-gradient(transparent 93%, #bbdec2 2px);
    }

    60% {
        background: linear-gradient(transparent 94.4%, #bbdec2 1.6px);
    }

    70% {
        background: linear-gradient(transparent 95.8%, #bbdec2 1.2px);
    }

    80% {
        background: linear-gradient(transparent 97.2%, transparent 0.8px);
    }

    90% {
        background: linear-gradient(transparent 98.6%, transparent 0.4px);
    }

    100% {
        background: linear-gradient(transparent 100%, transparent 0);
    }
}

@-webkit-keyframes animBack {
    0% {
        background: linear-gradient(transparent 100%, transparent 0);
    }

    10% {
        background: linear-gradient(transparent 98.6%, transparent 0.4px);
    }

    20% {
        background: linear-gradient(transparent 97.2%, transparent 0.8px);
    }

    30% {
        background: linear-gradient(transparent 95.8%, #bbdec2 1.2px);
    }

    40% {
        background: linear-gradient(transparent 94.4%, #bbdec2 1.6px);
    }

    50% {
        background: linear-gradient(transparent 93%, #bbdec2 2px);
    }

    60% {
        background: linear-gradient(transparent 91.6%, #bbdec2 2.4px);
    }

    70% {
        background: linear-gradient(transparent 90.2%, #bbdec2 2.8px);
    }

    80% {
        background: linear-gradient(transparent 88.8%, #bbdec2 3.2px);
    }

    90% {
        background: linear-gradient(transparent 87.4%, #bbdec2 3.6px);
    }

    100% {
        background: linear-gradient(transparent var(--height), #bbdec2 4px);
    }
}

@keyframes animBack {
    0% {
        background: linear-gradient(transparent 100%, transparent 0);
    }

    10% {
        background: linear-gradient(transparent 98.6%, transparent 0.4px);
    }

    20% {
        background: linear-gradient(transparent 97.2%, transparent 0.8px);
    }

    30% {
        background: linear-gradient(transparent 95.8%, #bbdec2 1.2px);
    }

    40% {
        background: linear-gradient(transparent 94.4%, #bbdec2 1.6px);
    }

    50% {
        background: linear-gradient(transparent 93%, #bbdec2 2px);
    }

    60% {
        background: linear-gradient(transparent 91.6%, #bbdec2 2.4px);
    }

    70% {
        background: linear-gradient(transparent 90.2%, #bbdec2 2.8px);
    }

    80% {
        background: linear-gradient(transparent 88.8%, #bbdec2 3.2px);
    }

    90% {
        background: linear-gradient(transparent 87.4%, #bbdec2 3.6px);
    }

    100% {
        background: linear-gradient(transparent var(--height), #bbdec2 4px);
    }
}

@-webkit-keyframes drawCheckmark {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes drawCheckmark {
    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes openIconContainer {
    to {
        width: 17px;
    }
}

@keyframes openIconContainer {
    to {
        width: 17px;
    }
}

.ui-async-button .icon-container {
    display: none;
    width: 0;
    overflow: hidden;
    max-height: 11px;
    margin-left: 2px;
}

.ui-async-button .checkmark {
    stroke: #fff;
}

.ui-async-button .checkmark-stroke {
    stroke-dasharray: 15.2399177551;
    stroke-dashoffset: 15.2399177551;
}

.ui-async-button.is-active .checkmark {
    stroke: #f60;
}

.ui-async-button.is-active:active .checkmark,
.ui-async-button.is-active:focus .checkmark,
.ui-async-button.is-active:hover .checkmark {
    stroke: #d65600;
}

.ui-async-button.is-animating .icon-container {
    display: inline-flex;
    -webkit-animation-name: openIconContainer;
    animation-name: openIconContainer;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.ui-async-button.is-animating .checkmark-stroke {
    -webkit-animation: drawCheckmark 0.3s;
    animation: drawCheckmark 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms;
}

.btn {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1;
    display: inline-block;
    padding: 13px 21px 9px;
    border: 0;
    border-bottom: 2px solid #e00;
    background-color: #fb6400;
    border-radius: 4px;
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: background-color 0.1s linear, color 0.1s linear, border 0.1s linear;
    vertical-align: middle;
    cursor: pointer;
}

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        opacity: 0.65;
        box-shadow: none;
        cursor: not-allowed;
    }

    .btn:focus {
        outline: 0;
    }

    .btn.is-open,
    .btn:active,
    .btn:focus,
    .btn:hover {
        color: #fff;
    }

        .btn.is-open:not([disabled]):not(.disabled),
        .btn:active:not([disabled]):not(.disabled),
        .btn:focus:not([disabled]):not(.disabled),
        .btn:hover:not([disabled]):not(.disabled) {
            border-color: #de450a;
            background-color: #de450a;
        }

    .btn:active {
        box-shadow: none;
    }

    .btn.alt-colored {
        border-color: #fb6400;
        border-bottom-color: #e00;
        background-color: #fb6400;
        color: #fff;
    }

        .btn.alt-colored.is-open,
        .btn.alt-colored:active,
        .btn.alt-colored:focus,
        .btn.alt-colored:hover {
            color: #fff;
            border-bottom-color: #e00;
        }

            .btn.alt-colored.is-open:not([disabled]):not(.disabled),
            .btn.alt-colored:active:not([disabled]):not(.disabled),
            .btn.alt-colored:focus:not([disabled]):not(.disabled),
            .btn.alt-colored:hover:not([disabled]):not(.disabled) {
                border-color: #de450a;
                background-color: #de450a;
            }

    .btn.btn-outline,
    .btn.btn-outline-darkgrey,
    .btn.btn-outline-grey,
    .btn.btn-outline-white {
        padding: 11px 19px 9px;
        background-color: rgba(0, 0, 0, 0);
    }

        .btn.btn-outline-darkgrey.is-open:not([disabled]):not(.disabled),
        .btn.btn-outline-darkgrey:active:not([disabled]):not(.disabled),
        .btn.btn-outline-darkgrey:focus:not([disabled]):not(.disabled),
        .btn.btn-outline-darkgrey:hover:not([disabled]):not(.disabled),
        .btn.btn-outline-grey.is-open:not([disabled]):not(.disabled),
        .btn.btn-outline-grey:active:not([disabled]):not(.disabled),
        .btn.btn-outline-grey:focus:not([disabled]):not(.disabled),
        .btn.btn-outline-grey:hover:not([disabled]):not(.disabled),
        .btn.btn-outline-white.is-open:not([disabled]):not(.disabled),
        .btn.btn-outline-white:active:not([disabled]):not(.disabled),
        .btn.btn-outline-white:focus:not([disabled]):not(.disabled),
        .btn.btn-outline-white:hover:not([disabled]):not(.disabled),
        .btn.btn-outline.is-open:not([disabled]):not(.disabled),
        .btn.btn-outline:active:not([disabled]):not(.disabled),
        .btn.btn-outline:focus:not([disabled]):not(.disabled),
        .btn.btn-outline:hover:not([disabled]):not(.disabled) {
            background-color: rgba(0, 0, 0, 0);
        }

    .btn.btn-outline-grey {
        border: 2px solid #999;
        color: #666;
    }

        .btn.btn-outline-grey.is-open,
        .btn.btn-outline-grey:active,
        .btn.btn-outline-grey:focus,
        .btn.btn-outline-grey:hover {
            color: #666;
        }

            .btn.btn-outline-grey.is-open:not([disabled]):not(.disabled),
            .btn.btn-outline-grey:active:not([disabled]):not(.disabled),
            .btn.btn-outline-grey:focus:not([disabled]):not(.disabled),
            .btn.btn-outline-grey:hover:not([disabled]):not(.disabled) {
                border-color: #fb6400;
                color: #fb6400;
            }

    .btn.btn-outline-darkgrey {
        border: 2px solid #333;
        color: #333;
    }

        .btn.btn-outline-darkgrey.is-open:not([disabled]):not(.disabled),
        .btn.btn-outline-darkgrey:active:not([disabled]):not(.disabled),
        .btn.btn-outline-darkgrey:focus:not([disabled]):not(.disabled),
        .btn.btn-outline-darkgrey:hover:not([disabled]):not(.disabled) {
            background-color: #ddd;
            border-color: #333;
        }

    .btn.btn-outline-white {
        border: 2px solid #fff;
        background: 0 0;
        color: #fff;
    }

        .btn.btn-outline-white:active:not([disabled]):not(.disabled),
        .btn.btn-outline-white:focus:not([disabled]):not(.disabled),
        .btn.btn-outline-white:hover:not([disabled]):not(.disabled) {
            border-color: #fff;
            background: #fff;
            color: #fb6400;
        }

    .btn.is-hover-current-color:active:not([disabled]):not(.disabled),
    .btn.is-hover-current-color:focus:not([disabled]):not(.disabled),
    .btn.is-hover-current-color:hover:not([disabled]):not(.disabled) {
        color: inherit;
    }

    .btn.is-cumulus {
        border-color: #003d8d;
        border-bottom: 2px solid #00145c;
        background-color: #003d8d;
        color: #fff;
    }

        .btn.is-cumulus.is-open,
        .btn.is-cumulus:active,
        .btn.is-cumulus:focus,
        .btn.is-cumulus:hover {
            color: #fff;
            border-bottom-color: #00145c;
        }

            .btn.is-cumulus.is-open:not([disabled]):not(.disabled),
            .btn.is-cumulus:active:not([disabled]):not(.disabled),
            .btn.is-cumulus:focus:not([disabled]):not(.disabled),
            .btn.is-cumulus:hover:not([disabled]):not(.disabled) {
                border-color: #00145c;
                background-color: #00145c;
            }

    .btn.is-cumulus-white {
        border-color: #fff;
        border-bottom: 2px solid #ccc;
        background-color: #fff;
        color: #003d8d;
    }

        .btn.is-cumulus-white.is-open:not([disabled]):not(.disabled),
        .btn.is-cumulus-white:active:not([disabled]):not(.disabled),
        .btn.is-cumulus-white:focus:not([disabled]):not(.disabled),
        .btn.is-cumulus-white:hover:not([disabled]):not(.disabled) {
            background-color: #f1efee;
            color: #00145c;
            border-bottom-color: #ccc;
        }

    .btn.is-favlist-2 {
        padding-left: 42px;
        background-image: url(../img/notepad.svg);
        background-position: 16px 9px;
        background-repeat: no-repeat;
    }

        .btn.is-favlist-2.btn-lg {
            background-position: 16px 14px;
        }

    .btn.is-controlling {
        position: relative;
        padding-left: 52px;
    }

        .btn.is-controlling img {
            position: absolute;
            top: calc(50% - 9px);
            left: 22px;
            width: 22px;
            height: 21px;
            background: rgba(0, 0, 0, 0) url(../img/icon-control.svg) no-repeat;
            content: '';
        }

    .btn.is-add {
        position: relative;
        padding-left: 38px;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fb6400' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Cpath d='M6 0v11.454M0 6h11.455'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 15px 12px;
    }

        .btn.is-add.is-open:not([disabled]):not(.disabled),
        .btn.is-add:active:not([disabled]):not(.disabled),
        .btn.is-add:focus:not([disabled]):not(.disabled),
        .btn.is-add:hover:not([disabled]):not(.disabled) {
            background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23de450a' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Cpath d='M6 0v11.454M0 6h11.455'/%3E%3C/g%3E%3C/svg%3E");
        }

        .btn.is-add.is-cumulus {
            background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23003d8d' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Cpath d='M6 0v11.454M0 6h11.455'/%3E%3C/g%3E%3C/svg%3E");
        }

            .btn.is-add.is-cumulus.is-open:not([disabled]):not(.disabled),
            .btn.is-add.is-cumulus:active:not([disabled]):not(.disabled),
            .btn.is-add.is-cumulus:focus:not([disabled]):not(.disabled),
            .btn.is-add.is-cumulus:hover:not([disabled]):not(.disabled) {
                background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%2300145c' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Cpath d='M6 0v11.454M0 6h11.455'/%3E%3C/g%3E%3C/svg%3E");
            }

    .btn.is-overview {
        position: relative;
        padding-left: 38px;
    }

        .btn.is-overview::before {
            position: absolute;
            top: 50%;
            left: 15px;
            width: 12px;
            height: 12px;
            margin-top: -4px;
            background: url(../img/icon-overview.svg) no-repeat;
            content: '';
        }

    .btn.is-forward-sm {
        padding-right: 30px;
        background-image: url(../img/arrow-right-white-small.svg);
        background-position: right 15px top 11px;
        background-repeat: no-repeat;
    }

.btn-group-lg > .btn,
.btn-lg {
    font-size: 1.8rem;
    line-height: 1;
    padding: 16px 27px 12px;
}

    .btn-group-lg > .btn.btn-outline,
    .btn-group-lg > .btn.btn-outline-grey,
    .btn-group-lg > .btn.btn-outline-white,
    .btn-lg.btn-outline,
    .btn-lg.btn-outline-grey,
    .btn-lg.btn-outline-white {
        padding: 14px 25px 12px;
    }

    .btn-group-lg > .btn.is-forward,
    .btn-lg.is-forward {
        padding-right: 47px;
        background-image: url(../img/arrow-right-bold-white.svg);
        background-position: right 17px top 12px;
        background-repeat: no-repeat;
    }

    .btn-group-lg > .btn.is-favlist,
    .btn-lg.is-favlist {
        padding-left: 52px;
        background-image: url(../img/white-heart.svg);
        background-position: 22px 14px;
        background-repeat: no-repeat;
    }

    .btn-group-lg > .btn.is-add,
    .btn-lg.is-add {
        padding-left: 44px;
        background-position: 22px 16px;
    }

    .btn-group-lg > .btn.is-cumulus,
    .btn-lg.is-cumulus {
        border-color: #003d8d;
        border-bottom: 2px solid #00145c;
        background-color: #003d8d;
    }

        .btn-group-lg > .btn.is-cumulus.is-open:not([disabled]):not(.disabled),
        .btn-group-lg > .btn.is-cumulus:active:not([disabled]):not(.disabled),
        .btn-group-lg > .btn.is-cumulus:focus:not([disabled]):not(.disabled),
        .btn-group-lg > .btn.is-cumulus:hover:not([disabled]):not(.disabled),
        .btn-lg.is-cumulus.is-open:not([disabled]):not(.disabled),
        .btn-lg.is-cumulus:active:not([disabled]):not(.disabled),
        .btn-lg.is-cumulus:focus:not([disabled]):not(.disabled),
        .btn-lg.is-cumulus:hover:not([disabled]):not(.disabled) {
            background-color: #00145c;
        }

.btn-group-sm > .btn,
.btn-sm {
    font-size: 1.4rem;
    line-height: 1;
    padding: 10px 17px 6px;
}

    .btn-group-sm > .btn.btn-outline,
    .btn-group-sm > .btn.btn-outline-grey,
    .btn-group-sm > .btn.btn-outline-white,
    .btn-sm.btn-outline,
    .btn-sm.btn-outline-grey,
    .btn-sm.btn-outline-white {
        padding: 8px 15px 6px;
    }

    .btn-group-sm > .btn.is-cumulus,
    .btn-sm.is-cumulus {
        border-color: #003d8d;
        border-bottom: 2px solid #00145c;
        background-color: #003d8d;
    }

        .btn-group-sm > .btn.is-cumulus.is-open:not([disabled]):not(.disabled),
        .btn-group-sm > .btn.is-cumulus:active:not([disabled]):not(.disabled),
        .btn-group-sm > .btn.is-cumulus:focus:not([disabled]):not(.disabled),
        .btn-group-sm > .btn.is-cumulus:hover:not([disabled]):not(.disabled),
        .btn-sm.is-cumulus.is-open:not([disabled]):not(.disabled),
        .btn-sm.is-cumulus:active:not([disabled]):not(.disabled),
        .btn-sm.is-cumulus:focus:not([disabled]):not(.disabled),
        .btn-sm.is-cumulus:hover:not([disabled]):not(.disabled) {
            background-color: #00145c;
        }

    .btn-group-sm > .btn.is-add,
    .btn-sm.is-add {
        padding-left: 30px;
        background-position: 13px 8px;
    }

.btn-outline {
    border: 2px solid #fb6400;
    background-color: rgba(0, 0, 0, 0);
    color: #fb6400;
}

    .btn-outline.is-open,
    .btn-outline:active,
    .btn-outline:focus,
    .btn-outline:hover {
        color: #fb6400;
    }

        .btn-outline.is-open:not([disabled]):not(.disabled),
        .btn-outline:active:not([disabled]):not(.disabled),
        .btn-outline:focus:not([disabled]):not(.disabled),
        .btn-outline:hover:not([disabled]):not(.disabled) {
            border-color: #de450a;
            background-color: rgba(0, 0, 0, 0);
            color: #de450a;
        }

    .btn-outline.alt-colored {
        border-color: #fb6400;
        background-color: rgba(0, 0, 0, 0);
        color: #fb6400;
    }

        .btn-outline.alt-colored.is-open,
        .btn-outline.alt-colored:active,
        .btn-outline.alt-colored:focus,
        .btn-outline.alt-colored:hover {
            color: #fb6400;
            border-color: currentColor;
        }

            .btn-outline.alt-colored.is-open:not([disabled]):not(.disabled),
            .btn-outline.alt-colored:active:not([disabled]):not(.disabled),
            .btn-outline.alt-colored:focus:not([disabled]):not(.disabled),
            .btn-outline.alt-colored:hover:not([disabled]):not(.disabled) {
                border-color: #de450a;
                background-color: rgba(0, 0, 0, 0);
                color: #de450a;
            }

    .btn-outline.is-cumulus {
        border: 2px solid #003d8d;
        background-color: rgba(0, 0, 0, 0);
        color: #003d8d;
    }

        .btn-outline.is-cumulus.is-open,
        .btn-outline.is-cumulus:active,
        .btn-outline.is-cumulus:focus,
        .btn-outline.is-cumulus:hover {
            color: #003d8d;
            border-color: currentColor;
        }

            .btn-outline.is-cumulus.is-open:not([disabled]):not(.disabled),
            .btn-outline.is-cumulus:active:not([disabled]):not(.disabled),
            .btn-outline.is-cumulus:focus:not([disabled]):not(.disabled),
            .btn-outline.is-cumulus:hover:not([disabled]):not(.disabled) {
                border-color: #00145c;
                background-color: rgba(0, 0, 0, 0);
                color: #00145c;
            }

        .btn-outline.is-cumulus.is-back {
            background: url(../img/arrow-small-left-blue.svg) 16px 50% no-repeat;
        }

            .btn-outline.is-cumulus.is-back.is-open:not([disabled]):not(.disabled),
            .btn-outline.is-cumulus.is-back:active:not([disabled]):not(.disabled),
            .btn-outline.is-cumulus.is-back:focus:not([disabled]):not(.disabled),
            .btn-outline.is-cumulus.is-back:hover:not([disabled]):not(.disabled) {
                background: url(../img/arrow-small-left-blue-hover.svg) 16px 50% no-repeat;
            }

            .btn-outline.is-cumulus.is-back.alt-colored {
                background: url(../img/arrow-small-left-blue.svg) 16px 50% no-repeat;
            }

                .btn-outline.is-cumulus.is-back.alt-colored.is-open:not([disabled]):not( .disabled ),
                .btn-outline.is-cumulus.is-back.alt-colored:active:not([disabled]):not( .disabled ),
                .btn-outline.is-cumulus.is-back.alt-colored:focus:not([disabled]):not( .disabled ),
                .btn-outline.is-cumulus.is-back.alt-colored:hover:not([disabled]):not( .disabled ) {
                    background: url(../img/arrow-small-left-blue-hover.svg) 16px 50% no-repeat;
                }

    .btn-outline.is-back {
        padding-left: 36px;
        background: url(../img/arrow-small-left-orange.svg) 16px 12px no-repeat;
    }

        .btn-outline.is-back.btn-sm {
            padding-left: 30px;
            background-position: 13px 8px;
        }

            .btn-outline.is-back.btn-sm.is-open:not([disabled]):not(.disabled),
            .btn-outline.is-back.btn-sm:active:not([disabled]):not(.disabled),
            .btn-outline.is-back.btn-sm:focus:not([disabled]):not(.disabled),
            .btn-outline.is-back.btn-sm:hover:not([disabled]):not(.disabled) {
                background-position: 13px 8px;
            }

        .btn-outline.is-back.is-open:not([disabled]):not(.disabled),
        .btn-outline.is-back:active:not([disabled]):not(.disabled),
        .btn-outline.is-back:focus:not([disabled]):not(.disabled),
        .btn-outline.is-back:hover:not([disabled]):not(.disabled) {
            background: url(../img/arrow-small-left-dark-orange.svg) 16px 12px no-repeat;
        }

    .btn-outline.is-quit {
        padding-right: 40px;
        background: url(../img/close.svg) right 14px top 17px no-repeat #fff;
    }

.is-cumulus .btn {
    border-color: #003d8d;
    border-bottom: 2px solid #00145c;
    background-color: #003d8d;
    color: #fff;
}

    .is-cumulus .btn.is-open:not([disabled]):not(.disabled),
    .is-cumulus .btn:active:not([disabled]):not(.disabled),
    .is-cumulus .btn:focus:not([disabled]):not(.disabled),
    .is-cumulus .btn:hover:not([disabled]):not(.disabled) {
        border-color: #00145c;
        background-color: #00145c;
    }

    .is-cumulus .btn.is-orange {
        border-color: #f60;
        border-bottom: 2px solid #e00;
        background-color: #fb6400;
        color: #fff;
    }

        .is-cumulus .btn.is-orange.is-open:not([disabled]):not(.disabled),
        .is-cumulus .btn.is-orange:active:not([disabled]):not(.disabled),
        .is-cumulus .btn.is-orange:focus:not([disabled]):not(.disabled),
        .is-cumulus .btn.is-orange:hover:not([disabled]):not(.disabled) {
            border-color: #de450a;
            background-color: #de450a;
        }

        .is-cumulus .btn.is-orange.btn-outline {
            border: 2px solid #fb6400;
            background-color: rgba(0, 0, 0, 0);
            color: #fb6400;
        }

            .is-cumulus .btn.is-orange.btn-outline:active:not([disabled]):not(.disabled),
            .is-cumulus .btn.is-orange.btn-outline:focus:not([disabled]):not(.disabled),
            .is-cumulus .btn.is-orange.btn-outline:hover:not([disabled]):not(.disabled) {
                border-color: #de450a;
                background-color: rgba(0, 0, 0, 0);
                color: #de450a;
            }

    .is-cumulus .btn.is-cumulus-white {
        border-color: #fff;
        border-bottom: 2px solid #ccc;
        background-color: #fff;
        color: #003d8d;
    }

        .is-cumulus .btn.is-cumulus-white.is-open:not([disabled]):not(.disabled),
        .is-cumulus .btn.is-cumulus-white:active:not([disabled]):not(.disabled),
        .is-cumulus .btn.is-cumulus-white:focus:not([disabled]):not(.disabled),
        .is-cumulus .btn.is-cumulus-white:hover:not([disabled]):not(.disabled) {
            background-color: #f1efee;
            color: #00145c;
            border-bottom-color: #ccc;
        }

    .is-cumulus .btn.btn-outline-grey {
        border: 2px solid #ababac;
        background-color: rgba(0, 0, 0, 0);
        color: #666;
    }

        .is-cumulus .btn.btn-outline-grey.is-open:not([disabled]):not(.disabled),
        .is-cumulus .btn.btn-outline-grey:active:not([disabled]):not(.disabled),
        .is-cumulus .btn.btn-outline-grey:focus:not([disabled]):not(.disabled),
        .is-cumulus .btn.btn-outline-grey:hover:not([disabled]):not(.disabled) {
            border-color: #00145c;
            background-color: rgba(0, 0, 0, 0);
            color: #00145c;
        }

        .is-cumulus
        .btn.btn-outline-grey.is-orange.is-open:not([disabled]):not(.disabled),
        .is-cumulus
        .btn.btn-outline-grey.is-orange:active:not([disabled]):not(.disabled),
        .is-cumulus
        .btn.btn-outline-grey.is-orange:focus:not([disabled]):not(.disabled),
        .is-cumulus
        .btn.btn-outline-grey.is-orange:hover:not([disabled]):not(.disabled) {
            border-color: #de450a;
            background-color: rgba(0, 0, 0, 0);
            color: #de450a;
        }

.is-cumulus .btn-outline,
.is-cumulus .btn-outline.alt-colored {
    border: 2px solid #003d8d;
    background-color: rgba(0, 0, 0, 0);
    color: #003d8d;
}

    .is-cumulus .btn-outline.alt-colored.is-open:not([disabled]):not(.disabled),
    .is-cumulus .btn-outline.alt-colored:active:not([disabled]):not(.disabled),
    .is-cumulus .btn-outline.alt-colored:focus:not([disabled]):not(.disabled),
    .is-cumulus .btn-outline.alt-colored:hover:not([disabled]):not(.disabled),
    .is-cumulus .btn-outline.is-open:not([disabled]):not(.disabled),
    .is-cumulus .btn-outline:active:not([disabled]):not(.disabled),
    .is-cumulus .btn-outline:focus:not([disabled]):not(.disabled),
    .is-cumulus .btn-outline:hover:not([disabled]):not(.disabled) {
        border-color: #00145c;
        background-color: rgba(0, 0, 0, 0);
        color: #00145c;
    }

    .is-cumulus .btn-outline.alt-colored.is-back,
    .is-cumulus .btn-outline.is-back {
        background-image: url(../img/arrow-small-left-blue.svg);
    }

        .is-cumulus
        .btn-outline.alt-colored.is-back.is-open:not([disabled]):not(.disabled),
        .is-cumulus
        .btn-outline.alt-colored.is-back:active:not([disabled]):not(.disabled),
        .is-cumulus
        .btn-outline.alt-colored.is-back:focus:not([disabled]):not(.disabled),
        .is-cumulus
        .btn-outline.alt-colored.is-back:hover:not([disabled]):not(.disabled),
        .is-cumulus .btn-outline.is-back.is-open:not([disabled]):not(.disabled),
        .is-cumulus .btn-outline.is-back:active:not([disabled]):not(.disabled),
        .is-cumulus .btn-outline.is-back:focus:not([disabled]):not(.disabled),
        .is-cumulus .btn-outline.is-back:hover:not([disabled]):not(.disabled) {
            background-image: url(../img/arrow-small-left-blue-hover.svg);
        }

.is-cumulus a:active:not([disabled]):not(.disabled) .btn,
.is-cumulus a:focus:not([disabled]):not(.disabled) .btn,
.is-cumulus a:hover:not([disabled]):not(.disabled) .btn {
    border-color: #00145c;
    background-color: #00145c;
}

.ui-btn-group-filter.btn-group .btn {
    font-size: 1.4rem;
    border: 0;
    margin-right: 10px;
    background-color: #f1efee;
    box-shadow: none;
    color: #fb6400;
}

    .ui-btn-group-filter.btn-group .btn input[type='checkbox'] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

.ui-btn-group-filter.alt-colored.btn-group > .btn {
    background-color: #f1efee;
    color: #fb6400;
}

.ui-btn-group-filter.btn-group > .btn-primary.active:not([disabled]):not(.disabled),
.ui-btn-group-filter.btn-group > .btn-primary:active:not([disabled]):not(.disabled),
.ui-btn-group-filter.btn-group > .btn-primary:hover:not([disabled]):not(.disabled) {
    background-color: #fb6400;
    box-shadow: none;
    color: #fff;
}

.ui-btn-group-filter.alt-colored.btn-group > .btn-primary.active:not([disabled]):not(.disabled),
.ui-btn-group-filter.alt-colored.btn-group > .btn-primary:active:not([disabled]):not(.disabled),
.ui-btn-group-filter.alt-colored.btn-group > .btn-primary:hover:not([disabled]):not(.disabled) {
    background-color: #fb6400;
    color: #fff;
}

.ui-btn-group-filter.btn-group > .btn-primary.active,
.ui-btn-group-filter.btn-group > .btn-primary:active {
    padding-right: 30px;
    background: url(../img/close-white.svg) right 10px top 12px no-repeat #fb6400;
}

.ui-btn-group-filter.alt-colored.btn-group > .btn-primary.active,
.ui-btn-group-filter.alt-colored.btn-group > .btn-primary:active {
    background-color: #fb6400;
}

.ui-btn-group-filter.btn-group > .btn:not(:first-child):not(:last-child) {
    border-radius: 4px;
}

.ui-btn-group-filter.btn-group > .btn:first-child {
    margin-left: 0;
}

    .ui-btn-group-filter.btn-group > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.ui-btn-group-filter.btn-group > .btn:last-child:not(:first-child) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-btn-group-filter.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 4px;
}

.ui-btn-group-filter.btn-group > .btn-group:first-child > .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-btn-group-filter.btn-group > .btn-group:last-child > .btn:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-btn-group-switch.btn-group {
    margin-bottom: 5px;
}

    .ui-btn-group-switch.btn-group .btn.btn-outline-darkgrey {
        padding: 0;
    }

        .ui-btn-group-switch.btn-group .btn.btn-outline-darkgrey:first-child {
            border-radius: 3px 0 0 3px;
            border-right: 0;
        }

        .ui-btn-group-switch.btn-group .btn.btn-outline-darkgrey:last-child {
            border-radius: 0 3px 3px 0;
            border-left: 0;
        }

        .ui-btn-group-switch.btn-group
        .btn.btn-outline-darkgrey.active:hover:not([disabled]):not(.disabled),
        .ui-btn-group-switch.btn-group
        .btn.btn-outline-darkgrey.active:not([disabled]):not(.disabled) {
            border-color: #333;
            background-color: #333;
            color: #fff;
        }

        .ui-btn-group-switch.btn-group
        .btn.btn-outline-darkgrey.active:focus:not([disabled]):not(.disabled),
        .ui-btn-group-switch.btn-group
        .btn.btn-outline-darkgrey:focus:not([disabled]):not(.disabled) {
            outline: 0;
            border-color: #101010;
        }

.alt-colored .btn {
    border-color: #fb6400;
    border-bottom-color: #e00;
    background-color: #fb6400;
    color: #fff;
}

    .alt-colored .btn.is-open:not([disabled]):not(.disabled),
    .alt-colored .btn:active:not([disabled]):not(.disabled),
    .alt-colored .btn:focus:not([disabled]):not(.disabled),
    .alt-colored .btn:hover:not([disabled]):not(.disabled) {
        border-color: #de450a;
        background-color: #de450a;
    }

    .alt-colored .btn.is-cumulus {
        border-color: #003d8d;
        border-bottom-color: #00145c;
        background-color: #003d8d;
        color: #fff;
    }

        .alt-colored .btn.is-cumulus.is-open:not([disabled]):not(.disabled),
        .alt-colored .btn.is-cumulus:active:not([disabled]):not(.disabled),
        .alt-colored .btn.is-cumulus:focus:not([disabled]):not(.disabled),
        .alt-colored .btn.is-cumulus:hover:not([disabled]):not(.disabled) {
            border-color: #00145c;
            background-color: #00145c;
        }

    .alt-colored .btn.is-cumulus-white {
        border-color: #fff;
        border-bottom-color: #ccc;
        background-color: #fff;
        color: #003d8d;
    }

        .alt-colored .btn.is-cumulus-white.is-open:not([disabled]):not(.disabled),
        .alt-colored .btn.is-cumulus-white:active:not([disabled]):not(.disabled),
        .alt-colored .btn.is-cumulus-white:focus:not([disabled]):not(.disabled),
        .alt-colored .btn.is-cumulus-white:hover:not([disabled]):not(.disabled) {
            background-color: #f1efee;
            color: #00145c;
            border-bottom-color: #ccc;
        }

.alt-colored .is-inverted .btn {
    border-color: #fb6400;
    border-bottom: 2px solid #e00;
    background-color: #fb6400;
    color: #fff;
}

    .alt-colored .is-inverted .btn.is-open:not([disabled]):not(.disabled),
    .alt-colored .is-inverted .btn:active:not([disabled]):not(.disabled),
    .alt-colored .is-inverted .btn:focus:not([disabled]):not(.disabled),
    .alt-colored .is-inverted .btn:hover:not([disabled]):not(.disabled) {
        border-color: #de450a;
        background-color: #de450a;
    }

.alt-colored .btn-outline {
    border-color: #fb6400;
    background-color: rgba(0, 0, 0, 0);
    color: #fb6400;
}

    .alt-colored .btn-outline.is-open:not([disabled]):not(.disabled),
    .alt-colored .btn-outline:active:not([disabled]):not(.disabled),
    .alt-colored .btn-outline:focus:not([disabled]):not(.disabled),
    .alt-colored .btn-outline:hover:not([disabled]):not(.disabled) {
        border-color: #de450a;
        background-color: rgba(0, 0, 0, 0);
        color: #de450a;
    }

    .alt-colored .btn-outline.is-cumulus {
        border-color: #003d8d;
        background-color: rgba(0, 0, 0, 0);
        color: #003d8d;
    }

        .alt-colored .btn-outline.is-cumulus.is-open:not([disabled]):not(.disabled),
        .alt-colored .btn-outline.is-cumulus:active:not([disabled]):not(.disabled),
        .alt-colored .btn-outline.is-cumulus:focus:not([disabled]):not(.disabled),
        .alt-colored .btn-outline.is-cumulus:hover:not([disabled]):not(.disabled) {
            background-color: rgba(0, 0, 0, 0);
            color: #00145c;
        }

        .alt-colored .btn-outline.is-cumulus.is-back {
            background-color: rgba(0, 0, 0, 0);
            background-image: url(../img/arrow-small-left-blue.svg);
        }

            .alt-colored
            .btn-outline.is-cumulus.is-back.is-open:not([disabled]):not(.disabled),
            .alt-colored
            .btn-outline.is-cumulus.is-back:active:not([disabled]):not(.disabled),
            .alt-colored
            .btn-outline.is-cumulus.is-back:focus:not([disabled]):not(.disabled),
            .alt-colored
            .btn-outline.is-cumulus.is-back:hover:not([disabled]):not(.disabled) {
                background-color: rgba(0, 0, 0, 0);
                background-image: url(../img/arrow-small-left-blue-hover.svg);
            }

    .alt-colored .btn-outline.is-back {
        padding-left: 36px;
        background-color: rgba(0, 0, 0, 0);
        background-image: url(../img/arrow-light-left-small.svg);
    }

        .alt-colored .btn-outline.is-back.btn-sm {
            padding-left: 30px;
            background-position: 13px 8px;
        }

.ui-c221-button {
    margin-bottom: 25px;
}

    .ui-c221-button.pull-right {
        text-align: right;
    }

    .ui-c221-button .kicker-text {
        display: block;
        margin-top: 14px;
        color: #333;
        font-size: 1.2rem;
        letter-spacing: 0.5px;
        line-height: 14px;
    }

@media screen and (max-width: 767px) {
    .ui-c221-button {
        margin-bottom: 10px;
    }

        .ui-c221-button .btn {
            margin-bottom: 15px;
        }

        .ui-c221-button .kicker-text {
            margin-top: 0;
        }
}

.ui-service-login {
    position: relative;
    display: inline-block;
    height: 22px;
    padding-left: 35px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 3px;
    color: #333;
    font-family: 'Helvetica Neue Condensed', Helvetica, Arial;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-transform: uppercase;
    box-sizing: border-box;
    text-decoration: none;
}

    .ui-service-login::before {
        position: absolute;
        top: 4px;
        left: 0;
        width: 27px;
        height: 12px;
        border-right: 1px solid #ccc;
        background: rgba(0, 0, 0, 0) url(../img/icon-m.svg) no-repeat 8px 2px;
        background-size: 11px auto;
        content: '';
    }

    .ui-service-login:active,
    .ui-service-login:hover {
        background-color: #f7f7f7;
        color: #333;
    }

    .ui-service-login:focus {
        color: #333;
    }

.ui-service-login--big::-moz-focus-inner {
    padding: 0;
    border: 0;
    margin-top: -2px;
    margin-bottom: -2px;
}

.ui-service-login--big {
    font-size: 1.8rem;
    line-height: 4rem;
    height: 40px;
    padding-left: 48px;
}

    .ui-service-login--big::before {
        top: 10px;
        width: 38px;
        height: 22px;
        background: rgba(0, 0, 0, 0) url(../img/icon-m.svg) no-repeat 12px 3px;
        background-size: 15px auto;
    }

.ui-service-login--dark {
    border-color: transparent;
}

.ui-service-login--disabled {
    color: #adadad;
}

    .ui-service-login--disabled.ui-service-login:active,
    .ui-service-login--disabled.ui-service-login:hover {
        background-color: #fff;
        color: #adadad;
    }

.ui-service-login--lang-de {
    width: 102px;
}

    .ui-service-login--lang-de.ui-service-login--big {
        width: 145px;
    }

.ui-service-login--lang-fr {
    width: 114px;
}

    .ui-service-login--lang-fr.ui-service-login--big {
        width: 165px;
    }

.ui-service-login--lang-it {
    width: 80px;
}

    .ui-service-login--lang-it.ui-service-login--big {
        width: 116px;
    }

.richtext .ui-note,
.ui-note {
    font-family: MarketWeb;
    font-weight: 400;
    text-transform: none;
    font-size: 2.4rem;
    line-height: 3.6rem;
    position: relative;
    display: inline-block;
    color: #0daacf;
}

@-webkit-keyframes write {
    from {
        width: 0;
    }
}

@keyframes write {
    from {
        width: 0;
    }
}

@media screen and (min-width: 992px) {
    .js .ui-note-animated span:first-child {
        white-space: nowrap;
    }

    .js .ui-note-animated > span:first-child {
        display: block;
        width: 0;
        overflow-x: hidden;
    }

    .js .ui-note-animated.has-arrow::before {
        opacity: 0;
        transition: opacity 1.5s ease-in;
    }

    .js .ui-note-animated.inview > span {
        width: 100%;
    }

    .js .ui-note-animated.inview.has-arrow::before {
        opacity: 1;
    }

    .js .ui-note-animated.inview span:first-child {
        -webkit-animation: write 1s steps(60, end);
        animation: write 1s steps(60, end);
    }
}

.richtext .ui-note.is-inverted,
.ui-note.is-inverted {
    color: #fff;
}

.richtext .ui-note span,
.ui-note span {
    padding: 0 5px;
}

.richtext .ui-note.has-arrow::before,
.ui-note.has-arrow::before {
    position: absolute;
    z-index: 999;
    width: 31px;
    height: 27px;
    background-image: url(../img/note-right-cyan.svg);
    content: '';
}

.richtext .ui-note.has-arrow.is-inverted::before,
.ui-note.has-arrow.is-inverted::before {
    background-image: url(../img/note-right-white.svg);
}

.richtext .ui-note.has-arrow.is-left-side,
.ui-note.has-arrow.is-left-side {
    padding-left: 36px;
    margin-top: 40px;
}

    .richtext .ui-note.has-arrow.is-left-side::before,
    .ui-note.has-arrow.is-left-side::before {
        bottom: -20px;
        left: 0;
    }

.richtext .ui-note.has-arrow.is-left-down,
.ui-note.has-arrow.is-left-down {
    padding-left: 50px;
    margin-bottom: 33px;
}

    .richtext .ui-note.has-arrow.is-left-down.with-space-top,
    .ui-note.has-arrow.is-left-down.with-space-top {
        margin-top: 56px;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .richtext .ui-note.has-arrow.is-left-down.with-space-top,
    .ui-note.has-arrow.is-left-down.with-space-top {
        margin-top: 0;
    }
}

.richtext .ui-note.has-arrow.is-left-down::before,
.ui-note.has-arrow.is-left-down::before {
    bottom: -22px;
    left: 16px;
    transform: scaleY(-1) rotate(90deg);
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .richtext .ui-note.has-arrow.is-left-down,
    .ui-note.has-arrow.is-left-down {
        padding-left: 34px;
    }

        .richtext .ui-note.has-arrow.is-left-down::before,
        .ui-note.has-arrow.is-left-down::before {
            bottom: -22px;
            left: 0;
        }
}

.richtext .ui-note.has-arrow.is-right-side::before,
.ui-note.has-arrow.is-right-side::before {
    right: -40px;
    bottom: -20px;
    transform: scaleX(-1);
}

.richtext .ui-note.has-arrow.is-right-down,
.ui-note.has-arrow.is-right-down {
    margin-top: 58px;
}

    .richtext .ui-note.has-arrow.is-right-down::before,
    .ui-note.has-arrow.is-right-down::before {
        right: -35px;
        bottom: -23px;
        transform: rotate(-90deg);
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .richtext .ui-note.has-arrow.is-right-down,
    .ui-note.has-arrow.is-right-down {
        margin-top: 56px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .richtext .ui-note.has-arrow.is-right-down,
    .ui-note.has-arrow.is-right-down {
        margin-top: 44px;
    }
}

.richtext .ui-note.has-arrow.is-right-top::before,
.ui-note.has-arrow.is-right-top::before {
    top: -30px;
    right: 0;
    transform: rotate(180deg);
}

.richtext .ui-note.has-arrow.is-left-line,
.ui-note.has-arrow.is-left-line {
    padding-left: 90px;
}

    .richtext .ui-note.has-arrow.is-left-line::before,
    .ui-note.has-arrow.is-left-line::before {
        bottom: -10px;
        left: 50px;
        transform: rotate(35deg);
    }

.richtext .ui-note.has-arrow.is-right-line,
.ui-note.has-arrow.is-right-line {
    padding-bottom: 10px;
}

    .richtext .ui-note.has-arrow.is-right-line::before,
    .ui-note.has-arrow.is-right-line::before {
        right: -48px;
        bottom: 7px;
        transform: rotate(-130deg);
    }

.richtext .ui-note.has-arrow.with-form,
.ui-note.has-arrow.with-form {
    float: right;
}

.richtext .ui-note.m-canton-list__goal.has-arrow::before,
.ui-note.m-canton-list__goal.has-arrow::before {
    background-image: url(../img/note-right-green.svg);
}

@media screen and (max-width: 767px) {
    .richtext .ui-note,
    .ui-note {
        display: none;
    }
}

.button-note-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 70px;
}

    .button-note-wrapper .ui-note {
        position: absolute;
        white-space: nowrap;
    }

        .button-note-wrapper .ui-note.is-left-down {
            top: 10px;
        }

        .button-note-wrapper .ui-note.is-left-side {
            top: -16px;
            left: 100%;
            padding-left: 45px;
        }

            .button-note-wrapper .ui-note.is-left-side::before {
                bottom: -18px;
                left: 20px;
            }

        .button-note-wrapper .ui-note.is-right-down {
            top: 0;
            margin-top: 0;
        }

        .button-note-wrapper .ui-note.is-right-side {
            top: 22px;
            right: 100%;
            padding-right: 55px;
        }

            .button-note-wrapper .ui-note.is-right-side::before {
                right: 14px;
            }

@media screen and (max-width: 767px) {
    .button-note-wrapper {
        padding-top: 15px;
    }
}

.ui-circle-teaser {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .ui-circle-teaser:active .circle-teaser__img-wrapper::before,
    .ui-circle-teaser:focus .circle-teaser__img-wrapper::before,
    .ui-circle-teaser:hover .circle-teaser__img-wrapper::before {
        background-color: #f60;
    }

    .ui-circle-teaser .circle-teaser__description {
        font-size: 1.2rem;
        line-height: 1.6rem;
        overflow: hidden;
        width: 100%;
        max-height: 32px;
        margin-top: 8px;
        color: #f60;
        font-family: 'Helvetica Now Micro Bold', Helvetica, Arial, Sans Serif;
        text-align: center;
    }

@media screen and (min-width: 768px) {
    .ui-circle-teaser .circle-teaser__description {
        font-size: 1rem;
        line-height: 1.4rem;
        width: 84px;
        max-height: 28px;
    }
}

@media screen and (min-width: 992px) {
    .ui-circle-teaser .circle-teaser__description {
        font-size: 1.6rem;
        line-height: 2rem;
        width: 110px;
        max-height: 40px;
        font-family: 'Helvetica Now Text Bold', Helvetica, Arial, Sans Serif;
    }
}

@media screen and (min-width: 375px) {
    .ui-circle-teaser .circle-teaser__description {
        width: 100px;
    }
}

.ui-circle-teaser .circle-teaser__img-wrapper {
    position: relative;
    width: 80px;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 85%;
    border-radius: 50%;
}

    .ui-circle-teaser .circle-teaser__img-wrapper::before {
        position: absolute;
        display: block;
        content: '';
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 3px solid #f60;
        background-color: rgba(0, 0, 0, 0);
        border-radius: 50%;
        transition: background-color 0.25s ease-in-out;
    }

    .ui-circle-teaser .circle-teaser__img-wrapper.is-default::before {
        background-color: rgba(0, 0, 0, 0);
    }

@media screen and (min-width: 768px) {
    .ui-circle-teaser .circle-teaser__img-wrapper {
        width: 84px;
        height: 84px;
    }
}

@media screen and (min-width: 992px) {
    .ui-circle-teaser .circle-teaser__img-wrapper {
        width: 110px;
        height: 110px;
    }
}

@media screen and (min-width: 375px) {
    .ui-circle-teaser .circle-teaser__img-wrapper {
        width: 100px;
        height: 100px;
    }
}

.ui-cumulus-validity {
    --close-to-expire-color: var(--campaign-expire-text-color, #f60);
    font-size: 1.1rem;
    display: flex;
    font-family: 'Helvetica Now Text Regular';
    font-weight: 400;
    color: #003d8d;
    margin-bottom: 10px;
}

    .ui-cumulus-validity .timer-icon {
        fill: #003d8d;
        margin-right: 5px;
    }

    .ui-cumulus-validity.close-to-expire {
        color: var(--close-to-expire-color);
    }

        .ui-cumulus-validity.close-to-expire .timer-icon {
            fill: var(--close-to-expire-color);
        }

    .ui-cumulus-validity.big {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-bottom: 0;
        margin-top: 28px;
    }

        .ui-cumulus-validity.big .timer-icon {
            width: 20px;
            height: 22px;
            margin-right: 9px;
        }

@media screen and (min-width: 768px) {
    .ui-cumulus-validity {
        margin-bottom: 7px;
    }

        .ui-cumulus-validity:not(.big) {
            font-size: 1rem;
        }

        .ui-cumulus-validity.big {
            font-size: 1.8rem;
            margin-bottom: 5px;
        }

            .ui-cumulus-validity.big .timer-icon {
                width: 24px;
                height: 26px;
            }
}

@media screen and (min-width: 1200px) {
    .ui-cumulus-validity {
        margin-bottom: 10px;
    }

        .ui-cumulus-validity:not(.big) {
            font-size: 1.1rem;
        }
}

.ui-ellipsis .read-less,
.ui-ellipsis .read-more {
    position: relative;
    z-index: 5;
    display: none;
    margin-top: 3px;
    color: #333;
    line-height: 2.4rem;
}

    .ui-ellipsis .read-less span,
    .ui-ellipsis .read-more span {
        padding-bottom: 2px;
        border-bottom: 1px solid #333;
    }

    .ui-ellipsis .read-less:hover,
    .ui-ellipsis .read-more:hover {
        color: #333;
    }

.ui-ellipsis.is-truncated .read-more {
    display: block !important;
}

.ui-ellipsis.isnt-truncated {
    height: auto !important;
}

    .ui-ellipsis.isnt-truncated .read-less {
        display: block;
    }

body.modal-open .mui-footer-affix {
    display: none;
}

.mui-footer-affix {
    position: relative;
    margin-top: -12px;
    margin-bottom: 12px;
}

.mui-js-footer-affix {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    transition: transform 0.3s 0.1s ease-out, opacity 0.3s 0.1s ease-out;
}

    .mui-js-footer-affix.is-hide,
    .mui-js-footer-affix.is-search-open {
        opacity: 0;
        pointer-events: none;
        transform: translateY(250px);
        transition: transform 0.3s ease-in, opacity 0.3s ease-in;
    }

.mui-footer-affix-chat {
    position: fixed;
    z-index: 9999;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    transition: transform 0.25s;
}

    .mui-footer-affix-chat.is-cumulus span#optiRealPersonContent a {
        background: #1d57c5;
    }

        .mui-footer-affix-chat.is-cumulus span#optiRealPersonContent a::before {
            background: url(../img/chat-icon-cumulus.svg) no-repeat;
            background-position: 50% 0;
        }

    .mui-footer-affix-chat span#optiRealPersonContent a {
        position: relative;
        z-index: 1070;
        display: block;
        width: 60px;
        height: 60px;
        background: #00aecf;
        border-radius: 50%;
        box-shadow: 0 3px 23px -8px rgba(0, 0, 0, 0.4);
        color: transparent;
        font-size: 0;
        transition: background 0.3s ease-out, box-shadow 0.3s ease-out;
    }

        .mui-footer-affix-chat span#optiRealPersonContent a::before {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 40px;
            height: 40px;
            background: url(../img/chat-icon-default.svg) no-repeat;
            background-position: 50% 0;
            content: '';
            transform: translate(-50%, -50%);
        }

        .mui-footer-affix-chat span#optiRealPersonContent a:active,
        .mui-footer-affix-chat span#optiRealPersonContent a:focus,
        .mui-footer-affix-chat span#optiRealPersonContent a:hover {
            background-color: #fff;
        }

            .mui-footer-affix-chat span#optiRealPersonContent a:active::before,
            .mui-footer-affix-chat span#optiRealPersonContent a:focus::before,
            .mui-footer-affix-chat span#optiRealPersonContent a:hover::before {
                background-position: 50% -42px;
            }

    .mui-footer-affix-chat div.optiRealPersonStatusbutton {
        position: absolute;
    }

    .mui-footer-affix-chat .optiRealPersonStatusbutton img {
        display: none;
    }

@media screen and (max-width: 991px) {
    .mui-footer-affix-chat {
        right: 16px;
        bottom: 16px;
    }
}

.mui-footer-affix-top {
    transform: translateY(100px);
}

.hcm a,
.hcm p,
.hcm span,
.hcm strong {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    overflow: visible;
    color: #f60;
}

    .hcm a:active,
    .hcm a:focus,
    .hcm a:hover {
        text-decoration: underline;
    }

.hcm .btn {
    border: 2px solid #f60;
}

    .hcm .btn.is-open,
    .hcm .btn:active,
    .hcm .btn:focus,
    .hcm .btn:hover {
        text-decoration: underline;
    }

.hcm .sr-only {
    overflow: visible;
    clip: auto;
}

.hcm .ui-pagination .pagination .page.next,
.hcm .ui-pagination .pagination .page.prev {
    width: 66px;
    text-align: left;
}

.hcm .ui-t317-03-standardicontext .link-box .text-area::after {
    background-image: none;
    content: '>';
}

.hcm .ui-t317-03-standardicontext .link-box:active .text-area,
.hcm .ui-t317-03-standardicontext .link-box:focus .text-area,
.hcm .ui-t317-03-standardicontext .link-box:hover .text-area {
    text-decoration: underline;
}

.hcm .ui-t318-03-eventdate .headline-outer::after,
.hcm .ui-t321-03-eventperiod .headline-outer::after {
    content: '>';
}

.hcm .ui-t324-03-standardimagetext:active .text-area .h3-replace,
.hcm .ui-t324-03-standardimagetext:active .text-area .title,
.hcm .ui-t324-03-standardimagetext:active .text-area h3,
.hcm .ui-t324-03-standardimagetext:focus .text-area .h3-replace,
.hcm .ui-t324-03-standardimagetext:focus .text-area .title,
.hcm .ui-t324-03-standardimagetext:focus .text-area h3,
.hcm .ui-t324-03-standardimagetext:hover .text-area .h3-replace,
.hcm .ui-t324-03-standardimagetext:hover .text-area .title,
.hcm .ui-t324-03-standardimagetext:hover .text-area h3,
.hcm .ui-t327-04-imagetext:active .text-area .h3-replace,
.hcm .ui-t327-04-imagetext:active .text-area .title,
.hcm .ui-t327-04-imagetext:active .text-area h3,
.hcm .ui-t327-04-imagetext:focus .text-area .h3-replace,
.hcm .ui-t327-04-imagetext:focus .text-area .title,
.hcm .ui-t327-04-imagetext:focus .text-area h3,
.hcm .ui-t327-04-imagetext:hover .text-area .h3-replace,
.hcm .ui-t327-04-imagetext:hover .text-area .title,
.hcm .ui-t327-04-imagetext:hover .text-area h3,
.hcm .ui-t328-04-text-16-9:active .text-area .h3-replace,
.hcm .ui-t328-04-text-16-9:active .text-area .title,
.hcm .ui-t328-04-text-16-9:active .text-area h3,
.hcm .ui-t328-04-text-16-9:focus .text-area .h3-replace,
.hcm .ui-t328-04-text-16-9:focus .text-area .title,
.hcm .ui-t328-04-text-16-9:focus .text-area h3,
.hcm .ui-t328-04-text-16-9:hover .text-area .h3-replace,
.hcm .ui-t328-04-text-16-9:hover .text-area .title,
.hcm .ui-t328-04-text-16-9:hover .text-area h3,
.hcm .ui-t329-04-textnumbers:active .text-area .h3-replace,
.hcm .ui-t329-04-textnumbers:active .text-area .title,
.hcm .ui-t329-04-textnumbers:active .text-area h3,
.hcm .ui-t329-04-textnumbers:focus .text-area .h3-replace,
.hcm .ui-t329-04-textnumbers:focus .text-area .title,
.hcm .ui-t329-04-textnumbers:focus .text-area h3,
.hcm .ui-t329-04-textnumbers:hover .text-area .h3-replace,
.hcm .ui-t329-04-textnumbers:hover .text-area .title,
.hcm .ui-t329-04-textnumbers:hover .text-area h3 {
    text-decoration: underline;
}

.hcm .ui-t324-03-standardimagetext:active .text-area::after,
.hcm .ui-t324-03-standardimagetext:focus .text-area::after,
.hcm .ui-t324-03-standardimagetext:hover .text-area::after,
.hcm .ui-t327-04-imagetext:active .text-area::after,
.hcm .ui-t327-04-imagetext:focus .text-area::after,
.hcm .ui-t327-04-imagetext:hover .text-area::after,
.hcm .ui-t328-04-text-16-9:active .text-area::after,
.hcm .ui-t328-04-text-16-9:focus .text-area::after,
.hcm .ui-t328-04-text-16-9:hover .text-area::after,
.hcm .ui-t329-04-textnumbers:active .text-area::after,
.hcm .ui-t329-04-textnumbers:focus .text-area::after,
.hcm .ui-t329-04-textnumbers:hover .text-area::after {
    content: '>';
}

.hcm .ui-t324-03-standardimagetext:active.with-image .text-area .h3-replace,
.hcm .ui-t324-03-standardimagetext:active.with-image .text-area .title,
.hcm .ui-t324-03-standardimagetext:active.with-image .text-area h3,
.hcm .ui-t324-03-standardimagetext:focus.with-image .text-area .h3-replace,
.hcm .ui-t324-03-standardimagetext:focus.with-image .text-area .title,
.hcm .ui-t324-03-standardimagetext:focus.with-image .text-area h3,
.hcm .ui-t324-03-standardimagetext:hover.with-image .text-area .h3-replace,
.hcm .ui-t324-03-standardimagetext:hover.with-image .text-area .title,
.hcm .ui-t324-03-standardimagetext:hover.with-image .text-area h3,
.hcm .ui-t327-04-imagetext:active.with-image .text-area .h3-replace,
.hcm .ui-t327-04-imagetext:active.with-image .text-area .title,
.hcm .ui-t327-04-imagetext:active.with-image .text-area h3,
.hcm .ui-t327-04-imagetext:focus.with-image .text-area .h3-replace,
.hcm .ui-t327-04-imagetext:focus.with-image .text-area .title,
.hcm .ui-t327-04-imagetext:focus.with-image .text-area h3,
.hcm .ui-t327-04-imagetext:hover.with-image .text-area .h3-replace,
.hcm .ui-t327-04-imagetext:hover.with-image .text-area .title,
.hcm .ui-t327-04-imagetext:hover.with-image .text-area h3,
.hcm .ui-t328-04-text-16-9:active.with-image .text-area .h3-replace,
.hcm .ui-t328-04-text-16-9:active.with-image .text-area .title,
.hcm .ui-t328-04-text-16-9:active.with-image .text-area h3,
.hcm .ui-t328-04-text-16-9:focus.with-image .text-area .h3-replace,
.hcm .ui-t328-04-text-16-9:focus.with-image .text-area .title,
.hcm .ui-t328-04-text-16-9:focus.with-image .text-area h3,
.hcm .ui-t328-04-text-16-9:hover.with-image .text-area .h3-replace,
.hcm .ui-t328-04-text-16-9:hover.with-image .text-area .title,
.hcm .ui-t328-04-text-16-9:hover.with-image .text-area h3,
.hcm .ui-t329-04-textnumbers:active.with-image .text-area .h3-replace,
.hcm .ui-t329-04-textnumbers:active.with-image .text-area .title,
.hcm .ui-t329-04-textnumbers:active.with-image .text-area h3,
.hcm .ui-t329-04-textnumbers:focus.with-image .text-area .h3-replace,
.hcm .ui-t329-04-textnumbers:focus.with-image .text-area .title,
.hcm .ui-t329-04-textnumbers:focus.with-image .text-area h3,
.hcm .ui-t329-04-textnumbers:hover.with-image .text-area .h3-replace,
.hcm .ui-t329-04-textnumbers:hover.with-image .text-area .title,
.hcm .ui-t329-04-textnumbers:hover.with-image .text-area h3 {
    text-decoration: underline;
}

.hcm .ui-t324-03-standardimagetext:active.with-image .text-area::after,
.hcm .ui-t324-03-standardimagetext:focus.with-image .text-area::after,
.hcm .ui-t324-03-standardimagetext:hover.with-image .text-area::after,
.hcm .ui-t327-04-imagetext:active.with-image .text-area::after,
.hcm .ui-t327-04-imagetext:focus.with-image .text-area::after,
.hcm .ui-t327-04-imagetext:hover.with-image .text-area::after,
.hcm .ui-t328-04-text-16-9:active.with-image .text-area::after,
.hcm .ui-t328-04-text-16-9:focus.with-image .text-area::after,
.hcm .ui-t328-04-text-16-9:hover.with-image .text-area::after,
.hcm .ui-t329-04-textnumbers:active.with-image .text-area::after,
.hcm .ui-t329-04-textnumbers:focus.with-image .text-area::after,
.hcm .ui-t329-04-textnumbers:hover.with-image .text-area::after {
    content: '>';
}

.hcm .ui-t330-06-imagetext .title::after,
.hcm .ui-t331-08-imagetext .title::after {
    background-image: none;
    content: '>';
}

.hcm .ui-t330-06-imagetext .image-box:active .title,
.hcm .ui-t330-06-imagetext .image-box:focus .title,
.hcm .ui-t330-06-imagetext .image-box:hover .title,
.hcm .ui-t331-08-imagetext .image-box:active .title,
.hcm .ui-t331-08-imagetext .image-box:focus .title,
.hcm .ui-t331-08-imagetext .image-box:hover .title {
    text-decoration: underline;
}

    .hcm .ui-t330-06-imagetext .image-box:active .title::after,
    .hcm .ui-t330-06-imagetext .image-box:focus .title::after,
    .hcm .ui-t330-06-imagetext .image-box:hover .title::after,
    .hcm .ui-t331-08-imagetext .image-box:active .title::after,
    .hcm .ui-t331-08-imagetext .image-box:focus .title::after,
    .hcm .ui-t331-08-imagetext .image-box:hover .title::after {
        text-decoration: underline;
    }

.hcm .ui-t12-highlight1 h4::after,
.hcm .ui-t12-highlight2 h4::after {
    background-image: none;
    content: '>';
}

.hcm .ui-t12-highlight1:active h4,
.hcm .ui-t12-highlight1:focus h4,
.hcm .ui-t12-highlight1:hover h4,
.hcm .ui-t12-highlight2:active h4,
.hcm .ui-t12-highlight2:focus h4,
.hcm .ui-t12-highlight2:hover h4 {
    text-decoration: underline;
}

    .hcm .ui-t12-highlight1:active h4::after,
    .hcm .ui-t12-highlight1:focus h4::after,
    .hcm .ui-t12-highlight1:hover h4::after,
    .hcm .ui-t12-highlight2:active h4::after,
    .hcm .ui-t12-highlight2:focus h4::after,
    .hcm .ui-t12-highlight2:hover h4::after {
        text-decoration: underline;
    }

.hcm .ui-t12-highlight1.is-orange div.centered:last-child::after,
.hcm .ui-t12-highlight2.is-orange div.centered:last-child::after {
    background-image: none;
    content: '>';
}

.hcm .ui-t12-highlight1.is-orange:hover div.centered:last-child::after,
.hcm .ui-t12-highlight2.is-orange:hover div.centered:last-child::after {
    text-decoration: underline;
}

.hcm .ui-t12-highlight1.is-orange:hover div.centered:last-child p.subline,
.hcm .ui-t12-highlight2.is-orange:hover div.centered:last-child p.subline {
    text-decoration: underline;
}

.hcm .ui-t337-06-cumulus-status .title::after {
    background-image: none;
    content: '>';
}

.hcm .ui-t337-06-cumulus-status .image-box:active .title,
.hcm .ui-t337-06-cumulus-status .image-box:focus .title,
.hcm .ui-t337-06-cumulus-status .image-box:hover .title {
    cursor: pointer;
    text-decoration: underline;
}

    .hcm .ui-t337-06-cumulus-status .image-box:active .title::after,
    .hcm .ui-t337-06-cumulus-status .image-box:focus .title::after,
    .hcm .ui-t337-06-cumulus-status .image-box:hover .title::after {
        text-decoration: underline;
    }

.hcm .ui-f607-12-forms .ff-check input,
.hcm .ui-f607-12-forms .ff-radio input {
    top: -9px;
    opacity: 1;
}

.hcm .ui-f607-12-forms .form-group input,
.hcm .ui-f607-12-forms .form-group select,
.hcm .ui-f607-12-forms .form-group textarea {
    border: 1px solid #fb6400;
    border-radius: 4px;
}

.hcm .ui-f607-12-forms .form-group select {
    padding: 10px;
}

    .hcm .ui-f607-12-forms .form-group select:focus {
        padding-top: 8px;
        padding-left: 8px;
        border: 2px solid #fb6400;
    }

.hcm .ui-f607-12-forms .form-group.form-width-s strong {
    overflow: hidden;
    color: transparent;
    font: 0/0 serif;
    text-shadow: none;
}

.hcm .ui-c248-06-change .pos-block:nth-of-type(1)::after {
    left: 70%;
    content: '>';
}

.hcm .ui-g140-stage-anchors .list-topic::before {
    top: 0;
    border-top: 0;
}

.hcm .ui-g140-stage-anchors .list-topic::after {
    bottom: 0;
    border-bottom: 0;
}

.hcm
.ui-panel-migros
.panel-heading
[data-toggle='collapse'].collapsed::before {
    content: '+';
    transform: rotate(0);
}

.hcm .ui-panel-migros .panel-title > a::before {
    background-image: none;
    content: '-';
    transform: rotate(0);
}

.hcm .ui-l528-12-content-tabs .nav-tabs > li > a:active,
.hcm .ui-l528-12-content-tabs .nav-tabs > li > a:focus,
.hcm .ui-l528-12-content-tabs .nav-tabs > li > a:hover {
    text-decoration: underline;
}

.hcm .m402-04-contentimage .btn,
.hcm .m403-08-contentimage .btn {
    display: none;
}

.hcm .m402-04-contentimage .icon-social,
.hcm .m403-08-contentimage .icon-social {
    font-size: 2rem;
    line-height: 1;
    width: auto;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    overflow: visible;
    color: #f60;
    text-shadow: none;
}

    .hcm .m402-04-contentimage .icon-social:active,
    .hcm .m402-04-contentimage .icon-social:focus,
    .hcm .m402-04-contentimage .icon-social:hover,
    .hcm .m403-08-contentimage .icon-social:active,
    .hcm .m403-08-contentimage .icon-social:focus,
    .hcm .m403-08-contentimage .icon-social:hover {
        background-color: rgba(0, 0, 0, 0);
    }

    .hcm .m402-04-contentimage .icon-social.pinterest,
    .hcm .m403-08-contentimage .icon-social.pinterest {
        background-image: none;
    }

.ui-header-headline {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Helvetica Now Text XBold', Helvetica, arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

    .ui-header-headline.alt-colored {
        color: #333;
    }

    .ui-header-headline.is-inverted {
        color: #333;
    }

    .ui-header-headline.is-especially {
        font-family: MarketWeb;
        font-weight: 400;
        text-transform: none;
        font-family: MarketWeb;
    }

    .ui-header-headline.is-medium-large {
        font-size: 6.5rem;
        line-height: 7rem;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-header-headline.is-medium-large {
        font-size: 5.5rem;
        line-height: 5.5rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-header-headline.is-medium-large {
        font-size: 4rem;
        line-height: 4rem;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-header-headline.is-medium-large {
        font-size: 3.2rem;
        line-height: 3.2rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-header-headline.is-medium-large {
        font-size: 3.5rem;
        line-height: 3.5rem;
    }
}

.ui-header-headline.is-medium {
    font-size: 4.2rem;
    line-height: 4.2rem;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-header-headline.is-medium {
        font-size: 3.2rem;
        line-height: 3.2rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-header-headline.is-medium {
        font-size: 2.8rem;
        line-height: 2.8rem;
    }
}

@media screen and (min-width: 768px) {
    .ui-header-headline {
        font-size: 5.4rem;
        line-height: 6.2rem;
    }
}

.ui-paragraph-headline {
    font-size: 2.2rem;
    line-height: 2.5rem;
    margin-bottom: 17px;
    color: #333;
    font-family: 'Helvetica Now Text XBold', Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: -0.25px;
}

    .ui-paragraph-headline.alt-colored {
        color: #333;
    }

    .ui-paragraph-headline.is-highlight,
    .ui-paragraph-headline.is-highlight-white {
        position: relative;
        padding-top: 32px;
    }

        .ui-paragraph-headline.is-highlight-white::before,
        .ui-paragraph-headline.is-highlight::before {
            position: absolute;
            top: 17px;
            left: 0;
            width: 42px;
            height: 7px;
            background-color: #f60;
            content: '';
        }

@media screen and (min-width: 992px) {
    .ui-paragraph-headline.is-highlight-white::before,
    .ui-paragraph-headline.is-highlight::before {
        top: 16px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-paragraph-headline.is-highlight-white::before,
    .ui-paragraph-headline.is-highlight::before {
        top: 14px;
    }
}

.ui-paragraph-headline.is-white {
    color: #fff;
}

    .ui-paragraph-headline.is-white::before {
        background-color: #fff;
    }

.ui-paragraph-headline.is-cumulus::before {
    background-color: #003d8d;
}

.ui-paragraph-headline.no-bottom-space {
    margin-bottom: 0;
}

.ui-paragraph-headline.is-medium {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-top: 40px;
}

@media screen and (min-width: 992px) {
    .ui-paragraph-headline.is-medium {
        font-size: 2rem;
        line-height: 2.3rem;
    }
}

.ui-paragraph-headline.is-small {
    font-size: 1.8rem;
    line-height: 2.2rem;
}

@media screen and (min-width: 992px) {
    .ui-paragraph-headline.is-small {
        font-size: 2rem;
        line-height: 2.3rem;
    }
}

.ui-paragraph-headline.is-xsmall {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 10px;
}

.ui-paragraph-headline.is-inverted {
    color: #fff;
}

.ui-paragraph-headline.is-orange-text {
    color: #f60;
}

    .ui-paragraph-headline.is-orange-text.alt-colored {
        color: #f60;
    }

.ui-paragraph-headline.is-especially {
    font-family: MarketWeb;
    font-weight: 400;
    text-transform: none;
    font-family: MarketWeb;
}

.ui-paragraph-headline.is-ellipsis-demo {
    height: 70px;
}

@media screen and (max-width: 479px) {
    .ui-paragraph-headline.is-linklist {
        font-size: 1.6rem;
        line-height: 2.1rem;
        margin-bottom: 13px;
    }
}

@media screen and (min-width: 992px) {
    .ui-paragraph-headline {
        font-size: 2.8rem;
        line-height: 3.2rem;
        margin-bottom: 22px;
        letter-spacing: -0.5px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-paragraph-headline {
        font-size: 3.2rem;
        line-height: 3.6rem;
        margin-bottom: 25px;
        letter-spacing: -0.5px;
    }
}

.ui-secondary-headline {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #666;
    font-family: 'Helvetica Now Text XBold', Helvetica, arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

    .ui-secondary-headline.alt-colored {
        color: #666;
    }

.ui-c247-08-headline {
    margin-bottom: 20px;
}

    .ui-c247-08-headline .headline {
        font-family: MarketWeb;
        font-weight: 400;
        text-transform: none;
        font-size: 4.2rem;
        line-height: 5rem;
        color: #00aecf;
    }

@media screen and (max-width: 767px) {
    .ui-c247-08-headline .headline {
        font-size: 3.5rem;
        line-height: 4.2rem;
    }
}

.ui-c247-08-headline.is-cumulus .headline {
    color: #003d8d;
}

.ui-intro {
    font-family: 'Helvetica Now Text Regular', Helvetica, arial, sans-serif;
    margin-bottom: 30px;
}

    .ui-intro.is-inverted,
    .ui-intro.is-white {
        color: #fff;
    }

    .ui-intro.is-orange-text {
        color: #f60;
    }

.alt-colored .ui-header-headline {
    color: #333;
}

    .alt-colored .ui-header-headline.is-inverted {
        color: #333;
    }

.alt-colored .ui-paragraph-headline {
    color: #333;
}

    .alt-colored .ui-paragraph-headline.is-inverted {
        color: #333;
    }

.alt-colored .ui-secondary-headline {
    color: #666;
}

.alt-colored .ui-intro {
    color: #333;
}

.alt-colored.ui-intro {
    color: #333;
}

.ui-image-share {
    background-color: red;
}

    .ui-image-share img {
        max-width: 100%;
    }

.ui-inline-text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.8rem;
    display: inline;
}

    .ui-inline-text p {
        display: inline;
        margin-bottom: 0;
    }

.link,
a.link {
    font-size: 1.4rem;
    line-height: 1.8rem;
    position: relative;
    padding-right: 16px;
    background: url(../img/arrow-right-orange.svg) 100% calc(50% + 1px) no-repeat;
    color: #f60;
    font-family: 'Helvetica Now Text Bold', Helvetica, arial, sans-serif;
}

    .link.is-cumulus,
    a.link.is-cumulus {
        color: #003d8d;
    }

    .link.alt-colored,
    a.link.alt-colored {
        color: #f60;
    }

    .link:active,
    .link:focus,
    .link:hover,
    a.link:active,
    a.link:focus,
    a.link:hover {
        /*background: url(../img/arrow-right-orange-hover.svg) 100% calc(50% + 1px) no-repeat;*/
        color: #de450a;
    }

        .link:active::after,
        .link:focus::after,
        .link:hover::after,
        a.link:active::after,
        a.link:focus::after,
        a.link:hover::after {
            opacity: 1;
            transform: translateY(0);
        }

        .link:active.is-cumulus,
        .link:focus.is-cumulus,
        .link:hover.is-cumulus,
        a.link:active.is-cumulus,
        a.link:focus.is-cumulus,
        a.link:hover.is-cumulus {
            color: #00145c;
        }

        .link:active.alt-colored,
        .link:focus.alt-colored,
        .link:hover.alt-colored,
        a.link:active.alt-colored,
        a.link:focus.alt-colored,
        a.link:hover.alt-colored {
            color: #de450a;
        }

    .link.quit,
    a.link.quit {
        background-size: 8px;
        padding-right: 0;
        padding-left: 18px;
        background: url(../img/quit.svg) 0 center no-repeat;
    }

    .link::after,
    a.link::after {
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
        width: 100%;
        height: 4px;
        background-color: #de450a;
        content: '';
        opacity: 0;
        transform: translateY(10px);
        transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    }

    .link.is-white,
    a.link.is-white {
        background: url(../img/arrow-right-white.svg) 100% 50% no-repeat;
        color: #fff;
    }

        .link.is-white:active,
        .link.is-white:focus,
        .link.is-white:hover,
        a.link.is-white:active,
        a.link.is-white:focus,
        a.link.is-white:hover {
            background: url(../img/arrow-right-silver.svg) 100% 50% no-repeat;
            color: #ccc;
        }

    .link.is-white-small,
    a.link.is-white-small {
        background: url(../img/arrow-right-white-small.svg) 100% 50% no-repeat;
        color: #fff;
    }

        .link.is-white-small:active,
        .link.is-white-small:focus,
        .link.is-white-small:hover,
        a.link.is-white-small:active,
        a.link.is-white-small:focus,
        a.link.is-white-small:hover {
            background: url(../img/arrow-right-silver-small.svg) 100% 50% no-repeat;
            color: #ccc;
        }

    .link.download,
    a.link.download {
        line-height: 2.1rem;
        font-family: 'Helvetica Now Text Regular', Helvetica, arial, sans-serif;
        padding-left: 28px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.78' height='20'%3E%3Cg fill-rule='evenodd' clip-rule='evenodd' fill='%23f60'%3E%3Cpath d='M14.78 9.03l-1.42-1.42-5.97 5.97-5.97-5.97L0 9.03l7.39 7.39z'/%3E%3Cpath d='M6.39 0h2v15h-2zM.39 18h14v2h-14z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
    }

        .link.download b,
        a.link.download b {
            font-family: 'Helvetica Now Text Bold', Helvetica, arial, sans-serif;
            font-weight: 400;
        }

        .link.download span,
        a.link.download span {
            color: #666;
        }

        .link.download:active,
        .link.download:focus,
        .link.download:hover,
        a.link.download:active,
        a.link.download:focus,
        a.link.download:hover {
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.78' height='20'%3E%3Cg fill-rule='evenodd' clip-rule='evenodd' fill='%23de450a'%3E%3Cpath d='M14.78 9.03l-1.42-1.42-5.97 5.97-5.97-5.97L0 9.03l7.39 7.39z'/%3E%3Cpath d='M6.39 0h2v15h-2zM.39 18h14v2h-14z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
        }

a.textlink {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1;
    padding-bottom: 0;
    border-bottom: 1px solid #f60;
    background-image: url(../img/textlink-bg.png);
    background-position: 0 30px;
    background-repeat: repeat-x;
    color: #333;
    text-decoration: none;
    transition-duration: 0.4s, 0.4s;
    transition-property: background-position, color;
    vertical-align: bottom;
}

    a.textlink.alt-colored {
        border-bottom-color: #f60;
        color: #333;
    }

    a.textlink:active,
    a.textlink:focus,
    a.textlink:hover {
        border-bottom-color: #f60;
        background-position: 0 1px;
        color: #fff;
    }

        a.textlink:active.alt-colored,
        a.textlink:focus.alt-colored,
        a.textlink:hover.alt-colored {
            color: #333;
        }

a.link-underlined {
    padding-bottom: 0;
    border-bottom: 1px solid #f60;
    background-image: url(../img/textlink-bg.png);
    background-position: 0 30px;
    background-repeat: repeat-x;
    color: #333;
    text-decoration: none;
    transition-duration: 0.4s, 0.4s;
    transition-property: background-position, color;
    vertical-align: bottom;
}

    a.link-underlined.alt-colored {
        border-bottom-color: #f60;
        color: #333;
    }

    a.link-underlined:active,
    a.link-underlined:focus,
    a.link-underlined:hover {
        border-bottom-color: #f60;
        background-position: 0 1px;
        color: #fff;
    }

        a.link-underlined:active.alt-colored,
        a.link-underlined:focus.alt-colored,
        a.link-underlined:hover.alt-colored {
            color: #333;
        }

a.alt-colored {
    border-bottom-color: #f60;
    color: #333;
}

    a.alt-colored:active,
    a.alt-colored:focus,
    a.alt-colored:hover {
        border-bottom-color: #f60;
        color: #333;
    }

.alt-colored .link,
.richtext.alt-colored .link {
    color: #f60;
}

    .alt-colored .link:active,
    .alt-colored .link:focus,
    .alt-colored .link:hover,
    .richtext.alt-colored .link:active,
    .richtext.alt-colored .link:focus,
    .richtext.alt-colored .link:hover {
        color: #de450a;
    }

    .alt-colored .link::after,
    .richtext.alt-colored .link::after {
        background-color: #de450a;
    }

.alt-colored a.textlink,
.alt-colored a:not([class]),
.richtext.alt-colored a.textlink,
.richtext.alt-colored a:not([class]) {
    border-bottom-color: #f60;
    color: #333;
}

    .alt-colored a.textlink:active,
    .alt-colored a.textlink:focus,
    .alt-colored a.textlink:hover,
    .alt-colored a:not([class]):active,
    .alt-colored a:not([class]):focus,
    .alt-colored a:not([class]):hover,
    .richtext.alt-colored a.textlink:active,
    .richtext.alt-colored a.textlink:focus,
    .richtext.alt-colored a.textlink:hover,
    .richtext.alt-colored a:not([class]):active,
    .richtext.alt-colored a:not([class]):focus,
    .richtext.alt-colored a:not([class]):hover {
        border-bottom-color: #f60;
        color: #333;
    }

div .morelink a.link:active,
div .morelink a.link:focus,
div .morelink a.link:hover {
    color: #de450a;
    text-decoration: none;
}

div .morelink .is-cumulus a,
div .morelink a.is-cumulus {
    background-image: url(../img/arrow-right-blue.svg);
    background-position: 100% 30%;
    color: #003d8d;
}

    div .morelink .is-cumulus a:active,
    div .morelink .is-cumulus a:focus,
    div .morelink .is-cumulus a:hover,
    div .morelink a.is-cumulus:active,
    div .morelink a.is-cumulus:focus,
    div .morelink a.is-cumulus:hover {
        background-image: url(../img/arrow-right-blue-hover.svg);
        background-position: 100% 30%;
        color: #00145c;
    }

div .morelink ul {
    padding-left: 0;
    margin-left: 0;
}

    div .morelink ul li {
        line-height: 2.4rem;
        padding-left: 0;
        list-style-type: none;
    }

        div .morelink ul li::before {
            display: none;
        }

.link-wrapper {
    display: block;
    margin-bottom: 6px;
    line-height: 14px;
}

.is-cumulus .link,
.is-cumulus a.link {
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding-right: 16px;
    color: #003d8d;
}

    .is-cumulus .link:not(.is-cumulus),
    .is-cumulus a.link:not(.is-cumulus) {
        background: url(../img/arrow-right-blue.svg) 100% 30% no-repeat;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .is-cumulus .link:active,
    .is-cumulus .link:focus,
    .is-cumulus .link:hover,
    .is-cumulus a.link:active,
    .is-cumulus a.link:focus,
    .is-cumulus a.link:hover {
        color: #00145c;
    }

        .is-cumulus .link:active:not(.is-cumulus),
        .is-cumulus .link:focus:not(.is-cumulus),
        .is-cumulus .link:hover:not(.is-cumulus),
        .is-cumulus a.link:active:not(.is-cumulus),
        .is-cumulus a.link:focus:not(.is-cumulus),
        .is-cumulus a.link:hover:not(.is-cumulus) {
            background: url(../img/arrow-right-blue-hover.svg) 100% 30% no-repeat;
        }

    .is-cumulus .link::after {
        display: none;
    }

.is-cumulus .link-white {
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding-right: 16px;
    background: url(../img/arrow-right.svg) right bottom 3px no-repeat;
    color: #fff;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

    .is-cumulus .link-white:active,
    .is-cumulus .link-white:focus,
    .is-cumulus .link-white:hover {
        background: url(../img/arrow-right-hover.svg) right bottom 3px no-repeat;
        color: #ccc;
    }

.is-cumulus a.textlink,
.is-cumulus a:not([class]) {
    border-bottom-color: #003d8d;
    background-image: url(../img/textlink-bg-blue.png);
    color: #333;
}

    .is-cumulus a.textlink:active,
    .is-cumulus a.textlink:focus,
    .is-cumulus a.textlink:hover,
    .is-cumulus a:not([class]):active,
    .is-cumulus a:not([class]):focus,
    .is-cumulus a:not([class]):hover {
        border-bottom-color: #00145c;
        color: #fff;
    }

.is-cumulus .morelink a.link:active,
.is-cumulus .morelink a.link:focus,
.is-cumulus .morelink a.link:hover,
.is-cumulus.morelink a.link:active,
.is-cumulus.morelink a.link:focus,
.is-cumulus.morelink a.link:hover {
    color: #00145c;
}

.is-cumulus .link.quit {
    background-size: 8px;
    padding-right: 0;
    padding-left: 18px;
    background: url(../img/quit-cumulus.svg) 0 center no-repeat;
}

    .is-cumulus .link.quit:active,
    .is-cumulus .link.quit:focus,
    .is-cumulus .link.quit:hover {
        background: url(../img/quit-cumulus.svg) 0 center no-repeat;
    }

.is-back-link {
    margin-bottom: 25px;
}

    .is-back-link .link {
        padding-left: 16px;
        background: 0 0;
    }

        .is-back-link .link::after,
        .is-back-link .link::before {
            position: absolute;
            display: block;
            content: '';
            top: calc(50% - 6px);
            left: 0;
            width: 7px;
            height: 12px;
            background: url(../img/arrow-left-back.svg) 100% 30% no-repeat;
            opacity: 1;
            transition: opacity 0s linear;
        }

        .is-back-link .link::after {
            background: url(../img/arrow-left-back-hover.svg) 100% 30% no-repeat;
            opacity: 0;
            transform: none;
        }

        .is-back-link .link:active:not([disabled]),
        .is-back-link .link:focus:not([disabled]),
        .is-back-link .link:hover:not([disabled]) {
            background: 0 0;
        }

            .is-back-link .link:active:not([disabled])::before,
            .is-back-link .link:focus:not([disabled])::before,
            .is-back-link .link:hover:not([disabled])::before {
                opacity: 0;
            }

            .is-back-link .link:active:not([disabled])::after,
            .is-back-link .link:focus:not([disabled])::after,
            .is-back-link .link:hover:not([disabled])::after {
                opacity: 1;
            }

.ui-login-info {
    padding: 20px 0 24px 20px;
}

    .ui-login-info .ui-note {
        display: block;
        color: #0daacf;
        font-family: MarketWeb;
        font-size: 24px;
        font-weight: 400;
        line-height: 36px;
        text-transform: none;
    }

        .ui-login-info .ui-note.is-inverted {
            color: #fff;
        }

        .ui-login-info .ui-note + * {
            margin-top: 16px;
        }

    .ui-login-info p {
        color: #000;
    }

    .ui-login-info .ui-service-login {
        margin-top: 10px;
    }

.ui-login-popover.sticky {
    position: fixed;
    top: 0 !important;
}

@media screen and (max-width: 767px) {
    .ui-login-popover {
        top: 56px !important;
        right: 0;
        left: auto !important;
    }

        .ui-login-popover .arrow {
            top: -11px !important;
            right: 124px;
            left: auto !important;
            border-bottom-color: #f1efee;
        }
}

@media screen and (max-width: 767px) and (min-width: 480px) and (max-width: 767px) {
    .ui-login-popover .arrow {
        right: 136px;
    }
}

@media screen and (max-width: 767px) and (min-width: 480px) {
    .ui-login-popover .arrow {
        right: 144px;
    }
}

.ui-popover-container.is-problem .close-btn,
.ui-popover-container.is-success .close-btn {
    position: absolute;
    z-index: 2;
    top: 18px;
    right: 0;
}

.ui-popover-container.is-problem .popover-title,
.ui-popover-container.is-success .popover-title {
    position: relative;
}

.ui-popover-container .popover-content .btn.is-cumulus {
    display: table;
    text-align: start;
    white-space: normal;
}

.ui-popover-container.is-success .popover-title {
    min-height: 50px;
    padding-right: 54px;
    padding-left: 68px;
}

    .ui-popover-container.is-success .popover-title::before {
        position: absolute;
        top: 6px;
        left: 14px;
        display: block;
        width: 38px;
        height: 38px;
        background-color: #75b714;
        background-image: url(../img/checkmark-thin-white.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 16px;
        border-radius: 50%;
        content: '';
    }

.ui-popover-container.is-problem .popover-title {
    min-height: 58px;
    padding-right: 54px;
    padding-left: 85px;
}

    .ui-popover-container.is-problem .popover-title::before {
        position: absolute;
        left: 14px;
        display: block;
        width: 58px;
        height: 30px;
        background-image: url(../img/error-megafon.svg);
        background-repeat: no-repeat;
        background-size: 58px 30px;
        content: '';
        font-size: 30px;
    }

.ui-login-popover-positioner {
    position: absolute;
    top: 23px;
    right: 40px;
    display: block;
    width: 0;
    height: 0;
}

@media screen and (max-width: 479px) {
    .ui-login-popover-positioner {
        top: 80px;
        right: 60px;
    }
}

.ui-page-background {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 1098px;
    height: 100%;
    margin-left: -549px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-page-background {
        width: 978px;
        margin-left: -489px;
    }
}

@media screen and (max-width: 991px) {
    .ui-page-background {
        width: 738px;
        margin-left: -369px;
    }
}

.recipe-info-box {
    display: flex;
    padding: 7px 0 22px;
    background: url(../img/svg/icons/recipe-teaser/icon-dot-border-black.svg) repeat-x 0 100%;
}

    .recipe-info-box .ui-rating {
        margin-right: 3px;
        font-size: 0;
    }

    .recipe-info-box .rating-star {
        display: inline-block;
        margin-right: 3px;
        vertical-align: top;
    }

        .recipe-info-box .rating-star::before {
            display: block;
            content: '';
        }

    .recipe-info-box .star-on-png::before {
        width: 20px;
        height: 21px;
        background: url(../img/svg/icons/recipe-teaser/icon-star-on.svg) no-repeat;
    }

    .recipe-info-box .star-off-png::before {
        width: 19px;
        height: 19px;
        background: url(../img/svg/icons/recipe-teaser/icon-star-off.svg) no-repeat;
    }

    .recipe-info-box .rating-counter {
        color: #333;
        font-family: InkstonText;
        font-size: 1.6rem;
    }

        .recipe-info-box .rating-counter span::before {
            content: '(';
        }

        .recipe-info-box .rating-counter span::after {
            content: ')';
        }

    .recipe-info-box .cooking-time {
        position: relative;
        padding-left: 26px;
        margin-left: auto;
        color: #333;
        font-family: InkstonText;
        font-size: 1.6rem;
        letter-spacing: 0.46px;
    }

        .recipe-info-box .cooking-time::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 21px;
            height: 21px;
            background: url(../img/svg/icons/recipe-teaser/icon-clock.svg) no-repeat;
            background-size: contain;
            content: '';
        }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .recipe-info-box .rating-star::before {
        background-size: contain;
    }

    .recipe-info-box .star-on-png::before {
        width: 13px;
        height: 14px;
    }

    .recipe-info-box .star-off-png::before {
        width: 13px;
        height: 13px;
    }

    .recipe-info-box .cooking-time {
        padding-left: 18px;
        font-size: 1.1rem;
    }

        .recipe-info-box .cooking-time::before {
            width: 15px;
            height: 15px;
        }

    .recipe-info-box .rating-counter {
        font-size: 1.1rem;
    }
}

.ui-stage-decoration {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
}

    .ui-stage-decoration img {
        width: 50%;
        height: auto;
        float: right;
    }

    .ui-stage-decoration.is-top-left {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
    }

        .ui-stage-decoration.is-top-left img {
            float: left;
        }

    .ui-stage-decoration.is-top-right {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
    }

        .ui-stage-decoration.is-top-right img {
            float: right;
        }

    .ui-stage-decoration.is-bottom-left {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
    }

        .ui-stage-decoration.is-bottom-left img {
            float: left;
        }

    .ui-stage-decoration.is-bottom-right {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto;
    }

        .ui-stage-decoration.is-bottom-right img {
            float: right;
        }

    .ui-stage-decoration.is-logo-right {
        top: 70px;
        right: 60px;
        bottom: auto;
        left: auto;
    }

        .ui-stage-decoration.is-logo-right img {
            width: 100%;
            float: right;
        }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-stage-decoration.is-logo-right {
        position: relative;
        top: 48px;
        right: auto;
        width: 888px;
        padding-right: 12px;
        padding-left: 12px;
        margin-right: auto;
        margin-left: auto;
    }

        .ui-stage-decoration.is-logo-right img {
            width: auto;
            float: right;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-stage-decoration.is-logo-right {
        position: relative;
        top: 37px;
        right: auto;
        width: 648px;
        padding-right: 12px;
        padding-left: 12px;
        margin-right: auto;
        margin-left: auto;
    }

        .ui-stage-decoration.is-logo-right img {
            width: auto;
            max-width: 190px;
            float: right;
        }
}

@media screen and (max-width: 767px) {
    .ui-stage-decoration.is-logo-right {
        position: absolute;
        top: auto;
        right: 20px;
        bottom: 20px;
        width: auto;
    }

        .ui-stage-decoration.is-logo-right img {
            width: auto;
            max-width: 150px;
        }
}

@media screen and (max-width: 479px) {
    .ui-stage-decoration.is-logo-right img {
        max-width: 100px;
    }
}

@media screen and (max-width: 991px) {
    .ui-stage-decoration.is-logo-right {
        display: block;
    }
}

.ui-stage-decoration.is-middle-right {
    top: 50%;
    right: 60px;
    bottom: auto;
    left: auto;
    transform: translateY(-50%);
}

    .ui-stage-decoration.is-middle-right img {
        width: 100%;
        max-width: 400px;
        float: right;
    }

@media screen and (max-width: 1199px) {
    .ui-stage-decoration.is-middle-right {
        position: absolute;
        right: 0;
        left: 0;
        width: 888px;
        padding-right: 12px;
        margin-right: auto;
        margin-left: auto;
    }

        .ui-stage-decoration.is-middle-right img {
            max-width: 275px;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-stage-decoration.is-middle-right {
        width: 648px;
    }

        .ui-stage-decoration.is-middle-right img {
            max-width: 194px;
        }
}

@media screen and (max-width: 767px) {
    .ui-stage-decoration.is-middle-right {
        top: auto;
        right: 20px;
        bottom: 20px;
        width: auto;
        transform: translateY(0);
    }

        .ui-stage-decoration.is-middle-right img {
            width: auto;
            max-width: 156px;
        }
}

@media screen and (max-width: 479px) {
    .ui-stage-decoration.is-middle-right img {
        max-width: 100px;
    }
}

@media screen and (max-width: 991px) {
    .ui-stage-decoration.is-middle-right {
        display: block;
    }
}

.ui-stage-decoration.is-stagehome-top {
    top: 80px;
    right: 60px;
    bottom: auto;
    left: auto;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-stage-decoration.is-stagehome-top {
        top: 57px;
        right: 50px;
    }

        .ui-stage-decoration.is-stagehome-top img {
            width: 42%;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-stage-decoration.is-stagehome-top {
        top: 47px;
        right: 42px;
        display: block;
    }

        .ui-stage-decoration.is-stagehome-top img {
            width: 34%;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-stage-decoration.is-stagehome-top {
        top: 39px;
        right: 30px;
        display: block;
    }

        .ui-stage-decoration.is-stagehome-top img {
            width: 27%;
        }
}

@media screen and (max-width: 479px) {
    .ui-stage-decoration.is-stagehome-top {
        top: 30px;
        right: 25px;
        display: block;
    }

        .ui-stage-decoration.is-stagehome-top img {
            width: 20%;
        }
}

.ui-stage-decoration.is-stagehome-bottom {
    top: auto;
    right: 60px;
    bottom: 84px;
    left: auto;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-stage-decoration.is-stagehome-bottom {
        right: 50px;
        bottom: 80px;
    }

        .ui-stage-decoration.is-stagehome-bottom img {
            width: 42%;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-stage-decoration.is-stagehome-bottom {
        right: 42px;
        bottom: 80px;
        display: block;
    }

        .ui-stage-decoration.is-stagehome-bottom img {
            width: 34%;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-stage-decoration.is-stagehome-bottom {
        right: 30px;
        bottom: 18px;
        display: block;
    }

        .ui-stage-decoration.is-stagehome-bottom img {
            width: 27%;
        }
}

@media screen and (max-width: 479px) {
    .ui-stage-decoration.is-stagehome-bottom {
        top: 160px;
        right: 25px;
        bottom: auto;
        display: block;
    }

        .ui-stage-decoration.is-stagehome-bottom img {
            width: 20%;
        }
}

@media screen and (max-width: 991px) {
    .ui-stage-decoration {
        display: none;
    }
}

.ui-magazine-article-aside {
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px;
    z-index: 1;
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-aside.is-right {
        padding-right: 0;
        padding-left: 12px;
        margin-left: 12px;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-aside.is-left {
        padding-right: 12px;
        padding-left: 0;
        margin-right: 12px;
    }
}

.ui-magazine-article-aside.is-product-box {
    margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .ui-magazine-article-aside.is-product-box.is-right {
        padding-right: 0;
        padding-left: 12px;
        margin-left: 12px;
    }
}

@media screen and (min-width: 768px) {
    .ui-magazine-article-aside.is-product-box.is-left {
        padding-right: 12px;
        padding-left: 0;
        margin-right: 12px;
    }
}

@media screen and (min-width: 768px) {
    .ui-magazine-article-aside.is-product-box {
        margin-top: 10px;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-aside {
        margin-top: 10px;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-magazine-article-aside.is-voting-box.is-right {
        margin-left: 12px;
    }

        .ui-magazine-article-aside.is-voting-box.is-right .ui-f631-voting {
            width: calc(100% - 12px);
            margin-left: 12px;
        }

    .ui-magazine-article-aside.is-voting-box.is-left {
        margin-right: 12px;
    }

        .ui-magazine-article-aside.is-voting-box.is-left .ui-f631-voting {
            width: calc(100% - 12px);
            margin-right: 12px;
        }
}

.ui-magazine-info-box {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #a7bed0;
}

    .ui-magazine-info-box.is-with-image {
        position: relative;
        padding-top: 0;
        margin-top: 140px;
    }

        .ui-magazine-info-box.is-with-image .headline {
            margin-top: 33px;
        }

        .ui-magazine-info-box.is-with-image .info-content {
            margin-top: 40px;
        }

@media screen and (max-width: 479px) {
    .ui-magazine-info-box.is-with-image .info-content::before {
        top: 76px;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-info-box.is-extra-width {
        margin-top: 0;
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-magazine-info-box.is-extra-width::before {
            position: absolute;
            top: 300px;
            width: 100%;
            height: calc(100% - 300px);
            content: '';
        }

        .ui-magazine-info-box.is-extra-width .image-box {
            margin-top: 0;
        }
}

.ui-magazine-info-box .image-box {
    margin-top: -80px;
}

    .ui-magazine-info-box .image-box.is-info-box-image {
        padding: 0;
        margin-top: 0;
        margin-bottom: 20px;
    }

@media screen and (min-width: 992px) {
    .ui-magazine-info-box .image-box.is-info-box-image.is-right {
        padding-right: 0;
        padding-left: 12px;
        margin-left: 12px;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-info-box .image-box.is-info-box-image.is-left {
        padding-right: 12px;
        padding-left: 0;
        margin-right: 12px;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-info-box .image-box.is-info-box-image {
        margin-top: 10px;
        margin-bottom: 30px;
    }
}

.ui-magazine-info-box .info-box-image__caption {
    margin-top: 12px;
}

@media screen and (max-width: 479px) {
    .ui-magazine-info-box .info-box-image__caption .richtext {
        margin-top: 6px;
    }

        .ui-magazine-info-box .info-box-image__caption .richtext p,
        .ui-magazine-info-box .info-box-image__caption .richtext strong {
            font-size: 1.2rem;
            line-height: 18px;
        }
}

.ui-magazine-info-box .headline {
    margin-bottom: 25px;
    line-height: 3.6rem;
}

@media screen and (max-width: 767px) {
    .ui-magazine-info-box .headline {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

.ui-magazine-info-box .secondary-headline {
    color: #333;
    font-family: HelveticaNeueW02-77BdCn;
    font-size: 1.8rem;
    font-weight: 400;
    letter-spacing: 0.33px;
    text-transform: uppercase;
}

.ui-magazine-info-box .info-content {
    position: relative;
    z-index: 1;
    color: #000;
}

    .ui-magazine-info-box .info-content::before {
        position: absolute;
        z-index: -1;
        top: 8px;
        left: -52px;
        align-self: center;
        color: #fff;
        content: attr(data-letter);
        font-family: HelveticaNeueW02-77BdCn;
        font-weight: 400;
        line-height: 37rem;
    }

@media screen and (min-width: 768px) {
    .ui-magazine-info-box .info-content::before {
        font-size: 42rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-magazine-info-box .info-content::before {
        left: -40px;
        font-size: 52rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-magazine-info-box .info-content::before {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.ui-magazine-info-box .info-content.is-quote-sign::before {
    font-family: HelveticaNeueW01-55Roma;
    font-size: 82rem;
}

.ui-magazine-info-box .info-content .richtext a,
.ui-magazine-info-box .info-content .richtext li,
.ui-magazine-info-box .info-content .richtext p,
.ui-magazine-info-box .info-content .richtext span,
.ui-magazine-info-box .info-content .richtext strong {
    font-size: 1.8rem;
    line-height: 2.8rem;
}

.ui-magazine-info-box .info-content .richtext strong {
    font-family: HelveticaNeueW02-77BdCn;
}

.ui-magazine-info-box .info-content .richtext ul > li::before {
    top: 15px;
}

.ui-magazine-info-box .info-content .richtext ol > li::before {
    top: -2px;
    font-size: 2.2rem;
}

.ui-magazine-info-box .info-content .info-box-image__caption .richtext p,
.ui-magazine-info-box .info-content .info-box-image__caption .richtext strong {
    font-size: 1.6rem;
    line-height: 24px;
}

@media screen and (max-width: 479px) {
    .ui-magazine-info-box .info-content .info-box-image__caption .richtext {
        margin-top: 6px;
    }

        .ui-magazine-info-box .info-content .info-box-image__caption .richtext p,
        .ui-magazine-info-box
        .info-content
        .info-box-image__caption
        .richtext
        strong {
            font-size: 1.2rem;
            line-height: 18px;
        }
}

@media screen and (min-width: 768px) {
    .ui-magazine-info-box .info-content.is-right::before {
        right: -52px;
        left: auto;
    }

    .ui-magazine-info-box .info-content.is-right.is-quote-sign::before {
        right: -126px;
        left: auto;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-magazine-info-box .info-content.is-right::before {
        right: -40px;
        left: auto;
    }

    .ui-magazine-info-box .info-content.is-right.is-quote-sign::before {
        right: -65px;
        left: auto;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ui-magazine-info-box .info-content::before {
        line-height: 370px;
    }
}

@media screen and (max-width: 479px) {
    .ui-magazine-info-box {
        padding-right: 18px;
        padding-left: 18px;
        margin-right: -18px;
        margin-left: -18px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-magazine-info-box {
        padding-right: 30px;
        padding-left: 30px;
        margin-right: -30px;
        margin-left: -30px;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-info-box {
        padding-top: 72px;
        padding-bottom: 72px;
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.ui-magazine-color-blue .ui-magazine-info-box {
    background-color: rgba(167, 190, 208, 0.5);
}

@media screen and (min-width: 992px) {
    .ui-magazine-color-blue .ui-magazine-info-box.is-extra-width {
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-magazine-color-blue .ui-magazine-info-box.is-extra-width::before {
            background-color: rgba(167, 190, 208, 0.5);
        }
}

.ui-magazine-color-yellow .ui-magazine-info-box {
    background-color: rgba(252, 232, 178, 0.5);
}

@media screen and (min-width: 992px) {
    .ui-magazine-color-yellow .ui-magazine-info-box.is-extra-width {
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-magazine-color-yellow .ui-magazine-info-box.is-extra-width::before {
            background-color: rgba(252, 232, 178, 0.5);
        }
}

.ui-magazine-color-orange .ui-magazine-info-box {
    background-color: rgba(230, 196, 183, 0.5);
}

@media screen and (min-width: 992px) {
    .ui-magazine-color-orange .ui-magazine-info-box.is-extra-width {
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-magazine-color-orange .ui-magazine-info-box.is-extra-width::before {
            background-color: rgba(230, 196, 183, 0.5);
        }
}

.ui-magazine-color-green .ui-magazine-info-box {
    background-color: rgba(209, 236, 206, 0.5);
}

@media screen and (min-width: 992px) {
    .ui-magazine-color-green .ui-magazine-info-box.is-extra-width {
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-magazine-color-green .ui-magazine-info-box.is-extra-width::before {
            background-color: rgba(209, 236, 206, 0.5);
        }
}

.ui-magazine-article-interview {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: 'Helvetica Now Text Regular', Helvetica, arial, sans-serif;
}

    .ui-magazine-article-interview h3 {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-family: 'Helvetica Now Text Bold', Helvetica, arial, sans-serif;
        font-weight: 400;
        margin: 20px 0;
    }

        .ui-magazine-article-interview h3:first-of-type {
            margin-top: 0;
        }

.ui-magazine-article-interview__answer {
    display: inline;
    margin-bottom: 0;
    clear: both;
}

.ui-magazine-article-interview__shortname {
    font-family: 'Helvetica Now Text Bold', Helvetica, arial, sans-serif;
    display: inline-block;
    float: left;
    margin: 0 12px 0 0;
    color: #f60;
    text-transform: uppercase;
}

.ui-magazine-article-interview .richtext ol > li,
.ui-magazine-article-interview .richtext ul > li {
    padding-left: 0;
}

    .ui-magazine-article-interview .richtext ol > li::before,
    .ui-magazine-article-interview .richtext ul > li::before {
        position: unset;
    }

    .ui-magazine-article-interview .richtext ol > li::before {
        left: 15px;
        margin: 0 20px 0 0;
    }

    .ui-magazine-article-interview .richtext ul > li::before {
        display: inline-block;
        margin: 0 20px 3px 0;
    }

.ui-magazine-article-interview .richtext p {
    margin-bottom: 20px;
}

.ui-magazine-article-interview__shortname + .richtext ol > li,
.ui-magazine-article-interview__shortname + .richtext ul > li {
    padding-left: 37px;
}

.ui-magazine-article-picture {
    margin: 40px 0;
}

    .ui-magazine-article-picture figcaption {
        margin-top: 12px;
    }

        .ui-magazine-article-picture figcaption.richtext p {
            font-size: 1.3rem;
            line-height: 1.9rem;
            margin-top: 12px;
            font-family: 'Helvetica Now Text Regular';
        }

            .ui-magazine-article-picture figcaption.richtext p em {
                font-family: 'Helvetica Now Text Italic';
            }

            .ui-magazine-article-picture figcaption.richtext p strong {
                font-size: 1.3rem;
                line-height: 1.9rem;
                font-family: 'Helvetica Now Text Bold';
            }

            .ui-magazine-article-picture figcaption.richtext p a {
                font-size: 1.3rem !important;
                line-height: 1.9rem !important;
            }

@media screen and (min-width: 992px) {
    .ui-magazine-article-picture {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.ui-magazine-article-video {
    margin: 40px 0;
}

    .ui-magazine-article-video .video-signature {
        margin-top: 12px;
    }

        .ui-magazine-article-video .video-signature.richtext p {
            font-size: 1.3rem;
            line-height: 1.9rem;
            margin-top: 8px;
            font-family: 'Helvetica Now Text Regular';
        }

            .ui-magazine-article-video .video-signature.richtext p a {
                font-size: 1.3rem !important;
                line-height: 1.9rem !important;
            }

            .ui-magazine-article-video .video-signature.richtext p em {
                font-family: 'Helvetica Now Text Italic';
            }

            .ui-magazine-article-video .video-signature.richtext p strong {
                font-size: 1.3rem;
                line-height: 1.9rem;
                font-family: 'Helvetica Now Text Bold';
            }

@media screen and (min-width: 992px) {
    .ui-magazine-article-video {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.ui-magazine-article-quote-text .richtext > p {
    margin-bottom: 20px;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-quote-text .richtext > p {
        width: calc(83.33333333% - 30px);
    }
}

.ui-magazine-quote {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: right;
    z-index: 1;
    width: 100%;
    min-height: 270px;
    margin: 20px 0 30px 26px;
}

    .ui-magazine-quote::before {
        font-size: 38rem;
        line-height: 27rem;
        position: absolute;
        top: 0;
        align-self: center;
        color: #a7bed0;
        content: attr(data-letter);
        font-family: HelveticaNeueW02-77BdCn;
        font-weight: 400;
        z-index: -1;
    }

@media screen and (min-width: 992px) {
    .ui-magazine-quote::before {
        font-size: 48rem;
        line-height: 37rem;
    }
}

.ui-magazine-quote.is-quote-sign::before {
    font-size: 82rem;
    line-height: 12rem;
    font-family: HelveticaNeueW01-55Roma;
}

.ui-magazine-quote blockquote {
    width: 100%;
    align-self: center;
    padding: 0 20px;
    border: 0;
    margin: 0;
    font-weight: 700;
}

    .ui-magazine-quote blockquote p {
        font-size: 2.6rem;
        line-height: 3.6rem;
        margin: 0;
        font-family: HelveticaNeueW01-45Ligh;
        font-weight: 400;
        margin-bottom: 20px;
    }

@media screen and (min-width: 992px) {
    .ui-magazine-quote blockquote p {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }
}

.ui-magazine-quote footer {
    font-size: 1.6rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    margin-top: 15px;
    color: #333;
}

    .ui-magazine-quote footer::before {
        display: none;
    }

.ui-magazine-quote cite {
    font-style: normal;
}

@media screen and (min-width: 992px) {
    .ui-magazine-quote {
        width: 50%;
        min-height: 370px;
        margin: 0 0 0 26px;
    }
}

.ui-magazine-color-blue .ui-magazine-quote::before {
    color: rgba(167, 190, 208, 0.5);
}

.ui-magazine-color-yellow .ui-magazine-quote::before {
    color: rgba(252, 232, 178, 0.5);
}

.ui-magazine-color-orange .ui-magazine-quote::before {
    color: rgba(230, 196, 183, 0.5);
}

.ui-magazine-color-green .ui-magazine-quote::before {
    color: rgba(209, 236, 206, 0.5);
}

.ui-magazine-article-stage .stage-background {
    position: relative;
    padding: 35px 0;
}

    .ui-magazine-article-stage .stage-background::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 73.5%;
        background-color: #a7bed0;
        content: '';
    }

@media screen and (max-width: 767px) {
    .ui-magazine-article-stage .stage-background::before {
        height: 76.5%;
    }
}

.ui-magazine-article-stage .stage-background.is-portrait::before {
    height: 63%;
}

@media screen and (max-width: 767px) {
    .ui-magazine-article-stage .stage-background {
        padding: 30px 0;
    }
}

.ui-magazine-article-stage .stage-figure {
    position: relative;
    margin-top: 35px;
}

@media screen and (max-width: 767px) {
    .ui-magazine-article-stage .stage-figure {
        margin-top: 30px;
    }
}

.ui-magazine-article-stage .image-caption p {
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-top: 12px;
    font-family: 'Helvetica Now Text Regular';
}

    .ui-magazine-article-stage .image-caption p em {
        font-family: 'Helvetica Now Text Italic';
    }

    .ui-magazine-article-stage .image-caption p a {
        font-size: 1.3rem !important;
        line-height: 1.9rem !important;
    }

    .ui-magazine-article-stage .image-caption p strong {
        font-size: 1.3rem;
        line-height: 1.9rem;
        font-family: 'Helvetica Now Text Bold';
    }

.ui-magazine-article-stage .stage-subheadline-wrap {
    display: block;
}

    .ui-magazine-article-stage .stage-subheadline-wrap .ui-secondary-headline {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        display: inline-block;
        padding: 4px;
        margin-bottom: 3px;
        background-color: #fff;
        color: #f60;
        letter-spacing: 0;
        text-transform: none;
    }

@media screen and (max-width: 991px) {
    .ui-magazine-article-stage .stage-subheadline-wrap .ui-secondary-headline {
        margin-bottom: 2px;
    }
}

@media screen and (min-width: 768px) {
    .ui-magazine-article-stage .stage-subheadline-wrap .ui-secondary-headline {
        font-size: 1.6rem;
        line-height: 3rem;
        padding: 0 15px;
    }
}

.ui-magazine-article-stage .stage-headline-wrap {
    padding-left: 13px;
    margin-bottom: 3px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-magazine-article-stage .stage-headline-wrap {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .ui-magazine-article-stage .stage-headline-wrap {
        padding-left: 4px;
        margin-bottom: 15px;
    }
}

.ui-magazine-article-stage .stage-headline {
    display: inline;
    background-color: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 13px 0 0 #fff, -13px 0 0 #fff;
    filter: none;
    font-family: HelveticaNeueW02-77BdCn;
    font-weight: 400;
    text-shadow: none;
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-stage .stage-headline {
        font-size: 5.5rem;
        line-height: 7.2rem;
        letter-spacing: 1.02px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-magazine-article-stage .stage-headline {
        font-size: 3.8rem;
        line-height: 4.8rem;
        letter-spacing: 0.5px;
    }
}

@media screen and (max-width: 767px) {
    .ui-magazine-article-stage .stage-headline {
        font-size: 3.2rem;
        line-height: 4.3rem;
        box-shadow: 4px 0 0 #fff, -4px 0 0 #fff;
        letter-spacing: 0.25px;
    }
}

.ui-magazine-article-stage .intro-text {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 4rem;
    margin-top: 30px;
    margin-bottom: 21px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-magazine-article-stage .intro-text {
        font-size: 2.4rem;
        line-height: 3.4rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-magazine-article-stage .intro-text {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.ui-magazine-article-stage .additional-info {
    display: inline-block;
    font-family: HelveticaNeueW01-45Ligh;
    font-size: 1.7rem;
    letter-spacing: 0.029px;
}

    .ui-magazine-article-stage .additional-info span {
        font-family: HelveticaNeueW02-77BdCn;
    }

@media screen and (min-width: 992px) {
    .ui-magazine-article-stage .additional-info + .additional-info {
        margin-left: 10px;
    }
}

@media screen and (max-width: 991px) {
    .ui-magazine-article-stage .additional-info {
        display: block;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-stage {
        margin-bottom: 15px;
    }
}

.ui-magazine-color-blue .ui-magazine-article-stage .stage-background::before {
    background-color: #a7bed0;
}

.ui-magazine-color-yellow .ui-magazine-article-stage .stage-background::before {
    background-color: #fce8b2;
}

.ui-magazine-color-orange .ui-magazine-article-stage .stage-background::before {
    background-color: #e6c4b7;
}

.ui-magazine-color-green .ui-magazine-article-stage .stage-background::before {
    background-color: #d1ecce;
}

.ui-magazine-article-text .ui-paragraph-headline {
    font-size: 2.8rem;
}

.ui-magazine-article-text .sub-headline-text {
    font-family: HelveticaNeueW02-77BdCn;
    font-weight: 400;
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-text .sub-headline-text {
        margin-bottom: 35px;
        font-size: 3rem;
        line-height: 4rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-magazine-article-text .sub-headline-text {
        margin-bottom: 18px;
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.ui-magazine-article-text p {
    margin: 0 0 17px;
}

.ui-magazine-article-text .is-first-letter p:first-of-type::first-letter,
.ui-magazine-article-text.rte-from-contentful.is-first-letter > p:first-of-type::first-letter {
    margin-right: 10px;
    color: #f60;
    float: left;
    font-family: HelveticaNeueW02-77BdCn;
    font-size: 14.5rem;
    font-weight: 400;
    line-height: 12.5rem;
    text-transform: uppercase;
}

.ui-magazine-article-text .magazine-article__caption {
    margin-top: 20px;
    font-size: 1.6rem;
    font-style: italic;
    line-height: 24px;
}

.ui-magazine-article-text.rte-from-contentful .ui-paragraph-headline {
    margin-top: 8px;
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-text.rte-from-contentful .ui-paragraph-headline {
        margin-top: 28px;
    }
}

.ui-magazine-article-text.rte-from-contentful
.ui-paragraph-headline.is-highlight,
.ui-magazine-article-text.rte-from-contentful > h3,
.ui-magazine-article-text.rte-from-contentful > h4,
.ui-magazine-article-text.rte-from-contentful > ol,
.ui-magazine-article-text.rte-from-contentful > p,
.ui-magazine-article-text.rte-from-contentful > ul {
    margin: 20px auto;
    position: relative;
    min-height: 1px;
}

@media screen and (min-width: 768px) {
    .ui-magazine-article-text.rte-from-contentful
    .ui-paragraph-headline.is-highlight,
    .ui-magazine-article-text.rte-from-contentful > h3,
    .ui-magazine-article-text.rte-from-contentful > h4,
    .ui-magazine-article-text.rte-from-contentful > ol,
    .ui-magazine-article-text.rte-from-contentful > p,
    .ui-magazine-article-text.rte-from-contentful > ul {
        width: 83.3333333333%;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-text.rte-from-contentful
    .ui-paragraph-headline.is-highlight,
    .ui-magazine-article-text.rte-from-contentful > h3,
    .ui-magazine-article-text.rte-from-contentful > h4,
    .ui-magazine-article-text.rte-from-contentful > ol,
    .ui-magazine-article-text.rte-from-contentful > p,
    .ui-magazine-article-text.rte-from-contentful > ul {
        width: 66.6666666667%;
    }
}

@media screen and (max-width: 479px) {
    .ui-magazine-article-text.rte-from-contentful
    .container-fluid.is-overflow-hidden {
        overflow: unset;
    }
}

.ui-magazine-article-text.rte-from-contentful
.ui-magazine-info-box
.info-content
.richtext
p:has(b) {
    margin-bottom: 0;
}

@media screen and (min-width: 480px) {
    .ui-magazine-article-text.rte-from-contentful
    .ui-magazine-info-box
    .info-box-image__caption
    .richtext
    p {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 1199px) {
    .ui-magazine-article-text.rte-from-contentful .ui-magazine-info-box {
        padding-right: 44px;
        padding-left: 44px;
    }
}

.ui-magazine-article-text.rte-from-contentful .headline {
    margin-bottom: 0;
}

.ui-magazine-article-text.rte-from-contentful .info-content {
    margin-top: 25px;
}

.ui-magazine-article-text.rte-from-contentful li {
    font-size: 1.6rem;
}

    .ui-magazine-article-text.rte-from-contentful li > p {
        margin-bottom: 0;
    }

.ui-magazine-article-text.rte-from-contentful ol > li {
    padding-left: 47px;
}

@media screen and (max-width: 991px) {
    .ui-magazine-article-text.rte-from-contentful > p {
        padding-left: 0;
        padding-right: 0;
    }
}

.ui-magazine-article-text.rte-from-contentful h3.sub-headline-text,
.ui-magazine-article-text.rte-from-contentful h4 {
    padding-bottom: 0;
}

@media screen and (max-width: 1199px) {
    .ui-magazine-article-text.rte-from-contentful h3.sub-headline-text,
    .ui-magazine-article-text.rte-from-contentful h4 {
        padding-left: 0;
    }
}

.ui-magazine-article-text.rte-from-contentful h3.sub-headline-text {
    margin-bottom: 25px;
}

.ui-magazine-article-text.rte-from-contentful figure.ui-magazine-article-aside {
    margin-top: 0;
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-text.rte-from-contentful
    figure.ui-magazine-article-aside
    div.ui-magazine-article-picture {
        padding-right: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-magazine-article-text.rte-from-contentful
    figure.ui-magazine-article-aside
    div.ui-magazine-article-picture {
        padding-right: 20px;
    }
}

@media screen and (max-width: 991px) {
    .ui-magazine-article-text.rte-from-contentful
    figure.ui-magazine-article-aside {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-text.rte-from-contentful
    figure.ui-magazine-article-aside {
        width: 50%;
    }
}

.ui-magazine-article-text.rte-from-contentful div.row.ui-c213-08-copyimage {
    margin-bottom: 0;
}

    .ui-magazine-article-text.rte-from-contentful
    div.row.ui-c213-08-copyimage
    div.main-col {
        margin-bottom: 0;
    }

        .ui-magazine-article-text.rte-from-contentful
        div.row.ui-c213-08-copyimage
        div.main-col
        h2.ui-paragraph-headline.is-highlight {
            margin-left: 0;
        }

        .ui-magazine-article-text.rte-from-contentful
        div.row.ui-c213-08-copyimage
        div.main-col
        div.ui-intro.richtext {
            margin-bottom: 0;
        }

            .ui-magazine-article-text.rte-from-contentful
            div.row.ui-c213-08-copyimage
            div.main-col
            div.ui-intro.richtext
            p {
                padding-left: 0;
                padding-right: 0;
            }

@media screen and (max-width: 479px) {
    .ui-magazine-article-text.rte-from-contentful
    div.row.ui-c213-08-copyimage
    div.main-col {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.ui-magazine-article-text.rte-from-contentful
div.ui-magazine-article-text
div.main-col {
    padding-left: 0;
    padding-right: 0;
}

    .ui-magazine-article-text.rte-from-contentful
    div.ui-magazine-article-text
    div.main-col
    .is-product-box {
        margin-right: 36px;
    }

@media screen and (min-width: 1200px) {
    .ui-magazine-article-text.rte-from-contentful
    div.ui-magazine-article-text
    div.main-col
    .is-product-box {
        margin-right: 44px;
    }
}

@media screen and (max-width: 767px) {
    .ui-magazine-article-text.rte-from-contentful
    div.ui-magazine-article-text
    div.main-col
    .richtext {
        padding-left: 8px;
    }
}

.ui-magazine-article-text.rte-from-contentful
div.ui-magazine-article-text
h2.ui-paragraph-headline.is-highlight {
    margin-left: 0;
    padding-left: 0;
}

    .ui-magazine-article-text.rte-from-contentful
    div.ui-magazine-article-text
    h2.ui-paragraph-headline.is-highlight::before {
        left: 0;
    }

@media screen and (max-width: 767px) {
    .ui-magazine-article-text.rte-from-contentful
    div.ui-magazine-article-text
    h2.ui-paragraph-headline.is-highlight {
        padding-left: 8px;
        padding-right: 8px;
    }

        .ui-magazine-article-text.rte-from-contentful
        div.ui-magazine-article-text
        h2.ui-paragraph-headline.is-highlight::before {
            left: 8px;
        }
}

@media screen and (max-width: 479px) {
    .ui-magazine-article-text.rte-from-contentful
    div.ui-magazine-article-text
    h2.ui-paragraph-headline.is-highlight {
        padding-left: 12px;
        padding-right: 12px;
    }

        .ui-magazine-article-text.rte-from-contentful
        div.ui-magazine-article-text
        h2.ui-paragraph-headline.is-highlight::before {
            left: 10px;
        }
}

@media screen and (max-width: 479px) {
    .ui-magazine-article-text.rte-from-contentful
    div.ui-magazine-article-text
    .ui-magazine-article-aside.is-product-box {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.ui-magazine-article-text.rte-from-contentful .table-responsive .table td,
.ui-magazine-article-text.rte-from-contentful .table-responsive .table th {
    padding: 5px 10px;
    border-bottom: 0;
    text-align: left;
    vertical-align: top;
}

    .ui-magazine-article-text.rte-from-contentful .table-responsive .table td p,
    .ui-magazine-article-text.rte-from-contentful .table-responsive .table th p {
        margin: 0;
    }

    .ui-magazine-article-text.rte-from-contentful .table-responsive .table th p {
        font-family: 'Helvetica Now Text Bold', Helvetica, Arial, Sans Serif;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

.ui-magazine-article-text.rte-from-contentful
.table-responsive.is-striped
tbody
td:nth-of-type(even),
.ui-magazine-article-text.rte-from-contentful
.table-responsive.is-striped
tbody
th:nth-of-type(2n + 2) {
    background: #feefe5;
}

.ui-magazine-article-text.rte-from-contentful
.table-responsive.is-striped
tbody
td:nth-of-type(odd) {
    background: #fff;
}

.ui-magazine-article-text.rte-from-contentful .table tr:first-child,
.ui-magazine-article-text.rte-from-contentful .table tr:first-child th {
    border-top: 0;
}

.ui-magazine-article-text.rte-from-contentful .ui-carousel-wide,
.ui-magazine-article-text.rte-from-contentful .ui-f630-quiz,
.ui-magazine-article-text.rte-from-contentful .ui-js-product-slider {
    margin-top: 40px;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-text.rte-from-contentful .ui-carousel-wide,
    .ui-magazine-article-text.rte-from-contentful .ui-f630-quiz,
    .ui-magazine-article-text.rte-from-contentful .ui-js-product-slider {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.ui-magazine-article-text.rte-from-contentful p.intro {
    margin-bottom: 30px;
}

.ui-magazine-article-text.rte-from-contentful .ui-intro {
    margin-bottom: 40px;
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-text.rte-from-contentful .ui-intro {
        margin-bottom: 60px;
    }
}

@media screen and (min-width: 768px) {
    .ui-magazine-article-text.rte-from-contentful
    .carousel.slide
    ol.carousel-indicators.is-center > li::before,
    .ui-magazine-article-text.rte-from-contentful
    .carousel.slide
    ol.carousel-indicators > li::before {
        content: '';
        left: 0;
    }
}

.ui-magazine-article-text.rte-from-contentful .ui-carousel-wide {
    min-height: 0;
}

    .ui-magazine-article-text.rte-from-contentful
    .ui-carousel-wide.is-magazine
    .caption {
        padding-bottom: 0;
    }

    .ui-magazine-article-text.rte-from-contentful .ui-carousel-wide .caption {
        min-height: 0;
    }

.ui-magazine-article-text.rte-from-contentful .break {
    clear: both;
    border: 0;
    margin: 0;
}

.ui-magazine-article-text.rte-from-contentful
.ui-magazine-article-aside.is-product-box.is-left {
    margin-left: 16.6666666667%;
    width: 22.666667%;
}

@media screen and (max-width: 991px) {
    .ui-magazine-article-text.rte-from-contentful
    .ui-magazine-article-aside.is-product-box.is-left {
        width: 42.6666666667%;
        margin-left: 8.6666666667%;
    }
}

@media screen and (max-width: 767px) {
    .ui-magazine-article-text.rte-from-contentful
    .ui-magazine-article-aside.is-product-box.is-left {
        width: 42.6666666667%;
        margin-left: 0.1%;
        margin-right: 12px;
    }
}

@media screen and (max-width: 479px) {
    .ui-magazine-article-text.rte-from-contentful
    .ui-magazine-article-aside.is-product-box.is-left {
        width: 100%;
        margin-left: 0.1%;
    }
}

.ui-magazine-article-text.rte-from-contentful
.ui-magazine-article-aside.is-product-box.is-right {
    margin-right: 16.6666666667%;
    width: 22.666667%;
}

@media screen and (max-width: 991px) {
    .ui-magazine-article-text.rte-from-contentful
    .ui-magazine-article-aside.is-product-box.is-right {
        width: 42.6666666667%;
        margin-right: 8.6666666667%;
    }
}

@media screen and (max-width: 767px) {
    .ui-magazine-article-text.rte-from-contentful
    .ui-magazine-article-aside.is-product-box.is-right {
        width: 42.6666666667%;
        margin-right: 0.1%;
        margin-left: 12px;
    }
}

@media screen and (max-width: 479px) {
    .ui-magazine-article-text.rte-from-contentful
    .ui-magazine-article-aside.is-product-box.is-right {
        width: 100%;
        margin-right: 0.1%;
    }
}

.ui-magazine-article-text.rte-from-contentful > .ui-magazine-quote {
    width: 100%;
}

    .ui-magazine-article-text.rte-from-contentful > .ui-magazine-quote blockquote {
        max-width: 100%;
        width: 100%;
    }

        .ui-magazine-article-text.rte-from-contentful > .ui-magazine-quote
        blockquote
        p {
            font-size: 2.6rem;
            line-height: 3.6rem;
        }

@media screen and (min-width: 992px) {
    .ui-magazine-article-text.rte-from-contentful > .ui-magazine-quote
    blockquote
    p {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-magazine-article-text.rte-from-contentful > .ui-magazine-quote {
        width: 83.3333333333%;
        margin: 20px auto;
        float: unset;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-text.rte-from-contentful > .ui-magazine-quote {
        margin-left: 16.6666666667%;
        margin-right: 16.6666666667%;
        width: 66.6666666667%;
    }

        .ui-magazine-article-text.rte-from-contentful > .ui-magazine-quote::before {
            line-height: 20rem;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-magazine-article-text.rte-from-contentful
    .ui-magazine-article-aside
    .ui-magazine-quote {
        padding: 0 50px;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-text.rte-from-contentful
    .ui-magazine-article-aside
    .ui-magazine-quote {
        width: unset;
        min-height: 270px;
        margin-left: 0;
    }

        .ui-magazine-article-text.rte-from-contentful
        .ui-magazine-article-aside
        .ui-magazine-quote
        blockquote {
            max-width: 100%;
            align-self: auto;
        }

            .ui-magazine-article-text.rte-from-contentful
            .ui-magazine-article-aside
            .ui-magazine-quote
            blockquote
            p {
                font-size: 2.6rem;
                line-height: 3.6rem;
            }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
    .ui-magazine-article-text.rte-from-contentful
    .ui-magazine-article-aside
    .ui-magazine-quote
    blockquote
    p {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-article-text.rte-from-contentful > figure > figcaption.magazine-article__caption,
    .ui-magazine-article-text.rte-from-contentful > figure > picture.ui-resp-image
    img {
        max-width: 66%;
    }
}

.ui-bk-brand-teasers {
    font-size: 1.4rem;
    margin-bottom: 20px;
    text-align: center;
}

    .ui-bk-brand-teasers a {
        display: block;
    }

        .ui-bk-brand-teasers a h2,
        .ui-bk-brand-teasers a h3,
        .ui-bk-brand-teasers a h4 {
            color: #f60;
        }

        .ui-bk-brand-teasers a:active h2,
        .ui-bk-brand-teasers a:active h3,
        .ui-bk-brand-teasers a:active h4,
        .ui-bk-brand-teasers a:focus h2,
        .ui-bk-brand-teasers a:focus h3,
        .ui-bk-brand-teasers a:focus h4,
        .ui-bk-brand-teasers a:hover h2,
        .ui-bk-brand-teasers a:hover h3,
        .ui-bk-brand-teasers a:hover h4 {
            color: #de450a;
        }

        .ui-bk-brand-teasers a .ui-teaser-text {
            color: #333;
        }

@media screen and (min-width: 1200px) {
    .ui-bk-brand-teasers a:active .ui-link-wrapper,
    .ui-bk-brand-teasers a:focus .ui-link-wrapper,
    .ui-bk-brand-teasers a:hover .ui-link-wrapper {
        text-indent: 0;
    }

    .ui-bk-brand-teasers a:active .ui-teaser-image:not(.no-scale) img,
    .ui-bk-brand-teasers a:focus .ui-teaser-image:not(.no-scale) img,
    .ui-bk-brand-teasers a:hover .ui-teaser-image:not(.no-scale) img {
        transform: scale(1.15, 1.15) rotate(0.02deg);
    }

    .ui-bk-brand-teasers a:active .link::after,
    .ui-bk-brand-teasers a:focus .link::after,
    .ui-bk-brand-teasers a:hover .link::after {
        opacity: 1;
        transform: translateY(0);
    }
}

.ui-bk-brand-teasers h3 {
    color: #f60;
    font-family: 'Helvetica Now Display XBold';
    font-size: 2.4rem;
    font-weight: 500;
    transition: color 1s ease-out;
}

@media screen and (max-width: 767px) {
    .ui-bk-brand-teasers h3 {
        font-size: 2rem;
    }
}

.ui-bk-brand-teasers .ui-teaser-image {
    overflow: hidden;
}

    .ui-bk-brand-teasers .ui-teaser-image img {
        transition: transform 0.5s ease-out;
    }

.ui-bk-brand-teasers.alt-colored {
    color: #333;
}

    .ui-bk-brand-teasers.alt-colored a h2,
    .ui-bk-brand-teasers.alt-colored a h3,
    .ui-bk-brand-teasers.alt-colored a h4 {
        color: #f60;
    }

    .ui-bk-brand-teasers.alt-colored a:active h2,
    .ui-bk-brand-teasers.alt-colored a:active h3,
    .ui-bk-brand-teasers.alt-colored a:active h4,
    .ui-bk-brand-teasers.alt-colored a:focus h2,
    .ui-bk-brand-teasers.alt-colored a:focus h3,
    .ui-bk-brand-teasers.alt-colored a:focus h4,
    .ui-bk-brand-teasers.alt-colored a:hover h2,
    .ui-bk-brand-teasers.alt-colored a:hover h3,
    .ui-bk-brand-teasers.alt-colored a:hover h4 {
        color: #de450a;
    }

    .ui-bk-brand-teasers.alt-colored .ui-teaser-text {
        color: #333;
    }

@media screen and (max-width: 767px) {
    .ui-bk-brand-teasers.ui-bk-icon-teaser {
        text-align: left;
    }
}

.ui-bk-3-standard.is-left-aligned {
    text-align: left;
}

@media screen and (max-width: 991px) {
    .ui-bk-3-standard:nth-child(3) {
        clear: both;
    }
}

@media screen and (max-width: 479px) {
    .ui-bk-3-standard {
        text-align: left;
    }

        .ui-bk-3-standard h3 {
            margin-top: 0;
            text-align: left;
        }

        .ui-bk-3-standard .ui-link-wrapper,
        .ui-bk-3-standard span.link {
            text-align: left;
        }

        .ui-bk-3-standard .ui-link-wrapper {
            position: initial;
        }

        .ui-bk-3-standard .teaser-content-area {
            height: auto;
        }
}

.ui-bk-4-standard.is-left-aligned {
    text-align: left;
}

.ui-bk-4-standard.no-text .teaser-content-area {
    display: none;
}

@media screen and (max-width: 767px) {
    .ui-bk-4-standard {
        text-align: left;
    }

        .ui-bk-4-standard h3 {
            margin-top: 0;
            text-align: left;
        }

        .ui-bk-4-standard .ui-link-wrapper,
        .ui-bk-4-standard span.link {
            text-align: left;
        }

        .ui-bk-4-standard .ui-link-wrapper {
            position: initial;
        }

        .ui-bk-4-standard .teaser-content-area {
            height: auto;
        }
}

.ui-bk-6-standard.is-left-aligned {
    text-align: left;
}

@media screen and (max-width: 479px) {
    .ui-bk-6-standard .teaser-content-area {
        height: auto;
    }

    .ui-bk-6-standard .ui-link-wrapper {
        position: initial;
    }
}

.ui-bk-12-standard .ui-teaser-text {
    margin-bottom: 15px;
}

.ui-bk-12-standard p {
    font-size: 1.6rem;
}

.ui-bk-12-standard .ui-link-wrapper {
    position: initial;
    text-indent: 0;
}

.ui-bk-12-standard picture:not(.ui-resp-image) img {
    max-width: 100%;
}

@media screen and (min-width: 480px) {
    .ui-bk-12-standard {
        text-align: left;
    }

        .ui-bk-12-standard h3 {
            margin-top: 0;
            text-align: left;
        }

        .ui-bk-12-standard .ui-link-wrapper,
        .ui-bk-12-standard span.link {
            text-align: left;
        }

        .ui-bk-12-standard .ui-link-wrapper {
            position: initial;
        }

        .ui-bk-12-standard .teaser-content-area {
            height: auto;
        }

        .ui-bk-12-standard .ui-teaser-text {
            text-align: left;
        }
}

.ui-bk-icon-teaser a {
    transition: none;
}

    .ui-bk-icon-teaser a:hover .ui-teaser-image img {
        transform: none !important;
    }

.ui-bk-icon-teaser .ui-teaser-image img {
    margin: auto;
}

@media (min-width: 523px) {
    .ui-bk-icon-teaser .ui-teaser-image img {
        max-width: 144px;
        max-height: 144px;
    }
}

.ui-item-filter-results .ui-bk-brand-teasers .ui-teaser-text {
    display: none;
}

.is-height-bk-4 > [class^='col-'] {
    height: 340px;
    margin-bottom: 24px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .is-height-bk-4 > [class^='col-'] {
        height: 330px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-bk-4 > [class^='col-'] {
        height: 320px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-height-bk-4 > [class^='col-'] {
        height: 200px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 479px) {
    .is-height-bk-4 > [class^='col-'] {
        height: auto;
        margin-bottom: 0;
    }
}

.ui-bk-t397-04-content-teaser {
    margin-bottom: 20px;
}

    .ui-bk-t397-04-content-teaser a:hover .ui-bk-t397-04-content-teaser__headline {
        color: #de450a;
    }

    .ui-bk-t397-04-content-teaser a:hover .ui-bk-t397-04-teaser__link {
        color: #de450a;
    }

    .ui-bk-t397-04-content-teaser .ui-teaser-image img {
        display: inline-block;
        max-width: 100%;
        vertical-align: middle;
    }

    .ui-bk-t397-04-content-teaser .ui-bk-t397-04-teaser__link {
        font-size: 1.4rem;
        line-height: 1.8rem;
        position: relative;
        display: inline-block;
        padding-right: 16px;
        border-bottom: 0;
        margin-top: 15px;
        color: #f60;
        font-family: 'Helvetica Now Text Bold';
        letter-spacing: 0.05rem;
    }

        .ui-bk-t397-04-content-teaser
        .ui-bk-t397-04-teaser__link:hover
        .ui-link__arrow {
            /*background: url(../img/arrow-right-orange-hover.svg) 100% 30% no-repeat;*/
        }

    .ui-bk-t397-04-content-teaser .ui-link__arrow {
        display: inline-block;
        width: 7px;
        height: 18px;
        margin-left: 5px;
        background: url(../img/arrow-right-orange.svg) 100% 30% no-repeat;
        line-height: 18px;
        vertical-align: middle;
    }

    .ui-bk-t397-04-content-teaser .ui-bk-t397-04-content-teaser__headline {
        font-size: 2rem;
        line-height: 2.3rem;
        margin-top: 20px;
        color: #f60;
        font-family: 'Helvetica Now Display XBold';
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-bk-t397-04-content-teaser .ui-bk-t397-04-content-teaser__headline {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
}

.ui-bk-t397-04-content-teaser .ui-bk-t397-04-content-teaser__text {
    color: #333;
    font-family: 'Helvetica Now Text Regular';
    font-size: 1.6rem;
    line-height: 2.4rem;
}

@media screen and (max-width: 767px) {
    .ui-bk-t397-04-content-teaser {
        margin-bottom: 45px;
    }
}

@media screen and (max-width: 479px) {
    .is-gutter-xs-16 .ui-bk-t397-04-content-teaser .teaser-image {
        display: block;
        flex: none;
    }

    .is-gutter-xs-16 .ui-bk-t397-04-content-teaser h4 {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }

    .is-gutter-xs-16 .ui-bk-t397-04-content-teaser .text {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

    .is-gutter-xs-16 .col-xs-6 .ui-bk-t397-04-content-teaser h4 {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
}

.ui-bk-t396-teaser {
    margin-bottom: 20px;
}

    .ui-bk-t396-teaser:hover .ui-bk-t396-teaser__headline::after {
        background-position: 0 -20px;
    }

@media screen and (max-width: 1199px) {
    .ui-bk-t396-teaser:hover .ui-bk-t396-teaser__headline::after {
        background-position: 0 0;
    }
}

.ui-bk-t396-teaser:hover .ui-bk-t396-teaser__wrap {
    background: linear-gradient(-180deg, #068319 0, #068319 100%);
}

.ui-bk-t396-teaser:hover .ui-teaser__triangle::after,
.ui-bk-t396-teaser:hover .ui-teaser__triangle::before {
    background: #068319;
}

.ui-bk-t396-teaser:hover .ui-teaser-image img {
    transform: scale(1.05, 1.05);
}

@media screen and (max-width: 1199px) {
    .ui-bk-t396-teaser:hover .ui-teaser-image img {
        transform: none;
    }
}

.ui-bk-t396-teaser .ui-teaser__triangle {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}

    .ui-bk-t396-teaser .ui-teaser__triangle::after,
    .ui-bk-t396-teaser .ui-teaser__triangle::before {
        position: absolute;
        bottom: 0;
        width: 50%;
        height: 21px;
        padding-bottom: inherit;
        background-color: #40a529;
        content: '';
    }

    .ui-bk-t396-teaser .ui-teaser__triangle::before {
        left: -10px;
        transform: skew(-45deg);
    }

    .ui-bk-t396-teaser .ui-teaser__triangle::after {
        right: -10px;
        transform: skew(45deg);
    }

@media screen and (max-width: 991px) {
    .ui-bk-t396-teaser .ui-teaser__triangle {
        padding-bottom: 15px;
    }

        .ui-bk-t396-teaser .ui-teaser__triangle::before {
            left: -8px;
            height: 16px;
        }

        .ui-bk-t396-teaser .ui-teaser__triangle::after {
            right: -8px;
            height: 16px;
        }
}

.ui-bk-t396-teaser .ui-bk-t396-teaser__wrap {
    position: relative;
    padding: 18px 20px 15px;
    background: linear-gradient(-180deg, #79c069 0, #40a529 100%);
    transition: background 0.2s ease-out;
}

    .ui-bk-t396-teaser .ui-bk-t396-teaser__wrap.is-flexbox {
        display: flex;
        height: 340px;
        flex-wrap: wrap;
        justify-content: center;
        padding: 18px 30px 0 20px;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-bk-t396-teaser .ui-bk-t396-teaser__wrap.is-flexbox {
        height: 296px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-bk-t396-teaser .ui-bk-t396-teaser__wrap.is-flexbox {
        height: 210px;
        justify-content: flex-end;
        padding: 0 10px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-bk-t396-teaser .ui-bk-t396-teaser__wrap.is-flexbox {
        height: 250px;
    }
}

@media screen and (max-width: 479px) {
    .ui-bk-t396-teaser .ui-bk-t396-teaser__wrap.is-flexbox {
        height: 245px;
    }
}

@media screen and (max-width: 479px) {
    .ui-bk-t396-teaser .ui-bk-t396-teaser__wrap {
        padding: 10px;
    }
}

.ui-bk-t396-teaser .ui-bk-t396__headline {
    margin-top: 5px;
    color: #fff;
    font-family: 'Helvetica Now Text XBold', Helvetica, arial, sans-serif;
    font-size: 1.4rem;
    letter-spacing: 0.53px;
}

.ui-bk-t396-teaser .ui-bk-t396__text {
    font-size: 3.2rem;
    line-height: 3.6rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    margin: 0;
    color: #fff;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-bk-t396-teaser .ui-bk-t396__text {
        font-size: 2.8rem;
        line-height: 3.4rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-bk-t396-teaser .ui-bk-t396__text {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-bk-t396-teaser .ui-bk-t396__text {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}

.ui-bk-t396-teaser .ui-bk-t396__subline {
    font-size: 2.2rem;
    line-height: 2.5rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    margin-top: 12px;
    color: #fff;
}

@media screen and (max-width: 991px) {
    .ui-bk-t396-teaser .ui-bk-t396__subline {
        font-size: 2rem;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-bk-t396-teaser .ui-bk-t396__subline {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-bk-t396-teaser .ui-bk-t396__subline {
        font-size: 1.6rem;
    }
}

.ui-bk-t396-teaser .ui-teaser-image {
    align-self: flex-end;
}

    .ui-bk-t396-teaser .ui-teaser-image img {
        max-height: 145px;
        transition: transform 0.5s ease-out;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-bk-t396-teaser .ui-teaser-image img {
        max-height: 127px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-bk-t396-teaser .ui-teaser-image img {
        max-height: 75px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-bk-t396-teaser .ui-teaser-image img {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .ui-bk-t396-teaser .ui-teaser-image img {
        max-height: 160px;
    }
}

.ui-bk-t396-teaser .ui-bk-t396-teaser__headline {
    font-size: 2.6rem;
    line-height: 3.3rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    width: 100%;
    align-self: flex-end;
    margin: 0;
    color: #fff;
}

    .ui-bk-t396-teaser .ui-bk-t396-teaser__headline::after {
        display: block;
        width: 12px;
        height: 20px;
        padding: 0;
        margin: 9px 0 0;
        background-image: url(../img/arrow-teaser-bk.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        content: ' ';
        transition: background-position 0.37s ease-out;
    }

@media screen and (max-width: 1199px) {
    .ui-bk-t396-teaser .ui-bk-t396-teaser__headline::after {
        transition: none;
    }
}

.ui-bk-t396-teaser .ui-bk-t396-teaser__headline em {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    display: block;
    font-size: 95px;
    font-style: normal;
    line-height: 80px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-bk-t396-teaser .ui-bk-t396-teaser__headline {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }

        .ui-bk-t396-teaser .ui-bk-t396-teaser__headline em {
            font-size: 7.5rem;
            line-height: 6rem;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-bk-t396-teaser .ui-bk-t396-teaser__headline {
        font-size: 2rem;
        line-height: 2.5rem;
    }

        .ui-bk-t396-teaser .ui-bk-t396-teaser__headline em {
            font-size: 6rem;
            line-height: 1;
        }
}

@media screen and (max-width: 767px) {
    .ui-bk-t396-teaser .ui-bk-t396-teaser__headline {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

        .ui-bk-t396-teaser .ui-bk-t396-teaser__headline em {
            font-size: 5.3rem;
            line-height: 6rem;
        }
}

.ui-bk-t396-teaser .sub-image-box {
    position: static;
}

    .ui-bk-t396-teaser .sub-image-box img {
        top: 20px;
        right: 20px;
        max-width: 49px;
        max-height: 48px;
        transform: none;
    }

@media screen and (max-width: 991px) {
    .ui-bk-t396-teaser .sub-image-box {
        display: none;
    }
}

.ui-breadcrumb {
    position: relative;
    z-index: 1009;
    display: block;
    width: 100%;
    min-height: 47px;
    background: #fff;
    font-size: 14px;
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

    .ui-breadcrumb.is-not-visible {
        opacity: 0;
    }

    .ui-breadcrumb.is-visible {
        opacity: 1;
    }

    .ui-breadcrumb::after {
        position: absolute;
        top: 100%;
        left: 0;
        display: block;
        width: 100%;
        height: 5px;
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), transparent);
        content: '';
        opacity: 1;
    }

.ie9 .ui-breadcrumb::after {
    box-shadow: 0 10px 25px -12px #000 inset;
}

.ui-breadcrumb.is-bk {
    z-index: 1008;
}

    .ui-breadcrumb.is-bk::after {
        display: none;
    }

    .ui-breadcrumb.is-bk .breadcrumb {
        padding: 12px 0;
        margin: 6px 0 11px;
    }

    .ui-breadcrumb.is-bk.is-top {
        margin: 40px 0 -23px;
    }

        .ui-breadcrumb.is-bk.is-top .breadcrumb {
            margin-bottom: 2px;
        }

@media screen and (max-width: 767px) {
    .ui-breadcrumb {
        display: none;
    }
}

.breadcrumb {
    margin-bottom: 0;
    border-radius: 0;
}

    .breadcrumb li {
        position: relative;
        display: inline-block;
        padding-right: 32px;
        font-size: 13px;
    }

        .breadcrumb li > a {
            font-size: 14px;
        }

            .breadcrumb li > a span {
                color: #333;
                font-family: HelveticaNeueW01-55Roma;
                font-size: 11px;
                letter-spacing: 0.23px;
                line-height: 12px;
            }

                .breadcrumb li > a span:hover {
                    color: #f60;
                }

@media screen and (min-width: 1200px) {
    .breadcrumb li > a span {
        font-size: 13px;
        letter-spacing: 0.27px;
        line-height: 1;
    }
}

.breadcrumb li + li::before {
    content: '';
}

.breadcrumb li::before {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 7px;
    height: 12px;
    background-image: url(../img/arrow-right-breadcrumb.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    content: '';
}

.breadcrumb li:last-child > a span {
    color: #999;
}

.breadcrumb li:last-child::before {
    content: none;
}

.breadcrumb > .active span {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    color: #999;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 23px;
}

.breadcrumb > .active::before {
    content: none;
}

.ui-bubble {
    position: relative;
    padding: 15px 0;
    border: 5px solid #fff;
    background-color: #de450a;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.ui-c217-12-benefitlist.is-inverted .intro,
.ui-c217-12-benefitlist.is-inverted .ui-paragraph-headline {
    color: #fff;
}

.ui-c217-12-benefitlist.is-inverted .ui-t317-03-standardicontext a.link-box h3 {
    color: #fff;
    overflow-wrap: break-word;
}

.ui-c217-12-benefitlist.is-inverted .ui-t317-03-standardicontext .text-area h3 {
    color: #fff;
    overflow-wrap: break-word;
}

.ui-c217-12-benefitlist.is-inverted
.ui-t317-03-standardicontext
.text-area::after {
    background-image: url(../img/arrow-teaser.svg);
}

@media screen and (max-width: 991px) {
    .ui-c217-12-benefitlist.is-inverted
    .ui-t317-03-standardicontext
    .text-area::after {
        width: 8px;
        height: 14px;
        background-image: url(../img/arrow-teaser-small.svg);
    }

    .ui-c217-12-benefitlist.is-inverted
    .ui-t317-03-standardicontext:active
    .text-area::after,
    .ui-c217-12-benefitlist.is-inverted
    .ui-t317-03-standardicontext:focus
    .text-area::after,
    .ui-c217-12-benefitlist.is-inverted
    .ui-t317-03-standardicontext:hover
    .text-area::after {
        background-position: 0 -16px;
    }
}

.ui-c217-12-benefitlist.is-orange .ui-t317-03-standardicontext a.link-box h3 {
    color: #f60;
    overflow-wrap: break-word;
}

.ui-c217-12-benefitlist.is-orange .ui-t317-03-standardicontext .text-area h3 {
    color: #f60;
    overflow-wrap: break-word;
}

.ui-c217-12-benefitlist.is-cumulus .ui-t317-03-standardicontext a.link-box h3,
.ui-c217-12-benefitlist.is-cumulus-vista
.ui-t317-03-standardicontext
a.link-box
h3 {
    color: #003d8d;
    overflow-wrap: break-word;
}

.ui-c217-12-benefitlist.is-cumulus
.ui-t317-03-standardicontext
a.link-box:hover
h3,
.ui-c217-12-benefitlist.is-cumulus-vista
.ui-t317-03-standardicontext
a.link-box:hover
h3 {
    color: #00145c;
}

.ui-c217-12-benefitlist.is-cumulus .ui-t317-03-standardicontext .text-area h3,
.ui-c217-12-benefitlist.is-cumulus-vista
.ui-t317-03-standardicontext
.text-area
h3 {
    color: #003d8d;
    overflow-wrap: break-word;
}

.ui-t317-03-standardicontext {
    border-radius: 4px;
}

    .ui-t317-03-standardicontext.is-atlantis {
        background: #98cd4e;
        transition: background 0.3s ease-out;
    }

        .ui-t317-03-standardicontext.is-atlantis:not(.no-link):active,
        .ui-t317-03-standardicontext.is-atlantis:not(.no-link):focus,
        .ui-t317-03-standardicontext.is-atlantis:not(.no-link):hover {
            background: #75b714;
        }

    .ui-t317-03-standardicontext.is-blue {
        background: #00aecf;
        transition: background 0.3s ease-out;
    }

        .ui-t317-03-standardicontext.is-blue:not(.no-link):active,
        .ui-t317-03-standardicontext.is-blue:not(.no-link):focus,
        .ui-t317-03-standardicontext.is-blue:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t317-03-standardicontext.is-dark-blue {
        background: #039;
        transition: background 0.3s ease-out;
    }

        .ui-t317-03-standardicontext.is-dark-blue:not(.no-link):active,
        .ui-t317-03-standardicontext.is-dark-blue:not(.no-link):focus,
        .ui-t317-03-standardicontext.is-dark-blue:not(.no-link):hover {
            background: #000573;
        }

    .ui-t317-03-standardicontext.is-cumulus {
        background: #003d8d;
        transition: background 0.3s ease-out;
    }

        .ui-t317-03-standardicontext.is-cumulus:not(.no-link):active,
        .ui-t317-03-standardicontext.is-cumulus:not(.no-link):focus,
        .ui-t317-03-standardicontext.is-cumulus:not(.no-link):hover {
            background: #00145c;
        }

    .ui-t317-03-standardicontext.is-cyan {
        background: #0daacf;
        transition: background 0.3s ease-out;
    }

        .ui-t317-03-standardicontext.is-cyan:not(.no-link):active,
        .ui-t317-03-standardicontext.is-cyan:not(.no-link):focus,
        .ui-t317-03-standardicontext.is-cyan:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t317-03-standardicontext.is-gray {
        background: #b7b0ac;
        transition: background 0.3s ease-out;
    }

        .ui-t317-03-standardicontext.is-gray:not(.no-link):active,
        .ui-t317-03-standardicontext.is-gray:not(.no-link):focus,
        .ui-t317-03-standardicontext.is-gray:not(.no-link):hover {
            background: #9f9690;
        }

    .ui-t317-03-standardicontext.is-orange {
        background: #f60;
        transition: background 0.3s ease-out;
    }

        .ui-t317-03-standardicontext.is-orange:not(.no-link):active,
        .ui-t317-03-standardicontext.is-orange:not(.no-link):focus,
        .ui-t317-03-standardicontext.is-orange:not(.no-link):hover {
            background: #e03c00;
        }

    .ui-t317-03-standardicontext.is-pink-red {
        background: #ff0036;
        transition: background 0.3s ease-out;
    }

        .ui-t317-03-standardicontext.is-pink-red:not(.no-link):active,
        .ui-t317-03-standardicontext.is-pink-red:not(.no-link):focus,
        .ui-t317-03-standardicontext.is-pink-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t317-03-standardicontext.is-red {
        background: #ff290b;
        transition: background 0.3s ease-out;
    }

        .ui-t317-03-standardicontext.is-red:not(.no-link):active,
        .ui-t317-03-standardicontext.is-red:not(.no-link):focus,
        .ui-t317-03-standardicontext.is-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t317-03-standardicontext.is-white {
        background: #fff;
    }

        .ui-t317-03-standardicontext.is-white.with-image .text-area h3,
        .ui-t317-03-standardicontext.is-white.with-image .text-area p {
            color: #333;
        }

        .ui-t317-03-standardicontext.is-white.with-image .text-area::after {
            background-image: url(../img/arrow-teaser-black.svg);
        }

    .ui-t317-03-standardicontext > div {
        min-height: 270px;
    }

    .ui-t317-03-standardicontext a.link-box {
        display: block;
        min-height: 290px;
    }

        .ui-t317-03-standardicontext a.link-box .text-area h3 {
            margin-top: 0;
            margin-bottom: 5px;
            color: #333;
        }

        .ui-t317-03-standardicontext a.link-box .text-area::after {
            display: block;
            width: 12px;
            height: 20px;
            padding: 0;
            margin: 0;
            background-image: url(../img/arrow-teaser-grey.svg);
            background-position: 0 0;
            background-repeat: no-repeat;
            content: ' ';
            transition: background-position 0.5s ease;
        }

        .ui-t317-03-standardicontext a.link-box:active .text-area::after,
        .ui-t317-03-standardicontext a.link-box:focus .text-area::after,
        .ui-t317-03-standardicontext a.link-box:hover .text-area::after {
            background-position: 0 -24px;
        }

        .ui-t317-03-standardicontext a.link-box:active .text-area h3,
        .ui-t317-03-standardicontext a.link-box:focus .text-area h3,
        .ui-t317-03-standardicontext a.link-box:hover .text-area h3 {
            color: #f60;
            transition: color 0.5s linear;
        }

        .ui-t317-03-standardicontext a.link-box.is-cumulus-vista:active .text-area h3,
        .ui-t317-03-standardicontext a.link-box.is-cumulus-vista:focus .text-area h3,
        .ui-t317-03-standardicontext a.link-box.is-cumulus-vista:hover .text-area h3,
        .ui-t317-03-standardicontext a.link-box.is-cumulus:active .text-area h3,
        .ui-t317-03-standardicontext a.link-box.is-cumulus:focus .text-area h3,
        .ui-t317-03-standardicontext a.link-box.is-cumulus:hover .text-area h3 {
            color: #00145c;
            transition: color 0.5s linear;
        }

        .ui-t317-03-standardicontext
        a.link-box.is-cumulus-vista:active
        .text-area::after,
        .ui-t317-03-standardicontext
        a.link-box.is-cumulus-vista:focus
        .text-area::after,
        .ui-t317-03-standardicontext
        a.link-box.is-cumulus-vista:hover
        .text-area::after,
        .ui-t317-03-standardicontext a.link-box.is-cumulus:active .text-area::after,
        .ui-t317-03-standardicontext a.link-box.is-cumulus:focus .text-area::after,
        .ui-t317-03-standardicontext a.link-box.is-cumulus:hover .text-area::after {
            background-position: 0 -21px;
        }

        .ui-t317-03-standardicontext a.link-box.is-cumulus .text-area::after,
        .ui-t317-03-standardicontext a.link-box.is-cumulus-vista .text-area::after {
            background-image: url(../img/arrow-teaser-orange.svg);
        }

    .ui-t317-03-standardicontext .text-area h3 {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2rem;
        line-height: 2.5rem;
        margin-top: 0;
        margin-bottom: 5px;
        color: #333;
    }

    .ui-t317-03-standardicontext .icon-box {
        position: relative;
        width: 80px;
        height: 80px;
        margin-bottom: 15px;
        background-color: #f60;
        border-radius: 50%;
    }

        .ui-t317-03-standardicontext .icon-box .icon {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            z-index: 1;
            max-width: 100%;
        }

    .ui-t317-03-standardicontext .is-cumulus .icon-box {
        background-color: #003d8d;
    }

    .ui-t317-03-standardicontext .is-cumulus-vista .icon-box {
        background-color: #b4d4fa;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t317-03-standardicontext a.link-box {
        min-height: 280px;
    }
}

@media screen and (max-width: 991px) {
    .ui-t317-03-standardicontext > div {
        min-height: 213px;
    }

    .ui-t317-03-standardicontext a.link-box {
        min-height: 228px;
    }

    .ui-t317-03-standardicontext .text-area::after {
        width: 8px;
        height: 14px;
        background-image: url(../img/arrow-right-small-grey.svg);
        background-position: 0 0;
    }

    .ui-t317-03-standardicontext:active .text-area::after,
    .ui-t317-03-standardicontext:focus .text-area::after,
    .ui-t317-03-standardicontext:hover .text-area::after {
        background-position: 0 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t317-03-standardicontext > div {
        min-height: 240px;
    }

    .ui-t317-03-standardicontext a.link-box {
        min-height: 256px;
    }
}

@media screen and (max-width: 479px) {
    .ui-t317-03-standardicontext > div {
        height: auto;
        min-height: 75px;
        margin-bottom: 13px;
    }

    .ui-t317-03-standardicontext a.link-box {
        height: auto;
        min-height: 0;
        margin-bottom: 20px;
        clear: both;
    }

    .ui-t317-03-standardicontext .icon-box {
        width: 59px;
        height: 59px;
        float: left;
    }

        .ui-t317-03-standardicontext .icon-box .icon {
            max-width: 40px;
            height: 34px;
        }

    .ui-t317-03-standardicontext .text-area {
        margin-left: 75px;
    }

        .ui-t317-03-standardicontext .text-area h3 {
            font-size: 1.8rem;
            line-height: 2.4rem;
        }
}

.is-cumulus .ui-c222-06-contact .area-text .contact-mail dt,
.is-cumulus .ui-c222-06-contact .area-text .contact-url dt,
.is-cumulus .ui-c222-06-contact .area-text .phone-group dt,
.is-cumulus .ui-c222-08-contact .area-text .contact-mail dt,
.is-cumulus .ui-c222-08-contact .area-text .contact-url dt,
.is-cumulus .ui-c222-08-contact .area-text .phone-group dt {
    color: #003d8d;
}

.ui-c222-06-contact {
    overflow: hidden;
    height: 100%;
    padding-bottom: 20px;
}

    .ui-c222-06-contact:after,
    .ui-c222-06-contact:before {
        display: table;
        content: ' ';
    }

    .ui-c222-06-contact:after {
        clear: both;
    }

    .ui-c222-06-contact h3 {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2rem;
        line-height: 2.5rem;
        margin-top: 0;
        margin-bottom: 12px;
    }

    .ui-c222-06-contact .area-text {
        display: inline-block;
        width: 55%;
        padding-left: 0;
        margin-right: 12px;
        vertical-align: top;
    }

        .ui-c222-06-contact .area-text.max-width {
            display: block;
            width: 100%;
        }

        .ui-c222-06-contact .area-text dl {
            font-size: 1.6rem;
            line-height: 2.4rem;
            margin-bottom: 0;
        }

            .ui-c222-06-contact .area-text dl:after,
            .ui-c222-06-contact .area-text dl:before {
                display: table;
                content: ' ';
            }

            .ui-c222-06-contact .area-text dl:after {
                clear: both;
            }

        .ui-c222-06-contact .area-text dd {
            overflow-wrap: anywhere;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            vertical-align: bottom;
        }

        .ui-c222-06-contact .area-text a {
            font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
            font-weight: 400;
            line-height: 1.9rem;
            vertical-align: top;
        }

        .ui-c222-06-contact .area-text dt {
            font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
            font-weight: 400;
            font-size: 1.4rem;
            letter-spacing: 0.5px;
        }

        .ui-c222-06-contact .area-text strong {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            line-height: 2.4rem;
            margin-bottom: 5px;
        }

        .ui-c222-06-contact .area-text .address-group,
        .ui-c222-06-contact .area-text .title-group {
            margin-bottom: 14px;
        }

            .ui-c222-06-contact .area-text .address-group dt,
            .ui-c222-06-contact .area-text .title-group dt {
                position: absolute;
                top: auto;
                left: -10000em;
                overflow: hidden;
                width: 1px;
                height: 1px;
            }

            .ui-c222-06-contact .area-text .address-group dd,
            .ui-c222-06-contact .area-text .title-group dd {
                margin-right: 5px;
            }

            .ui-c222-06-contact .area-text .address-group .mod,
            .ui-c222-06-contact .area-text .title-group .mod {
                float: left;
            }

        .ui-c222-06-contact .area-text .contact-mail,
        .ui-c222-06-contact .area-text .contact-url,
        .ui-c222-06-contact .area-text .phone-group {
            clear: both;
        }

            .ui-c222-06-contact .area-text .contact-mail dd,
            .ui-c222-06-contact .area-text .contact-url dd,
            .ui-c222-06-contact .area-text .phone-group dd {
                margin-left: 50px;
            }

            .ui-c222-06-contact .area-text .contact-mail dt,
            .ui-c222-06-contact .area-text .contact-url dt,
            .ui-c222-06-contact .area-text .phone-group dt {
                font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
                font-weight: 400;
                color: #f60;
                float: left;
                text-transform: uppercase;
            }

                .ui-c222-06-contact .area-text .contact-mail dt.alt-colored,
                .ui-c222-06-contact .area-text .contact-url dt.alt-colored,
                .ui-c222-06-contact .area-text .phone-group dt.alt-colored {
                    color: #f60;
                }

    .ui-c222-06-contact figure {
        display: inline-block;
        overflow: hidden;
        width: 37%;
        padding: 2%;
        margin-top: 4%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        transform: rotate(5deg);
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c222-06-contact figure {
        padding: 1%;
    }

    .ui-c222-06-contact blockquote {
        margin-right: 5px;
    }

    .ui-c222-06-contact img {
        max-width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .ui-c222-06-contact h3 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .ui-c222-06-contact figure {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c222-06-contact .area-text {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .ui-c222-06-contact {
        display: table;
        width: 100%;
        height: 60px;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .ui-c222-06-contact h3 {
            font-size: 1.8rem;
            line-height: 2.4rem;
        }

        .ui-c222-06-contact .area-text {
            width: 100%;
        }
}

.ui-l518-12-contactlist.is-cumulus
.ui-item-filter-results
.area-text
.contact-mail
dt,
.ui-l518-12-contactlist.is-cumulus
.ui-item-filter-results
.area-text
.contact-url
dt,
.ui-l518-12-contactlist.is-cumulus
.ui-item-filter-results
.area-text
.phone-group
dt {
    color: #003d8d;
}

.ui-l518-12-contactlist .headline-outer {
    margin-bottom: 30px;
}

.ui-l518-12-contactlist .intro {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.5rem;
}

.ui-l518-12-contactlist :nth-child(3) > .row .row {
    margin-bottom: 30px;
}

    .ui-l518-12-contactlist
    :nth-child(3) > .row
    .row
    :nth-child(1)
    .ui-c222-06-contact {
        border-right: 1px solid #ddd;
    }

@media screen and (max-width: 479px) {
    .ui-l518-12-contactlist
    [class^='col-']:nth-child(3)
    .row
    [class^='col-']
    .ui-c222-06-contact {
        padding-top: 20px;
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }
}

.ui-carousel-teaser .ui-c222-06-contact {
    height: 360px;
    padding: 20px 36px;
    background-color: #e6e5e3;
}

    .ui-carousel-teaser .ui-c222-06-contact figure {
        background-color: #fff;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-carousel-teaser .ui-c222-06-contact {
        height: 315px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-carousel-teaser .ui-c222-06-contact {
        height: 225px;
        padding: 20px 34px 12px;
    }

        .ui-carousel-teaser .ui-c222-06-contact h3 {
            font-size: 1.6rem;
            line-height: 2rem;
            margin-bottom: 6px;
        }

        .ui-carousel-teaser .ui-c222-06-contact .area-text .title-group {
            margin-bottom: 6px;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-carousel-teaser .ui-c222-06-contact {
        height: 265px;
        padding: 20px 30px 10px;
    }
}

@media screen and (max-width: 479px) {
    .ui-carousel-teaser .ui-c222-06-contact {
        height: auto;
        min-height: 280px;
        padding: 20px 38px;
    }
}

.ui-c222-08-contact {
    overflow: hidden;
    height: 100%;
    padding-bottom: 20px;
}

    .ui-c222-08-contact:after,
    .ui-c222-08-contact:before {
        display: table;
        content: ' ';
    }

    .ui-c222-08-contact:after {
        clear: both;
    }

    .ui-c222-08-contact h3 {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2rem;
        line-height: 2.5rem;
        margin-top: 0;
        margin-bottom: 12px;
    }

    .ui-c222-08-contact .area-text {
        display: inline-block;
        width: 65%;
        padding-left: 0;
        margin-right: 14px;
        vertical-align: top;
    }

        .ui-c222-08-contact .area-text.max-width {
            display: block;
            width: 100%;
        }

        .ui-c222-08-contact .area-text dl {
            font-size: 1.6rem;
            line-height: 2.4rem;
            margin-bottom: 0;
        }

            .ui-c222-08-contact .area-text dl:after,
            .ui-c222-08-contact .area-text dl:before {
                display: table;
                content: ' ';
            }

            .ui-c222-08-contact .area-text dl:after {
                clear: both;
            }

        .ui-c222-08-contact .area-text dd {
            overflow-wrap: anywhere;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
            vertical-align: bottom;
        }

        .ui-c222-08-contact .area-text a {
            font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
            font-weight: 400;
            line-height: 1.9rem;
            vertical-align: top;
        }

        .ui-c222-08-contact .area-text dt {
            font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
            font-weight: 400;
            font-size: 1.4rem;
            letter-spacing: 0.5px;
        }

        .ui-c222-08-contact .area-text strong {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            line-height: 2.4rem;
            margin-bottom: 5px;
        }

        .ui-c222-08-contact .area-text .address-group,
        .ui-c222-08-contact .area-text .title-group {
            margin-bottom: 14px;
        }

            .ui-c222-08-contact .area-text .address-group dt,
            .ui-c222-08-contact .area-text .title-group dt {
                position: absolute;
                top: auto;
                left: -10000px;
                overflow: hidden;
                width: 1px;
                height: 1px;
            }

            .ui-c222-08-contact .area-text .address-group dd,
            .ui-c222-08-contact .area-text .title-group dd {
                margin-right: 5px;
            }

            .ui-c222-08-contact .area-text .address-group .mod,
            .ui-c222-08-contact .area-text .title-group .mod {
                float: left;
            }

        .ui-c222-08-contact .area-text .contact-mail,
        .ui-c222-08-contact .area-text .contact-url,
        .ui-c222-08-contact .area-text .phone-group {
            clear: both;
        }

            .ui-c222-08-contact .area-text .contact-mail dd,
            .ui-c222-08-contact .area-text .contact-url dd,
            .ui-c222-08-contact .area-text .phone-group dd {
                margin-left: 50px;
            }

            .ui-c222-08-contact .area-text .contact-mail dt,
            .ui-c222-08-contact .area-text .contact-url dt,
            .ui-c222-08-contact .area-text .phone-group dt {
                font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
                font-weight: 400;
                color: #f60;
                float: left;
                text-transform: uppercase;
            }

                .ui-c222-08-contact .area-text .contact-mail dt.alt-colored,
                .ui-c222-08-contact .area-text .contact-url dt.alt-colored,
                .ui-c222-08-contact .area-text .phone-group dt.alt-colored {
                    color: #f60;
                }

    .ui-c222-08-contact figure {
        display: inline-block;
        overflow: hidden;
        width: 30%;
        padding: 8px;
        margin-top: 4%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        transform: rotate(5deg);
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c222-08-contact figure {
        padding: 1%;
    }

    .ui-c222-08-contact blockquote {
        margin-right: 5px;
    }

    .ui-c222-08-contact img {
        max-width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .ui-c222-08-contact h3 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .ui-c222-08-contact figure {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c222-08-contact .area-text {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .ui-c222-08-contact {
        display: table;
        width: 100%;
        height: 60px;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .ui-c222-08-contact h3 {
            font-size: 1.8rem;
            line-height: 2.4rem;
        }

        .ui-c222-08-contact .area-text {
            width: 100%;
        }
}

.ui-l518-12-contactlist.is-cumulus
.ui-item-filter-results
.area-text
.contact-mail
dt,
.ui-l518-12-contactlist.is-cumulus
.ui-item-filter-results
.area-text
.contact-url
dt,
.ui-l518-12-contactlist.is-cumulus
.ui-item-filter-results
.area-text
.phone-group
dt {
    color: #003d8d;
}

.ui-l518-12-contactlist .headline-outer {
    margin-bottom: 30px;
}

.ui-l518-12-contactlist .intro {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.5rem;
}

.ui-l518-12-contactlist :nth-child(3) > .row .row {
    margin-bottom: 30px;
}

    .ui-l518-12-contactlist
    :nth-child(3) > .row
    .row
    :nth-child(1)
    .ui-c222-06-contact {
        border-right: 1px solid #ddd;
    }

@media screen and (max-width: 479px) {
    .ui-l518-12-contactlist
    [class^='col-']:nth-child(3)
    .row
    [class^='col-']
    .ui-c222-06-contact {
        padding-top: 20px;
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }
}

.ui-carousel-teaser .ui-c222-08-contact {
    height: 487px;
    padding: 48px 48px 20px;
    background-color: #e6e5e3;
}

    .ui-carousel-teaser .ui-c222-08-contact figure {
        background-color: #fff;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-carousel-teaser .ui-c222-08-contact {
        height: 427px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-carousel-teaser .ui-c222-08-contact {
        height: 307px;
        padding: 34px 38px 20px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-carousel-teaser .ui-c222-08-contact {
        height: 265px;
        padding: 20px 30px 10px;
    }
}

@media screen and (max-width: 479px) {
    .ui-carousel-teaser .ui-c222-08-contact {
        height: auto;
        min-height: 280px;
        padding: 20px 38px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-height-xl-news .ui-carousel-teaser .ui-c222-08-contact {
        height: 395px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .is-height-xl-news .ui-carousel-teaser .ui-c222-08-contact {
        height: auto;
    }
}

.ui-c231-06-cumulus-benefits {
    font-size: 1.6rem;
    line-height: 2.4rem;
    height: 323px;
}

    .ui-c231-06-cumulus-benefits .headline {
        font-size: 2rem;
        line-height: 2.8rem;
        width: 80%;
    }

    .ui-c231-06-cumulus-benefits ul {
        width: 45%;
    }

    .ui-c231-06-cumulus-benefits .image-wrapper {
        position: absolute;
        right: 30px;
        bottom: 0;
        width: 50%;
    }

@media screen and (max-width: 479px) {
    .ui-c231-06-cumulus-benefits {
        height: auto;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c231-06-cumulus-benefits .image-wrapper {
        right: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c231-06-cumulus-benefits ul {
        width: 60%;
    }

    .ui-c231-06-cumulus-benefits .image-wrapper {
        right: 8px;
        width: 52%;
    }
}

@media screen and (max-width: 767px) {
    .ui-c231-06-cumulus-benefits .headline {
        width: 90%;
    }

    .ui-c231-06-cumulus-benefits ul {
        width: 90%;
    }

    .ui-c231-06-cumulus-benefits .image-wrapper {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .ui-c231-06-cumulus-benefits ul {
        width: 70%;
    }
}

.ui-c248-06-change {
    min-height: 280px;
    color: #333;
}

    .ui-c248-06-change .aural {
        overflow: hidden;
        color: transparent;
        font: 0/0 serif;
        text-shadow: none;
    }

    .ui-c248-06-change p {
        margin-bottom: 0;
    }

    .ui-c248-06-change .pos-block {
        text-align: left;
        text-transform: uppercase;
    }

        .ui-c248-06-change .pos-block abbr,
        .ui-c248-06-change .pos-block em {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
        }

        .ui-c248-06-change .pos-block em {
            font-size: 4.5rem;
            line-height: 5.4rem;
            display: block;
            font-style: normal;
        }

        .ui-c248-06-change .pos-block abbr[title] {
            font-size: 2rem;
            line-height: 3rem;
            border-bottom: 0;
        }

    .ui-c248-06-change .comment {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-bottom: 30px;
        color: #9f9690;
        text-align: left;
    }

    .ui-c248-06-change .currency {
        margin-bottom: 10px;
        text-align: left;
    }

        .ui-c248-06-change .currency:after,
        .ui-c248-06-change .currency:before {
            display: table;
            content: ' ';
        }

        .ui-c248-06-change .currency:after {
            clear: both;
        }

        .ui-c248-06-change .currency .pos-block {
            display: inline-block;
            vertical-align: top;
            word-spacing: 0;
            padding: 0;
        }

    .ui-c248-06-change .pos-block:nth-of-type(1) {
        position: relative;
        height: 100%;
        margin-right: 78px;
    }

        .ui-c248-06-change .pos-block:nth-of-type(1)::after {
            position: absolute;
            top: 68%;
            left: 100%;
            width: 23px;
            height: 38px;
            padding-left: 84px;
            margin-top: -19px;
            background: url(../img/arrow-currency.svg) 50% 300% no-repeat;
            content: '';
        }

    .ui-c248-06-change .event-details dd,
    .ui-c248-06-change .event-details dt {
        font-size: 1.6rem;
        line-height: 2.4rem;
        display: inline;
        font-weight: 400;
    }

    .ui-c248-06-change.steps {
        height: auto;
        min-height: 0;
        margin-bottom: -19px;
    }

        .ui-c248-06-change.steps .pos-block {
            font-size: 1.8rem;
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            position: relative;
            height: 100%;
            margin-right: 0;
            margin-left: 78px;
            color: #767676;
            text-transform: none;
        }

            .ui-c248-06-change.steps .pos-block.clickable {
                color: #333;
            }

            .ui-c248-06-change.steps .pos-block::after {
                display: none;
                background-image: none;
            }

            .ui-c248-06-change.steps .pos-block::before {
                position: absolute;
                top: 40%;
                right: 100%;
                width: 23px;
                height: 59px;
                padding-left: 84px;
                margin-top: -19px;
                background: url(../img/arrow-light-right-grey.svg) 50% 100% no-repeat;
                content: '';
            }

            .ui-c248-06-change.steps .pos-block:first-child {
                position: static;
                margin-left: 0;
            }

                .ui-c248-06-change.steps .pos-block:first-child::before {
                    display: none;
                }

            .ui-c248-06-change.steps .pos-block strong {
                font-weight: 400;
            }

            .ui-c248-06-change.steps .pos-block.active {
                color: #fb6400;
            }

                .ui-c248-06-change.steps .pos-block.active strong {
                    font-weight: 400;
                }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c248-06-change.steps .pos-block {
        display: inline-block;
    }

        .ui-c248-06-change.steps .pos-block em {
            display: block;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c248-06-change.steps {
        height: auto;
        min-height: 0;
    }

        .ui-c248-06-change.steps .text-area {
            max-width: none;
        }

        .ui-c248-06-change.steps .pos-block::before {
            top: 28%;
        }
}

@media screen and (max-width: 479px) {
    .ui-c248-06-change.steps {
        margin-bottom: 20px;
    }

        .ui-c248-06-change.steps .pos-block:first-child {
            margin-right: 0;
        }

        .ui-c248-06-change.steps .pos-block::before {
            top: 28%;
            height: 34px;
            margin-top: -6px;
            background-position: 50% -10px;
        }

        .ui-c248-06-change.steps .pos-block em {
            font-size: 4.5rem;
        }

        .ui-c248-06-change.steps .pos-block span {
            position: absolute;
            top: -10000em;
            left: -10000em;
        }
}

@media screen and (max-width: 991px) {
    .ui-c248-06-change .richtetxt h3 {
        font-size: 1.8rem;
        line-height: 2.7rem;
        margin-bottom: 5px;
    }

    .ui-c248-06-change .comment {
        line-height: 1.8rem;
    }

    .ui-c248-06-change .pos-block em {
        font-size: 3.5rem;
        line-height: 4.2rem;
    }

    .ui-c248-06-change .pos-block abbr[title] {
        font-size: 1.8rem;
        line-height: 2.7rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c248-06-change {
        min-height: 255px;
    }

        .ui-c248-06-change .comment {
            text-align: left;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c248-06-change {
        min-height: 310px;
    }

        .ui-c248-06-change .text-area {
            max-width: 200px;
        }

        .ui-c248-06-change .comment {
            text-align: left;
        }

        .ui-c248-06-change .currency {
            width: 100%;
            margin-bottom: 5px;
        }

            .ui-c248-06-change .currency .pos-block {
                display: block;
            }

        .ui-c248-06-change .pos-block {
            display: table;
        }

            .ui-c248-06-change .pos-block abbr[title],
            .ui-c248-06-change .pos-block em {
                line-height: 3.5rem;
                display: table-cell;
                vertical-align: bottom;
            }

            .ui-c248-06-change .pos-block abbr[title] {
                padding-right: 5px;
            }

            .ui-c248-06-change .pos-block:nth-of-type(1) {
                margin-right: 0;
                margin-bottom: 34px;
            }

                .ui-c248-06-change .pos-block:nth-of-type(1)::after {
                    top: 44px;
                    left: 45%;
                    width: 28px;
                    height: 17px;
                    padding-bottom: 30px;
                    padding-left: 0;
                    margin-top: 0;
                    margin-left: -16px;
                    background: url(../img/arrow-currency-small.svg) 0 0 no-repeat;
                }

            .ui-c248-06-change .pos-block:nth-of-type(2) {
                margin-bottom: 10px;
            }

        .ui-c248-06-change .event-details dd,
        .ui-c248-06-change .event-details dt {
            display: block;
        }

        .ui-c248-06-change p {
            margin-bottom: 0;
        }
}

@media screen and (max-width: 479px) {
    .ui-c248-06-change {
        min-height: 280px;
    }

        .ui-c248-06-change .comment {
            text-align: left;
        }

        .ui-c248-06-change .currency {
            margin-bottom: 8px;
            text-align: left;
        }

        .ui-c248-06-change .pos-block:nth-of-type(1) {
            margin-right: 62px;
        }

            .ui-c248-06-change .pos-block:nth-of-type(1)::after {
                top: 72%;
                padding-left: 66px;
                margin-top: -25px;
            }

            .ui-c248-06-change .pos-block:nth-of-type(1) abbr {
                line-height: 3rem;
            }
}

.ui-c258-12-sitemap-list {
    margin-bottom: 30px;
}

    .ui-c258-12-sitemap-list .linklist {
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 0;
        list-style: none;
    }

        .ui-c258-12-sitemap-list .linklist .linklist {
            border-width: 0 0 2px;
            -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-style: dotted;
            border-color: #ddd;
            padding: 6px 0;
        }

    .ui-c258-12-sitemap-list .listitem {
        width: 100%;
    }

        .ui-c258-12-sitemap-list .listitem .listitem a.listlink {
            padding: 7px 0;
            border: 0;
            font-family: HelveticaNeueW01-55Roma;
        }

    .ui-c258-12-sitemap-list a.listlink {
        font-size: 1.6rem;
        line-height: 1.8rem;
        border-width: 0 0 2px;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        display: block;
        width: 100%;
        padding: 12px 0;
        color: #333;
        font-family: HelveticaNeueW01-75Bold;
    }

        .ui-c258-12-sitemap-list a.listlink:hover {
            color: #f60;
        }

    .ui-c258-12-sitemap-list.single-level .headline {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 1.8rem;
        margin-top: 0;
    }

    .ui-c258-12-sitemap-list.single-level a.listlink {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        padding: 7px 0;
        border: 0;
    }

    .ui-c258-12-sitemap-list.single-level .line-area {
        border-width: 2px 0 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        margin-top: 8px;
        margin-bottom: 8px;
    }

@media screen and (max-width: 767px) {
    .ui-c258-12-sitemap-list.single-level .headline {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-top: 6px;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 767px) {
    .ui-c258-12-sitemap-list {
        margin-bottom: 10px;
    }

        .ui-c258-12-sitemap-list a.listlink {
            font-size: 1.8rem;
            line-height: 2.4rem;
        }

        .ui-c258-12-sitemap-list .linklist .linklist {
            display: none;
        }
}

.ui-c264-12-catering-menu .is-flexbox {
    display: flex;
    min-height: 180px;
    flex-direction: column;
    justify-content: space-between;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c264-12-catering-menu .is-flexbox {
        min-height: 159px;
    }
}

@media screen and (max-width: 991px) {
    .ui-c264-12-catering-menu .is-flexbox {
        min-height: 100%;
    }
}

.ui-c264-12-catering-menu .ui-c264-12-catering-menu__item {
    overflow: hidden;
    margin-top: 55px;
}

    .ui-c264-12-catering-menu .ui-c264-12-catering-menu__item:first-child {
        margin-top: 0;
    }

.ui-c264-12-catering-menu .ui-c264-12-catering-menu__image img {
    max-width: 100%;
    max-height: 175px;
}

@media screen and (max-width: 479px) {
    .ui-c264-12-catering-menu .ui-c264-12-catering-menu__image {
        overflow: hidden;
        max-height: 160px;
    }

        .ui-c264-12-catering-menu .ui-c264-12-catering-menu__image img {
            max-height: 100%;
        }
}

.ui-c264-12-catering-menu .ui-panel-migros.panel {
    border-top: 2px solid #f60;
    border-bottom: 0;
}

.ui-c264-12-catering-menu .ui-panel-migros .panel-heading {
    padding: 0;
}

    .ui-c264-12-catering-menu
    .ui-panel-migros
    .panel-heading + .panel-collapse > .panel-body {
        border: 0;
    }

.ui-c264-12-catering-menu .ui-panel-migros .panel-body {
    padding: 14px 15px 30px 0;
    border: 0;
}

@media screen and (max-width: 991px) {
    .ui-c264-12-catering-menu .ui-panel-migros .panel-body {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c264-12-catering-menu .ui-panel-migros .panel-body {
        padding: 0 15px 15px 0;
    }
}

.ui-c264-12-catering-menu .ui-panel-migros .panel-title > a {
    line-height: 2.5rem;
    padding: 10px 25px 15px 0;
}

    .ui-c264-12-catering-menu .ui-panel-migros .panel-title > a::before {
        top: 15px;
        right: 0;
        left: auto;
        margin-top: 0;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c264-12-catering-menu .ui-panel-migros .panel-title > a {
        height: 67px;
        padding: 10px 36px 8px 0;
    }
}

@media screen and (max-width: 767px) {
    .ui-c264-12-catering-menu .ui-panel-migros .panel-title > a {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-c264-12-catering-menu .ui-panel-migros .panel-title > a {
        padding: 10px 40px 10px 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-c264-12-catering-menu .ui-panel-migros {
        padding: 10px 0 0;
    }

        .ui-c264-12-catering-menu .ui-panel-migros.panel {
            border: 0;
        }

        .ui-c264-12-catering-menu .ui-panel-migros .panel-heading {
            border-top: 2px solid #f60;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c264-12-catering-menu .panel-body {
        padding: 14px 15px 20px 0;
    }
}

.ui-c264-12-catering-menu .collapse.in + .ui-catering-menu__price-detail {
    height: auto;
}

.ui-c264-12-catering-menu .ui-catering-menu__price-detail {
    font-size: 1.4rem;
    line-height: 2.2rem;
    position: relative;
    margin-top: 12px;
}

    .ui-c264-12-catering-menu .ui-catering-menu__price-detail em {
        font-size: 2.8rem;
        font-family: 'Helvetica Neue Condensed';
        font-style: normal;
        font-weight: 800;
    }

    .ui-c264-12-catering-menu .ui-catering-menu__price-detail span {
        display: block;
    }

@media screen and (max-width: 991px) {
    .ui-c264-12-catering-menu .ui-catering-menu__price-detail em {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-c264-12-catering-menu .ui-catering-menu__price-detail {
        padding-top: 23px;
    }
}

.ui-c264-12-catering-menu .ui-catering-menu__detail-item {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 20px;
}

    .ui-c264-12-catering-menu .ui-catering-menu__detail-item:first-child {
        margin-top: 0;
    }

.ui-c264-12-catering-menu .ui-catering-menu__sub-title {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
}

.ui-price__range {
    position: absolute;
    right: 0;
    bottom: 4px;
    width: 67px;
    height: 17px;
}

    .ui-price__range.is-horizontal.is-range1 {
        background: url(../img/icons/diamond-range1.png) 0 0 no-repeat;
    }

    .ui-price__range.is-horizontal.is-range2 {
        background: url(../img/icons/diamond-range2.png) 0 0 no-repeat;
    }

    .ui-price__range.is-horizontal.is-range3 {
        background: url(../img/icons/diamond-range3.png) 0 0 no-repeat;
    }

    .ui-price__range.is-vertical.is-range1 {
        background: url(../img/icons/diamond-range1-v.png) 0 0 no-repeat;
    }

    .ui-price__range.is-vertical.is-range2 {
        background: url(../img/icons/diamond-range2-v.png) 0 0 no-repeat;
    }

    .ui-price__range.is-vertical.is-range3 {
        background: url(../img/icons/diamond-range3-v.png) 0 0 no-repeat;
    }

@media screen and (max-width: 479px) {
    .ui-price__range {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
    }
}

.bg .ui-c264-12-catering-menu .ui-c264-12-catering-menu__item {
    padding: 20px 20px 18px;
    margin: 20px 0;
    background: #fff;
    border-radius: 4px;
}

    .bg .ui-c264-12-catering-menu .ui-c264-12-catering-menu__item:first-child {
        margin-top: 20px;
    }

@media screen and (max-width: 991px) {
    .bg .ui-c264-12-catering-menu .ui-panel-migros {
        min-height: 100%;
    }
}

.bg .ui-c264-12-catering-menu .is-flexbox {
    min-height: 173px;
}

@media screen and (max-width: 991px) {
    .bg .ui-c264-12-catering-menu .is-flexbox {
        min-height: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .bg .ui-c264-12-catering-menu .is-flexbox {
        min-height: 151px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .bg .ui-c264-12-catering-menu .ui-c264-12-catering-menu__item {
        padding: 10px 10px 8px;
    }
}

@media screen and (max-width: 479px) {
    .bg .ui-c264-12-catering-menu .ui-c264-12-catering-menu__item {
        padding: 0;
        border-radius: 0 0 4px 4px;
    }

    .bg .ui-c264-12-catering-menu .ui-panel-migros {
        padding: 10px;
    }

    .bg .ui-c264-12-catering-menu .ui-catering-menu__price-detail {
        padding: 23px 10px 10px;
        margin-top: 0;
    }

    .bg .ui-c264-12-catering-menu .ui-price__range {
        left: 10px;
    }
}

.ui-c265-03-catering-product {
    font-size: 1.4rem;
    line-height: 1.8rem;
    position: relative;
    height: 340px;
    margin-bottom: 25px;
    color: #999;
}

    .ui-c265-03-catering-product::after {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        border-left: 1px solid #ddd;
        content: '';
    }

    .ui-c265-03-catering-product.without-details {
        height: 269px;
    }

    .ui-c265-03-catering-product .ui-catering-product__wrap {
        position: relative;
        overflow: hidden;
        padding: 12px 15px 12px 10px;
    }

    .ui-c265-03-catering-product .ui-catering-product__image {
        height: 190px;
        line-height: 170px;
        text-align: center;
    }

        .ui-c265-03-catering-product .ui-catering-product__image img {
            display: inline-block;
            max-width: 100%;
            max-height: 170px;
        }

    .ui-c265-03-catering-product .ui-catering-product__headline {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        color: #333;
    }

        .ui-c265-03-catering-product
        .ui-catering-product__headline + .ui-catering-product__description {
            margin-top: 4px;
        }

    .ui-c265-03-catering-product .ui-catering-product__category {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        margin-top: 8px;
    }

    .ui-c265-03-catering-product .ui-price__range {
        top: 12px;
        right: 12px;
        bottom: auto;
        width: 19px;
        height: 61px;
    }

@media screen and (min-width: 992px) {
    .ui-c265-03-catering-product:nth-child(4n-3)::after {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c265-03-catering-product:nth-child(3n-2)::after {
        display: none;
    }

    .ui-c265-03-catering-product .ui-catering-product__image img {
        max-width: 83%;
        max-height: 167px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c265-03-catering-product:nth-child(2n-1)::after {
        display: none;
    }

    .ui-c265-03-catering-product.without-details {
        height: 262px;
    }

    .ui-c265-03-catering-product .ui-catering-product__image {
        height: 180px;
        line-height: 180px;
    }

        .ui-c265-03-catering-product .ui-catering-product__image img {
            max-width: 90%;
            max-height: 120px;
        }
}

@media screen and (max-width: 479px) {
    .ui-c265-03-catering-product {
        height: auto;
        margin-bottom: 0;
    }

        .ui-c265-03-catering-product::after {
            display: none;
        }

        .ui-c265-03-catering-product:last-child {
            border-width: 0 0 2px;
            -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-style: dotted;
            border-color: #ddd;
        }

        .ui-c265-03-catering-product.without-details {
            height: auto;
        }

        .ui-c265-03-catering-product .ui-catering-product__wrap {
            border-width: 2px 0 0;
            -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
            border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
            border-style: dotted;
            border-color: #ddd;
            padding: 13px 3px 18px 0;
        }

        .ui-c265-03-catering-product .ui-catering-product__image {
            width: 100px;
            height: 100px;
            margin-right: 15px;
            float: left;
            line-height: 100px;
        }

            .ui-c265-03-catering-product .ui-catering-product__image img {
                max-width: 71%;
                max-height: 100px;
            }

        .ui-c265-03-catering-product .ui-catering-product__information {
            overflow: hidden;
        }

        .ui-c265-03-catering-product .ui-catering-product__category {
            margin-top: 4px;
        }

        .ui-c265-03-catering-product .ui-price__range {
            position: relative;
            top: 0;
            width: 67px;
            height: 17px;
            margin-top: 10px;
        }

            .ui-c265-03-catering-product .ui-price__range.is-vertical.is-range1 {
                background: url(../img/icons/diamond-range1.png) 0 0 no-repeat;
            }

            .ui-c265-03-catering-product .ui-price__range.is-vertical.is-range2 {
                background: url(../img/icons/diamond-range2.png) 0 0 no-repeat;
            }

            .ui-c265-03-catering-product .ui-price__range.is-vertical.is-range3 {
                background: url(../img/icons/diamond-range3.png) 0 0 no-repeat;
            }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .ui-c265-03-catering-product.without-details {
        height: 290px;
    }
}

.ui-c281-counter-small {
    display: flex;
    justify-content: center;
}

    .ui-c281-counter-small .counter-item {
        width: 33.3%;
        text-align: center;
    }

@media screen and (max-width: 479px) {
    .ui-c281-counter-small .counter-item {
        width: 50%;
        margin-bottom: 20px;
    }
}

.ui-c281-counter-small .counter-number {
    font-size: 5.5rem;
    line-height: 6.6rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    height: 66px;
    color: #40a529;
}

@media screen and (max-width: 1199px) {
    .ui-c281-counter-small .counter-number {
        font-size: 4.5rem;
        line-height: 5.4rem;
        height: 54px;
    }
}

@media screen and (max-width: 767px) {
    .ui-c281-counter-small .counter-number {
        font-size: 3.5rem;
        line-height: 4.2rem;
        height: 42px;
    }
}

.ui-c281-counter-small .counter-text {
    font-size: 2rem;
    line-height: 2.5rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    display: inline-block;
    max-width: 92%;
    margin-top: 6px;
    color: #333;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c281-counter-small .counter-text {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-c281-counter-small .counter-text {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c281-counter-small .counter-text {
        margin-top: 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-c281-counter-small {
        flex-wrap: wrap;
        justify-content: inherit;
    }
}

.ui-c282-generic-overlay {
    position: relative;
    max-width: 984px;
    padding-bottom: 30px;
    margin: 74px auto;
    background: #fff;
}

    .ui-c282-generic-overlay .close {
        position: absolute;
        z-index: 1001;
        top: -57px;
        right: 0;
        display: block;
        width: 38px;
        height: 38px;
        background-color: #f60;
        background-image: url(../img/close-white.svg);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        border-radius: 50%;
        text-align: center;
        transform: translateZ(0);
        transition: background-color 0.4s ease-out;
    }

        .ui-c282-generic-overlay .close:active,
        .ui-c282-generic-overlay .close:focus,
        .ui-c282-generic-overlay .close:hover {
            background-color: #de450a;
        }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c282-generic-overlay .close {
        right: 12px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c282-generic-overlay .close {
        right: 30px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c282-generic-overlay .close {
        right: 18px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c282-generic-overlay .container {
        width: calc(100% - 120px);
        padding: 0;
    }
}

@media screen and (min-width: 992px) {
    .ui-c282-generic-overlay .ui-c201-12-introstandard .intro {
        font-size: 2rem;
        line-height: 2.5rem;
        padding-top: 15px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c282-generic-overlay .ui-c201-12-introstandard .intro {
        padding-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .ui-c282-generic-overlay .ui-c201-12-introstandard .intro {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c282-generic-overlay .ui-c201-12-introstandard .ui-header-headline {
        font-size: 5.5rem;
        line-height: 1;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c282-generic-overlay .ui-c201-12-introstandard .ui-header-headline {
        font-size: 3.2rem;
        line-height: 1;
    }
}

@media screen and (max-width: 479px) {
    .ui-c282-generic-overlay .ui-c201-12-introstandard .ui-header-headline {
        font-size: 2.5rem;
        line-height: 1;
    }
}

.ui-c282-generic-overlay .is-height-1 {
    height: 554px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c282-generic-overlay .is-height-1 {
        height: 486px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c282-generic-overlay .is-height-1 {
        height: 432px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c282-generic-overlay .is-height-1 {
        height: 270px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c282-generic-overlay .is-height-1 {
        height: 180px;
    }
}

.ui-c282-generic-overlay .ui-c213-08-copyimage {
    margin-bottom: 0;
}

    .ui-c282-generic-overlay .ui-c213-08-copyimage .ui-paragraph-headline {
        margin-bottom: 10px;
    }

    .ui-c282-generic-overlay .ui-c213-08-copyimage .main-col {
        margin-bottom: 14px;
    }

@media screen and (max-width: 991px) {
    .ui-c282-generic-overlay .ui-c213-08-copyimage .main-col {
        margin-bottom: 6px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c282-generic-overlay .ui-c213-08-copyimage .ui-paragraph-headline {
        margin-top: 13px;
    }
}

@media screen and (max-width: 767px) {
    .ui-c282-generic-overlay .ui-c213-08-copyimage .ui-paragraph-headline {
        margin-top: 8px;
    }
}

.ui-c282-generic-overlay .table-responsive {
    display: none;
}

@media screen and (min-width: 480px) {
    .ui-c282-generic-overlay .morelink .link {
        font-size: 1.6rem;
    }
}

.ui-c282-generic-overlay .ui-carousel-wide .carousel-indicators {
    top: 15px;
}

.ui-c282-generic-overlay .ui-carousel-wide .arrow-left {
    background-image: url(../img/svg/icons//carousel/arrow-left-m.svg);
}

.ui-c282-generic-overlay .ui-carousel-wide .arrow-right {
    background-image: url(../img/svg/icons//carousel/arrow-right-m.svg);
}

.ui-c282-generic-overlay .ui-c281-counter-small {
    margin: 40px 0 45px;
}

@media screen and (max-width: 479px) {
    .ui-c282-generic-overlay .ui-c281-counter-small {
        margin: 25px 0 35px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c282-generic-overlay {
        max-width: 864px;
    }
}

@media screen and (max-width: 1199px) {
    .ui-c282-generic-overlay {
        margin: 56px auto 0;
    }

        .ui-c282-generic-overlay .close {
            top: -50px;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c282-generic-overlay .container {
        position: relative;
    }
}

.ui-c287-8-counter-list {
    padding-bottom: 33px;
    padding-left: 0;
    font-family: 'Helvetica Now Text Regular', Helvetica, Arial, sans-serif;
}

    .ui-c287-8-counter-list .list-item {
        position: relative;
        z-index: 3;
        display: inline-block;
        margin-top: 30px;
    }

        .ui-c287-8-counter-list .list-item.is-left-aligned {
            padding-right: 0;
        }

        .ui-c287-8-counter-list .list-item.is-right-aligned {
            padding-left: 0;
            text-align: left;
        }

            .ui-c287-8-counter-list .list-item.is-right-aligned .counter-headline {
                text-align: right;
            }

            .ui-c287-8-counter-list .list-item.is-right-aligned .counter-text {
                text-align: right;
            }

            .ui-c287-8-counter-list .list-item.is-right-aligned .item-img {
                right: auto;
                left: 0;
            }

@media screen and (min-width: 480px) {
    .ui-c287-8-counter-list .list-item {
        margin-top: 36px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c287-8-counter-list .list-item {
        margin-top: 40px;
    }

        .ui-c287-8-counter-list .list-item.is-left-aligned {
            padding-right: calc(25% + 6px);
        }

        .ui-c287-8-counter-list .list-item.is-right-aligned {
            padding-left: calc(25% + 6px);
        }
}

.ui-c287-8-counter-list .item-img {
    position: absolute;
    z-index: -1;
    top: 10px;
    right: 0;
    max-width: 75px;
    height: auto;
}

@media screen and (min-width: 480px) {
    .ui-c287-8-counter-list .item-img {
        top: -1px;
        max-width: 160px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c287-8-counter-list .item-img {
        max-width: 200px;
    }
}

.ui-c287-8-counter-list .counter-headline {
    font-size: 1.5rem;
    line-height: 1.8rem;
    margin: 4px 0;
    font-family: 'Helvetica Now Text XBold', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

@media screen and (min-width: 480px) {
    .ui-c287-8-counter-list .counter-headline {
        font-size: 1.7rem;
        line-height: 2rem;
        margin: 11px 0;
    }
}

@media screen and (min-width: 992px) {
    .ui-c287-8-counter-list .counter-headline {
        font-size: 2rem;
        line-height: 2.2rem;
    }
}

.ui-c287-8-counter-list .counter-text {
    font-size: 5.5rem;
    line-height: 5rem;
    margin-bottom: 0;
    color: #f60;
    font-family: 'Helvetica Now Text XBold', Helvetica, Arial, sans-serif;
    letter-spacing: -1.5px;
}

@media screen and (min-width: 480px) {
    .ui-c287-8-counter-list .counter-text {
        font-size: 9rem;
        line-height: 8rem;
        margin-bottom: 4px;
        letter-spacing: -2px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c287-8-counter-list .counter-text {
        font-size: 14.5rem;
        line-height: 13rem;
        margin-bottom: 0;
        letter-spacing: -3px;
    }
}

.ui-c287-8-counter-list .counter-content {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 6px 0 0;
    color: #333;
}

@media screen and (min-width: 480px) {
    .ui-c287-8-counter-list .counter-content {
        margin: 13px 0 0;
    }
}

@media screen and (min-width: 992px) {
    .ui-c287-8-counter-list .counter-content {
        margin: 10px 0 0;
    }
}

@media screen and (min-width: 480px) {
    .ui-c287-8-counter-list {
        padding-bottom: 55px;
    }
}

.ui-c288-12plus-parallax-intro {
    position: relative;
}

    .ui-c288-12plus-parallax-intro .content-wrap {
        position: relative;
    }

        .ui-c288-12plus-parallax-intro .content-wrap.is-below {
            padding-left: 85px;
            margin-top: calc(-360px / 2);
        }

            .ui-c288-12plus-parallax-intro .content-wrap.is-below .headline-wrap {
                padding-right: 0;
            }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c288-12plus-parallax-intro .content-wrap.is-below {
        padding-left: 74px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c288-12plus-parallax-intro .content-wrap.is-below {
        padding-left: 55px;
        margin-top: -150px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c288-12plus-parallax-intro .content-wrap.is-below {
        padding-left: 35px;
        margin-top: -140px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c288-12plus-parallax-intro .content-wrap.is-below {
        padding-left: 9%;
        margin-top: -80px;
    }
}

.ui-c288-12plus-parallax-intro .content-stage {
    position: relative;
    z-index: 10;
    height: 360px;
    padding: 1.6rem 0 5.4rem;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c288-12plus-parallax-intro .content-stage {
        height: auto;
        min-height: 300px;
        padding: 2.2rem 0 2rem;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c288-12plus-parallax-intro .content-stage {
        height: auto;
        min-height: 240px;
        padding: 2.2rem 0 2rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-c288-12plus-parallax-intro .content-stage {
        height: 160px;
    }
}

.ui-c288-12plus-parallax-intro .content-background {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #f60;
}

    .ui-c288-12plus-parallax-intro .content-background.is-right-bg {
        right: auto;
        left: 0;
        padding-right: 9999rem;
        margin-right: -9999rem;
    }

    .ui-c288-12plus-parallax-intro .content-background.is-left-bg {
        padding-left: 9999rem;
        margin-left: -9999rem;
    }

@media screen and (max-width: 479px) {
    .ui-c288-12plus-parallax-intro.button-exists .content-stage {
        height: 180px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c288-12plus-parallax-intro.button-exists .ui-paragraph-headline {
        margin-bottom: 30px;
    }
}

.ui-c288-12plus-parallax-intro.button-exists .intro-text {
    margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
    .ui-c288-12plus-parallax-intro.button-exists .intro-text {
        margin-bottom: 40px;
    }
}

.ui-c288-12plus-parallax-intro .headline-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 40px 0 0;
}

    .ui-c288-12plus-parallax-intro
    .headline-wrap.is-inverted
    .ui-paragraph-headline {
        color: #333;
    }

        .ui-c288-12plus-parallax-intro
        .headline-wrap.is-inverted
        .ui-paragraph-headline::before {
            background-color: #333;
        }

    .ui-c288-12plus-parallax-intro .headline-wrap.is-inverted + .intro-text {
        color: #333;
    }

@media screen and (max-width: 991px) {
    .ui-c288-12plus-parallax-intro .headline-wrap {
        padding-top: 0;
    }
}

.ui-c288-12plus-parallax-intro .logo-stage {
    max-width: 140px;
    height: 80px;
    line-height: 80px;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c288-12plus-parallax-intro .logo-stage {
        max-width: 60px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c288-12plus-parallax-intro .logo-stage {
        position: absolute;
        right: 10px;
        max-width: 50px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c288-12plus-parallax-intro .logo-stage {
        position: absolute;
        right: 10px;
        max-width: 50px;
    }
}

.ui-c288-12plus-parallax-intro .logo-img {
    max-width: 100%;
    height: auto;
}

.ui-c288-12plus-parallax-intro .ui-paragraph-headline {
    font-size: 2.2rem;
    line-height: 2.5rem;
    font-family: 'Helvetica Now Text XBold';
    letter-spacing: -0.25px;
    margin: 0 0 8px;
    color: #fff;
}

    .ui-c288-12plus-parallax-intro .ui-paragraph-headline::before {
        background-color: #fff;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c288-12plus-parallax-intro .ui-paragraph-headline {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }
}

@media screen and (min-width: 992px) {
    .ui-c288-12plus-parallax-intro .ui-paragraph-headline {
        letter-spacing: -0.5px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c288-12plus-parallax-intro .ui-paragraph-headline {
        font-size: 3.2rem;
        line-height: 3.6rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-c288-12plus-parallax-intro .ui-paragraph-headline {
        padding-right: 5rem;
    }
}

.ui-c288-12plus-parallax-intro .intro-text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: 'Helvetica Now Text Regular';
    padding-right: 25.3rem;
    color: #fff;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c288-12plus-parallax-intro .intro-text {
        padding-right: 16rem;
        letter-spacing: -0.5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c288-12plus-parallax-intro .intro-text {
        padding-right: 5rem;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c288-12plus-parallax-intro .intro-text {
        padding-right: 2rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-c288-12plus-parallax-intro .intro-text {
        display: none;
    }
}

.ui-c288-12plus-parallax-intro .background-stage {
    position: relative;
    height: 360px;
    background-repeat: repeat-x;
    background-size: contain;
}

    .ui-c288-12plus-parallax-intro .background-stage.is-right-bg {
        padding-right: 9999rem;
        margin-right: -9999rem;
    }

    .ui-c288-12plus-parallax-intro .background-stage.is-left-bg {
        padding-left: 9999rem;
        margin-left: -9999rem;
    }

    .ui-c288-12plus-parallax-intro .background-stage.is-below {
        margin-top: calc(-360px / 2);
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c288-12plus-parallax-intro .background-stage.is-below {
        margin-top: -150px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c288-12plus-parallax-intro .background-stage {
        height: 300px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c288-12plus-parallax-intro .background-stage {
        height: 240px;
        text-align: right;
    }

        .ui-c288-12plus-parallax-intro .background-stage.is-below {
            margin-top: -140px;
        }
}

@media screen and (max-width: 479px) {
    .ui-c288-12plus-parallax-intro .background-stage {
        height: 160px;
        text-align: right;
    }

        .ui-c288-12plus-parallax-intro .background-stage.is-below {
            margin-top: -80px;
        }
}

.ui-c288-12plus-parallax-intro .img-over {
    position: absolute;
    z-index: 9;
    bottom: 0;
    max-width: calc(100% - 24px);
    max-height: 360px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c288-12plus-parallax-intro .img-over {
        max-height: 300px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c288-12plus-parallax-intro .img-over {
        right: 0;
        width: auto;
        max-width: calc(100% - 16px);
        max-height: 240px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c288-12plus-parallax-intro .img-over {
        right: 0;
        width: auto;
        max-height: 160px;
    }
}

.ui-c289-8-icon-list {
    max-width: 100vw;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

    .ui-c289-8-icon-list:not(.is-left-item)
    .icon-list-item:nth-child(2n)
    .icon-list-icon-wrapper {
        right: 3px;
        left: auto;
        justify-content: flex-end;
        transform: translateX(30%) translateY(-50%);
    }

@media screen and (min-width: 480px) {
    .ui-c289-8-icon-list:not(.is-left-item)
    .icon-list-item:nth-child(2n)
    .icon-list-icon-wrapper {
        right: 0;
    }
}

@media screen and (min-width: 992px) {
    .ui-c289-8-icon-list:not(.is-left-item)
    .icon-list-item:nth-child(2n)
    .icon-list-icon-wrapper {
        transform: translateX(40%) translateY(-50%);
    }
}

@media screen and (min-width: 992px) {
    .ui-c289-8-icon-list:not(.is-left-item)
    .icon-list-item
    .icon-list-icon-wrapper {
        right: 0;
        transform: translateX(-40%) translateY(-50%);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c289-8-icon-list:not(.is-left-item) .icon-list-item:nth-child(2n) {
        padding: 0 26% 0 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c289-8-icon-list:not(.is-left-item) .icon-list-item:nth-child(2n) {
        padding: 0 17.3% 0 26%;
    }
}

@media screen and (min-width: 992px) {
    .ui-c289-8-icon-list:not(.is-left-item) .icon-list-item:nth-child(2n) {
        padding: 0 13% 0 26%;
    }
}

.ui-c289-8-icon-list .icon-list-item {
    position: relative;
    display: flex;
    min-height: 70px;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    margin-bottom: 20px;
    color: #333;
}

    .ui-c289-8-icon-list .icon-list-item .icon-list-icon-wrapper {
        position: absolute;
        z-index: -1;
        top: 50%;
        right: auto;
        left: 3px;
        display: flex;
        width: 70px;
        height: 70px;
        align-items: center;
        justify-content: center;
        transform: translateY(-50%);
    }

@media screen and (max-width: 479px) {
    .ui-c289-8-icon-list .icon-list-item .icon-list-icon-wrapper {
        justify-content: flex-start;
        transform: translateX(-30%) translateY(-50%);
    }
}

@media screen and (min-width: 480px) {
    .ui-c289-8-icon-list .icon-list-item .icon-list-icon-wrapper {
        left: 0;
    }
}

.ui-c289-8-icon-list .icon-list-item .icon-list-icon {
    max-width: 100%;
    max-height: 70px;
}

@media screen and (max-width: 479px) {
    .ui-c289-8-icon-list .icon-list-item .icon-list-icon {
        opacity: 0.2;
    }
}

.ui-c289-8-icon-list .icon-list-item .icon-list-headline {
    font-size: 1.9rem;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 5px;
    font-family: 'Helvetica Now Text XBold';
}

@media screen and (min-width: 992px) {
    .ui-c289-8-icon-list .icon-list-item .icon-list-headline {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}

.ui-c289-8-icon-list .icon-list-item .icon-list-text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 0;
    font-family: 'Helvetica Now Text Regular';
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c289-8-icon-list .icon-list-item {
        padding: 0 0 0 26%;
        margin-bottom: 28px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c289-8-icon-list .icon-list-item {
        padding: 0 26% 0 17.3%;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c289-8-icon-list .icon-list-item {
        padding: 0 26% 0 13%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c289-8-icon-list {
        overflow: hidden;
        padding-right: 18px;
        padding-left: 18px;
        margin-right: -18px;
        margin-left: -18px;
    }
}

.ui-c290-12plus-hot-wheel-stage {
    position: relative;
}

    .ui-c290-12plus-hot-wheel-stage .ui-stage-background-extender {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: inherit;
        background-size: 0 0;
    }

        .ui-c290-12plus-hot-wheel-stage .ui-stage-background-extender::after {
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            display: block;
            width: 1px;
            height: 100%;
            background: no-repeat left bottom;
            background-image: inherit;
            background-size: cover;
            content: '';
            transform: scaleX(2000);
        }

        .ui-c290-12plus-hot-wheel-stage .ui-stage-background-extender::before {
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0;
            display: block;
            width: 1px;
            height: 100%;
            background: no-repeat right bottom;
            background-image: inherit;
            background-size: cover;
            content: '';
            transform: scaleX(2000);
        }

@media screen and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage .ui-stage-background-extender {
        display: none;
    }
}

.ui-c290-12plus-hot-wheel-stage .ui-stage-background-gradient {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .ui-c290-12plus-hot-wheel-stage .ui-stage-background-gradient::before {
        position: absolute;
        top: 0;
        left: calc((100vw - 100%) / 2 * -1);
        width: calc((100vw - 100%) / 2);
        height: 100%;
        background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
        content: '';
    }

    .ui-c290-12plus-hot-wheel-stage .ui-stage-background-gradient::after {
        position: absolute;
        top: 0;
        right: calc((100vw - 100%) / 2 * -1);
        width: calc((100vw - 100%) / 2);
        height: 100%;
        background: linear-gradient(to left, #fff 0, rgba(255, 255, 255, 0) 100%);
        content: '';
    }

@media screen and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage .ui-stage-background-gradient {
        display: none;
    }
}

.ui-c290-12plus-hot-wheel-stage::before {
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(to top, #fff 0, rgba(255, 255, 255, 0) 100%);
    content: '';
}

.ui-c290-12plus-hot-wheel-stage .circle_stage-background {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.ui-c290-12plus-hot-wheel-stage .circle_background {
    position: relative;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .ui-c290-12plus-hot-wheel-stage .circle_background::before {
        position: absolute;
        box-sizing: border-box;
        border: 2px solid rgba(226, 232, 234, 0.7);
        background-color: rgba(0, 0, 0, 0);
        border-radius: 50%;
        content: '';
    }

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage .circle_background::before {
        top: -21px;
        left: -21px;
        width: 252px;
        height: 252px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage .circle_background::before {
        top: -24px;
        left: -24px;
        width: 348px;
        height: 348px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage .circle_background::before {
        top: -24px;
        left: -24px;
        width: 456px;
        height: 456px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage .circle_background::before {
        top: -25px;
        left: -25px;
        width: 530px;
        height: 530px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage .circle_background::before {
        top: -25px;
        left: -25px;
        width: 530px;
        height: 530px;
    }
}

.ui-c290-12plus-hot-wheel-stage .circle_background::after {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    box-sizing: border-box;
    background-color: rgba(226, 232, 234, 0.7);
    border-radius: 50%;
    content: '';
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage .circle_background {
        width: 210px;
        height: 210px;
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage .circle_background {
        width: 300px;
        height: 300px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage .circle_background {
        width: 408px;
        height: 408px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage .circle_background {
        width: 480px;
        height: 480px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage .circle_background {
        width: 480px;
        height: 480px;
    }
}

.ui-c290-12plus-hot-wheel-stage .circle_stage {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage .circle_stage {
        padding-right: 0;
        padding-left: 0;
    }
}

.ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_spacing {
    padding: 20px;
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_spacing {
        margin: 40px 0 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_spacing {
        margin: 46px 0 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_spacing {
        margin: 44px 0 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_spacing {
        margin: 60px 0 0;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_spacing {
        margin: 60px 0 0;
    }
}

.ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_sizer {
    position: relative;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_sizer {
        width: 252px;
        height: 252px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_sizer {
        width: 348px;
        height: 348px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_sizer {
        width: 456px;
        height: 456px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_sizer {
        width: 530px;
        height: 530px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_sizer {
        width: 530px;
        height: 530px;
    }
}

.ui-c290-12plus-hot-wheel-stage .circle_navigation .circle {
    box-sizing: border-box;
    border-radius: 50%;
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle {
        width: 210px;
        height: 210px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle {
        width: 300px;
        height: 300px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle {
        width: 408px;
        height: 408px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle {
        width: 480px;
        height: 480px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle {
        width: 480px;
        height: 480px;
    }
}

.ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_nav-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_nav-item {
    position: absolute;
    top: 50%;
    width: 26px;
    min-width: 26px;
    min-height: 26px;
    box-sizing: border-box;
    cursor: pointer;
}

    .ui-c290-12plus-hot-wheel-stage .circle_navigation .circle_nav-item::before {
        position: absolute;
        z-index: 4;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0);
        content: '';
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item
    .circle_nav-item__link {
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        z-index: -1;
        height: 26px;
        max-height: 26px;
        padding: 0;
        color: #fff;
        font-size: 14px;
        line-height: 26px;
    }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item
        .circle_nav-item__link::before {
            position: absolute;
            z-index: -1;
            width: 26px;
            height: 26px;
            background-color: #c1cbce;
            border-radius: 18px;
            content: '';
        }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item
        .circle_nav-item__link
        .circle_nav-item__link-text {
            background-color: rgba(0, 0, 0, 0);
            border-radius: 18px;
        }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item
        .circle_nav-item__link::after {
            position: absolute;
            z-index: 2;
            width: 10px;
            height: 10px;
            box-sizing: border-box;
            margin: 8px;
            background-color: #c1cbce;
            border-radius: 18px;
            box-shadow: 0 0 0 6px #fff, 0 0 0 8px rgba(192, 203, 206, 0.7);
            content: '';
        }

@media only screen and (max-width: 1023px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-child(odd) {
        right: 50%;
        left: auto;
        text-align: right;
        transform: translate(13px, -13px);
    }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item:nth-child(odd)::before {
            top: 0;
            right: 0;
        }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item:nth-child(odd)
        .circle_nav-item__link {
            position: absolute;
            right: 0;
        }

            .ui-c290-12plus-hot-wheel-stage
            .circle_navigation
            .circle_nav-item:nth-child(odd)
            .circle_nav-item__link::before {
                top: 0;
                right: 0;
            }

            .ui-c290-12plus-hot-wheel-stage
            .circle_navigation
            .circle_nav-item:nth-child(odd)
            .circle_nav-item__link::after {
                top: 0;
                right: 0;
            }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item:nth-child(odd)
        .circle_nav-item__link-text {
            right: 0;
            padding: 0 37px 0 25px;
        }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-child(odd) {
        right: auto;
        left: 50%;
        text-align: left;
        transform: translate(-13px, -13px);
    }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item:nth-child(odd)
        .circle_nav-item__link {
            position: absolute;
            left: 0;
        }

            .ui-c290-12plus-hot-wheel-stage
            .circle_navigation
            .circle_nav-item:nth-child(odd)
            .circle_nav-item__link::before {
                top: 0;
                left: 0;
            }

            .ui-c290-12plus-hot-wheel-stage
            .circle_navigation
            .circle_nav-item:nth-child(odd)
            .circle_nav-item__link::after {
                top: 0;
                left: 0;
            }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item:nth-child(odd)
        .circle_nav-item__link-text {
            left: 0;
            padding: 0 25px 0 37px;
        }
}

@media only screen and (max-width: 1023px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-child(even) {
        right: auto;
        left: 50%;
        text-align: left;
        transform: translate(-13px, -13px);
    }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item:nth-child(even)::before {
            top: 0;
            left: 0;
        }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item:nth-child(even)
        .circle_nav-item__link {
            position: absolute;
            left: 0;
        }

            .ui-c290-12plus-hot-wheel-stage
            .circle_navigation
            .circle_nav-item:nth-child(even)
            .circle_nav-item__link::before {
                top: 0;
                left: 0;
            }

            .ui-c290-12plus-hot-wheel-stage
            .circle_navigation
            .circle_nav-item:nth-child(even)
            .circle_nav-item__link::after {
                top: 0;
                left: 0;
            }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item:nth-child(even)
        .circle_nav-item__link-text {
            left: 0;
            padding: 0 25px 0 37px;
        }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-child(even) {
        right: 50%;
        left: auto;
        text-align: right;
        transform: translate(13px, -13px);
    }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item:nth-child(even)
        .circle_nav-item__link {
            position: absolute;
            right: 0;
        }

            .ui-c290-12plus-hot-wheel-stage
            .circle_navigation
            .circle_nav-item:nth-child(even)
            .circle_nav-item__link::before {
                top: 0;
                right: 0;
                left: auto;
            }

            .ui-c290-12plus-hot-wheel-stage
            .circle_navigation
            .circle_nav-item:nth-child(even)
            .circle_nav-item__link::after {
                top: 0;
                right: 0;
                left: auto;
            }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item:nth-child(even)
        .circle_nav-item__link-text {
            right: 0;
            left: auto;
            padding: 0 37px 0 25px;
        }
}

.ui-c290-12plus-hot-wheel-stage
.circle_navigation
.circle_nav-item.is-active
.circle_nav-item__link::before {
    background-color: #ff6b00;
}

.ui-c290-12plus-hot-wheel-stage
.circle_navigation
.circle_nav-item.is-active
.circle_nav-item__link::after {
    background-color: #f60;
    box-shadow: 0 0 0 6px #fff, 0 0 0 8px #f60;
}

.ui-c290-12plus-hot-wheel-stage
.circle_navigation
.circle_nav-item:first-child {
    right: auto;
    left: 50%;
    text-align: left;
    transform: translate(-13px, -13px);
}

    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:first-child::before {
        top: 0;
        left: 0;
    }

    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:first-child
    .circle_nav-item__link {
        position: absolute;
        right: auto;
        left: 0;
    }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item:first-child
        .circle_nav-item__link::before {
            top: 0;
            left: 0;
        }

        .ui-c290-12plus-hot-wheel-stage
        .circle_navigation
        .circle_nav-item:first-child
        .circle_nav-item__link::after {
            top: 0;
            left: 0;
        }

    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:first-child
    .circle_nav-item__link-text {
        left: 0;
        padding: 0 25px 0 37px;
    }

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:first-child {
        transform: translate(-13px, -13px) rotate(270deg) translate(126px) rotate(-270deg) translate(0, 0);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:first-child {
        transform: translate(-13px, -13px) rotate(270deg) translate(174px) rotate(-270deg) translate(0, 0);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:first-child {
        transform: translate(-13px, -13px) rotate(270deg) translate(228px) rotate(-270deg) translate(0, 0);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:first-child {
        transform: translate(-13px, -13px) rotate(270deg) translate(265px) rotate(-270deg) translate(0, 0);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:first-child {
        transform: translate(-13px, -13px) rotate(270deg) translate(265px) rotate(-270deg) translate(0, 0);
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(-13px, -13px) rotate(180deg) translate(126px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(-13px, -13px) rotate(180deg) translate(174px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(-13px, -13px) rotate(180deg) translate(228px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(-13px, -13px) rotate(180deg) translate(265px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(13px, -13px) rotate(180deg) translate(265px) rotate(-180deg) translate(0, 0);
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(13px, -13px) rotate(180deg) translate(265px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(-13px, -13px) rotate(225deg) translate(126px) rotate(-225deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(-13px, -13px) rotate(225deg) translate(174px) rotate(-225deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(-13px, -13px) rotate(225deg) translate(228px) rotate(-225deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(-13px, -13px) rotate(225deg) translate(265px) rotate(-225deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(13px, -13px) rotate(225deg) translate(265px) rotate(-225deg) translate(0.5px, 0.5px);
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(13px, -13px) rotate(225deg) translate(265px) rotate(-225deg) translate(0.5px, 0.5px);
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(-13px, -13px) rotate(240deg) translate(126px) rotate(-240deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(-13px, -13px) rotate(240deg) translate(174px) rotate(-240deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(-13px, -13px) rotate(240deg) translate(228px) rotate(-240deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(-13px, -13px) rotate(240deg) translate(265px) rotate(-240deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(13px, -13px) rotate(240deg) translate(265px) rotate(-240deg) translate(0.5px, 0.5px);
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(2) {
        transform: translate(13px, -13px) rotate(240deg) translate(265px) rotate(-240deg) translate(0.5px, 0.5px);
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(13px, -13px) rotate(0) translate(126px) rotate(0) translate(0, 0);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(13px, -13px) rotate(0) translate(174px) rotate(0) translate(0, 0);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(13px, -13px) rotate(0) translate(228px) rotate(0) translate(0, 0);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(13px, -13px) rotate(0) translate(265px) rotate(0) translate(0, 0);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(-13px, -13px) rotate(0) translate(265px) rotate(0) translate(0, 0);
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(-13px, -13px) rotate(0) translate(265px) rotate(0) translate(0, 0);
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(13px, -13px) rotate(315deg) translate(126px) rotate(-315deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(13px, -13px) rotate(315deg) translate(174px) rotate(-315deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(13px, -13px) rotate(315deg) translate(228px) rotate(-315deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(13px, -13px) rotate(315deg) translate(265px) rotate(-315deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(-13px, -13px) rotate(315deg) translate(265px) rotate(-315deg) translate(0.5px, 0.5px);
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(-13px, -13px) rotate(315deg) translate(265px) rotate(-315deg) translate(0.5px, 0.5px);
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(13px, -13px) rotate(300deg) translate(126px) rotate(-300deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(13px, -13px) rotate(300deg) translate(174px) rotate(-300deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(13px, -13px) rotate(300deg) translate(228px) rotate(-300deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(13px, -13px) rotate(300deg) translate(265px) rotate(-300deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(-13px, -13px) rotate(300deg) translate(265px) rotate(-300deg) translate(0.5px, 0.5px);
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(3) {
        transform: translate(-13px, -13px) rotate(300deg) translate(265px) rotate(-300deg) translate(0.5px, 0.5px);
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(4) {
        transform: translate(-13px, -13px) rotate(180deg) translate(126px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(4) {
        transform: translate(-13px, -13px) rotate(180deg) translate(174px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(4) {
        transform: translate(-13px, -13px) rotate(180deg) translate(228px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(4) {
        transform: translate(-13px, -13px) rotate(180deg) translate(265px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(4) {
        transform: translate(13px, -13px) rotate(180deg) translate(265px) rotate(-180deg) translate(0, 0);
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(4) {
        transform: translate(13px, -13px) rotate(180deg) translate(265px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(4) {
        transform: translate(-13px, -13px) rotate(210deg) translate(126px) rotate(-210deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(4) {
        transform: translate(-13px, -13px) rotate(210deg) translate(174px) rotate(-210deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(4) {
        transform: translate(-13px, -13px) rotate(210deg) translate(228px) rotate(-210deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(4) {
        transform: translate(-13px, -13px) rotate(210deg) translate(265px) rotate(-210deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(4) {
        transform: translate(13px, -13px) rotate(210deg) translate(265px) rotate(-210deg) translate(0.5px, 0.5px);
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(4) {
        transform: translate(13px, -13px) rotate(210deg) translate(265px) rotate(-210deg) translate(0.5px, 0.5px);
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(5) {
        transform: translate(13px, -13px) rotate(0) translate(126px) rotate(0) translate(0, 0);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(5) {
        transform: translate(13px, -13px) rotate(0) translate(174px) rotate(0) translate(0, 0);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(5) {
        transform: translate(13px, -13px) rotate(0) translate(228px) rotate(0) translate(0, 0);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(5) {
        transform: translate(13px, -13px) rotate(0) translate(265px) rotate(0) translate(0, 0);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(5) {
        transform: translate(-13px, -13px) rotate(0) translate(265px) rotate(0) translate(0, 0);
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(5) {
        transform: translate(-13px, -13px) rotate(0) translate(265px) rotate(0) translate(0, 0);
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(5) {
        transform: translate(13px, -13px) rotate(330deg) translate(126px) rotate(-330deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(5) {
        transform: translate(13px, -13px) rotate(330deg) translate(174px) rotate(-330deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(5) {
        transform: translate(13px, -13px) rotate(330deg) translate(228px) rotate(-330deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(5) {
        transform: translate(13px, -13px) rotate(330deg) translate(265px) rotate(-330deg) translate(0.5px, 0.5px);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(5) {
        transform: translate(-13px, -13px) rotate(330deg) translate(265px) rotate(-330deg) translate(0.5px, 0.5px);
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(5) {
        transform: translate(-13px, -13px) rotate(330deg) translate(265px) rotate(-330deg) translate(0.5px, 0.5px);
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(6) {
        transform: translate(-13px, -13px) rotate(180deg) translate(126px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(6) {
        transform: translate(-13px, -13px) rotate(180deg) translate(174px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(6) {
        transform: translate(-13px, -13px) rotate(180deg) translate(228px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(6) {
        transform: translate(-13px, -13px) rotate(180deg) translate(265px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(6) {
        transform: translate(13px, -13px) rotate(180deg) translate(265px) rotate(-180deg) translate(0, 0);
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(6) {
        transform: translate(13px, -13px) rotate(180deg) translate(265px) rotate(-180deg) translate(0, 0);
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(7) {
        transform: translate(13px, -13px) rotate(0) translate(126px) rotate(0) translate(0, 0);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(7) {
        transform: translate(13px, -13px) rotate(0) translate(174px) rotate(0) translate(0, 0);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(7) {
        transform: translate(13px, -13px) rotate(0) translate(228px) rotate(0) translate(0, 0);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(7) {
        transform: translate(13px, -13px) rotate(0) translate(265px) rotate(0) translate(0, 0);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(7) {
        transform: translate(-13px, -13px) rotate(0) translate(265px) rotate(0) translate(0, 0);
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage
    .circle_navigation
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(7) {
        transform: translate(-13px, -13px) rotate(0) translate(265px) rotate(0) translate(0, 0);
    }
}

.ui-c290-12plus-hot-wheel-stage .circle_foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage .circle_foreground {
        background-size: contain;
    }
}

.ui-c290-12plus-hot-wheel-stage .circle_nav-item {
    z-index: 1;
    max-width: 26px;
    max-height: 26px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: max-width 0s 0.5s ease-in-out, width 0s 0.5s ease-in-out, z-index 0s 0.5s ease-in-out;
}

    .ui-c290-12plus-hot-wheel-stage .circle_nav-item .circle_nav-item__link {
        position: relative;
        display: inline-block;
        max-width: 26px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: max-width 0s 0.5s ease-in-out;
    }

        .ui-c290-12plus-hot-wheel-stage
        .circle_nav-item
        .circle_nav-item__link::before {
            width: 26px;
            max-width: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition: background-color 150ms 350ms ease-in-out, width 150ms 350ms ease-in-out;
        }

        .ui-c290-12plus-hot-wheel-stage .circle_nav-item .circle_nav-item__link::after {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition: background-color 150ms 350ms ease-in-out, box-shadow 150ms 350ms ease-in-out;
        }

        .ui-c290-12plus-hot-wheel-stage
        .circle_nav-item
        .circle_nav-item__link
        .circle_nav-item__link-text {
            display: block;
            overflow: hidden;
            max-width: 275px;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            background-color: #f60;
            opacity: 0;
            text-overflow: ellipsis;
            transition: opacity 150ms 0s ease-in-out, visibility 0s 0.5s;
            visibility: hidden;
            white-space: nowrap;
        }

.ui-c290-12plus-hot-wheel-stage[data-inview] .circle_background::before {
    opacity: 0;
    transform: scale(0.5);
}

.ui-c290-12plus-hot-wheel-stage[data-inview] .circle_background::after {
    opacity: 0;
    transform: scale(0.5);
}

.ui-c290-12plus-hot-wheel-stage[data-inview] .circle_navigation::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    content: '';
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-c290-12plus-hot-wheel-stage[data-inview] .circle_nav-item {
    opacity: 0;
}

.ui-c290-12plus-hot-wheel-stage[data-inview] .circle_foreground {
    opacity: 0;
    transform: translateY(50%);
}

.ui-c290-12plus-hot-wheel-stage[data-inview] + .ui-c290-12plus-hot-wheel-stage-introtext
.circle_introtext {
    z-index: 5;
    opacity: 0;
    transform: translateY(50%);
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_background::before {
    -webkit-animation: circle_background_before 1s 0s forwards ease-in-out;
    animation: circle_background_before 1s 0s forwards ease-in-out;
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_background::after {
    -webkit-animation: circle_background_after 1s 0s forwards ease-in-out;
    animation: circle_background_after 1s 0s forwards ease-in-out;
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_navigation::before {
    -webkit-animation: circle_navigation_before 6s 0s forwards;
    animation: circle_navigation_before 6s 0s forwards;
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:first-child {
    -webkit-animation: circle_nav-item 350ms 1.75s forwards linear;
    animation: circle_nav-item 350ms 1.75s forwards linear;
}

    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:first-child.is-active {
        -webkit-animation: circle_nav-item 350ms 1.75s forwards linear, circle_nav-item_is-active 2.25s 2.5s none linear;
        animation: circle_nav-item 350ms 1.75s forwards linear, circle_nav-item_is-active 2.25s 2.5s none linear;
    }

        .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
        .circle_nav-item:first-child.is-active
        .circle_nav-item__link {
            -webkit-animation: circle_nav-item__link 2.25s 2.5s none linear;
            animation: circle_nav-item__link 2.25s 2.5s none linear;
        }

            .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
            .circle_nav-item:first-child.is-active
            .circle_nav-item__link::before {
                -webkit-animation: circle_nav-item__link_before 2.25s 2.5s none linear;
                animation: circle_nav-item__link_before 2.25s 2.5s none linear;
            }

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:first-child.is-active
    .circle_nav-item__link::before {
        -webkit-animation: circle_nav-item__link_before-md-and-up 2.25s 2.5s forwards linear;
        animation: circle_nav-item__link_before-md-and-up 2.25s 2.5s forwards linear;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:first-child.is-active
.circle_nav-item__link
.circle_nav-item__link-text {
    -webkit-animation: circle_nav-item__link-text 1s 3.15s none ease-in-out;
    animation: circle_nav-item__link-text 1s 3.15s none ease-in-out;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:first-child.is-active
    .circle_nav-item__link
    .circle_nav-item__link-text {
        -webkit-animation: circle_nav-item__link-text-md-and-up 1s 3.15s forwards ease-in-out;
        animation: circle_nav-item__link-text-md-and-up 1s 3.15s forwards ease-in-out;
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:first-child.is-active
    .circle_nav-item__link {
        -webkit-animation: circle_nav-item__link-md-and-up 2.25s 2.5s forwards linear;
        animation: circle_nav-item__link-md-and-up 2.25s 2.5s forwards linear;
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:first-child.is-active {
        -webkit-animation: circle_nav-item 350ms 1.75s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 2.5s forwards linear;
        animation: circle_nav-item 350ms 1.75s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 2.5s forwards linear;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(6) {
    -webkit-animation: circle_nav-item 350ms 1s forwards linear;
    animation: circle_nav-item 350ms 1s forwards linear;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(6) {
        -webkit-animation: circle_nav-item 350ms 1s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
        animation: circle_nav-item 350ms 1s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(4) {
    -webkit-animation: circle_nav-item 350ms 1.25s forwards linear;
    animation: circle_nav-item 350ms 1.25s forwards linear;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(4) {
        -webkit-animation: circle_nav-item 350ms 1.25s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
        animation: circle_nav-item 350ms 1.25s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(2) {
    -webkit-animation: circle_nav-item 350ms 1.5s forwards linear;
    animation: circle_nav-item 350ms 1.5s forwards linear;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(2) {
        -webkit-animation: circle_nav-item 350ms 1.5s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
        animation: circle_nav-item 350ms 1.5s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(3) {
    -webkit-animation: circle_nav-item 350ms 2s forwards linear;
    animation: circle_nav-item 350ms 2s forwards linear;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(3) {
        -webkit-animation: circle_nav-item 350ms 2s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
        animation: circle_nav-item 350ms 2s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(5) {
    -webkit-animation: circle_nav-item 350ms 2.25s forwards linear;
    animation: circle_nav-item 350ms 2.25s forwards linear;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(5) {
        -webkit-animation: circle_nav-item 350ms 2.25s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
        animation: circle_nav-item 350ms 2.25s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(7) {
    -webkit-animation: circle_nav-item 350ms 2.5s forwards linear;
    animation: circle_nav-item 350ms 2.5s forwards linear;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item:nth-child(7) {
        -webkit-animation: circle_nav-item 350ms 2.5s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
        animation: circle_nav-item 350ms 2.5s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item
    .circle_nav-item__link::before {
        -webkit-animation: circle_nav-item__link_before-not-active-md-and-up 2.5s 3.25s forwards ease-in-out;
        animation: circle_nav-item__link_before-not-active-md-and-up 2.5s 3.25s forwards ease-in-out;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item
    .circle_nav-item__link
    .circle_nav-item__link-text {
        -webkit-animation: circle_nav-item__link-text-md-and-up 1.5s 3.9s forwards ease-in-out;
        animation: circle_nav-item__link-text-md-and-up 1.5s 3.9s forwards ease-in-out;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(7):first-child ~ .circle_nav-item
    .circle_nav-item__link {
        -webkit-animation: circle_nav-item__link-md-and-up 2.5s 3.25s forwards ease-in-out;
        animation: circle_nav-item__link-md-and-up 2.5s 3.25s forwards ease-in-out;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(4) {
    -webkit-animation: circle_nav-item 350ms 1.25s forwards linear;
    animation: circle_nav-item 350ms 1.25s forwards linear;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(4) {
        -webkit-animation: circle_nav-item 350ms 1.25s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
        animation: circle_nav-item 350ms 1.25s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(2) {
    -webkit-animation: circle_nav-item 350ms 1.5s forwards linear;
    animation: circle_nav-item 350ms 1.5s forwards linear;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(2) {
        -webkit-animation: circle_nav-item 350ms 1.5s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
        animation: circle_nav-item 350ms 1.5s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(3) {
    -webkit-animation: circle_nav-item 350ms 2s forwards linear;
    animation: circle_nav-item 350ms 2s forwards linear;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(3) {
        -webkit-animation: circle_nav-item 350ms 2s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
        animation: circle_nav-item 350ms 2s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(5) {
    -webkit-animation: circle_nav-item 350ms 2.25s forwards linear;
    animation: circle_nav-item 350ms 2.25s forwards linear;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item:nth-child(5) {
        -webkit-animation: circle_nav-item 350ms 2.25s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
        animation: circle_nav-item 350ms 2.25s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item
    .circle_nav-item__link::before {
        -webkit-animation: circle_nav-item__link_before-not-active-md-and-up 2.5s 3.25s forwards ease-in-out;
        animation: circle_nav-item__link_before-not-active-md-and-up 2.5s 3.25s forwards ease-in-out;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item
    .circle_nav-item__link
    .circle_nav-item__link-text {
        -webkit-animation: circle_nav-item__link-text-md-and-up 1.5s 3.9s forwards ease-in-out;
        animation: circle_nav-item__link-text-md-and-up 1.5s 3.9s forwards ease-in-out;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(5):first-child ~ .circle_nav-item
    .circle_nav-item__link {
        -webkit-animation: circle_nav-item__link-md-and-up 2.5s 3.25s forwards ease-in-out;
        animation: circle_nav-item__link-md-and-up 2.5s 3.25s forwards ease-in-out;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(2) {
    -webkit-animation: circle_nav-item 350ms 1.5s forwards linear;
    animation: circle_nav-item 350ms 1.5s forwards linear;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(2) {
        -webkit-animation: circle_nav-item 350ms 1.5s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
        animation: circle_nav-item 350ms 1.5s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(3) {
    -webkit-animation: circle_nav-item 350ms 2s forwards linear;
    animation: circle_nav-item 350ms 2s forwards linear;
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item:nth-last-child(3):first-child ~ .circle_nav-item:nth-child(3) {
        -webkit-animation: circle_nav-item 350ms 2s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
        animation: circle_nav-item 350ms 2s forwards linear, circle_nav-item_is-active-md-and-up 2.25s 3.25s forwards ease-in-out;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item
    .circle_nav-item__link::before {
        -webkit-animation: circle_nav-item__link_before-not-active-md-and-up 2.5s 3.25s forwards ease-in-out;
        animation: circle_nav-item__link_before-not-active-md-and-up 2.5s 3.25s forwards ease-in-out;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item
    .circle_nav-item__link
    .circle_nav-item__link-text {
        -webkit-animation: circle_nav-item__link-text-md-and-up 1.5s 3.9s forwards ease-in-out;
        animation: circle_nav-item__link-text-md-and-up 1.5s 3.9s forwards ease-in-out;
    }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
    .circle_nav-item
    .circle_nav-item__link {
        -webkit-animation: circle_nav-item__link-md-and-up 2.5s 3.25s forwards ease-in-out;
        animation: circle_nav-item__link-md-and-up 2.5s 3.25s forwards ease-in-out;
    }
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview
.circle_foreground {
    -webkit-animation: circle_foreground 1.5s 0s forwards ease-in-out;
    animation: circle_foreground 1.5s 0s forwards ease-in-out;
}

.ui-c290-12plus-hot-wheel-stage[data-inview].lazyloaded.inview + .ui-c290-12plus-hot-wheel-stage-introtext
.circle_introtext {
    -webkit-animation: circle_introtext 750ms 3.25s forwards ease-in-out;
    animation: circle_introtext 750ms 3.25s forwards ease-in-out;
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage {
        background-size: contain;
    }
}

@media only screen and (max-width: 1023px) {
    .ui-c290-12plus-hot-wheel-stage .circle_nav-item:hover,
    .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
    .circle_nav-item.is-active:hover,
    .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview .circle_nav-item:hover {
        z-index: 3;
        max-width: 275px;
        opacity: 1;
        transition: max-width 0s 0s ease-in-out, z-index 0s 0s ease-in-out;
    }

        .ui-c290-12plus-hot-wheel-stage .circle_nav-item:hover::before,
        .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
        .circle_nav-item.is-active:hover::before,
        .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
        .circle_nav-item:hover::before {
            z-index: -1;
            transition: z-index 0s 250ms;
        }

        .ui-c290-12plus-hot-wheel-stage .circle_nav-item:hover .circle_nav-item__link,
        .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
        .circle_nav-item.is-active:hover
        .circle_nav-item__link,
        .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
        .circle_nav-item:hover
        .circle_nav-item__link {
            z-index: 1;
            max-width: 275px;
            transition: max-width 0s 0s ease-in-out, z-index 0s 250ms;
        }

            .ui-c290-12plus-hot-wheel-stage
            .circle_nav-item:hover
            .circle_nav-item__link::before,
            .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
            .circle_nav-item.is-active:hover
            .circle_nav-item__link::before,
            .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
            .circle_nav-item:hover
            .circle_nav-item__link::before {
                width: 275px;
                background-color: #f60;
                transition: background-color 0.5s 150ms ease-in-out, width 0.5s 150ms ease-in-out;
            }

            .ui-c290-12plus-hot-wheel-stage
            .circle_nav-item:hover
            .circle_nav-item__link::after,
            .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
            .circle_nav-item.is-active:hover
            .circle_nav-item__link::after,
            .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
            .circle_nav-item:hover
            .circle_nav-item__link::after {
                background-color: #f60;
                box-shadow: 0 0 0 6px #fff, 0 0 0 8px #f60;
                transition: background-color 0.5s 150ms ease-in-out, box-shadow 0.5s 150ms ease-in-out;
            }

            .ui-c290-12plus-hot-wheel-stage
            .circle_nav-item:hover
            .circle_nav-item__link
            .circle_nav-item__link-text,
            .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
            .circle_nav-item.is-active:hover
            .circle_nav-item__link
            .circle_nav-item__link-text,
            .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
            .circle_nav-item:hover
            .circle_nav-item__link
            .circle_nav-item__link-text {
                opacity: 1;
                transition: opacity 150ms 650ms ease-in-out, visibility 0s 0s;
                visibility: visible;
            }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage .circle_nav-item::before,
    .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview .circle_nav-item::before {
        z-index: -1;
    }

    .ui-c290-12plus-hot-wheel-stage
    .circle_nav-item:hover
    .circle_nav-item__link::before,
    .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
    .circle_nav-item.is-active:hover
    .circle_nav-item__link::before,
    .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
    .circle_nav-item:hover
    .circle_nav-item__link::before {
        width: 275px;
        background-color: #f60;
        transition: background-color 450ms 50ms ease-in-out;
    }

    .ui-c290-12plus-hot-wheel-stage
    .circle_nav-item:hover
    .circle_nav-item__link::after,
    .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
    .circle_nav-item.is-active:hover
    .circle_nav-item__link::after,
    .ui-c290-12plus-hot-wheel-stage.lazyloaded.inview
    .circle_nav-item:hover
    .circle_nav-item__link::after {
        background-color: #f60;
        box-shadow: 0 0 0 6px #fff, 0 0 0 8px #f60;
        transition: background-color 450ms 50ms ease-in-out, box-shadow 450ms 50ms ease-in-out;
    }
}

@media only screen and (min-width: 1024px) {
    .ui-c290-12plus-hot-wheel-stage:not([data-inview]) .circle_nav-item {
        z-index: 3;
        max-width: 275px;
        opacity: 1;
        transition: none;
    }

        .ui-c290-12plus-hot-wheel-stage:not([data-inview]) .circle_nav-item::before {
            z-index: -1;
            transition: none;
        }

        .ui-c290-12plus-hot-wheel-stage:not([data-inview])
        .circle_nav-item
        .circle_nav-item__link {
            z-index: 1;
            max-width: 275px;
            transition: none;
        }

            .ui-c290-12plus-hot-wheel-stage:not([data-inview])
            .circle_nav-item
            .circle_nav-item__link::before {
                width: 275px;
                background-color: #c0cbce;
                transition: background-color 450ms 50ms ease-in-out;
            }

            .ui-c290-12plus-hot-wheel-stage:not([data-inview])
            .circle_nav-item
            .circle_nav-item__link::after {
                background-color: #c0cbce;
                box-shadow: 0 0 0 6px #fff, 0 0 0 8px #c0cbce;
                transition: background-color 450ms 50ms ease-in-out, box-shadow 450ms 50ms ease-in-out;
            }

            .ui-c290-12plus-hot-wheel-stage:not([data-inview])
            .circle_nav-item
            .circle_nav-item__link
            .circle_nav-item__link-text {
                opacity: 1;
                transition: none;
                visibility: visible;
            }

        .ui-c290-12plus-hot-wheel-stage:not([data-inview])
        .circle_nav-item:hover
        .circle_nav-item__link::before {
            background-color: #f60;
        }

        .ui-c290-12plus-hot-wheel-stage:not([data-inview])
        .circle_nav-item:hover
        .circle_nav-item__link::after {
            background-color: #f60;
            box-shadow: 0 0 0 6px #fff, 0 0 0 8px #f60;
        }

        .ui-c290-12plus-hot-wheel-stage:not([data-inview])
        .circle_nav-item.is-active
        .circle_nav-item__link::before {
            background-color: #f60;
        }

        .ui-c290-12plus-hot-wheel-stage:not([data-inview])
        .circle_nav-item.is-active
        .circle_nav-item__link::after {
            background-color: #f60;
            box-shadow: 0 0 0 6px #fff, 0 0 0 8px #f60;
        }
}

.ui-c290-12plus-hot-wheel-stage-introtext .circle_introtext {
    position: relative;
}

    .ui-c290-12plus-hot-wheel-stage-introtext .circle_introtext > .row {
        z-index: 10;
    }

    .ui-c290-12plus-hot-wheel-stage-introtext
    .circle_introtext
    .ui-header-headline {
        text-shadow: 0 0 12px rgba(255, 255, 255, 0.41);
    }

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage-introtext
    .circle_introtext
    .ui-header-headline {
        font-size: 35px;
        line-height: 39px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage-introtext
    .circle_introtext
    .ui-header-headline {
        font-size: 35px;
        line-height: 39px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage-introtext
    .circle_introtext
    .ui-header-headline {
        font-size: 60px;
        line-height: 60px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage-introtext
    .circle_introtext
    .ui-header-headline {
        font-size: 70px;
        line-height: 70px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage-introtext
    .circle_introtext
    .ui-header-headline {
        font-size: 70px;
        line-height: 70px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c290-12plus-hot-wheel-stage-introtext {
        min-height: 53px;
        margin-top: -53px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c290-12plus-hot-wheel-stage-introtext {
        min-height: 85px;
        margin-top: -85px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c290-12plus-hot-wheel-stage-introtext {
        min-height: 150px;
        margin-top: -150px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c290-12plus-hot-wheel-stage-introtext {
        min-height: 150px;
        margin-top: -150px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c290-12plus-hot-wheel-stage-introtext {
        min-height: 150px;
        margin-top: -150px;
    }
}

@-webkit-keyframes circle_background_before {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    45% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes circle_background_before {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    45% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes circle_background_after {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    45% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes circle_background_after {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    45% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes circle_nav-item_is-active {
    0% {
        z-index: 3;
        max-width: 275px;
    }

    1% {
        z-index: 3;
        max-width: 275px;
    }

    99% {
        z-index: 3;
        max-width: 275px;
    }

    100% {
        z-index: auto;
        max-width: 26px;
    }
}

@keyframes circle_nav-item_is-active {
    0% {
        z-index: 3;
        max-width: 275px;
    }

    1% {
        z-index: 3;
        max-width: 275px;
    }

    99% {
        z-index: 3;
        max-width: 275px;
    }

    100% {
        z-index: auto;
        max-width: 26px;
    }
}

@-webkit-keyframes circle_introtext {
    0% {
        opacity: 0;
        transform: translateY(50%);
    }

    75% {
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes circle_introtext {
    0% {
        opacity: 0;
        transform: translateY(50%);
    }

    75% {
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes circle_foreground {
    0% {
        opacity: 0;
        transform: translateY(50%);
    }

    75% {
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes circle_foreground {
    0% {
        opacity: 0;
        transform: translateY(50%);
    }

    75% {
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes circle_nav-item {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes circle_nav-item {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes circle_nav-item__link-text-md-and-up {
    0% {
        opacity: 0;
        visibility: visible;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
        visibility: visible;
    }

    99% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes circle_nav-item__link-text-md-and-up {
    0% {
        opacity: 0;
        visibility: visible;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
        visibility: visible;
    }

    99% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-webkit-keyframes circle_nav-item__link-text {
    0% {
        opacity: 0;
        visibility: visible;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
        visibility: visible;
    }

    99% {
        visibility: hidden;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes circle_nav-item__link-text {
    0% {
        opacity: 0;
        visibility: visible;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
        visibility: visible;
    }

    99% {
        visibility: hidden;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@-webkit-keyframes circle_nav-item__link_before-md-and-up {
    0% {
        width: 26px;
        max-width: 100%;
    }

    15% {
        width: 275px;
        max-width: 100%;
    }

    85% {
        width: 275px;
        max-width: 100%;
    }

    100% {
        width: 275px;
        max-width: 100%;
    }
}

@keyframes circle_nav-item__link_before-md-and-up {
    0% {
        width: 26px;
        max-width: 100%;
    }

    15% {
        width: 275px;
        max-width: 100%;
    }

    85% {
        width: 275px;
        max-width: 100%;
    }

    100% {
        width: 275px;
        max-width: 100%;
    }
}

@-webkit-keyframes circle_nav-item__link_before-not-active-md-and-up {
    0% {
        width: 26px;
        max-width: 100%;
    }

    15% {
        width: 275px;
        max-width: 100%;
    }

    85% {
        width: 275px;
        max-width: 100%;
    }

    100% {
        width: 275px;
        max-width: 100%;
    }
}

@keyframes circle_nav-item__link_before-not-active-md-and-up {
    0% {
        width: 26px;
        max-width: 100%;
    }

    15% {
        width: 275px;
        max-width: 100%;
    }

    85% {
        width: 275px;
        max-width: 100%;
    }

    100% {
        width: 275px;
        max-width: 100%;
    }
}

@-webkit-keyframes circle_nav-item__link_before {
    0% {
        width: 26px;
        max-width: 100%;
    }

    15% {
        width: 275px;
        max-width: 100%;
    }

    85% {
        width: 275px;
        max-width: 100%;
    }

    100% {
        width: 26px;
        max-width: 100%;
    }
}

@keyframes circle_nav-item__link_before {
    0% {
        width: 26px;
        max-width: 100%;
    }

    15% {
        width: 275px;
        max-width: 100%;
    }

    85% {
        width: 275px;
        max-width: 100%;
    }

    100% {
        width: 26px;
        max-width: 100%;
    }
}

@-webkit-keyframes circle_nav-item__link-md-and-up {
    0% {
        max-width: 26px;
    }

    1% {
        max-width: 275px;
    }

    99% {
        max-width: 275px;
    }

    100% {
        max-width: 275px;
    }
}

@keyframes circle_nav-item__link-md-and-up {
    0% {
        max-width: 26px;
    }

    1% {
        max-width: 275px;
    }

    99% {
        max-width: 275px;
    }

    100% {
        max-width: 275px;
    }
}

@-webkit-keyframes circle_navigation_before {
    0% {
        z-index: 5;
    }

    99% {
        z-index: 5;
    }

    100% {
        z-index: -5;
    }
}

@keyframes circle_navigation_before {
    0% {
        z-index: 5;
    }

    99% {
        z-index: 5;
    }

    100% {
        z-index: -5;
    }
}

@-webkit-keyframes circle_nav-item_is-active-md-and-up {
    0% {
        z-index: 3;
        width: 275px;
        max-width: 275px;
    }

    1% {
        z-index: 3;
        width: 275px;
        max-width: 275px;
    }

    99% {
        z-index: 3;
        width: 275px;
        max-width: 275px;
    }

    100% {
        z-index: 3;
        width: 275px;
        max-width: 275px;
    }
}

@keyframes circle_nav-item_is-active-md-and-up {
    0% {
        z-index: 3;
        width: 275px;
        max-width: 275px;
    }

    1% {
        z-index: 3;
        width: 275px;
        max-width: 275px;
    }

    99% {
        z-index: 3;
        width: 275px;
        max-width: 275px;
    }

    100% {
        z-index: 3;
        width: 275px;
        max-width: 275px;
    }
}

@-webkit-keyframes circle_nav-item__link {
    0% {
        max-width: 26px;
    }

    1% {
        max-width: 275px;
    }

    99% {
        max-width: 275px;
    }

    100% {
        max-width: 26px;
    }
}

@keyframes circle_nav-item__link {
    0% {
        max-width: 26px;
    }

    1% {
        max-width: 275px;
    }

    99% {
        max-width: 275px;
    }

    100% {
        max-width: 26px;
    }
}

blockquote {
    margin: 0;
}

@media screen and (max-width: 767px) {
    blockquote {
        padding-left: 0;
    }
}

blockquote.quote {
    padding: 0 0 6px;
    border: 0;
}

    blockquote.quote p {
        font-family: HelveticaNeueW01-45Ligh, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 2.8rem;
        line-height: 3.6rem;
        margin-bottom: 0;
        color: #666;
        font-style: normal;
        letter-spacing: 0;
        overflow-wrap: break-word;
    }

        blockquote.quote p::after,
        blockquote.quote p::before {
            font-size: 3.4rem;
            line-height: 1;
            color: #f60;
            content: '« ';
            font-family: Arial;
            font-weight: 400;
            white-space: nowrap;
        }

@media screen and (max-width: 991px) {
    blockquote.quote p::after,
    blockquote.quote p::before {
        line-height: 20px;
    }
}

blockquote.quote p::after {
    content: ' »';
}

blockquote.quote .blockquote-footer {
    padding-top: 14px;
    line-height: 14px;
    text-align: right;
}

    blockquote.quote .blockquote-footer cite {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.2rem;
        line-height: 1.6rem;
        color: #333;
        font-style: normal;
    }

    blockquote.quote .blockquote-footer::before {
        color: #333;
    }

@media screen and (max-width: 991px) {
    blockquote.quote p {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 479px) {
    blockquote.quote p {
        font-size: 22px;
        line-height: 30px;
    }
}

.is-cumulus blockquote.quote p::after,
.is-cumulus blockquote.quote p::before {
    color: #003d8d;
}

.is-cumulus .widget-twitter .twitter-icon:hover {
    background: url(../img/icon-social-twitter-cumulus.svg) 0 0 no-repeat;
}

.alt-colored blockquote.quote p,
blockquote.alt-colored.quote p {
    color: #666;
}

    .alt-colored blockquote.quote p::after,
    .alt-colored blockquote.quote p::before,
    blockquote.alt-colored.quote p::after,
    blockquote.alt-colored.quote p::before {
        color: #f60;
    }

.alt-colored blockquote.quote .blockquote-footer cite,
blockquote.alt-colored.quote .blockquote-footer cite {
    color: #333;
}

.alt-colored blockquote.quote .blockquote-footer::before,
blockquote.alt-colored.quote .blockquote-footer::before {
    color: #333;
}

.widget-twitter {
    border-width: 2px 0 0;
    -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
    border-style: dotted;
    border-color: #ddd;
    overflow: hidden;
    padding-top: 12px;
    text-align: left;
    white-space: nowrap;
}

    .widget-twitter .twitter-icon {
        display: inline-block;
        width: 38px;
        height: 38px;
        border: 0;
        background: url(../img/icon-social-twitter.svg) 0 0 no-repeat;
        transition: all 0.2s linear;
    }

        .widget-twitter .twitter-icon:hover {
            background: url(../img/icon-social-twitter-orange.svg) 0 0 no-repeat;
        }

    .widget-twitter .counter {
        position: relative;
        display: inline-block;
        min-width: 15px;
        max-width: 100%;
        height: 20px;
        min-height: 18px;
        padding: 3px;
        border: 1px solid #d6d6d6;
        margin-top: 9px;
        margin-left: 8px;
        border-radius: 3px;
        color: #bababa;
        font-size: 11px;
        line-height: 12px;
        vertical-align: top;
    }

        .widget-twitter .counter span {
            position: absolute;
            top: 50%;
            left: 0;
            width: 0;
            height: 0;
            border: 4px transparent solid;
            border-right-color: #aaa;
            border-left: 0;
            margin: -4px 0 0 -4px;
            line-height: 0;
            zoom: 1;
        }

            .widget-twitter .counter span + span {
                border-right-color: #fff;
                margin-left: -3px;
            }

@media screen and (max-width: 767px) {
    .widget-twitter {
        margin-left: 0;
    }
}

.ui-cumulus-change-address.in-box {
    padding: 22px 30px 5px;
    margin-right: 12px;
    margin-left: 12px;
    background-color: #f1f1f1;
}

@media screen and (max-width: 767px) {
    .ui-cumulus-change-address.in-box {
        padding: 18px 16px 0;
    }
}

.ui-cumulus-change-address .address-group {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    float: left;
}

    .ui-cumulus-change-address .address-group.list {
        margin-top: 0;
    }

        .ui-cumulus-change-address .address-group.list .type {
            font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
            font-weight: 400;
            font-size: 1.4rem;
            width: 40%;
            padding-top: 14px;
            padding-bottom: 0;
            color: #333;
            letter-spacing: 0;
            text-transform: none;
        }

        .ui-cumulus-change-address .address-group.list .name {
            font-size: 1.4rem;
            width: 60%;
            padding-top: 14px;
            padding-bottom: 0;
        }

.ui-cumulus-change-address .type {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    width: 50%;
    padding: 3px 0 18px;
    clear: left;
    color: #767676;
    float: left;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

    .ui-cumulus-change-address .type span {
        display: inline-block;
        padding-right: 50px;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-cumulus-change-address .type span {
        padding-right: 90px;
    }
}

@media screen and (max-width: 479px) {
    .ui-cumulus-change-address .type span {
        padding-right: 18px;
    }
}

.ui-cumulus-change-address .name {
    width: 50%;
    padding: 0 0 18px;
    float: left;
}

@media screen and (max-width: 479px) {
    .ui-cumulus-change-address .name.right {
        padding-right: 25px;
        text-align: right;
    }
}

.ui-cumulus-replacement-card .headline {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    .ui-cumulus-replacement-card .headline {
        font-size: 1.8rem;
    }
}

.ui-cumulus-replacement-card .address {
    padding: 5px 0 10px;
    margin-bottom: 17px;
}

    .ui-cumulus-replacement-card .address p {
        margin: 0;
    }

.ui-cumulus-replacement-card .text {
    margin-top: 17px;
    margin-bottom: 22px;
}

.ui-cumulus-replacement-card.ui-f607-12-forms form .row .col-xs-12 {
    vertical-align: top;
}

.ui-cumulus-replacement-card.ui-f607-12-forms button[type='submit'] {
    margin-top: 20px;
    float: left;
}

.ui-cumulus-replacement-card.ui-f607-12-forms .form-group {
    margin-top: 0;
}

    .ui-cumulus-replacement-card.ui-f607-12-forms .form-group label {
        display: block;
    }

        .ui-cumulus-replacement-card.ui-f607-12-forms .form-group label strong {
            color: #333;
        }

@media screen and (max-width: 991px) {
    .ui-cumulus-replacement-card.ui-f607-12-forms .form-group {
        margin-bottom: 30px;
    }
}

.ui-cumulus-steps h3 {
    font-size: 2rem;
    line-height: 2.3rem;
    font-family: 'Helvetica Now Text XBold';
    font-weight: 400;
    font-style: normal;
}

@media screen and (max-width: 767px) {
    .ui-cumulus-steps h3 {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-cumulus-steps h3 {
        max-width: 77%;
        margin-top: 5px;
    }
}

.ui-cumulus-steps ul {
    font-family: 'Helvetica Now Text Regular';
    font-weight: 400;
    padding: 0;
    margin: 22px 0 0;
}

    .ui-cumulus-steps ul li {
        position: relative;
        display: flex;
        min-height: 33px;
        align-items: center;
        margin-bottom: 5px;
        list-style-type: none;
    }

        .ui-cumulus-steps ul li::before {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-size: 1.8rem;
            line-height: 3.1rem;
            display: block;
            width: 33px;
            height: 33px;
            background-color: #f60;
            border-radius: 50%;
            color: #fff;
            text-align: center;
        }

        .ui-cumulus-steps ul li:first-child::before {
            content: '1';
        }

        .ui-cumulus-steps ul li:nth-child(2)::before {
            content: '2';
        }

        .ui-cumulus-steps ul li.is-checked:first-child::before {
            background: url(../img/checked-blue-small.svg);
            content: '';
        }

    .ui-cumulus-steps ul span {
        display: inline-block;
        width: calc(100% - 53px);
        margin-left: 20px;
    }

.ui-cumulus-steps .button-box {
    position: relative;
    display: inline-block;
    padding: 25px 0;
}

    .ui-cumulus-steps .button-box.is-with-arrow::before {
        position: absolute;
        top: 15px;
        right: -75px;
        width: 57px;
        height: 42px;
        background-image: url(../img/arrow-arc-orange.svg);
        content: '';
    }

.ui-cumulus-steps .mui-service-button-big {
    font-size: 1.6rem;
    line-height: 3.8rem;
    width: 136px;
    height: 38px;
}

    .ui-cumulus-steps .mui-service-button-big::before {
        height: 20px;
    }

.ui-dashboard-cumulus-tile {
    position: relative;
    height: 100%;
}

    .ui-dashboard-cumulus-tile .content-box {
        display: block;
        width: 100%;
        height: 100%;
        padding: 17px 20px;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 0 20px -5px rgba(0, 61, 141, 0.3);
        transition: background-color 0.3s ease-out;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-dashboard-cumulus-tile .content-box {
        padding: 17px 16px;
    }
}

.ui-dashboard-cumulus-tile a.content-box:focus,
.ui-dashboard-cumulus-tile a.content-box:hover {
    background-color: #00145c;
}

    .ui-dashboard-cumulus-tile a.content-box:focus .link,
    .ui-dashboard-cumulus-tile a.content-box:focus .text,
    .ui-dashboard-cumulus-tile a.content-box:focus .title,
    .ui-dashboard-cumulus-tile a.content-box:hover .link,
    .ui-dashboard-cumulus-tile a.content-box:hover .text,
    .ui-dashboard-cumulus-tile a.content-box:hover .title {
        color: #fff;
    }

        .ui-dashboard-cumulus-tile a.content-box:focus .link::before,
        .ui-dashboard-cumulus-tile a.content-box:hover .link::before {
            background-position: 0 -20px;
        }

@media screen and (max-width: 767px) {
    .ui-dashboard-cumulus-tile a.content-box:focus .link::before,
    .ui-dashboard-cumulus-tile a.content-box:hover .link::before {
        background-position: 0 -15px;
    }
}

.ui-dashboard-cumulus-tile a.is-external-link .link {
    padding-right: 15px;
}

    .ui-dashboard-cumulus-tile a.is-external-link .link::before {
        width: 12px;
        height: 12px;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23F60' fill-rule='nonzero' stroke='%23F60' stroke-width='.2'%3E%3Cpath d='M2.529 1l8.435.038L11 9.871l-1.49-.007-.026-5.999L2.01 11 1 9.84l7.599-7.252-6.063-.026zM2.529 13l8.435.038.036 8.833-1.49-.007-.026-5.999L2.01 23 1 21.84l7.599-7.252-6.063-.026z'/%3E%3C/g%3E%3C/svg%3E");
        background-position: 0 0;
    }

.ui-dashboard-cumulus-tile a.is-external-link:focus .link::before,
.ui-dashboard-cumulus-tile a.is-external-link:hover .link::before {
    background-position: 0 -12px;
}

.ui-dashboard-cumulus-tile .badge {
    position: absolute;
    top: -65px;
    right: 10px;
}

    .ui-dashboard-cumulus-tile .badge img {
        max-width: 180px;
        height: auto;
    }

.ui-dashboard-cumulus-tile .tile-header {
    display: flex;
    height: 30px;
    align-items: center;
}

.ui-dashboard-cumulus-tile .title {
    font-size: 2rem;
    line-height: 2rem;
    font-family: 'Helvetica Now Text XBold';
    letter-spacing: 0.25px;
    margin: 0;
    color: #003d8d;
    transition: color 0.3s ease-out;
    font-weight: 400;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-dashboard-cumulus-tile .title {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-dashboard-cumulus-tile .title {
        font-family: 'Helvetica Now Text Bold';
    }
}

.ui-dashboard-cumulus-tile .icon {
    position: relative;
    margin-right: 8px;
}

    .ui-dashboard-cumulus-tile .icon img {
        width: auto;
        max-height: 30px;
    }

.ui-dashboard-cumulus-tile .icon-img-hover {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    visibility: hidden;
}

.ui-dashboard-cumulus-tile .text {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: 'Helvetica Now Text Regular';
    margin-top: 22px;
    color: #003d8d;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    transition: color 0.3s ease-out;
}

@media screen and (max-width: 767px) {
    .ui-dashboard-cumulus-tile .text {
        margin-top: 14px;
    }
}

.ui-dashboard-cumulus-tile .link {
    font-size: 0;
    position: absolute;
    bottom: 17px;
    background: 0 0;
    color: #003d8d;
}

    .ui-dashboard-cumulus-tile .link::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 9px;
        height: 15px;
        background: url(../img/arrow-teaser-rounded.svg) no-repeat;
        background-position: 0 1px;
        background-size: 100% auto;
        content: '';
        transform: translateY(-50%);
        transition: background-position 0.3s ease-out;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-dashboard-cumulus-tile .link::before {
        height: 18px;
        width: 10px;
    }
}

@media screen and (max-width: 767px) {
    .ui-dashboard-cumulus-tile .link::before {
        height: 12px;
        width: 7px;
    }
}

.ui-dashboard-cumulus-tile .amount-box {
    line-height: 4.5rem;
    margin-top: 11px;
    font-family: 'Helvetica Now Text Extra Light';
}

@media screen and (min-width: 1200px) {
    .ui-dashboard-cumulus-tile .amount-box {
        line-height: 5.2rem;
        margin-top: 20px;
    }
}

.ui-dashboard-cumulus-tile .big-amount {
    font-size: 6rem;
    margin-right: 10px;
    color: #90d5f9;
    letter-spacing: -2.2px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-dashboard-cumulus-tile .big-amount {
        font-size: 4.5rem;
    }
}

.ui-dashboard-cumulus-tile .small-amount {
    font-size: 4rem;
    color: #90d5f9;
    letter-spacing: -1.6px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-dashboard-cumulus-tile .small-amount {
        font-size: 3rem;
        letter-spacing: -0.5px;
    }
}

.ui-dashboard-cumulus-tile .info-text {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: 'Helvetica Now Text Regular';
    margin-top: 10px;
    color: #fff;
}

.ui-dashboard-cumulus-tile .info-text-blue {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: 'Helvetica Now Text Regular';
    margin-top: 25px;
    color: #93d5f7;
}

    .ui-dashboard-cumulus-tile .info-text-blue em {
        font-size: 3rem;
        line-height: 1.8rem;
        font-family: 'Helvetica Now Text Extra Light';
        letter-spacing: -0.5px;
        font-style: normal;
    }

    .ui-dashboard-cumulus-tile .info-text-blue a {
        font-size: 1.2rem;
        color: #93d5f7;
        pointer-events: none;
    }

@media screen and (min-width: 768px) {
    .ui-dashboard-cumulus-tile .info-text-blue.is-cumulus-nr,
    .ui-dashboard-cumulus-tile .info-text-blue.is-date {
        margin-top: 31px;
    }
}

.ui-dashboard-cumulus-tile .bar-box-row {
    display: flex;
    margin-top: 10px;
}

@media screen and (max-width: 991px) {
    .ui-dashboard-cumulus-tile .bar-box-row {
        display: none;
    }
}

.ui-dashboard-cumulus-tile .bar-box-column {
    font-size: 0;
    width: 36px;
    margin-right: 12px;
}

.ui-dashboard-cumulus-tile .bar-sticks {
    display: flex;
}

    .ui-dashboard-cumulus-tile .bar-sticks span {
        width: 3px;
        height: 33px;
        background: rgba(0, 0, 0, 0) url(../img/bar-stick.svg) 50% 50% no-repeat;
    }

        .ui-dashboard-cumulus-tile .bar-sticks span:not(:last-child) {
            margin-right: 4px;
        }

        .ui-dashboard-cumulus-tile .bar-sticks span.is-active {
            background: rgba(0, 0, 0, 0) url(../img/bar-stick-active.svg) 50% 50% no-repeat;
        }

.ui-dashboard-cumulus-tile .bar-value {
    font-size: 1.3rem;
    font-family: 'Helvetica Now Text Bold';
    margin-top: 4px;
    color: #fff;
    letter-spacing: 0.25px;
}

.ui-dashboard-cumulus-tile .bar-bonus {
    font-size: 0.8rem;
    font-family: 'Helvetica Now Text Regular';
    color: #fff;
}

.ui-dashboard-cumulus-tile.is-blue .content-box {
    background-color: #003d8d;
}

.ui-dashboard-cumulus-tile.is-blue .link,
.ui-dashboard-cumulus-tile.is-blue .text,
.ui-dashboard-cumulus-tile.is-blue .title {
    color: #fff;
}

.ui-dashboard-cumulus-tile:not(.is-blue) .icon-img {
    opacity: 1;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}

.ui-dashboard-cumulus-tile:not(.is-blue) a.content-box:focus .icon-img-hover,
.ui-dashboard-cumulus-tile:not(.is-blue) a.content-box:hover .icon-img-hover {
    opacity: 1;
    visibility: visible;
}

.ui-dashboard-cumulus-tile:not(.is-blue) a.content-box:focus .icon-img,
.ui-dashboard-cumulus-tile:not(.is-blue) a.content-box:hover .icon-img {
    opacity: 0;
    visibility: hidden;
}

.ui-dashboard-cumulus-tile.is-login .tile-header {
    height: auto;
}

@media screen and (min-width: 992px) {
    .ui-dashboard-cumulus-tile.is-login .tile-header {
        display: block;
    }

    .ui-dashboard-cumulus-tile.is-login .title {
        margin-top: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-dashboard-cumulus-tile.is-login .title {
        margin-top: 40px;
    }
}

@media screen and (max-width: 991px) {
    .ui-dashboard-cumulus-tile.is-login .tile-header {
        height: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-dashboard-cumulus-tile.is-login.big-icon .icon img {
        max-height: 28px;
    }
}

.ui-dashboard-cumulus-tile .error-box {
    display: flex;
    align-items: center;
}

    .ui-dashboard-cumulus-tile .error-box img {
        height: 30px;
        margin-right: 15px;
    }

    .ui-dashboard-cumulus-tile .error-box .text {
        display: block;
        margin-top: 0;
    }

    .ui-dashboard-cumulus-tile .error-box .short-text {
        font-size: 1.4rem;
        line-height: 1.8rem;
        color: #fff;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-dashboard-cumulus-tile .tile-header {
        height: 17px;
    }

    .ui-dashboard-cumulus-tile .title {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .ui-dashboard-cumulus-tile .text {
        margin-top: 15px;
    }

    .ui-dashboard-cumulus-tile .link {
        padding-right: 10px;
        bottom: 12px;
        background: 0 0;
        text-indent: -9999px;
    }

    .ui-dashboard-cumulus-tile .big-icon .icon img {
        max-height: 28px;
    }

    .ui-dashboard-cumulus-tile .icon img {
        max-height: 22px;
    }

    .ui-dashboard-cumulus-tile .amount-box {
        margin-top: 45px;
        line-height: inherit;
    }

    .ui-dashboard-cumulus-tile .big-amount {
        font-size: 3.6rem;
        line-height: 3rem;
        letter-spacing: -1.6px;
        margin-right: 0;
    }

    .ui-dashboard-cumulus-tile .small-amount {
        font-size: 2rem;
        line-height: 2rem;
    }

    .ui-dashboard-cumulus-tile .info-text {
        font-size: 1.4rem;
        line-height: 1.7rem;
        margin-top: 10px;
    }

    .ui-dashboard-cumulus-tile .info-text-blue {
        font-size: 1.6rem;
        letter-spacing: -0.5px;
    }

        .ui-dashboard-cumulus-tile .info-text-blue em {
            font-size: 3.2rem;
            letter-spacing: -0.5px;
        }

    .ui-dashboard-cumulus-tile .badge {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .ui-dashboard-cumulus-tile a.is-external-link .link {
        padding-right: 10px;
    }

    .ui-dashboard-cumulus-tile .tile-header {
        font-size: 1rem;
        font-family: 'Helvetica Now Text Bold';
    }

    .ui-dashboard-cumulus-tile .error-box img {
        height: 18px;
        margin-right: 10px;
    }

    .ui-dashboard-cumulus-tile .error-box .text {
        display: none;
    }

    .ui-dashboard-cumulus-tile .error-box .short-text {
        font-size: 1.2rem;
        line-height: 1.5rem;
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .ui-dashboard-cumulus-tile .content-box {
        padding: 10px;
        padding-top: 5px;
        box-shadow: 0 0 15px -5px rgba(0, 61, 141, 0.4);
    }

    .ui-dashboard-cumulus-tile .icon img {
        max-height: 16px;
    }

    .ui-dashboard-cumulus-tile .title {
        font-size: 1rem;
        line-height: 1.3rem;
    }

    .ui-dashboard-cumulus-tile .text {
        display: none;
    }

    .ui-dashboard-cumulus-tile .link {
        padding-right: 8px;
        bottom: 7px;
        text-indent: -9999px;
    }

    .ui-dashboard-cumulus-tile .badge {
        display: none;
    }

    .ui-dashboard-cumulus-tile .amount-box {
        line-height: 2.5rem;
        margin-top: 3px;
    }

    .ui-dashboard-cumulus-tile .big-amount {
        font-size: 3rem;
        margin-right: 0;
        letter-spacing: -0.5px;
    }

    .ui-dashboard-cumulus-tile .small-amount {
        font-size: 2rem;
        line-height: 2rem;
    }

    .ui-dashboard-cumulus-tile .info-text {
        font-size: 1rem;
        line-height: 1.2rem;
        padding-right: 10px;
        margin-top: 0;
    }

    .ui-dashboard-cumulus-tile .info-text-blue {
        font-size: 1.2rem;
        line-height: 1.2rem;
        margin-top: 16px;
        margin-bottom: 8px;
    }

        .ui-dashboard-cumulus-tile .info-text-blue.is-currency {
            margin-top: 3px;
            margin-bottom: 2px;
        }

        .ui-dashboard-cumulus-tile .info-text-blue em {
            font-size: 2rem;
            line-height: 2.8rem;
            letter-spacing: -1px;
        }
}

.is-tile-l-height {
    height: 360px;
    margin-bottom: 20px;
}

    .is-tile-l-height .error-box {
        margin-top: 22px;
    }

        .is-tile-l-height .error-box .short-text {
            display: none;
        }

    .is-tile-l-height .text {
        min-height: 36px;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-tile-l-height {
        height: 200px;
        margin-bottom: 24px;
    }

        .is-tile-l-height .text {
            display: none;
        }
}

@media screen and (max-width: 991px) {
    .is-tile-l-height .error-box img {
        height: 18px;
        margin-right: 10px;
    }

    .is-tile-l-height .error-box .text {
        display: none;
    }

    .is-tile-l-height .error-box .short-text {
        font-size: 1.2rem;
        line-height: 1.5rem;
        display: block;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .is-tile-l-height {
        height: 315px;
    }
}

@media screen and (max-width: 767px) {
    .is-tile-l-height {
        height: 120px;
        padding-right: 8px;
        padding-left: 8px;
    }
}

.is-tile-m-height {
    height: 200px;
    margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
    .is-tile-m-height {
        height: 250px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-tile-m-height {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 767px) {
    .is-tile-m-height {
        height: 125px;
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px;
    }

        .is-tile-m-height .text {
            font-size: 1rem;
            line-height: 1.2rem;
            display: block;
        }
}

.is-tile-s-height {
    height: 180px;
    margin-bottom: 20px;
}

    .is-tile-s-height .text {
        display: none;
    }

    .is-tile-s-height .error-box {
        margin-top: 25px;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .is-tile-s-height {
        height: 200px;
        margin-bottom: 0;
    }

        .is-tile-s-height .info-text-blue.is-cumulus-nr,
        .is-tile-s-height .info-text-blue.is-currency,
        .is-tile-s-height .info-text-blue.is-date {
            margin-top: 60px;
        }
}

@media screen and (max-width: 767px) {
    .is-tile-s-height {
        height: 120px;
        padding-right: 8px;
        padding-left: 8px;
    }
}

.is-tile-xs-height {
    height: 98px;
}

    .is-tile-xs-height .error-box {
        margin-top: 13px;
    }

        .is-tile-xs-height .error-box img {
            height: 20px;
        }

        .is-tile-xs-height .error-box .text {
            display: none;
        }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .is-tile-xs-height {
        height: 88px;
    }
}

.datepicker {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 2.7rem;
    padding: 12px 0;
    border-width: 6px;
    border-color: #cfcac7;
    background-color: #fff;
    border-radius: 4px;
    color: #f60;
    direction: ltr;
}

    .datepicker.dropdown-menu {
        position: absolute;
        z-index: 1000;
        margin-top: 6px;
        box-shadow: none;
    }

.datepicker-inline {
    width: 220px;
}

.datepicker-rtl {
    direction: rtl;
}

    .datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

    .datepicker-dropdown::before {
        position: absolute;
        display: inline-block;
        border-top: 0;
        border-right: 17px solid transparent;
        border-bottom: 17px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        border-left: 17px solid transparent;
        content: '';
    }

    .datepicker-dropdown::after {
        position: absolute;
        display: inline-block;
        border-top: 0;
        border-right: 14px solid transparent;
        border-bottom: 14px solid #fff;
        border-left: 14px solid transparent;
        content: '';
    }

    .datepicker-dropdown.datepicker-orient-left::before {
        left: 16px;
    }

    .datepicker-dropdown.datepicker-orient-left::after {
        left: 19px;
    }

    .datepicker-dropdown.datepicker-orient-right::before {
        right: 16px;
    }

    .datepicker-dropdown.datepicker-orient-right::after {
        right: 17px;
    }

    .datepicker-dropdown.datepicker-orient-top::before {
        top: -23px;
    }

    .datepicker-dropdown.datepicker-orient-top::after {
        top: -14px;
    }

    .datepicker-dropdown.datepicker-orient-bottom::before {
        bottom: -23px;
        border-top: 17px solid rgba(0, 0, 0, 0.2);
        border-bottom: 0;
    }

    .datepicker-dropdown.datepicker-orient-bottom::after {
        bottom: -16px;
        border-top: 16px solid #fff;
        border-bottom: 0;
    }

.datepicker > div {
    display: none;
}

.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0 -12px;
    border-collapse: separate;
    border-spacing: 25px 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td,
.datepicker th {
    width: 45px;
    height: 45px;
    font-weight: 400;
    text-align: center;
}

    .datepicker td.next,
    .datepicker td.prev,
    .datepicker th.next,
    .datepicker th.prev {
        overflow: hidden;
        background: url(../img/arrow-right-orange-bold.svg) center center no-repeat;
        border-radius: 50%;
        text-indent: -100px;
    }

        .datepicker td.next:hover,
        .datepicker td.prev:hover,
        .datepicker th.next:hover,
        .datepicker th.prev:hover {
            border: 2px solid #f60;
        }

    .datepicker td.prev,
    .datepicker th.prev {
        background: url(../img/arrow-left-orange-bold.svg) center center no-repeat;
    }

    .datepicker td.dow,
    .datepicker th.dow {
        font-size: 1.4rem;
        line-height: 1.6rem;
        color: #999;
    }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: rgba(0, 0, 0, 0);
}

.datepicker table tr td {
    border-radius: 50%;
}

    .datepicker table tr td.day.focused,
    .datepicker table tr td.day:hover {
        border: 2px solid #f60;
        cursor: pointer;
    }

    .datepicker table tr td.new,
    .datepicker table tr td.new.range,
    .datepicker table tr td.old {
        color: #ccc;
    }

    .datepicker table tr td.disabled,
    .datepicker table tr td.disabled:hover {
        background: 0 0;
        color: #eee;
        cursor: default;
    }

    .datepicker table tr td.today,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today:hover {
        background-color: #eee;
    }

        .datepicker table tr td.today.disabled,
        .datepicker table tr td.today.disabled:hover {
            color: #fff;
        }

    .datepicker table tr td.range,
    .datepicker table tr td.range.disabled,
    .datepicker table tr td.range.disabled:hover,
    .datepicker table tr td.range:hover {
        background-color: #f60;
        color: #fff;
    }

        .datepicker table tr td.range.today,
        .datepicker table tr td.range.today.disabled,
        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today:hover {
            color: #ddd;
            text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.35);
        }

    .datepicker table tr td.selected,
    .datepicker table tr td.selected.disabled,
    .datepicker table tr td.selected.disabled:hover,
    .datepicker table tr td.selected:hover {
        background-color: #f60;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

    .datepicker table tr td.active,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active:hover {
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

    .datepicker table tr td span {
        display: block;
        width: 23%;
        height: 54px;
        margin: 1%;
        cursor: pointer;
        float: left;
        line-height: 54px;
    }

        .datepicker table tr td span:hover {
            color: #f12400;
        }

        .datepicker table tr td span.disabled,
        .datepicker table tr td span.disabled:hover {
            background: 0 0;
            color: #888;
            cursor: default;
        }

        .datepicker table tr td span.new,
        .datepicker table tr td span.old {
            color: #888;
        }

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker tfoot tr th,
.datepicker thead tr:first-child th {
    cursor: pointer;
}

    .datepicker tfoot tr th:hover,
    .datepicker thead tr:first-child th:hover {
        color: #f12400;
    }

.datepicker .cw {
    width: 12px;
    padding: 0 2px 0 5px;
    font-size: 10px;
    vertical-align: middle;
}

.datepicker thead tr:first-child .cw {
    background-color: rgba(0, 0, 0, 0);
    cursor: default;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top::after,
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top::before {
    border: 0 !important;
}

.js-date-picker {
    position: relative;
}

    .js-date-picker.is-cumulus .datepicker {
        color: #003d8d;
    }

        .js-date-picker.is-cumulus .datepicker td.next,
        .js-date-picker.is-cumulus .datepicker td.prev,
        .js-date-picker.is-cumulus .datepicker th.next,
        .js-date-picker.is-cumulus .datepicker th.prev {
            background: url(../img/arrow-right-blue-bold.svg) center center no-repeat;
        }

            .js-date-picker.is-cumulus .datepicker td.next:hover,
            .js-date-picker.is-cumulus .datepicker td.prev:hover,
            .js-date-picker.is-cumulus .datepicker th.next:hover,
            .js-date-picker.is-cumulus .datepicker th.prev:hover {
                border: 2px solid #003d8d;
            }

        .js-date-picker.is-cumulus .datepicker td.prev,
        .js-date-picker.is-cumulus .datepicker th.prev {
            background: url(../img/arrow-left-blue-bold.svg) center center no-repeat;
        }

        .js-date-picker.is-cumulus .datepicker table tr td.day.focused,
        .js-date-picker.is-cumulus .datepicker table tr td.day:hover {
            border: 2px solid #003d8d;
        }

        .js-date-picker.is-cumulus .datepicker table tr td.selected,
        .js-date-picker.is-cumulus .datepicker table tr td.selected.disabled,
        .js-date-picker.is-cumulus .datepicker table tr td.selected.disabled:hover,
        .js-date-picker.is-cumulus .datepicker table tr td.selected:hover {
            background-color: #003d8d;
        }

        .js-date-picker.is-cumulus .datepicker table tr td.range,
        .js-date-picker.is-cumulus .datepicker table tr td.range.disabled,
        .js-date-picker.is-cumulus .datepicker table tr td.range.disabled:hover,
        .js-date-picker.is-cumulus .datepicker table tr td.range:hover {
            background-color: #003d8d;
        }

        .js-date-picker.is-cumulus .datepicker table tr td span:hover {
            color: #00145c;
        }

        .js-date-picker.is-cumulus .datepicker tfoot tr th,
        .js-date-picker.is-cumulus .datepicker thead tr:first-child th {
            cursor: pointer;
        }

            .js-date-picker.is-cumulus .datepicker tfoot tr th:hover,
            .js-date-picker.is-cumulus .datepicker thead tr:first-child th:hover {
                color: #00145c;
            }

.ui-datepicker .form-group input {
    padding-right: 13px !important;
    cursor: text !important;
    height: 44px !important;
}

    .ui-datepicker .form-group input + span {
        width: 40px;
        height: 40px;
        right: 2px;
        top: 2px;
        display: block;
        position: absolute;
        background: url(../img/calendar-icon-datepicker.svg) center center no-repeat;
        background-color: #fff;
        cursor: pointer;
    }

    .ui-datepicker .form-group input::-webkit-datetime-edit-day-field:focus,
    .ui-datepicker .form-group input::-webkit-datetime-edit-month-field:focus,
    .ui-datepicker .form-group input::-webkit-datetime-edit-year-field:focus {
        color: #333 !important;
        background-color: #accef7 !important;
    }

.ui-g103-12-navigational-header-main-nav {
    font-size: 1.3rem;
    font-family: 'Helvetica Now Text Bold', Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 15px;
    overflow: hidden;
}

    .ui-g103-12-navigational-header-main-nav .burger {
        position: absolute;
        top: 5px;
        left: 0;
        width: 50px;
        height: 40px;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        background: 0 0;
        box-shadow: none;
    }

        .ui-g103-12-navigational-header-main-nav .burger::after,
        .ui-g103-12-navigational-header-main-nav .burger::before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 18px;
            width: 15px;
            height: 15px;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition: transform 0.3s ease-out, opacity 0.3s ease-out;
            background-repeat: no-repeat;
            background-position: center left;
        }

        .ui-g103-12-navigational-header-main-nav .burger::before {
            transform: scale(1) translate(0, -50%);
            background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23f60' stroke-width='1.2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M1 1.5h15M1 7h15M1 12.5h15'/%3E%3C/g%3E%3C/svg%3E");
        }

        .ui-g103-12-navigational-header-main-nav .burger::after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='none' stroke='%23f60' stroke-linecap='square' stroke-width='1.2' d='M1.326 1.326l11.299 11.299m0-11.299L1.326 12.625'/%3E%3C/svg%3E");
            transform: scale(0) translate(0, -50%);
            opacity: 0;
        }

        .ui-g103-12-navigational-header-main-nav .burger:focus {
            outline: 0;
        }

            .ui-g103-12-navigational-header-main-nav .burger:active::before,
            .ui-g103-12-navigational-header-main-nav .burger:focus::before,
            .ui-g103-12-navigational-header-main-nav .burger:hover::before {
                background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23de450a' stroke-width='1.2' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cpath d='M1 1.5h15M1 7h15M1 12.5h15'/%3E%3C/g%3E%3C/svg%3E");
            }

            .ui-g103-12-navigational-header-main-nav .burger:active::after,
            .ui-g103-12-navigational-header-main-nav .burger:focus::after,
            .ui-g103-12-navigational-header-main-nav .burger:hover::after {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='none' stroke='%23de450a' stroke-linecap='square' stroke-width='1.2' d='M1.326 1.326l11.299 11.299m0-11.299L1.326 12.625'/%3E%3C/svg%3E");
            }

        .ui-g103-12-navigational-header-main-nav .burger.is-open::before {
            transform: scale(0) translate(0, -50%);
            opacity: 0;
        }

        .ui-g103-12-navigational-header-main-nav .burger.is-open::after {
            transform: scale(1) translate(0, -50%);
            opacity: 1;
        }

    .ui-g103-12-navigational-header-main-nav .domain {
        color: #f60;
        transition: color 0.15s linear, border-bottom-color 0.15s linear;
        margin: 0;
        display: inline;
    }

        .ui-g103-12-navigational-header-main-nav .domain.has-hover:active,
        .ui-g103-12-navigational-header-main-nav .domain.has-hover:focus,
        .ui-g103-12-navigational-header-main-nav .domain.has-hover:hover {
            color: #de450a;
        }

    .ui-g103-12-navigational-header-main-nav .main-nav-links {
        position: relative;
        display: none;
        padding: 0;
        margin: 0;
        list-style: none;
        padding-left: 14px;
    }

        .ui-g103-12-navigational-header-main-nav .main-nav-links::before {
            content: '';
            display: block;
            position: absolute;
            top: 1px;
            left: 0;
            height: 19px;
            width: 1px;
            border-left: 1px solid #d6d6d6;
        }

    .ui-g103-12-navigational-header-main-nav .main-nav-link-item {
        padding: 0 14px 2px;
    }

        .ui-g103-12-navigational-header-main-nav .main-nav-link-item:last-child {
            padding-right: 0;
        }

    .ui-g103-12-navigational-header-main-nav .main-nav-link {
        display: block;
        max-width: 100%;
        color: #333;
        border-bottom: 2px solid transparent;
        transition: color 0.15s linear, border-bottom-color 0.15s linear;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .ui-g103-12-navigational-header-main-nav .main-nav-link.is-active,
        .ui-g103-12-navigational-header-main-nav .main-nav-link:active,
        .ui-g103-12-navigational-header-main-nav .main-nav-link:focus,
        .ui-g103-12-navigational-header-main-nav .main-nav-link:hover {
            color: #f60;
            border-bottom-color: #f60;
        }

            .ui-g103-12-navigational-header-main-nav .main-nav-link.is-active:active,
            .ui-g103-12-navigational-header-main-nav .main-nav-link.is-active:focus,
            .ui-g103-12-navigational-header-main-nav .main-nav-link.is-active:hover {
                color: #de450a;
                border-color: #de450a;
            }

@media screen and (min-width: 480px) {
    .ui-g103-12-navigational-header-main-nav .burger {
        top: 6px;
    }

        .ui-g103-12-navigational-header-main-nav .burger::after,
        .ui-g103-12-navigational-header-main-nav .burger::before {
            left: 30px;
        }
}

@media screen and (min-width: 768px) {
    .ui-g103-12-navigational-header-main-nav .burger::after,
    .ui-g103-12-navigational-header-main-nav .burger::before {
        left: 18px;
    }
}

@media screen and (min-width: 992px) {
    .ui-g103-12-navigational-header-main-nav {
        font-size: 1.4rem;
        line-height: 2.1rem;
        display: flex;
        width: 100%;
        flex-flow: row nowrap;
        align-items: center;
        margin: 0;
    }

        .ui-g103-12-navigational-header-main-nav .domain-container {
            margin: 0 28px 0 0;
            padding-bottom: 2px;
        }

        .ui-g103-12-navigational-header-main-nav .domain {
            border-bottom: 2px solid #f60;
        }

            .ui-g103-12-navigational-header-main-nav .domain.has-hover {
                border-bottom-color: transparent;
            }

                .ui-g103-12-navigational-header-main-nav .domain.has-hover:active,
                .ui-g103-12-navigational-header-main-nav .domain.has-hover:focus,
                .ui-g103-12-navigational-header-main-nav .domain.has-hover:hover {
                    border-bottom-color: #de450a;
                }

        .ui-g103-12-navigational-header-main-nav .burger {
            position: relative;
            top: auto;
            flex: 0 0 40px;
        }

            .ui-g103-12-navigational-header-main-nav .burger::after,
            .ui-g103-12-navigational-header-main-nav .burger::before {
                left: 0;
                width: 18px;
                height: 19px;
                background-size: contain;
            }

            .ui-g103-12-navigational-header-main-nav .burger::before {
                width: 21px;
                height: 20px;
                background-size: contain;
            }

        .ui-g103-12-navigational-header-main-nav .main-nav-links {
            display: flex;
            flex-flow: row nowrap;
            align-items: center;
        }
}

@media screen and (min-width: 1200px) {
    .ui-g103-12-navigational-header-main-nav .domain-container {
        margin: 0 32px 0 0;
    }

    .ui-g103-12-navigational-header-main-nav .main-nav-links {
        padding-left: 16px;
    }

    .ui-g103-12-navigational-header-main-nav .main-nav-link-item {
        padding: 0 16px 2px;
    }
}

@media screen and (min-width: 992px) {
    .has-megamenu .ui-g103-12-navigational-header-main-nav .domain-container {
        margin-left: 6px;
    }
}

@media screen and (min-width: 1200px) {
    .has-megamenu .ui-g103-12-navigational-header-main-nav .domain-container {
        margin-left: 10px;
    }
}

.ui-g103-12-navigational-header-meta-nav {
    display: flex;
    align-items: center;
    height: 50px;
    position: relative;
}

    .ui-g103-12-navigational-header-meta-nav .logo {
        /*max-height: 23px;*/
        max-height: 36px;
        width: auto
    }

    .ui-g103-12-navigational-header-meta-nav .meta-nav-content {
        display: flex;
        width: 100%;
        justify-content: flex-end;
        margin-left: auto;
        align-items: center;
    }

    .ui-g103-12-navigational-header-meta-nav .ui-search-container {
        font-size: 1.3rem;
        line-height: 1.26rem;
        display: flex;
        justify-content: flex-end;
        flex-grow: 1;
        z-index: 1;
    }

        .ui-g103-12-navigational-header-meta-nav .ui-search-container,
        .ui-g103-12-navigational-header-meta-nav .ui-search-container input {
            height: 37px;
        }

    .ui-g103-12-navigational-header-meta-nav .search-widget-wrapper {
        max-width: 250px;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .ui-g103-12-navigational-header-meta-nav .ui-search-widget {
        flex-grow: 1;
    }

    .ui-g103-12-navigational-header-meta-nav .meta-nav-list {
        display: flex;
        padding: 0;
        margin-left: 48px;
        align-items: center;
    }

    .ui-g103-12-navigational-header-meta-nav .meta-nav-list-item {
        list-style-type: none;
    }

        .ui-g103-12-navigational-header-meta-nav
        .meta-nav-list-item + .meta-nav-list-item {
            margin-left: 24px;
        }

    .ui-g103-12-navigational-header-meta-nav .meta-nav-link {
        font-size: 1.3rem;
        line-height: 1.26rem;
        font-family: 'Helvetica Now Text Regular';
        font-weight: 400;
        color: #333;
        transition: color 0.1s linear;
    }

        .ui-g103-12-navigational-header-meta-nav .meta-nav-link.active,
        .ui-g103-12-navigational-header-meta-nav .meta-nav-link:active,
        .ui-g103-12-navigational-header-meta-nav .meta-nav-link:focus,
        .ui-g103-12-navigational-header-meta-nav .meta-nav-link:hover {
            color: #f60;
        }

            .ui-g103-12-navigational-header-meta-nav .meta-nav-link.active:active,
            .ui-g103-12-navigational-header-meta-nav .meta-nav-link.active:focus,
            .ui-g103-12-navigational-header-meta-nav .meta-nav-link.active:hover {
                color: #de450a;
            }

    .ui-g103-12-navigational-header-meta-nav .ui-profile {
        margin-left: 24px;
    }

    .ui-g103-12-navigational-header-meta-nav .close-search {
        display: none;
    }

    .ui-g103-12-navigational-header-meta-nav .open-search {
        display: none;
    }

    .ui-g103-12-navigational-header-meta-nav .open-icon {
        display: block;
        height: 16px;
        width: 15px;
        background-image: url(../img/search-icon-black.svg);
        font-size: 0;
        color: transparent;
    }

@media screen and (max-width: 991px) {
    .ui-g103-12-navigational-header-meta-nav {
        padding-top: 0;
        height: 50px;
    }

        .ui-g103-12-navigational-header-meta-nav .logo {
            max-height: 18px;
        }

        .ui-g103-12-navigational-header-meta-nav .meta-nav-list {
            display: none;
        }

        .ui-g103-12-navigational-header-meta-nav .ui-profile {
            margin-left: 5px;
        }

        .ui-g103-12-navigational-header-meta-nav .open-search {
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 1;
            height: 50px;
            width: 50px;
            background: 0 0;
            border: 0;
            transition: opacity 0.1s linear 0.1s;
        }

            .ui-g103-12-navigational-header-meta-nav .open-search:active .open-icon,
            .ui-g103-12-navigational-header-meta-nav .open-search:focus .open-icon,
            .ui-g103-12-navigational-header-meta-nav .open-search:hover .open-icon {
                background-image: url(../img/search-icon-orange.svg);
            }

        .ui-g103-12-navigational-header-meta-nav .close-search {
            height: 100%;
            width: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: url(../img/close-mobile-icon.svg) rgba(0, 0, 0, 0) center center no-repeat;
            border: 0;
            z-index: 1;
        }

        .ui-g103-12-navigational-header-meta-nav .ui-search-widget {
            height: 37px;
        }

        .ui-g103-12-navigational-header-meta-nav .search-widget-wrapper {
            position: absolute;
            width: calc(100% + 1px);
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            z-index: 1;
            background-color: #fff;
            max-width: none;
            align-items: center;
            display: none;
        }
}

@media screen and (max-width: 767px) {
    .ui-g103-12-navigational-header-meta-nav .ui-profile {
        margin-right: -9px;
    }

    .ui-g103-12-navigational-header-meta-nav .search-widget-wrapper {
        width: calc(100% + 9px);
    }
}

.has-megamenu .ui-g103-12-navigational-header-meta-nav {
    padding-left: 35px;
}

@media screen and (min-width: 992px) {
    .has-megamenu .ui-g103-12-navigational-header-meta-nav {
        padding-left: 0;
    }
}

.search-active .ui-g103-12-navigational-header-meta-nav .open-search {
    opacity: 0;
}

.search-active .ui-g103-12-navigational-header-meta-nav .search-widget-wrapper {
    display: flex;
}

.ui-g107-12-footer {
    font-weight: 400;
}

    .ui-g107-12-footer .footer-link-list-title {
        font-size: 1.6rem;
        line-height: 2rem;
        font-family: 'Helvetica Now Text Bold';
        font-weight: 400;
        color: #666;
        padding: 12px 0 15px;
        margin: 0;
        display: flex;
        align-items: center;
    }

        .ui-g107-12-footer .footer-link-list-title svg {
            margin: 0 12px 0 auto;
            color: #f60;
            transition: color, transform 0.1s linear;
        }

    .ui-g107-12-footer .footer-list-wrapper {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s linear;
    }

    .ui-g107-12-footer .footer-list-group-wrapper {
        border-color: #d6d6d6;
        position: relative;
        background-image: url("data:image/svg+xml,%3Csvg width='6' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23CCC' d='M0 0h2v2H0z'/%3E%3Cpath fill='none' d='M2.5.5h3v1h-3z'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: repeat-x;
        background-position: 0 45px;
    }

        .ui-g107-12-footer .footer-list-group-wrapper::after,
        .ui-g107-12-footer .footer-list-group-wrapper::before {
            content: '';
            display: block;
            height: 2px;
            width: 100%;
            background-color: #d6d6d6;
            position: absolute;
            bottom: 0;
        }

        .ui-g107-12-footer .footer-list-group-wrapper::before {
            bottom: auto;
            top: -2px;
        }

    .ui-g107-12-footer .is-active .footer-list-wrapper {
        max-height: 600px;
        transition-delay: 0.1s;
    }

    .ui-g107-12-footer .is-active .footer-link-list-title svg {
        color: #de450a;
        transform: rotate(180deg);
    }

    .ui-g107-12-footer .footer-link-list {
        padding: 12px 0 26px;
    }

    .ui-g107-12-footer .footer-list-item {
        list-style: none;
    }

    .ui-g107-12-footer .footer-list-link {
        font-size: 1.4rem;
        line-height: 3.2rem;
        font-family: 'Helvetica Now Text Regular';
        letter-spacing: 0.4px;
        color: #666;
        transition: color 0.1s linear;
    }

        .ui-g107-12-footer .footer-list-link:focus,
        .ui-g107-12-footer .footer-list-link:hover {
            color: #f60;
        }

    .ui-g107-12-footer .ot-sdk-show-settings {
        background-color: rgba(0, 0, 0, 0);
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
    }

    .ui-g107-12-footer .footer-mid-container {
        padding-top: 43px;
    }

    .ui-g107-12-footer .footer-mid-logo-link {
        display: inline-block;
    }

    .ui-g107-12-footer .footer-mid-logo {
        display: inline-block;
        max-width: 103px;
    }

    .ui-g107-12-footer .footer-mid-title {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-family: 'Helvetica Now Text Bold';
        color: #666;
        margin-top: 35px;
    }

    .ui-g107-12-footer .footer-mid-app-logo-wrapper {
        display: flex;
        flex-wrap: wrap;
        margin-top: -10px;
    }

    .ui-g107-12-footer .footer-mid-social-link-list {
        display: flex;
        padding: 0;
        flex-wrap: wrap;
        align-items: center;
    }

    .ui-g107-12-footer .footer-mid-social-link-item {
        list-style-type: none;
        margin-right: 23px;
        padding-bottom: 15px;
    }

        .ui-g107-12-footer .footer-mid-social-link-item:last-child {
            margin-right: 0;
        }

    .ui-g107-12-footer .footer-mid-social-link {
        display: block;
        font-size: 0;
        background-repeat: no-repeat;
        background-size: cover;
        transition: background-image 0.1s linear;
    }

    .ui-g107-12-footer .footer-icon-facebook {
        width: 21px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' xmlns='http://www.w3.org/2000/svg' role='img'%3E%3Ctitle%3EFacebook%3C/title%3E%3Cpath d='M15.116 0H.883C.395 0 0 .37 0 .828v13.344c0 .458.395.828.883.828h7.663V9.192H6.46V6.928h2.085v-1.67c0-1.937 1.262-2.992 3.106-2.992.883 0 1.641.06 1.863.089v2.024h-1.279c-1.003 0-1.197.448-1.197 1.103v1.445h2.391l-.311 2.264h-2.08V15h4.077c.488 0 .884-.37.884-.828V.828C16 .37 15.604 0 15.116 0z' fill='%23767676' fill-rule='evenodd'/%3E%3C/svg%3E");
    }

        .ui-g107-12-footer .footer-icon-facebook:hover {
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' xmlns='http://www.w3.org/2000/svg' role='img'%3E%3Ctitle%3EFacebook%3C/title%3E%3Cpath d='M15.116 0H.883C.395 0 0 .37 0 .828v13.344c0 .458.395.828.883.828h7.663V9.192H6.46V6.928h2.085v-1.67c0-1.937 1.262-2.992 3.106-2.992.883 0 1.641.06 1.863.089v2.024h-1.279c-1.003 0-1.197.448-1.197 1.103v1.445h2.391l-.311 2.264h-2.08V15h4.077c.488 0 .884-.37.884-.828V.828C16 .37 15.604 0 15.116 0z' fill='%23f60' fill-rule='evenodd'/%3E%3C/svg%3E");
        }

    .ui-g107-12-footer .footer-icon-twitter {
        width: 14px;
        height: 14px;
        background-image: url('data:image/svg+xml;utf8,<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="black"/> </svg>');
    }

        .ui-g107-12-footer .footer-icon-twitter:hover {
            background-image: url('data:image/svg+xml;utf8,<svg width="1200" height="1227" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="%23f60"/> </svg>');
        }

    .ui-g107-12-footer .footer-icon-youtube {
        width: 24px;
        height: 17px;
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' xmlns='http://www.w3.org/2000/svg' role='img'%3E%3Ctitle%3EYoutube%3C/title%3E%3Cg fill='%23767676' fill-rule='evenodd'%3E%3Cpath d='M17.624 2.026A2.292 2.292 0 0016.032.384c-1.404-.388-7.035-.388-7.035-.388s-5.63 0-7.035.388A2.292 2.292 0 00.37 2.026c-.376 1.45-.376 4.472-.376 4.472s0 3.023.376 4.471c.207.8.817 1.43 1.592 1.643C3.366 13 8.997 13 8.997 13s5.63 0 7.035-.388a2.292 2.292 0 001.592-1.643C18 9.521 18 6.498 18 6.498s0-3.023-.376-4.472'/%3E%3Cpath fill='%23fff' d='M7.155 9.242l4.707-2.744-4.707-2.745v5.49'/%3E%3C/g%3E%3C/svg%3E");
    }

        .ui-g107-12-footer .footer-icon-youtube:hover {
            background-image: url("data:image/svg+xml,%3Csvg width='18' height='13' xmlns='http://www.w3.org/2000/svg' role='img'%3E%3Ctitle%3EYoutube%3C/title%3E%3Cg fill='%23f60' fill-rule='evenodd'%3E%3Cpath d='M17.624 2.026A2.292 2.292 0 0016.032.384c-1.404-.388-7.035-.388-7.035-.388s-5.63 0-7.035.388A2.292 2.292 0 00.37 2.026c-.376 1.45-.376 4.472-.376 4.472s0 3.023.376 4.471c.207.8.817 1.43 1.592 1.643C3.366 13 8.997 13 8.997 13s5.63 0 7.035-.388a2.292 2.292 0 001.592-1.643C18 9.521 18 6.498 18 6.498s0-3.023-.376-4.472'/%3E%3Cpath fill='%23fff' d='M7.155 9.242l4.707-2.744-4.707-2.745v5.49'/%3E%3C/g%3E%3C/svg%3E");
        }

    .ui-g107-12-footer .footer-icon-instagram {
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg' role='img'%3E%3Ctitle%3EInstagram%3C/title%3E%3Cg fill='%23767676' fill-rule='evenodd'%3E%3Cpath d='M7.5 0C5.463 0 5.208.009 4.408.045c-.799.037-1.344.163-1.82.349a3.676 3.676 0 00-1.33.865 3.677 3.677 0 00-.864 1.329C.208 3.065.082 3.61.045 4.408.01 5.208 0 5.464 0 7.501s.009 2.292.045 3.093c.037.798.163 1.343.349 1.82.191.494.448.912.865 1.329a3.68 3.68 0 001.328.865c.477.185 1.022.312 1.82.349.8.036 1.056.045 3.093.045s2.292-.009 3.092-.045c.799-.037 1.344-.164 1.82-.349a3.677 3.677 0 001.33-.865c.416-.417.673-.835.864-1.329.186-.477.312-1.022.349-1.82.036-.8.045-1.056.045-3.093s-.009-2.293-.045-3.093c-.037-.798-.163-1.343-.349-1.82a3.677 3.677 0 00-.865-1.33 3.676 3.676 0 00-1.328-.864c-.477-.186-1.022-.312-1.82-.349C9.792.01 9.536 0 7.5 0zm0 1.352c2.003 0 2.24.007 3.03.043.732.034 1.129.156 1.393.259.35.136.6.298.863.56.262.263.425.513.56.863.103.264.226.662.259 1.393.036.79.044 1.028.044 3.03 0 2.004-.008 2.241-.044 3.032-.033.731-.156 1.128-.258 1.393-.136.35-.299.6-.561.862a2.323 2.323 0 01-.863.561c-.264.103-.661.225-1.392.259-.791.036-1.028.043-3.031.043s-2.24-.007-3.03-.043c-.732-.034-1.129-.156-1.393-.259-.35-.136-.6-.298-.863-.56a2.324 2.324 0 01-.56-.863c-.103-.265-.226-.662-.259-1.393-.036-.791-.044-1.028-.044-3.031s.008-2.24.044-3.031c.033-.731.156-1.129.258-1.393.136-.35.299-.6.561-.862.263-.263.513-.425.863-.561.264-.103.661-.225 1.392-.259.791-.036 1.028-.043 3.031-.043z'/%3E%3Cpath d='M7.5 10.05a2.55 2.55 0 110-5.1 2.55 2.55 0 010 5.1zm0-6.479a3.929 3.929 0 100 7.858 3.929 3.929 0 000-7.858zm4.643 0a.714.714 0 11-1.429 0 .714.714 0 011.429 0'/%3E%3C/g%3E%3C/svg%3E");
    }

        .ui-g107-12-footer .footer-icon-instagram:hover {
            background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg' role='img'%3E%3Ctitle%3EInstagram%3C/title%3E%3Cg fill='%23f60' fill-rule='evenodd'%3E%3Cpath d='M7.5 0C5.463 0 5.208.009 4.408.045c-.799.037-1.344.163-1.82.349a3.676 3.676 0 00-1.33.865 3.677 3.677 0 00-.864 1.329C.208 3.065.082 3.61.045 4.408.01 5.208 0 5.464 0 7.501s.009 2.292.045 3.093c.037.798.163 1.343.349 1.82.191.494.448.912.865 1.329a3.68 3.68 0 001.328.865c.477.185 1.022.312 1.82.349.8.036 1.056.045 3.093.045s2.292-.009 3.092-.045c.799-.037 1.344-.164 1.82-.349a3.677 3.677 0 001.33-.865c.416-.417.673-.835.864-1.329.186-.477.312-1.022.349-1.82.036-.8.045-1.056.045-3.093s-.009-2.293-.045-3.093c-.037-.798-.163-1.343-.349-1.82a3.677 3.677 0 00-.865-1.33 3.676 3.676 0 00-1.328-.864c-.477-.186-1.022-.312-1.82-.349C9.792.01 9.536 0 7.5 0zm0 1.352c2.003 0 2.24.007 3.03.043.732.034 1.129.156 1.393.259.35.136.6.298.863.56.262.263.425.513.56.863.103.264.226.662.259 1.393.036.79.044 1.028.044 3.03 0 2.004-.008 2.241-.044 3.032-.033.731-.156 1.128-.258 1.393-.136.35-.299.6-.561.862a2.323 2.323 0 01-.863.561c-.264.103-.661.225-1.392.259-.791.036-1.028.043-3.031.043s-2.24-.007-3.03-.043c-.732-.034-1.129-.156-1.393-.259-.35-.136-.6-.298-.863-.56a2.324 2.324 0 01-.56-.863c-.103-.265-.226-.662-.259-1.393-.036-.791-.044-1.028-.044-3.031s.008-2.24.044-3.031c.033-.731.156-1.129.258-1.393.136-.35.299-.6.561-.862.263-.263.513-.425.863-.561.264-.103.661-.225 1.392-.259.791-.036 1.028-.043 3.031-.043z'/%3E%3Cpath d='M7.5 10.05a2.55 2.55 0 110-5.1 2.55 2.55 0 010 5.1zm0-6.479a3.929 3.929 0 100 7.858 3.929 3.929 0 000-7.858zm4.643 0a.714.714 0 11-1.429 0 .714.714 0 011.429 0'/%3E%3C/g%3E%3C/svg%3E");
        }

    .ui-g107-12-footer .footer-icon-pinterest {
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg' role='img'%3E%3Ctitle%3EPinterest%3C/title%3E%3Cpath d='M7.5 0a7.5 7.5 0 00-2.733 14.484c-.066-.593-.125-1.504.026-2.151.136-.586.88-3.728.88-3.728s-.225-.45-.225-1.114c0-1.043.604-1.821 1.357-1.821.64 0 .949.48.949 1.056 0 .644-.41 1.606-.621 2.497-.177.747.374 1.355 1.11 1.355 1.333 0 2.358-1.405 2.358-3.434 0-1.796-1.29-3.051-3.133-3.051-2.134 0-3.386 1.6-3.386 3.255 0 .644.248 1.335.558 1.711.061.074.07.14.052.215-.057.237-.184.747-.208.85-.033.138-.11.167-.251.101C3.296 9.79 2.71 8.42 2.71 7.32c0-2.366 1.72-4.539 4.956-4.539 2.602 0 4.624 1.854 4.624 4.332 0 2.584-1.63 4.665-3.892 4.665-.76 0-1.475-.395-1.72-.862L6.212 12.7c-.169.652-.626 1.468-.932 1.967A7.5 7.5 0 107.5 0' fill='%23767676' fill-rule='evenodd'/%3E%3C/svg%3E");
    }

        .ui-g107-12-footer .footer-icon-pinterest:hover {
            background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg' role='img'%3E%3Ctitle%3EPinterest%3C/title%3E%3Cpath d='M7.5 0a7.5 7.5 0 00-2.733 14.484c-.066-.593-.125-1.504.026-2.151.136-.586.88-3.728.88-3.728s-.225-.45-.225-1.114c0-1.043.604-1.821 1.357-1.821.64 0 .949.48.949 1.056 0 .644-.41 1.606-.621 2.497-.177.747.374 1.355 1.11 1.355 1.333 0 2.358-1.405 2.358-3.434 0-1.796-1.29-3.051-3.133-3.051-2.134 0-3.386 1.6-3.386 3.255 0 .644.248 1.335.558 1.711.061.074.07.14.052.215-.057.237-.184.747-.208.85-.033.138-.11.167-.251.101C3.296 9.79 2.71 8.42 2.71 7.32c0-2.366 1.72-4.539 4.956-4.539 2.602 0 4.624 1.854 4.624 4.332 0 2.584-1.63 4.665-3.892 4.665-.76 0-1.475-.395-1.72-.862L6.212 12.7c-.169.652-.626 1.468-.932 1.967A7.5 7.5 0 107.5 0' fill='%23f60' fill-rule='evenodd'/%3E%3C/svg%3E");
        }

    .ui-g107-12-footer .footer-icon-linkedin {
        width: 23px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='15' xmlns='http://www.w3.org/2000/svg' role='img'%3E%3Ctitle%3ELinkedin%3C/title%3E%3Cg fill='%23767676' fill-rule='evenodd'%3E%3Cpath d='M16.195 14.049c.078 0 .153-.03.206-.086a.273.273 0 00.078-.206c0-.207-.128-.306-.39-.306h-.422v1.084h.16v-.473h.195l.004.006.303.467h.17l-.326-.483.022-.003zm-.184-.109h-.184v-.366h.233c.12 0 .258.02.258.174 0 .178-.139.192-.308.192m-3.762-1.249h-2.13V9.235c0-.824-.014-1.885-1.108-1.885-1.11 0-1.279.898-1.279 1.825v3.516h-2.13V5.584h2.045v.97h.029a2.224 2.224 0 012.017-1.147c2.159 0 2.557 1.471 2.557 3.385l-.001 3.9zm-9.05-8.079c-.682 0-1.236-.573-1.236-1.28 0-.708.553-1.281 1.236-1.281.682 0 1.236.573 1.236 1.28 0 .34-.13.666-.362.906-.232.24-.546.375-.874.375m1.065 8.08H2.131V5.583h2.132v7.107zM13.31.001H1.06C.483-.007.008.474 0 1.074V13.82c.007.6.482 1.08 1.06 1.075h12.25c.58.007 1.057-.474 1.065-1.075V1.074C14.366.473 13.89-.008 13.31 0'/%3E%3Cpath d='M16.01 12.969c-.54.005-.973.461-.97 1.02.002.56.44 1.011.98 1.011s.977-.452.98-1.01c.003-.56-.431-1.016-.97-1.021h-.02m0 1.915c-.474.008-.865-.384-.873-.876-.008-.492.37-.897.845-.905.474-.008.866.384.873.875v.015c.01.481-.358.88-.822.89h-.022'/%3E%3C/g%3E%3C/svg%3E");
    }

        .ui-g107-12-footer .footer-icon-linkedin:hover {
            background-image: url("data:image/svg+xml,%3Csvg width='17' height='15' xmlns='http://www.w3.org/2000/svg' role='img'%3E%3Ctitle%3ELinkedin%3C/title%3E%3Cg fill='%23f60' fill-rule='evenodd'%3E%3Cpath d='M16.195 14.049c.078 0 .153-.03.206-.086a.273.273 0 00.078-.206c0-.207-.128-.306-.39-.306h-.422v1.084h.16v-.473h.195l.004.006.303.467h.17l-.326-.483.022-.003zm-.184-.109h-.184v-.366h.233c.12 0 .258.02.258.174 0 .178-.139.192-.308.192m-3.762-1.249h-2.13V9.235c0-.824-.014-1.885-1.108-1.885-1.11 0-1.279.898-1.279 1.825v3.516h-2.13V5.584h2.045v.97h.029a2.224 2.224 0 012.017-1.147c2.159 0 2.557 1.471 2.557 3.385l-.001 3.9zm-9.05-8.079c-.682 0-1.236-.573-1.236-1.28 0-.708.553-1.281 1.236-1.281.682 0 1.236.573 1.236 1.28 0 .34-.13.666-.362.906-.232.24-.546.375-.874.375m1.065 8.08H2.131V5.583h2.132v7.107zM13.31.001H1.06C.483-.007.008.474 0 1.074V13.82c.007.6.482 1.08 1.06 1.075h12.25c.58.007 1.057-.474 1.065-1.075V1.074C14.366.473 13.89-.008 13.31 0'/%3E%3Cpath d='M16.01 12.969c-.54.005-.973.461-.97 1.02.002.56.44 1.011.98 1.011s.977-.452.98-1.01c.003-.56-.431-1.016-.97-1.021h-.02m0 1.915c-.474.008-.865-.384-.873-.876-.008-.492.37-.897.845-.905.474-.008.866.384.873.875v.015c.01.481-.358.88-.822.89h-.022'/%3E%3C/g%3E%3C/svg%3E");
        }

    .ui-g107-12-footer .footer-mid-app-link {
        max-width: 136px;
        width: 100%;
        margin-top: 10px;
    }

        .ui-g107-12-footer .footer-mid-app-link:first-child {
            margin-right: 15px;
        }

    .ui-g107-12-footer .footer-mid-app-logo {
        width: 100%;
    }

    .ui-g107-12-footer .footer-mid-newletter-link {
        font-size: 1.6rem;
        line-height: 1.8rem;
        font-family: 'Helvetica Now Text Bold';
        letter-spacing: 0.25px;
        margin-top: 12px;
        display: flex;
    }

    .ui-g107-12-footer .footer-mid-newletter-text {
        margin-left: 20px;
    }

    .ui-g107-12-footer .footer-mid-newsletter-icon {
        display: block;
        margin-top: 6px;
    }

    .ui-g107-12-footer .footer-mid-newsletter-logo {
        max-width: 58px;
        margin-left: -6px;
    }

    .ui-g107-12-footer .footer-bottom-container {
        font-size: 1.4rem;
        line-height: 2.1rem;
        font-family: 'Helvetica Now Text Regular';
        display: flex;
        flex-direction: column;
        margin-top: 26px;
    }

    .ui-g107-12-footer .footer-bottom-copyright {
        background-color: #f60;
        width: 100%;
        color: #fff;
        order: 3;
        border-top: 1px solid #fff;
    }

    .ui-g107-12-footer .footer-bottom-copyright-text {
        margin: 0;
        padding: 12px 0;
    }

    .ui-g107-12-footer .footer-bottom-meta-nav {
        width: 100%;
        background-color: #f60;
        order: 2;
    }

@media screen and (max-width: 767px) {
    .ui-g107-12-footer .footer-bottom-meta-nav {
        padding: 13px 0;
    }
}

.ui-g107-12-footer .footer-bottom-meta-nav-list {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-g107-12-footer .footer-bottom-meta-nav-list {
        max-width: 450px;
    }
}

.ui-g107-12-footer .footer-bottom-meta-nav-item {
    list-style-type: none;
}

.ui-g107-12-footer .footer-bottom-meta-nav-link {
    color: #fff;
    display: block;
    padding: 12px 0;
    margin-right: 36px;
}

@media screen and (max-width: 767px) {
    .ui-g107-12-footer .footer-bottom-meta-nav-link {
        padding: 0;
    }
}

.ui-g107-12-footer .footer-bottom-language-nav {
    width: 100%;
    order: 1;
}

.ui-g107-12-footer .footer-bottom-language-list {
    display: flex;
    padding: 0;
    position: relative;
}

    .ui-g107-12-footer .footer-bottom-language-list::before {
        content: '';
        width: 100%;
        display: block;
        height: 1px;
        position: absolute;
        top: 0;
        background-color: #d6d6d6;
    }

.ui-g107-12-footer .footer-bottom-language-nav-item {
    list-style-type: none;
}

.ui-g107-12-footer .footer-bottom-language-nav-link {
    color: #555;
    padding: 13px 11px 12px 0;
    display: block;
    margin-right: 12px;
}

    .ui-g107-12-footer .footer-bottom-language-nav-link.is-active {
        font-family: 'Helvetica Now Text Bold';
        font-weight: 400;
    }

@media screen and (min-width: 992px) {
    .ui-g107-12-footer .footer-top-container {
        padding-top: 30px;
        padding-bottom: 30px;
        border-top: 1px solid #d6d6d6;
    }

    .ui-g107-12-footer .footer-lists-wrap {
        border-bottom: 1px solid #d6d6d6;
        padding-bottom: 30px;
    }

    .ui-g107-12-footer .footer-list-group-wrapper {
        background: 0 0;
    }

        .ui-g107-12-footer .footer-list-group-wrapper::after,
        .ui-g107-12-footer .footer-list-group-wrapper::before {
            display: none;
        }

    .ui-g107-12-footer .footer-link-list-title {
        line-height: 2.4rem;
        padding: 0;
    }

        .ui-g107-12-footer .footer-link-list-title svg {
            display: none;
        }

    .ui-g107-12-footer .footer-list-link {
        font-size: 1.1rem;
        line-height: 2.1rem;
        transition: color, border-bottom 0.1s linear;
    }

        .ui-g107-12-footer .footer-list-link:hover {
            color: #f60;
            border-bottom: 1px solid #f60;
        }

    .ui-g107-12-footer .footer-link-list {
        padding: 10px 0 0;
    }

    .ui-g107-12-footer .footer-list-item {
        line-height: 1;
    }

    .ui-g107-12-footer .footer-list-wrapper {
        max-height: none;
    }

    .ui-g107-12-footer .footer-mid-container {
        border-top: 1px solid #d6d6d6;
    }
}

@media screen and (min-width: 768px) {
    .ui-g107-12-footer .footer-mid-container {
        padding-top: 26px;
    }

    .ui-g107-12-footer .footer-mid-title {
        font-size: 1.4rem;
        line-height: 1.8rem;
        letter-spacing: 0.25px;
        margin-top: 8px;
    }

    .ui-g107-12-footer .footer-mid-app-link {
        max-width: 94px;
    }

        .ui-g107-12-footer .footer-mid-app-link:first-child {
            margin-right: 10px;
        }

    .ui-g107-12-footer .footer-mid-app-logo-wrapper {
        flex-wrap: nowrap;
    }

    .ui-g107-12-footer .footer-mid-social-link-item {
        margin-top: 3px;
        margin-right: 13px;
    }

    .ui-g107-12-footer .footer-icon-facebook {
        width: 16px;
        height: 15px;
    }

    .ui-g107-12-footer .footer-icon-twitter {
        width: 14px;
        height: 14px;
    }

    .ui-g107-12-footer .footer-icon-youtube {
        width: 18px;
        height: 13px;
    }

    .ui-g107-12-footer .footer-icon-instagram {
        width: 15px;
        height: 15px;
    }

    .ui-g107-12-footer .footer-icon-pinterest {
        width: 15px;
        height: 15px;
    }

    .ui-g107-12-footer .footer-icon-linkedin {
        width: 17px;
        height: 15px;
    }

    .ui-g107-12-footer .footer-mid-newletter-link {
        margin-top: 0;
    }

    .ui-g107-12-footer .footer-mid-newsletter-logo {
        -o-object-fit: contain;
        object-fit: contain;
        max-width: 53px;
        margin-top: -5px;
    }

    .ui-g107-12-footer .footer-mid-newletter-text {
        font-size: 1.4rem;
        line-height: 1.8rem;
        letter-spacing: 0.25px;
        margin-left: 8px;
        margin-top: 8px;
    }

    .ui-g107-12-footer .footer-bottom-background-wrapper {
        background: #f60;
    }

    .ui-g107-12-footer .footer-bottom-container {
        font-size: 1.1rem;
        line-height: 1.6rem;
        flex-direction: row;
        margin: 31px auto 0;
        margin-right: auto;
        margin-left: auto;
        padding-left: 12px;
        padding-right: 12px;
    }

    .ui-g107-12-footer .footer-bottom-copyright {
        border: 0;
        margin-right: 21px;
    }

    .ui-g107-12-footer .footer-bottom-copyright-text {
        letter-spacing: 0.3px;
        padding: 7px 0;
    }

    .ui-g107-12-footer .footer-bottom-meta-nav-link {
        margin-right: 19px;
        padding: 7px 0;
    }

    .ui-g107-12-footer .footer-bottom-language-nav {
        margin-left: auto;
    }

    .ui-g107-12-footer .footer-bottom-language-list::before {
        display: none;
    }

    .ui-g107-12-footer .footer-bottom-language-nav-link {
        padding: 7px 0 7px 20px;
        margin-right: 0;
        color: #fff;
    }

    .ui-g107-12-footer .footer-bottom-copyright,
    .ui-g107-12-footer .footer-bottom-language-nav,
    .ui-g107-12-footer .footer-bottom-meta-nav {
        background: 0 0;
    }

        .ui-g107-12-footer .footer-bottom-copyright .container,
        .ui-g107-12-footer .footer-bottom-language-nav .container,
        .ui-g107-12-footer .footer-bottom-meta-nav .container {
            width: auto;
            padding: 0;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-g107-12-footer .footer-bottom-container {
        width: 648px;
        margin: 45px auto 0;
        display: flex;
        flex-wrap: wrap;
        line-height: 3px;
        padding: 6px 0;
    }

    .ui-g107-12-footer .footer-bottom-copyright {
        order: 3;
        margin-bottom: 5px;
    }

    .ui-g107-12-footer .footer-bottom-meta-nav {
        order: 1;
        width: unset;
        margin-top: 5px;
    }

    .ui-g107-12-footer .footer-bottom-language-nav {
        order: 2;
        width: unset;
        margin-top: 5px;
    }

    .ui-g107-12-footer .footer-mid-app-logo-wrapper {
        flex-direction: column;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-g107-12-footer .footer-bottom-container {
        width: 888px;
    }
}

@media screen and (min-width: 992px) {
    .ui-g107-12-footer .footer-bottom-copyright,
    .ui-g107-12-footer .footer-bottom-language-nav,
    .ui-g107-12-footer .footer-bottom-meta-nav {
        order: 1;
        width: auto;
    }
}

@media screen and (min-width: 1200px) {
    .ui-g107-12-footer .footer-bottom-container {
        width: 1008px;
    }
}

.ui-g143-safety-teaser {
    position: relative;
    z-index: 1035;
    overflow: hidden;
    max-height: 400px;
    background-color: #fff;
    opacity: 1;
    transition: max-height 0.35s ease;
}

    .ui-g143-safety-teaser::after {
        position: absolute;
        bottom: -10px;
        width: 100%;
        height: 10px;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
        content: '';
    }

    .ui-g143-safety-teaser p {
        margin: 0;
    }

        .ui-g143-safety-teaser p:last-of-type {
            margin-bottom: 16px;
        }

@media screen and (max-width: 479px) {
    .ui-g143-safety-teaser p {
        display: none;
    }
}

.ui-g143-safety-teaser .btn {
    display: inline-block;
}

.ui-g143-safety-teaser.is-collapsed {
    max-height: 0;
    border-bottom: 0;
}

.ui-g143-safety-teaser .ui-paragraph-headline {
    padding-right: 35px;
    margin: 25px 0 20px;
}

@media screen and (max-width: 767px) {
    .ui-g143-safety-teaser .ui-paragraph-headline {
        margin: 15px 0 10px;
    }
}

.ui-g143-safety-teaser .image {
    display: block;
    max-width: 139px;
    max-height: 148px;
    margin: 30px auto 0;
}

.ui-g143-safety-teaser .close {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 5px;
    width: 30px;
    height: 30px;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #f60;
    font-size: 3rem;
    line-height: 1em;
}

    .ui-g143-safety-teaser .close:focus {
        outline: 0;
    }

.ui-g143-safety-teaser .link-box {
    display: flex;
    align-items: center;
    margin: 16px 0;
}

    .ui-g143-safety-teaser .link-box .link {
        margin-left: 20px;
    }

@media screen and (max-width: 479px) {
    .ui-g143-safety-teaser .link-box {
        flex-direction: column;
        align-items: flex-start;
    }

        .ui-g143-safety-teaser .link-box .link {
            margin: 16px 0 0;
        }
}

@media screen and (max-width: 479px) {
    .ui-g143-safety-teaser .teaser-text {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .ui-g143-safety-teaser {
        border-bottom: 2px solid #ccc;
    }
}

.ui-error-message.is-scheme-variant-1 .ui-paragraph-headline {
    margin-bottom: 20px;
    color: #fff;
}

.ui-error-message .ui-paragraph-headline {
    padding-bottom: 0;
    margin: 12px 0 17px;
}

.ui-error-message .subline {
    font-family: 'Helvetica Now Text Regular';
}

.ui-error-message img {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .ui-error-message img {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-error-message img {
        margin-bottom: 0;
    }
}

.ui-error-message.is-small {
    margin-bottom: 35px;
}

    .ui-error-message.is-small img {
        max-width: 100px;
        margin-top: 15px;
    }

    .ui-error-message.is-small .ui-paragraph-headline {
        margin: 35px 0 16px;
    }

@media screen and (min-width: 768px) {
    .ui-error-message.is-small {
        display: flex;
        flex-flow: row wrap;
        float: none;
        align-items: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .ui-error-message.is-small img {
            margin: 0;
        }

        .ui-error-message.is-small .ui-paragraph-headline {
            margin: 0;
        }
}

@media screen and (min-width: 992px) {
    .ui-error-message.is-small {
        margin-top: 13px;
        margin-bottom: 13px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-error-message.is-small {
        margin-top: 31px;
        margin-bottom: 31px;
    }
}

.ui-error-message.has-subline .subline {
    margin: 0;
}

@media screen and (min-width: 768px) {
    .ui-error-message.has-subline .ui-paragraph-headline {
        margin-bottom: 20px;
    }
}

.ui-header-navigation.fixed-width {
    width: 100%;
    min-width: 1000px;
}

    .ui-header-navigation.fixed-width .container {
        width: 1000px;
        max-width: 1000px;
        height: 100%;
        padding: 0 30px;
        margin: 0 auto;
    }

@media screen and (max-width: 1199px) {
    .ui-header-navigation.fixed-width .is-home-nav-item .item-wrapper {
        width: 200px;
    }
}

@media screen and (max-width: 479px) {
    .ui-header-navigation.fixed-width .is-home-nav-item .item-wrapper {
        width: 200px;
    }
}

@media screen and (max-width: 479px) {
    .ui-header-navigation.fixed-width.is-functional-header .is-menu-nav-item {
        margin-left: 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-header-navigation.fixed-width
    .ui-searchbox.form-group
    .input-search.form-control {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-header-navigation.fixed-width
    .ui-searchbox.form-group
    .input-search.form-control {
        font-size: 2.2rem;
        line-height: 3.6rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-header-navigation.fixed-width .ui-searchbox .btn-reset,
    .ui-header-navigation.fixed-width .ui-searchbox .btn-search {
        top: 18px;
    }
}

@media screen and (max-width: 767px) {
    .ui-header-navigation.fixed-width .logo {
        width: 100%;
    }
}

.ui-white-background {
    padding: 32px 0;
    margin-top: 32px;
    background-color: #fff;
}

.ui-header-navigation {
    position: relative;
    z-index: 1030;
    background-color: #fff;
}

    .ui-header-navigation::after {
        position: absolute;
        display: block;
        content: '';
    }

@media screen and (max-width: 991px) {
    .ui-header-navigation::after {
        opacity: 1;
        top: 100%;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #e0e0e0;
        box-shadow: none;
    }
}

.ui-header-navigation.has-menu-index {
    z-index: 1010;
}

@media screen and (min-width: 992px) {
    .ui-header-navigation.is-top-level::after {
        top: 100%;
        height: 5px;
        width: 100%;
        left: 0;
        opacity: 0.2;
        background-image: linear-gradient(rgba(0, 0, 0, 0.4), transparent);
    }

    .ie9 .ui-header-navigation.is-top-level::after {
        box-shadow: 0 10px 25px -12px #000 inset;
    }
}

.ui-header-navigation .list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0;
    font-size: 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-header-navigation .list.hide-tablet {
        opacity: 0;
        pointer-events: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-header-navigation .list {
        position: absolute;
        left: calc((100vw - 100%) / 2 * -1);
        width: 100vw;
        padding: 0 12px;
        transition: opacity 0.3s ease-in-out;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .list {
        height: 65px;
    }
}

.ui-header-navigation .item {
    position: relative;
    display: inline-block;
    height: 65px;
    margin-left: 20px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

    .ui-header-navigation .item.desk-item {
        transition: opacity 0.3s ease-in-out;
    }

@media screen and (min-width: 992px) {
    .ui-header-navigation .item.hide-item {
        opacity: 0;
        pointer-events: none;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .item.is-search:hover .is-search-btn::before {
        opacity: 0;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .item.is-search:hover .is-search-btn::after {
        opacity: 1;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .item.is-search {
        padding: 0 19px;
        margin: 0 10px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-header-navigation .item.is-search {
        padding: 0 29px;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .item.is-search ~ .is-main-menu {
        margin-left: 1px;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .item.is-main-menu:hover .is-burger-btn::before {
        opacity: 0;
    }
}

.ui-header-navigation .item.is-main-menu:hover .burger-btn-text {
    color: #f60;
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .item.is-main-menu:hover .burger-btn-text::after {
        opacity: 1;
    }
}

.ui-header-navigation .item.is-profile {
    white-space: normal;
}

@media screen and (min-width: 1200px) {
    .ui-header-navigation .item {
        margin-left: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-header-navigation .item {
        height: auto;
        margin-top: 0;
    }
}

.ui-header-navigation .item-wrapper {
    display: block;
    height: 100%;
    border-right: 0;
}

.ui-header-navigation .button {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    margin: 0 auto;
    background-color: #fff;
    cursor: pointer;
    text-align: left;
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .button.is-search-btn::after,
    .ui-header-navigation .button.is-search-btn::before {
        background-size: 18px 19px;
        transform: scale(1) translate(-50%, -50%);
        transition-property: opacity;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .button.is-search-btn {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
}

.ui-header-navigation .logo {
    width: 137px;
}

.ui-header-navigation .navigation-item {
    display: none;
}

    .ui-header-navigation .navigation-item .button-title {
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 1.5rem;
        position: relative;
        color: #333;
        letter-spacing: 0.05em;
        line-height: 17px;
        text-transform: uppercase;
        transition: color 0.25s ease-out;
    }

        .ui-header-navigation .navigation-item .button-title::after {
            position: absolute;
            display: block;
            content: '';
            bottom: -4px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #f60;
            opacity: 0;
            transition: opacity 0.25s ease-out;
        }

    .ui-header-navigation .navigation-item.is-current .button-title {
        color: #f60;
    }

        .ui-header-navigation .navigation-item.is-current .button-title::after {
            opacity: 1;
        }

    .ui-header-navigation .navigation-item:hover .button-title {
        color: #f60;
    }

        .ui-header-navigation .navigation-item:hover .button-title::after {
            opacity: 1;
        }

@media screen and (min-width: 992px) {
    .ui-header-navigation .navigation-item {
        display: inline-block;
    }
}

.ui-header-navigation .is-home-nav-item {
    display: flex;
    height: 65px;
    align-items: center;
    float: left;
    margin: 0 auto 0 0;
}

    .ui-header-navigation .is-home-nav-item .button {
        padding-right: 0;
        vertical-align: middle;
    }

@media screen and (max-width: 991px) {
    .ui-header-navigation .is-home-nav-item {
        margin: 0 auto 0 50px;
    }
}

.ui-header-navigation .is-cumulus-nav-item .button-title::after {
    background-color: #003d8d;
}

.ui-header-navigation .is-cumulus-nav-item.is-current .button-title {
    color: #003d8d;
}

    .ui-header-navigation .is-cumulus-nav-item.is-current .button-title::after {
        background-color: #003d8d;
    }

.ui-header-navigation .is-cumulus-nav-item:hover .button-title {
    color: #003d8d;
}

    .ui-header-navigation .is-cumulus-nav-item:hover .button-title::after {
        background-color: #003d8d;
    }

.ui-header-navigation .is-login-nav-item {
    padding-top: 16px;
    float: right;
}

.ui-header-navigation .is-menu-nav-item {
    height: auto;
}

    .ui-header-navigation .is-menu-nav-item:active,
    .ui-header-navigation .is-menu-nav-item:focus,
    .ui-header-navigation .is-menu-nav-item:hover {
        outline: 0;
    }

    .ui-header-navigation .is-menu-nav-item .is-cta {
        border: 0;
    }

    .ui-header-navigation .is-menu-nav-item .button {
        padding-top: 0;
        padding-bottom: 0;
    }

@media screen and (min-width: 768px) {
    .ui-header-navigation .is-menu-nav-item .button .close {
        position: relative;
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .is-menu-nav-item {
        height: 100%;
    }
}

.ui-header-navigation .is-menu-nav-btn,
.ui-header-navigation .is-search-widget-btn {
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    outline: 0;
}

    .ui-header-navigation .is-menu-nav-btn::after,
    .ui-header-navigation .is-menu-nav-btn::before,
    .ui-header-navigation .is-search-widget-btn::after,
    .ui-header-navigation .is-search-widget-btn::before {
        position: absolute;
        display: block;
        content: '';
        top: 50%;
        left: 50%;
        background-color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        transform-origin: center;
        transition: 0.3s ease-out;
        transition-property: opacity, transform, fill;
    }

    .ui-header-navigation .is-menu-nav-btn::before,
    .ui-header-navigation .is-search-widget-btn::before {
        opacity: 1;
        transform: scale(1) translate(-50%, -50%);
    }

    .ui-header-navigation .is-menu-nav-btn::after,
    .ui-header-navigation .is-search-widget-btn::after {
        width: 14px;
        height: 14px;
        background-image: url(../img/close-mobile-icon.svg);
        background-position: center center;
        background-size: 14px 14px;
        opacity: 0;
        transform: scale(0) translate(-50%, -50%);
    }

    .ui-header-navigation .is-menu-nav-btn.is-open::after,
    .ui-header-navigation .is-menu-nav-btn.is-open::before,
    .ui-header-navigation .is-search-widget-btn.is-open::after,
    .ui-header-navigation .is-search-widget-btn.is-open::before {
        transform-origin: center;
        transition: 0.3s ease-out;
        transition-property: opacity, transform, fill;
    }

    .ui-header-navigation .is-menu-nav-btn.is-open::before,
    .ui-header-navigation .is-search-widget-btn.is-open::before {
        opacity: 0;
        transform: scale(0) translate(-50%, -50%);
    }

    .ui-header-navigation .is-menu-nav-btn.is-open::after,
    .ui-header-navigation .is-search-widget-btn.is-open::after {
        opacity: 1;
        transform: scale(1) translate(-50%, -50%);
    }

    .ui-header-navigation .is-menu-nav-btn.is-open .ui-js-unread-mgs,
    .ui-header-navigation .is-search-widget-btn.is-open .ui-js-unread-mgs {
        display: none;
    }

    .ui-header-navigation .is-menu-nav-btn.is-open .burger-btn-text,
    .ui-header-navigation .is-search-widget-btn.is-open .burger-btn-text {
        color: #f60;
    }

    .ui-header-navigation .is-menu-nav-btn.is-burger-btn,
    .ui-header-navigation .is-search-widget-btn.is-burger-btn {
        z-index: 1;
    }

@media screen and (min-width: 992px) {
    .ui-header-navigation .is-menu-nav-btn.is-burger-btn::after,
    .ui-header-navigation .is-menu-nav-btn.is-burger-btn::before,
    .ui-header-navigation .is-search-widget-btn.is-burger-btn::after,
    .ui-header-navigation .is-search-widget-btn.is-burger-btn::before {
        top: 50%;
        left: 0;
    }
}

.ui-header-navigation .is-menu-nav-btn.is-burger-btn::before,
.ui-header-navigation .is-search-widget-btn.is-burger-btn::before {
    width: 20px;
    height: 16px;
    background-image: url(../img/burger-menu-black.svg);
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .is-menu-nav-btn.is-burger-btn::before,
    .ui-header-navigation .is-search-widget-btn.is-burger-btn::before {
        transform: scale(1) translate(0, -50%);
        transition: opacity 0.3s ease-out;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .is-menu-nav-btn.is-burger-btn::after,
    .ui-header-navigation .is-search-widget-btn.is-burger-btn::after {
        width: 20px;
        height: 16px;
        background-image: url(../img/burger-menu-orange.svg);
        transform: scale(0) translate(0, -50%);
        transition: opacity 0.3s ease-out;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .is-menu-nav-btn.is-burger-btn:hover::after,
    .ui-header-navigation .is-search-widget-btn.is-burger-btn:hover::after {
        width: 20px;
        height: 16px;
        background-image: url(../img/burger-menu-orange.svg);
        transform: scale(0) translate(0, -50%);
        transition: opacity 0.3s ease-out;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .is-menu-nav-btn.is-burger-btn,
    .ui-header-navigation .is-search-widget-btn.is-burger-btn {
        padding-right: 0;
        padding-left: 32px;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .is-menu-nav-btn.is-open.is-burger-btn::before,
    .ui-header-navigation .is-search-widget-btn.is-open.is-burger-btn::before {
        transform: scale(0) translate(0, -50%);
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .is-menu-nav-btn.is-open.is-burger-btn::after,
    .ui-header-navigation .is-search-widget-btn.is-open.is-burger-btn::after {
        background-size: 20px 16px;
        transform: scale(1) translate(0, -50%);
    }
}

.ui-header-navigation
.is-menu-nav-btn.is-open.is-burger-btn
.burger-btn-text::after,
.ui-header-navigation
.is-search-widget-btn.is-open.is-burger-btn
.burger-btn-text::after {
    opacity: 0;
}

.ui-header-navigation .is-menu-nav-btn.is-search-btn,
.ui-header-navigation .is-search-widget-btn.is-search-btn {
    z-index: 2;
}

    .ui-header-navigation .is-menu-nav-btn.is-search-btn::after,
    .ui-header-navigation .is-menu-nav-btn.is-search-btn::before,
    .ui-header-navigation .is-search-widget-btn.is-search-btn::after,
    .ui-header-navigation .is-search-widget-btn.is-search-btn::before {
        width: 18px;
        height: 19px;
        background-size: 18px 19px;
    }

    .ui-header-navigation .is-menu-nav-btn.is-search-btn::before,
    .ui-header-navigation .is-search-widget-btn.is-search-btn::before {
        background-image: url(../img/search-icon-black.svg);
    }

    .ui-header-navigation .is-menu-nav-btn.is-search-btn::after,
    .ui-header-navigation .is-search-widget-btn.is-search-btn::after {
        background-image: url(../img/search-icon-orange.svg);
    }

.ui-header-navigation .close,
.ui-header-navigation .open {
    padding: 0 !important;
    border: 0 !important;
    background: 0 0 !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border-radius: 0 !important;
    font-size: 0 !important;
    opacity: 0 !important;
    text-indent: -9998px !important;
    visibility: hidden !important;
}

    .ui-header-navigation .close::after,
    .ui-header-navigation .open::after {
        display: none;
    }

.ui-header-navigation .is-search-widget-btn::before {
    display: none;
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .is-search-widget-btn::after {
        width: 15px;
        height: 15px;
        background-size: 15px 15px;
    }
}

.ui-header-navigation .burger-btn-text {
    position: relative;
    color: #333;
    font-family: HelveticaNeueW02-77BdCn;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 18px;
    opacity: 0;
    text-indent: -9998px;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out;
    visibility: hidden;
}

    .ui-header-navigation .burger-btn-text::after {
        position: absolute;
        display: block;
        content: '';
        top: 50%;
        left: -32px;
        width: 20px;
        height: 16px;
        background-image: url(../img/burger-menu-orange.svg);
        background-repeat: no-repeat;
        opacity: 0;
        transform: translateY(-50%);
        transition: opacity 0.3s ease-in-out;
    }

@media screen and (min-width: 992px) {
    .ui-header-navigation .burger-btn-text {
        opacity: 1;
        text-indent: 0;
        visibility: visible;
    }
}

.ui-header-navigation .ui-search-container {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    background-color: #fff;
    opacity: 0;
    transition: opacity 0.3s 0s, visibility 0s 0.3s ease-out;
    visibility: hidden;
}

    .ui-header-navigation .ui-search-container.is-active {
        opacity: 1;
        transition: opacity 0.3s 0s, visibility 0s 0s ease-out;
        visibility: visible;
    }

@media screen and (max-width: 479px) {
    .ui-header-navigation .ui-search-container .is-menu-nav-item {
        margin-right: -15px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-header-navigation .ui-search-container .is-menu-nav-item {
        margin-right: -21px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-header-navigation .ui-search-container {
        left: calc((100vw - 100%) / 2 * -1);
        width: 100vw;
        padding: 0 0 0 12px;
    }
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .ui-search-container {
        right: 86px;
        left: auto;
        width: 450px;
        padding: 0;
    }
}

@media screen and (min-width: 1200px) {
    .ui-header-navigation .ui-search-container {
        right: 95px;
    }
}

.ui-header-navigation .ui-search-widget {
    flex-basis: 100%;
    padding: 5px 0;
    font-size: 16px;
    line-height: 18.4px;
}

@media screen and (min-width: 992px) {
    .ui-header-navigation .ui-search-widget {
        padding: 13px 0;
    }
}

.ui-header-navigation .ui-search-widget-btn {
    position: relative;
    width: 50px;
    height: 100%;
}

    .ui-header-navigation .ui-search-widget-btn .close {
        background-position: 50% 50% !important;
    }

@media screen and (max-width: 991px) {
    .ui-header-navigation::after {
        position: absolute;
        display: block;
        content: '';
        top: 100%;
        left: 0;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #e0e0e0;
        background-image: linear-gradient(rgba(0, 0, 0, 0.4), transparent);
        box-shadow: none;
        opacity: 1;
    }
}

@media screen and (max-width: 991px) {
    .ui-header-navigation {
        height: 50px;
    }

        .ui-header-navigation .logo {
            width: 95px;
        }

        .ui-header-navigation .is-home-nav-item,
        .ui-header-navigation .is-menu-nav-item {
            top: 0;
            height: 50px;
            margin-top: 0;
        }

        .ui-header-navigation .is-menu-nav-item {
            width: 50px;
        }

        .ui-header-navigation .is-main-menu {
            position: absolute;
            left: 0;
            z-index: 1;
            margin-right: -15px;
        }

        .ui-header-navigation .is-main-menu,
        .ui-header-navigation .is-profile {
            margin-left: 1px;
        }

        .ui-header-navigation .is-profile {
            display: flex;
            width: auto;
            min-width: 50px;
            align-items: center;
            justify-content: center;
        }

        .ui-header-navigation .is-search {
            margin-left: 0;
        }

        .ui-header-navigation .close::after,
        .ui-header-navigation .open::after {
            display: none;
        }

        .ui-header-navigation .ui-js-unread-mgs {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            position: absolute;
            z-index: 2;
            top: calc(50% - 16px);
            right: auto;
            left: calc(50% + 3px);
            display: inline-block;
            width: auto;
            height: 12px;
            padding: 0 2px;
            background-color: #f60;
            border-radius: 6px;
            box-shadow: 0 0 0 2px #fff;
            color: #fff;
            font-size: 0.84rem;
            line-height: 12px;
            text-align: center;
        }

            .ui-header-navigation .ui-js-unread-mgs.is-hidden {
                display: none;
            }

        .ui-header-navigation .is-profile-btn .ui-js-unread-mgs {
            width: 12px;
            border-radius: 50%;
        }

        .ui-header-navigation .is-menu-nav-btn,
        .ui-header-navigation .is-search-widget-btn {
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            padding: 0;
            border: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: rgba(0, 0, 0, 0);
            border-radius: 0;
            outline: 0;
        }

            .ui-header-navigation .is-menu-nav-btn::after,
            .ui-header-navigation .is-menu-nav-btn::before,
            .ui-header-navigation .is-search-widget-btn::after,
            .ui-header-navigation .is-search-widget-btn::before {
                position: absolute;
                display: block;
                content: '';
                top: 50%;
                left: 50%;
                background-color: rgba(0, 0, 0, 0);
                background-repeat: no-repeat;
                transform-origin: center;
                transition: 0.3s ease-out;
                transition-property: opacity, transform, fill;
            }

            .ui-header-navigation .is-menu-nav-btn::before,
            .ui-header-navigation .is-search-widget-btn::before {
                opacity: 1;
                transform: scale(1) translate(-50%, -50%);
            }

            .ui-header-navigation .is-menu-nav-btn::after,
            .ui-header-navigation .is-search-widget-btn::after {
                width: 14px;
                height: 14px;
                background-image: url(../img/close-mobile-icon.svg);
                background-position: center center;
                background-size: 14px 14px;
                opacity: 0;
                transform: scale(0) translate(-50%, -50%);
            }

            .ui-header-navigation .is-menu-nav-btn.is-open::after,
            .ui-header-navigation .is-menu-nav-btn.is-open::before,
            .ui-header-navigation .is-search-widget-btn.is-open::after,
            .ui-header-navigation .is-search-widget-btn.is-open::before {
                transform-origin: center;
                transition: 0.3s ease-out;
                transition-property: opacity, transform, fill;
            }

            .ui-header-navigation .is-menu-nav-btn.is-open::before,
            .ui-header-navigation .is-search-widget-btn.is-open::before {
                opacity: 0;
                transform: scale(0) translate(-50%, -50%);
            }

            .ui-header-navigation .is-menu-nav-btn.is-open::after,
            .ui-header-navigation .is-search-widget-btn.is-open::after {
                opacity: 1;
                transform: scale(1) translate(-50%, -50%);
            }

            .ui-header-navigation .is-menu-nav-btn.is-open .ui-js-unread-mgs,
            .ui-header-navigation .is-search-widget-btn.is-open .ui-js-unread-mgs {
                display: none;
            }

            .ui-header-navigation .is-menu-nav-btn.is-profile-btn,
            .ui-header-navigation .is-search-widget-btn.is-profile-btn {
                z-index: 4;
            }

                .ui-header-navigation .is-menu-nav-btn.is-profile-btn::before,
                .ui-header-navigation .is-search-widget-btn.is-profile-btn::before {
                    width: 19px;
                    height: 20px;
                    margin-top: 1px;
                    background-image: url(../img/mobile-person.svg);
                    background-size: 19px 17px;
                }

            .ui-header-navigation .is-menu-nav-btn.is-burger-btn,
            .ui-header-navigation .is-search-widget-btn.is-burger-btn {
                z-index: 1;
            }

                .ui-header-navigation .is-menu-nav-btn.is-burger-btn::before,
                .ui-header-navigation .is-search-widget-btn.is-burger-btn::before {
                    width: 20px;
                    height: 16px;
                    background-image: url(../img/menu-burger.svg);
                }
}

@media screen and (max-width: 991px) and (min-width: 992px) {
    .ui-header-navigation .is-menu-nav-btn.is-burger-btn.is-open::before,
    .ui-header-navigation .is-search-widget-btn.is-burger-btn.is-open::before {
        opacity: 1;
        transform: scale(1) translate(-50%, -50%);
    }

    .ui-header-navigation .is-menu-nav-btn.is-burger-btn.is-open::after,
    .ui-header-navigation .is-search-widget-btn.is-burger-btn.is-open::after {
        display: none;
        opacity: 0;
    }
}

@media screen and (max-width: 991px) {
    .ui-header-navigation .is-menu-nav-btn.is-search-btn,
    .ui-header-navigation .is-search-widget-btn.is-search-btn {
        z-index: 2;
    }

        .ui-header-navigation .is-menu-nav-btn.is-search-btn::after,
        .ui-header-navigation .is-menu-nav-btn.is-search-btn::before,
        .ui-header-navigation .is-search-widget-btn.is-search-btn::after,
        .ui-header-navigation .is-search-widget-btn.is-search-btn::before {
            width: 16px;
            height: 18px;
        }

        .ui-header-navigation .is-menu-nav-btn.is-search-btn::before,
        .ui-header-navigation .is-search-widget-btn.is-search-btn::before {
            background-image: url(../img/search-icon-black.svg);
            background-size: 16px 17px;
        }

        .ui-header-navigation .is-menu-nav-btn.is-search-btn::after,
        .ui-header-navigation .is-search-widget-btn.is-search-btn::after {
            background-image: url(../img/search-icon-orange.svg);
        }

        .ui-header-navigation .is-menu-nav-btn.is-search-btn:active::after,
        .ui-header-navigation .is-menu-nav-btn.is-search-btn:focus::after,
        .ui-header-navigation .is-search-widget-btn.is-search-btn:active::after,
        .ui-header-navigation .is-search-widget-btn.is-search-btn:focus::after {
            opacity: 1;
            transform: scale(1) translate(-50%, -50%);
        }

    .ui-header-navigation .is-menu-nav-btn .close,
    .ui-header-navigation .is-menu-nav-btn .open,
    .ui-header-navigation .is-search-widget-btn .close,
    .ui-header-navigation .is-search-widget-btn .open {
        padding: 0 !important;
        border: 0 !important;
        background: 0 0 !important;
        background-color: rgba(0, 0, 0, 0) !important;
        border-radius: 0 !important;
        font-size: 0 !important;
        opacity: 0 !important;
        text-indent: -9998px !important;
        visibility: hidden !important;
    }

        .ui-header-navigation .is-menu-nav-btn .close::after,
        .ui-header-navigation .is-menu-nav-btn .open::after,
        .ui-header-navigation .is-search-widget-btn .close::after,
        .ui-header-navigation .is-search-widget-btn .open::after {
            display: none;
        }

    .ui-header-navigation .is-search-widget-btn::before {
        display: none;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-header-navigation .is-home-nav-item .item-wrapper {
        border-right: 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-header-navigation .is-home-nav-item .item-wrapper {
        border-right: 0;
    }

    .ui-header-navigation .is-profile {
        left: 11px;
    }

    .ui-header-navigation .is-burger-btn {
        left: -3px;
    }

    .ui-header-navigation .is-search-btn {
        left: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-js-header-panel .item-wrapper {
        overflow: hidden;
        transition: padding 0.25s ease-out;
    }

        .ui-js-header-panel .item-wrapper .button {
            padding: 0 12px 0 16px;
        }

        .ui-js-header-panel .item-wrapper .button-title {
            display: inline-block;
            width: 1px;
            padding-left: 0;
            opacity: 0;
            transition: opacity 150ms ease-out, width 150ms ease-in;
            vertical-align: middle;
        }

    .ui-js-header-panel .is-home-nav-item .item-wrapper .button {
        padding: 0;
    }

    .ui-js-header-panel .has-current .item-wrapper {
        padding: 0;
    }

    .ui-js-header-panel .is-current .item-wrapper {
        padding: 0;
    }

        .ui-js-header-panel .is-current .item-wrapper .button-title {
            width: auto;
            opacity: 1;
        }
}

.ui-header-navigation.fixed-width {
    width: 100%;
    min-width: 1000px;
}

    .ui-header-navigation.fixed-width .container {
        width: 1000px;
        max-width: 1000px;
        height: 100%;
        padding: 0 30px;
        margin: 0 auto;
    }

@media screen and (max-width: 479px) {
    .ui-header-navigation.fixed-width.is-functional-header .is-menu-nav-item {
        margin-left: 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-header-navigation.fixed-width
    .ui-searchbox.form-group
    .input-search.form-control {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-header-navigation.fixed-width
    .ui-searchbox.form-group
    .input-search.form-control {
        font-size: 2.2rem;
        line-height: 3.6rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-header-navigation.fixed-width .logo {
        width: 100%;
    }
}

.ui-item-filter {
    margin-bottom: 2em;
}

    .is-cumulus .ui-item-filter .btn-open,
    .ui-item-filter.is-cumulus .btn-open {
        color: #003d8d;
    }

        .is-cumulus .ui-item-filter .btn-open .close,
        .ui-item-filter.is-cumulus .btn-open .close {
            background: url(../img/filter-open-cumulus.svg) 0 0 no-repeat;
        }

        .is-cumulus .ui-item-filter .btn-open:active,
        .is-cumulus .ui-item-filter .btn-open:focus,
        .is-cumulus .ui-item-filter .btn-open:hover,
        .ui-item-filter.is-cumulus .btn-open:active,
        .ui-item-filter.is-cumulus .btn-open:focus,
        .ui-item-filter.is-cumulus .btn-open:hover {
            color: #00145c;
        }

            .is-cumulus .ui-item-filter .btn-open:active .close,
            .is-cumulus .ui-item-filter .btn-open:focus .close,
            .is-cumulus .ui-item-filter .btn-open:hover .close,
            .ui-item-filter.is-cumulus .btn-open:active .close,
            .ui-item-filter.is-cumulus .btn-open:focus .close,
            .ui-item-filter.is-cumulus .btn-open:hover .close {
                background-image: url(../img/filter-open-hover-cumulus.svg);
            }

    .is-cumulus .ui-item-filter .open .btn-open,
    .ui-item-filter.is-cumulus .open .btn-open {
        color: #003d8d;
    }

        .is-cumulus .ui-item-filter .open .btn-open .close,
        .ui-item-filter.is-cumulus .open .btn-open .close {
            background-image: url(../img/filter-close-cumulus.svg);
        }

        .is-cumulus .ui-item-filter .open .btn-open:active,
        .is-cumulus .ui-item-filter .open .btn-open:focus,
        .is-cumulus .ui-item-filter .open .btn-open:hover,
        .ui-item-filter.is-cumulus .open .btn-open:active,
        .ui-item-filter.is-cumulus .open .btn-open:focus,
        .ui-item-filter.is-cumulus .open .btn-open:hover {
            color: #00145c;
        }

            .is-cumulus .ui-item-filter .open .btn-open:active .close,
            .is-cumulus .ui-item-filter .open .btn-open:focus .close,
            .is-cumulus .ui-item-filter .open .btn-open:hover .close,
            .ui-item-filter.is-cumulus .open .btn-open:active .close,
            .ui-item-filter.is-cumulus .open .btn-open:focus .close,
            .ui-item-filter.is-cumulus .open .btn-open:hover .close {
                background-image: url(../img/filter-close-hover-cumulus.svg);
            }

    .is-cumulus .ui-item-filter .open .dropdown-menu,
    .ui-item-filter.is-cumulus .open .dropdown-menu {
        background-color: #003d8d;
        color: #fff;
    }

        .is-cumulus .ui-item-filter .open .dropdown-menu li a,
        .ui-item-filter.is-cumulus .open .dropdown-menu li a {
            color: #fff;
        }

            .is-cumulus .ui-item-filter .open .dropdown-menu li a.is-active,
            .is-cumulus .ui-item-filter .open .dropdown-menu li a:active,
            .is-cumulus .ui-item-filter .open .dropdown-menu li a:focus,
            .is-cumulus .ui-item-filter .open .dropdown-menu li a:hover,
            .ui-item-filter.is-cumulus .open .dropdown-menu li a.is-active,
            .ui-item-filter.is-cumulus .open .dropdown-menu li a:active,
            .ui-item-filter.is-cumulus .open .dropdown-menu li a:focus,
            .ui-item-filter.is-cumulus .open .dropdown-menu li a:hover {
                background-color: #00145c;
            }

            .is-cumulus .ui-item-filter .open .dropdown-menu li a.is-disabled,
            .ui-item-filter.is-cumulus .open .dropdown-menu li a.is-disabled {
                color: #cdcac5;
                cursor: not-allowed;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

    .ui-item-filter.is-list-filter {
        margin-bottom: 25px;
    }

    .ui-item-filter .dropdown {
        position: relative;
        display: inline-block;
        margin-right: 7px;
    }

        .ui-item-filter .dropdown.open .dropdown-menu {
            display: block;
        }

        .ui-item-filter .dropdown .dropdown-toggle:focus {
            outline: 0;
        }

    .ui-item-filter .btn-open {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2rem;
        line-height: 2.8rem;
        font-size: 2rem;
        display: inline-block;
        padding: 0 38px 2px 0;
        border: 0;
        background: rgba(0, 0, 0, 0);
        color: #fb6400;
        cursor: pointer;
        text-transform: none;
    }

        .ui-item-filter .btn-open .close {
            position: absolute;
            top: 1px;
            right: 0;
            width: 28px;
            height: 28px;
            background: url(../img/filter-open.svg) 0 0 no-repeat;
            opacity: 1;
        }

        .ui-item-filter .btn-open:active,
        .ui-item-filter .btn-open:focus,
        .ui-item-filter .btn-open:hover {
            background-color: rgba(0, 0, 0, 0);
            box-shadow: none;
            color: #de450a;
        }

            .ui-item-filter .btn-open:active .close,
            .ui-item-filter .btn-open:focus .close,
            .ui-item-filter .btn-open:hover .close {
                background-image: url(../img/filter-open-hover.svg);
            }

    .ui-item-filter .open .btn-open .close {
        background-image: url(../img/filter-close.svg);
    }

    .ui-item-filter .open .btn-open:active,
    .ui-item-filter .open .btn-open:focus,
    .ui-item-filter .open .btn-open:hover {
        color: #de450a;
    }

        .ui-item-filter .open .btn-open:active .close,
        .ui-item-filter .open .btn-open:focus .close,
        .ui-item-filter .open .btn-open:hover .close {
            background-image: url(../img/filter-close-hover.svg);
        }

    .ui-item-filter .dropdown-menu {
        position: absolute;
        z-index: 1000;
        top: 32px;
        left: -1px;
        display: none;
        overflow: hidden;
        min-width: 160px;
        padding: 0;
        border: 0;
        margin: 0;
        background-color: #f60;
        border-radius: 5px;
        box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2);
        color: #fff;
        list-style: none;
    }

        .ui-item-filter .dropdown-menu.dropdown-menu-right {
            right: 0;
            left: auto;
        }

        .ui-item-filter .dropdown-menu a {
            display: block;
            clear: both;
        }

            .ui-item-filter .dropdown-menu a.is-active,
            .ui-item-filter .dropdown-menu a:active,
            .ui-item-filter .dropdown-menu a:focus,
            .ui-item-filter .dropdown-menu a:hover {
                background-color: #de450a;
                color: #fff;
            }

            .ui-item-filter .dropdown-menu a.is-disabled {
                color: #cdcac5;
                cursor: not-allowed;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

@media screen and (min-width: 768px) {
    .ui-item-filter.is-large .btn-open {
        padding: 0 51px 4px 0;
        font-size: 32px;
        line-height: 38px;
    }

    .ui-item-filter.is-large .close {
        top: 2px;
        width: 42px;
        height: 42px;
        background-size: 42px;
    }

    .ui-item-filter.is-large .dropdown-menu {
        top: 44px;
    }
}

@media screen and (max-width: 767px) {
    .ui-item-filter.is-small .btn-open {
        font-size: 1.4rem;
        line-height: 2.4rem;
        padding-right: 24px;
    }

        .ui-item-filter.is-small .btn-open .close {
            top: 5px;
            width: 17px;
            height: 17px;
            background-size: 17px;
        }
}

.ui-item-filter .inline-text,
.ui-item-filter .inline-text p {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.8rem;
    display: inline;
}

    .ui-item-filter .inline-text p {
        margin-right: 4px;
        margin-bottom: 0;
    }

.ui-item-filter-results .fade-in {
    opacity: 1;
    transition: opacity 0.35s ease 0.1s;
}

.ui-item-filter-results.loading .fade-in {
    opacity: 0.1;
    pointer-events: none;
}

.alt-colored .ui-item-filter .btn-open,
.ui-item-filter .alt-colored .btn-open,
.ui-item-filter.alt-colored .btn-open {
    border-bottom-color: #fb6400;
    color: #fb6400;
}

    .alt-colored .ui-item-filter .btn-open:active,
    .alt-colored .ui-item-filter .btn-open:focus,
    .alt-colored .ui-item-filter .btn-open:hover,
    .ui-item-filter .alt-colored .btn-open:active,
    .ui-item-filter .alt-colored .btn-open:focus,
    .ui-item-filter .alt-colored .btn-open:hover,
    .ui-item-filter.alt-colored .btn-open:active,
    .ui-item-filter.alt-colored .btn-open:focus,
    .ui-item-filter.alt-colored .btn-open:hover {
        border-color: #de450a;
        color: #de450a;
    }

.alt-colored .ui-item-filter .open .btn-open,
.ui-item-filter .alt-colored .open .btn-open,
.ui-item-filter.alt-colored .open .btn-open {
    color: #fb6400;
}

.alt-colored .ui-item-filter .dropdown-menu,
.ui-item-filter .alt-colored .dropdown-menu,
.ui-item-filter.alt-colored .dropdown-menu {
    background-color: #f60;
    color: #fff;
}

    .alt-colored .ui-item-filter .dropdown-menu li a,
    .ui-item-filter .alt-colored .dropdown-menu li a,
    .ui-item-filter.alt-colored .dropdown-menu li a {
        color: #fff;
    }

        .alt-colored .ui-item-filter .dropdown-menu li a.is-active,
        .alt-colored .ui-item-filter .dropdown-menu li a:active,
        .alt-colored .ui-item-filter .dropdown-menu li a:focus,
        .alt-colored .ui-item-filter .dropdown-menu li a:hover,
        .ui-item-filter .alt-colored .dropdown-menu li a.is-active,
        .ui-item-filter .alt-colored .dropdown-menu li a:active,
        .ui-item-filter .alt-colored .dropdown-menu li a:focus,
        .ui-item-filter .alt-colored .dropdown-menu li a:hover,
        .ui-item-filter.alt-colored .dropdown-menu li a.is-active,
        .ui-item-filter.alt-colored .dropdown-menu li a:active,
        .ui-item-filter.alt-colored .dropdown-menu li a:focus,
        .ui-item-filter.alt-colored .dropdown-menu li a:hover {
            background-color: #de450a;
            color: #fff;
        }

        .alt-colored .ui-item-filter .dropdown-menu li a.is-disabled,
        .ui-item-filter .alt-colored .dropdown-menu li a.is-disabled,
        .ui-item-filter.alt-colored .dropdown-menu li a.is-disabled {
            color: #cdcac5;
            cursor: not-allowed;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

.ui-l-503-circle {
    margin-bottom: 20px;
}

    .ui-l-503-circle .link-box {
        display: block;
        height: 100%;
        background: 0 0;
    }

        .ui-l-503-circle .link-box .centered {
            position: absolute;
            z-index: 10;
            top: 62px;
            width: 100%;
        }

            .ui-l-503-circle .link-box .centered .centered-text {
                font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
                font-weight: 500;
                font-size: 9.2rem;
                line-height: 1;
                margin-left: -24px;
                color: #fff;
                text-align: center;
            }

                .ui-l-503-circle .link-box .centered .centered-text.is-orange {
                    color: #f60;
                }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-l-503-circle .link-box .centered .centered-text {
        font-size: 7rem;
        line-height: 1;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l-503-circle .link-box .centered .centered-text {
        font-size: 6rem;
        line-height: 1;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l-503-circle .link-box .centered .centered-text {
        font-size: 4.4rem;
        line-height: 1;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l-503-circle .link-box .centered {
        top: 42px;
    }
}

@media screen and (max-width: 479px) {
    .ui-l-503-circle .link-box .centered {
        display: none;
    }
}

.ui-l-503-circle .link-box:active .headline,
.ui-l-503-circle .link-box:focus .headline,
.ui-l-503-circle .link-box:hover .headline {
    color: #de450a;
}

.ui-l-503-circle .link-box:active .btn-circle,
.ui-l-503-circle .link-box:focus .btn-circle,
.ui-l-503-circle .link-box:hover .btn-circle {
    display: none !important;
    border: 0;
}

    .ui-l-503-circle .link-box:active .btn-circle::before,
    .ui-l-503-circle .link-box:focus .btn-circle::before,
    .ui-l-503-circle .link-box:hover .btn-circle::before {
        bottom: 50%;
        opacity: 1;
    }

.ui-l-503-circle.is-cumulus .link-box:active .headline,
.ui-l-503-circle.is-cumulus .link-box:focus .headline,
.ui-l-503-circle.is-cumulus .link-box:hover .headline {
    color: #003d8d;
}

.ui-l-503-circle .image {
    position: relative;
    bottom: 0;
    overflow: hidden;
    width: 228px;
    height: 228px;
    margin: 0 auto 10px;
    border-radius: 50%;
}

.js .ui-l-503-circle[data-inview] .centered,
.js .ui-l-503-circle[data-inview] .image {
    opacity: 0;
}

.js .ui-l-503-circle[data-inview].inview .centered,
.js .ui-l-503-circle[data-inview].inview .image {
    opacity: 1;
    transition: opacity 0.6s ease;
    transition-delay: 0.1s;
}

.js .ui-l-503-circle[data-inview].inview.delay-m .centered,
.js .ui-l-503-circle[data-inview].inview.delay-m .image {
    transition-delay: 0.2s;
}

.js .ui-l-503-circle[data-inview].inview.delay-l .centered,
.js .ui-l-503-circle[data-inview].inview.delay-l .image {
    transition-delay: 0.3s;
}

.ui-l-503-circle .image .btn-circle::before {
    position: absolute;
    bottom: 10%;
    left: 50%;
    width: 24px;
    height: 38px;
    margin-bottom: -19px;
    margin-left: -12px;
    background: url(../img/arrow-right-orange-large.svg) 50% 50% no-repeat;
    border-radius: 50%;
    content: '';
    opacity: 0;
    transition-duration: 0.8s;
    transition-property: bottom, opacity;
}

.ui-l-503-circle .image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
    opacity: 0.999999;
    transition: opacity 0.7s;
}

.ui-l-503-circle span {
    font-size: 0;
    line-height: 0;
}

.ui-l-503-circle .info {
    width: 100%;
}

.ui-l-503-circle .headline {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: 0 8%;
    margin: 0 auto;
    color: #f60;
    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-l-503-circle .image {
        width: 198px;
        height: 198px;
    }

        .ui-l-503-circle .image img {
            width: 100%;
            height: auto;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l-503-circle .image {
        width: 192px;
        height: 192px;
    }

        .ui-l-503-circle .image img {
            width: 100%;
            height: auto;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l-503-circle .image {
        width: 128px;
        height: 128px;
    }

        .ui-l-503-circle .image img {
            width: 100%;
            height: auto;
        }

        .ui-l-503-circle .image .info {
            width: auto;
        }

    .ui-l-503-circle .headline {
        padding: 0 5%;
    }
}

@media screen and (max-width: 479px) {
    .ui-l-503-circle {
        margin-bottom: 0;
    }

        .ui-l-503-circle .image {
            width: 98px;
            height: 98px;
        }

            .ui-l-503-circle .image img {
                width: 100%;
                height: auto;
            }

            .ui-l-503-circle .image .info {
                width: auto;
            }

        .ui-l-503-circle .headline {
            font-size: 1.3rem;
            line-height: 1.6rem;
            padding: 0;
            margin: 0;
        }
}

@media all and (max-width: 374px) {
    .ui-l-503-circle .image {
        width: 78px;
        height: 78px;
    }

    .ui-l-503-circle .headline {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
}

.ui-l-503-12-circlelist {
    margin-bottom: 20px;
}

    .ui-l-503-12-circlelist .ui-note {
        font-family: MarketWeb;
        font-weight: 400;
        text-transform: none;
        font-size: 2.4rem;
        line-height: 1;
        position: relative;
        display: block;
        color: #0daacf;
    }

        .ui-l-503-12-circlelist .ui-note::before {
            position: absolute;
            top: 14px;
            left: -50px;
            width: 34px;
            height: 18px;
            background: url(../img/headline-arrow.svg);
            content: '';
        }

    .ui-l-503-12-circlelist.is-cumulus .ui-l-503-circle .headline {
        color: #003d8d;
    }

    .ui-l-503-12-circlelist.is-cumulus .ui-l-503-circle .link-box:active .headline,
    .ui-l-503-12-circlelist.is-cumulus .ui-l-503-circle .link-box:focus .headline,
    .ui-l-503-12-circlelist.is-cumulus .ui-l-503-circle .link-box:hover .headline {
        color: #00145c;
    }

.ui-l-504-12-circle-explorer .ui-paragraph-headline {
    margin: 30px 20px 25px 0;
}

.ui-l-504-12-circle-explorer [class^='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.ui-l-504-12-circle-explorer .text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.5rem;
    padding-right: 20px;
    margin-bottom: 20px;
    color: #fff;
}

.ui-l-504-12-circle-explorer .ui-l-503-circle {
    min-height: 300px;
}

    .ui-l-504-12-circle-explorer .ui-l-503-circle .image {
        width: 244px;
        height: 244px;
        border: 8px solid rgba(0, 0, 0, 0.2);
        background-clip: padding-box;
        transition-duration: 0.8s;
        transition-property: border, opacity;
    }

.ui-l-504-12-circle-explorer .link-box {
    display: block;
    height: 100%;
    background: 0 0;
}

    .ui-l-504-12-circle-explorer .link-box .headline {
        padding: 0 8%;
        color: #fff;
    }

    .ui-l-504-12-circle-explorer .link-box:active .headline,
    .ui-l-504-12-circle-explorer .link-box:focus .headline,
    .ui-l-504-12-circle-explorer .link-box:hover .headline {
        color: #f60;
    }

    .ui-l-504-12-circle-explorer .link-box .centered {
        top: 69px;
    }

        .ui-l-504-12-circle-explorer .link-box .centered .centered-text {
            margin-left: -5px;
            color: #fff;
            text-align: center;
        }

@media screen and (max-width: 479px) {
    .ui-l-504-12-circle-explorer .link-box .centered .centered-text {
        font-size: 3.3rem;
        line-height: 1;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l-504-12-circle-explorer .link-box .centered {
        top: 42px;
    }
}

@media screen and (max-width: 479px) {
    .ui-l-504-12-circle-explorer .link-box .centered {
        top: 33px;
        display: block;
    }
}

.ui-l-504-12-circle-explorer.is-cumulus .link-box:active .headline,
.ui-l-504-12-circle-explorer.is-cumulus .link-box:focus .headline,
.ui-l-504-12-circle-explorer.is-cumulus .link-box:hover .headline {
    color: #003d8d;
}

.ui-l-504-12-circle-explorer.is-cumulus .image .btn-circle::before {
    background: url(../img/arrow-right-blue-bold.svg) 50% 50% no-repeat;
}

.ui-l-504-12-circle-explorer .button {
    margin: 10px 0;
}

.ui-l-504-12-circle-explorer .ui-l-503-12-circlelist [class^='col-'] {
    padding-right: 0;
    padding-left: 0;
}

    .ui-l-504-12-circle-explorer
    .ui-l-503-12-circlelist
    [class^='col-']
    .ui-l-503-circle
    .image {
        width: 244px;
        height: 244px;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-l-504-12-circle-explorer .ui-l-503-circle {
        min-height: 274px;
    }

        .ui-l-504-12-circle-explorer .ui-l-503-circle .image {
            width: 214px;
            height: 214px;
        }

    .ui-l-504-12-circle-explorer .image-box {
        position: absolute;
        top: 30px;
        right: -100%;
    }

    .ui-l-504-12-circle-explorer
    .ui-l-503-12-circlelist
    [class^='col-']
    .ui-l-503-circle
    .image {
        width: 214px;
        height: 214px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l-504-12-circle-explorer .ui-l-503-circle {
        min-height: 274px;
    }

        .ui-l-504-12-circle-explorer .ui-l-503-circle .image {
            width: 208px;
            height: 208px;
        }

    .ui-l-504-12-circle-explorer
    .ui-l-503-12-circlelist
    [class^='col-']
    .ui-l-503-circle
    .image {
        width: 208px;
        height: 208px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l-504-12-circle-explorer .ui-l-503-circle {
        min-height: 220px;
    }

        .ui-l-504-12-circle-explorer .ui-l-503-circle .image {
            width: 138px;
            height: 138px;
            border: 5px solid rgba(0, 0, 0, 0.2);
        }

    .ui-l-504-12-circle-explorer
    .ui-l-503-12-circlelist
    [class^='col-']
    .ui-l-503-circle
    .image {
        width: 144px;
        height: 144px;
    }

    .ui-l-504-12-circle-explorer .button-note-wrapper {
        padding-top: 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-l-504-12-circle-explorer .text {
        display: none;
    }

    .ui-l-504-12-circle-explorer .link-box {
        padding: 0 0 15px;
    }

        .ui-l-504-12-circle-explorer .link-box::after {
            background: 0 0;
        }

        .ui-l-504-12-circle-explorer .link-box:active::after,
        .ui-l-504-12-circle-explorer .link-box:focus::after,
        .ui-l-504-12-circle-explorer .link-box:hover::after {
            background: 0 0;
        }

    .ui-l-504-12-circle-explorer .ui-note {
        display: none;
    }

    .ui-l-504-12-circle-explorer .ui-l-503-circle {
        min-height: 188px;
    }

        .ui-l-504-12-circle-explorer .ui-l-503-circle .link-box {
            padding: 0 0 15px;
        }

            .ui-l-504-12-circle-explorer .ui-l-503-circle .link-box::after {
                background: 0 0;
            }

            .ui-l-504-12-circle-explorer .ui-l-503-circle .link-box:active::after,
            .ui-l-504-12-circle-explorer .ui-l-503-circle .link-box:focus::after,
            .ui-l-504-12-circle-explorer .ui-l-503-circle .link-box:hover::after {
                background: 0 0;
            }

        .ui-l-504-12-circle-explorer .ui-l-503-circle .info {
            overflow-wrap: break-word;
        }

        .ui-l-504-12-circle-explorer .ui-l-503-circle .image {
            width: 98px;
            height: 98px;
            border: 4px solid rgba(0, 0, 0, 0.2);
        }

            .ui-l-504-12-circle-explorer .ui-l-503-circle .image img {
                width: 100%;
                height: auto;
            }

            .ui-l-504-12-circle-explorer .ui-l-503-circle .image .info {
                width: auto;
            }

        .ui-l-504-12-circle-explorer .ui-l-503-circle .headline {
            font-size: 1.3rem;
            line-height: 1.6rem;
            text-align: center;
        }

    .ui-l-504-12-circle-explorer .ui-l-503-12-circlelist [class^='col-'] {
        padding-right: 12px;
        padding-left: 12px;
    }

    .ui-l-504-12-circle-explorer .button-note-wrapper {
        padding-top: 0;
    }
}

.ui-l532-12-categorylist .category-list {
    padding: 0;
    margin-right: -3px;
    margin-left: -3px;
    list-style: outside none none;
}

    .ui-l532-12-categorylist .category-list.is-sportxx .product-category-title {
        background: #ff290b;
    }

        .ui-l532-12-categorylist
        .category-list.is-sportxx
        .product-category-title:hover {
            background: #ec0000;
        }

    .ui-l532-12-categorylist .category-list.is-sportxx .ui-product-category-all {
        background: #ff290b;
    }

        .ui-l532-12-categorylist
        .category-list.is-sportxx
        .ui-product-category-all:hover {
            background: #ec0000;
        }

    .ui-l532-12-categorylist
    .category-list.is-melectronics
    .product-category-title {
        background: #039;
    }

        .ui-l532-12-categorylist
        .category-list.is-melectronics
        .product-category-title:hover {
            background: #000573;
        }

    .ui-l532-12-categorylist
    .category-list.is-melectronics
    .ui-product-category-all {
        background: #039;
    }

        .ui-l532-12-categorylist
        .category-list.is-melectronics
        .ui-product-category-all:hover {
            background: #000573;
        }

    .ui-l532-12-categorylist .category-list.is-micasa .product-category-title {
        background: #167f77;
    }

        .ui-l532-12-categorylist
        .category-list.is-micasa
        .product-category-title:hover {
            background: #136f68;
        }

    .ui-l532-12-categorylist .category-list.is-micasa .ui-product-category-all {
        background: #167f77;
    }

        .ui-l532-12-categorylist
        .category-list.is-micasa
        .ui-product-category-all:hover {
            background: #136f68;
        }

    .ui-l532-12-categorylist .category-list.is-doitgarden .product-category-title {
        background: #078550;
    }

        .ui-l532-12-categorylist
        .category-list.is-doitgarden
        .product-category-title:hover {
            background: #005d25;
        }

    .ui-l532-12-categorylist .category-list.is-doitgarden .ui-product-category-all {
        background: #078550;
    }

        .ui-l532-12-categorylist
        .category-list.is-doitgarden
        .ui-product-category-all:hover {
            background: #005d25;
        }

    .ui-l532-12-categorylist .category-list.without-icons .product-category-title {
        height: 100px;
    }

@media screen and (min-width: 992px) {
    .ui-l532-12-categorylist
    .category-list.without-icons
    .product-category-title:hover
    .product-category-title-text::after {
        background-position: 0 -22px;
    }
}

.ui-l532-12-categorylist .category-list.without-icons .arrow {
    display: none;
}

.ui-l532-12-categorylist .category-list.without-icons .ui-product-category-all {
    font-size: 1.8rem;
    line-height: 2rem;
    height: 100px;
}

    .ui-l532-12-categorylist
    .category-list.without-icons
    .ui-product-category-all
    .tile-header::after {
        display: block;
        width: 12px;
        height: 20px;
        padding: 0;
        margin-top: 3px;
        background-image: url(../img/arrow-teaser.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        content: ' ';
        transition: background-position 0.37s ease-out;
    }

@media screen and (min-width: 992px) {
    .ui-l532-12-categorylist
    .category-list.without-icons
    .ui-product-category-all:hover
    .tile-header::after {
        background-position: 0 -22px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-l532-12-categorylist
    .category-list.without-icons
    .ui-product-category-all {
        font-size: 2rem;
        line-height: 1;
    }
}

.ui-l532-12-categorylist
.category-list.without-icons
.product-category-title-text {
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    margin-top: 0;
    text-align: left;
    text-transform: none;
}

    .ui-l532-12-categorylist
    .category-list.without-icons
    .product-category-title-text::after {
        display: block;
        width: 12px;
        height: 20px;
        padding: 0;
        margin-top: 3px;
        background-image: url(../img/arrow-teaser.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        content: ' ';
        transition: background-position 0.37s ease-out;
    }

@media screen and (max-width: 991px) {
    .ui-l532-12-categorylist
    .category-list.without-icons
    .product-category-title-text {
        font-size: 1.6rem;
        line-height: 2rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-l532-12-categorylist
    .category-list.without-icons
    .product-category-title-text {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }
}

.ui-l532-12-categorylist .category-list.is-variant-2 .product-category-title {
    position: relative;
    display: flex;
    height: 121px;
    min-height: 121px;
    max-height: 121px;
    flex-direction: column;
    justify-content: flex-end;
    text-align: left;
    text-transform: none;
}

@media screen and (min-width: 992px) {
    .ui-l532-12-categorylist
    .category-list.is-variant-2
    .product-category-title:hover
    .product-category-title-text::after {
        background-position: 0 -22px;
    }
}

.ui-l532-12-categorylist
.category-list.is-variant-2
.product-category-title.is-inverted {
    border-width: 2px;
    border-style: solid;
    border-color: #f60;
    background-color: #fff;
    color: #f60;
}

    .ui-l532-12-categorylist
    .category-list.is-variant-2
    .product-category-title.is-inverted
    .product-category-title-text::after {
        background-image: url("data:image/svg+xml,%3Csvg width='11' height='38' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath fill='%23ff6600' d='M11 9L1.816 0 0 1.775 7.37 9 0 16.225 1.816 18z'/%3E%3Cpath fill='%23de450a' d='M11 29l-9.184-9L0 21.775 7.37 29 0 36.225 1.816 38z'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 11px;
    }

@media screen and (min-width: 992px) {
    .ui-l532-12-categorylist
    .category-list.is-variant-2
    .product-category-title.is-inverted
    .product-category-title-text::after {
        background-size: 10px;
    }
}

.ui-l532-12-categorylist
.category-list.is-variant-2
.product-category-title.is-inverted:hover {
    border-width: 2px;
    border-style: solid;
    border-color: #de450a;
    background-color: #fff;
    color: #de450a;
}

    .ui-l532-12-categorylist
    .category-list.is-variant-2
    .product-category-title.is-inverted:hover
    .product-category-title-text::after {
        background-position: 0 -20px;
    }

@media screen and (min-width: 992px) {
    .ui-l532-12-categorylist .category-list.is-variant-2 .product-category-title {
        font-size: 1.8rem;
        line-height: 2.5rem;
        height: 171px;
        min-height: 171px;
        max-height: 171px;
    }

        .ui-l532-12-categorylist
        .category-list.is-variant-2
        .product-category-title.is-inverted:hover
        .product-category-title-text::after {
            background-position: 0 -18px;
        }
}

.ui-l532-12-categorylist
.category-list.is-variant-2
.product-category-title-icon {
    position: absolute;
    top: 6px;
    left: 8px;
    display: block;
    width: 50px;
    height: 50px;
}

    .ui-l532-12-categorylist
    .category-list.is-variant-2
    .product-category-title-icon
    .icon {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
    }

@media screen and (min-width: 992px) {
    .ui-l532-12-categorylist
    .category-list.is-variant-2
    .product-category-title-icon {
        top: 10px;
        left: 10px;
    }
}

@media screen and (min-width: 992px) {
    .ui-l532-12-categorylist
    .category-list.is-variant-2
    .product-category-title-icon {
        width: 70px;
        height: 70px;
    }
}

.ui-l532-12-categorylist
.category-list.is-variant-2
.product-category-title-text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.8rem;
    display: flex;
    min-height: 70px;
    flex-direction: column;
    justify-content: flex-end;
}

    .ui-l532-12-categorylist
    .category-list.is-variant-2
    .product-category-title-text::after {
        display: block;
        width: 12px;
        height: 18px;
        padding: 0;
        margin-top: 3px;
        background-image: url(../img/arrow-teaser.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        content: ' ';
        transition: background-position 0.37s ease-out;
    }

@media screen and (min-width: 992px) {
    .ui-l532-12-categorylist
    .category-list.is-variant-2
    .product-category-title-text {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
}

.ui-l532-12-categorylist .category-list li {
    width: calc(16.6666666667% - 6px);
    padding: 0;
    margin-right: 3px;
    margin-bottom: 6px;
    margin-left: 3px;
    float: left;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-l532-12-categorylist .category-list li {
        width: calc(16.6666666667% - 6px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l532-12-categorylist .category-list li {
        width: calc(25% - 6px);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l532-12-categorylist .category-list li {
        width: calc(33.3333333333% - 6px);
    }
}

@media screen and (max-width: 479px) {
    .ui-l532-12-categorylist .category-list li {
        width: calc(50% - 6px);
    }
}

.ui-l532-12-categorylist .product-category-title {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    display: block;
    height: 196px;
    padding: 10px;
    background: #f60;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

    .ui-l532-12-categorylist .product-category-title:hover {
        background: #de450a;
    }

    .ui-l532-12-categorylist .product-category-title .product-category-title-icon {
        display: block;
        height: 152px;
        line-height: 152px;
    }

@media screen and (max-width: 1199px) {
    .ui-l532-12-categorylist
    .product-category-title
    .product-category-title-icon {
        height: 124px;
        line-height: 124px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-l532-12-categorylist .product-category-title {
        height: 226px;
    }
}

.ui-l532-12-categorylist .ui-product-category-all {
    font-size: 2rem;
    line-height: 2.5rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    position: relative;
    display: block;
    height: 196px;
    padding: 10px;
    background: #f60;
    border-radius: 4px;
    color: #fff;
    text-align: left;
}

    .ui-l532-12-categorylist .ui-product-category-all:hover {
        background: #de450a;
    }

    .ui-l532-12-categorylist .ui-product-category-all .arrow {
        position: absolute;
        bottom: 10px;
        width: 80%;
        height: 60%;
        background: rgba(0, 0, 0, 0) url(../img/arrow-tiles.svg) 0 100% no-repeat;
        background-size: 48px 90px;
    }

@media screen and (max-width: 767px) {
    .ui-l532-12-categorylist .ui-product-category-all {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l532-12-categorylist .ui-product-category-all {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

@media screen and (min-width: 1200px) {
    .ui-l532-12-categorylist .ui-product-category-all {
        height: 226px;
    }
}

.ui-l532-12-categorylist .is-sportxx {
    background: #ff290b;
}

    .ui-l532-12-categorylist .is-sportxx:hover {
        background: #ec0000;
    }

.ui-l532-12-categorylist .is-melectronics {
    background: #039;
}

    .ui-l532-12-categorylist .is-melectronics:hover {
        background: #000573;
    }

.ui-l532-12-categorylist .is-micasa {
    background: #167f77;
}

    .ui-l532-12-categorylist .is-micasa:hover {
        background: #136f68;
    }

.ui-l532-12-categorylist .is-doitgarden {
    background: #078550;
}

    .ui-l532-12-categorylist .is-doitgarden:hover {
        background: #005d25;
    }

.ui-l543-12-account {
    padding: 20px 0;
}

    .ui-l543-12-account .text {
        margin-top: 15px;
    }

    .ui-l543-12-account .button-label {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
    }

    .ui-l543-12-account .ui-item-filter {
        padding-bottom: 24px;
        border-bottom: 1px solid #ccc;
        box-shadow: 0 1px #fff;
    }

.ui-events-item {
    border-width: 0 0 2px;
    -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    border-style: dotted;
    border-color: #ddd;
    padding-bottom: 30px;
    margin-bottom: 15px;
}

    .ui-events-item.is-highlight {
        padding-bottom: 0;
        border-width: 0;
        border-style: normal;
        border-color: transparent;
        margin-bottom: 0;
        -wekit-border-image: none;
        -o-border-image: none;
        border-image: none;
    }

    .ui-events-item.is-detail {
        padding-bottom: 0;
        border: 0;
        margin-top: 28px;
        margin-bottom: 0;
    }

        .ui-events-item.is-detail.is-first {
            border-width: 0 0 2px;
            -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-style: dotted;
            border-color: #ddd;
            margin-top: 0;
        }

        .ui-events-item.is-detail .text-box {
            color: #333;
        }

        .ui-events-item.is-detail .place,
        .ui-events-item.is-detail .time {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-size: 2rem;
            line-height: 2.2rem;
            padding: 6px 10px 10px 52px;
            margin-top: 4px;
            background-image: url(../img/watch-grey.svg);
            background-position: 0 50%;
            background-repeat: no-repeat;
            background-size: 34px;
            color: #333;
        }

@media screen and (max-width: 767px) {
    .ui-events-item.is-detail .place,
    .ui-events-item.is-detail .time {
        font-size: 1.7rem;
        line-height: 1.9rem;
        padding-left: 42px;
        background-size: 30px;
    }
}

.ui-events-item.is-detail .place {
    min-height: 42px;
    padding-top: 2px;
    margin-top: 8px;
    background-image: url(../img/icon-place.svg);
    background-position: 0 0;
    background-size: 30px;
}

    .ui-events-item.is-detail .place span {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.8rem;
        display: block;
        margin-top: 6px;
    }

.ui-events-item.is-detail .text-box .date-range em {
    line-height: 6.7rem;
}

.ui-events-item.is-detail .text-box .date-time em {
    line-height: 9.6rem;
}

.ui-events-item.is-detail .text-box .date-range::after {
    height: 0;
}

.ui-events-item.is-detail .btn {
    margin-top: 13px;
}

@media screen and (max-width: 767px) {
    .ui-events-item.is-detail .btn {
        margin-top: 0;
    }
}

.ui-events-item.is-detail img {
    margin-top: 7px;
}

@media screen and (max-width: 767px) {
    .ui-events-item.is-detail img {
        margin-top: 17px;
    }
}

.ui-events-item.is-detail .note-wrapper {
    padding-top: 30px;
}

    .ui-events-item.is-detail .note-wrapper .ui-note.has-arrow.is-left-down {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -96px;
        white-space: nowrap;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-events-item.is-detail .note-wrapper .ui-note.has-arrow.is-left-down {
        margin-left: -80px;
    }
}

@media screen and (max-width: 767px) {
    .ui-events-item.is-detail .note-wrapper {
        padding-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .ui-events-item.is-detail .text-right {
        text-align: left;
    }

    .ui-events-item.is-detail .btn {
        margin-bottom: 20px;
        margin-left: 42px;
    }

    .ui-events-item.is-detail .text-box .date-range em,
    .ui-events-item.is-detail .text-box .date-time em {
        display: block;
    }

    .ui-events-item.is-detail .text-box .date-range abbr[title],
    .ui-events-item.is-detail .text-box .date-time abbr[title] {
        font-size: 1.7rem;
        line-height: 2rem;
        margin-left: 0;
    }

        .ui-events-item.is-detail .text-box .date-range abbr[title] span,
        .ui-events-item.is-detail .text-box .date-time abbr[title] span {
            display: block;
        }

    .ui-events-item.is-detail .text-box .date-range em {
        font-size: 4rem;
        line-height: 4.5rem;
    }

    .ui-events-item.is-detail .text-box .date-range .date:first-child {
        display: inline-block;
    }

    .ui-events-item.is-detail .text-box .date-time em {
        font-size: 7rem;
        line-height: 1;
        display: inline-block;
    }
}

.ui-events-item h3 {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.5rem;
    margin: 13px 0;
}

@media screen and (max-width: 991px) {
    .ui-events-item h3 {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-top: 0;
    }
}

.ui-events-item .ui-note.ui-note.has-arrow.is-left-down {
    margin-top: 5px;
}

.ui-events-item .ui-paragraph-headline {
    font-size: 2.6rem;
    line-height: 2.8rem;
    margin-top: 0;
    margin-bottom: 6px;
}

.ui-events-item .ui-secondary-headline {
    margin: 13px 0 6px;
}

    .ui-events-item .ui-secondary-headline .info {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        color: #666;
        letter-spacing: 0;
        text-transform: none;
    }

@media screen and (max-width: 991px) {
    .ui-events-item .ui-secondary-headline {
        font-size: 1.3rem;
    }
}

.ui-events-item .btn {
    padding: 11px 40px 9px 19px;
    margin-top: 18px;
}

    .ui-events-item .btn.is-favlist-2 {
        background-position: calc(100% - 14px) 7px;
    }

@media screen and (max-width: 767px) {
    .ui-events-item .btn {
        margin-top: 6px;
    }
}

.ui-events-item .text-box {
    color: #f60;
}

    .ui-events-item .text-box .aural {
        overflow: hidden;
        color: transparent;
        font: 0/0 serif;
        text-shadow: none;
    }

    .ui-events-item .text-box em {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-style: normal;
    }

    .ui-events-item .text-box abbr[title] {
        font-size: 2rem;
        line-height: 2.4rem;
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        display: inline-block;
        border-bottom: 0;
        cursor: initial;
        font-variant: normal;
        letter-spacing: 0;
        text-decoration: none;
        text-transform: none;
    }

        .ui-events-item .text-box abbr[title] span {
            display: block;
        }

@media screen and (max-width: 767px) {
    .ui-events-item .text-box abbr[title] span {
        display: inline;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-events-item .text-box abbr[title] {
        font-size: 4rem;
        line-height: 1;
        margin-left: 6px;
    }
}

@media screen and (max-width: 479px) {
    .ui-events-item .text-box abbr[title] {
        font-size: 3rem;
        line-height: 1;
        margin-left: 4px;
    }
}

.ui-events-item .text-box .mod {
    width: 40px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .ui-events-item .text-box .mod {
        width: 20px;
    }
}

.ui-events-item .text-box .date-range {
    display: table;
    width: 100%;
    table-layout: fixed;
    word-spacing: -1em;
    padding-bottom: 25px;
    margin-top: 5px;
    text-align: left;
}

    .ui-events-item .text-box .date-range:after,
    .ui-events-item .text-box .date-range:before {
        display: table;
        content: ' ';
    }

    .ui-events-item .text-box .date-range:after {
        clear: both;
    }

    .ui-events-item .text-box .date-range .date {
        display: inline-block;
        vertical-align: top;
        word-spacing: 0;
        padding: 0;
    }

@media screen and (max-width: 767px) {
    .ui-events-item .text-box .date-range .date:first-child {
        display: block;
    }
}

.ui-events-item .text-box .date-range em {
    font-size: 7rem;
    line-height: 1;
    display: block;
}

@media screen and (max-width: 1199px) {
    .ui-events-item .text-box .date-range em {
        font-size: 6rem;
        line-height: 5.8rem;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-events-item .text-box .date-range em {
        font-size: 4rem;
        line-height: 4.8rem;
        display: inline;
    }
}

@media screen and (max-width: 479px) {
    .ui-events-item .text-box .date-range em {
        font-size: 3rem;
        line-height: 3.8rem;
        display: inline;
    }
}

.ui-events-item .text-box .date-range::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 192px;
    height: 13px;
    background: url(../img/pattern-01.svg) 100% 50% no-repeat;
    content: '';
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-events-item .text-box .date-range::after {
        width: 314px;
        height: 15px;
        background: url(../img/pattern-02.svg) 100% 50% no-repeat;
    }
}

@media screen and (max-width: 479px) {
    .ui-events-item .text-box .date-range::after {
        width: 212px;
        background-position: 20px 50%;
    }
}

@media screen and (max-width: 767px) {
    .ui-events-item .text-box .date-range {
        padding-bottom: 0;
        margin-bottom: 20px;
    }
}

.ui-events-item .text-box .date-time {
    display: block;
    margin-bottom: 20px;
    text-align: left;
}

    .ui-events-item .text-box .date-time .date {
        display: block;
    }

    .ui-events-item .text-box .date-time em {
        font-size: 10.5rem;
        line-height: 1;
    }

@media screen and (max-width: 1199px) {
    .ui-events-item .text-box .date-time em {
        font-size: 9.5rem;
        line-height: 1;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-events-item .text-box .date-time em {
        font-size: 4rem;
        line-height: 1;
    }
}

@media screen and (max-width: 479px) {
    .ui-events-item .text-box .date-time em {
        font-size: 3rem;
        line-height: 1;
    }
}

.ui-events-item .text-box .date-time abbr[title] {
    margin-left: 3px;
}

@media screen and (max-width: 767px) {
    .ui-events-item .text-box .date-time abbr[title] {
        margin-left: 6px;
    }
}

.ui-events-item .text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 15px;
    color: #333;
}

.ui-events-item img {
    margin-top: 12px;
    margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
    .ui-events-item:not(.is-detail) .btn {
        display: inline-block;
        width: 40px;
        height: 40px;
        padding: 0;
        background-position: 50% 50%;
    }

        .ui-events-item:not(.is-detail) .btn span {
            position: absolute;
            overflow: hidden;
            width: 1px;
            height: 1px;
            padding: 0;
            border: 0;
            margin: -1px;
            clip: rect(0, 0, 0, 0);
        }
}

.ui-events-stage-header {
    padding-top: 0;
}

    .ui-events-stage-header .headline-outer {
        margin-top: 40px;
    }

@media screen and (min-width: 480px) {
    .ui-events-stage-header .headline-outer.is-textshadow .intro,
    .ui-events-stage-header .headline-outer.is-textshadow .ui-header-headline,
    .ui-events-stage-header .headline-outer.is-textshadow .ui-secondary-headline {
        text-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
    }
}

@media screen and (max-width: 991px) {
    .ui-events-stage-header .headline-outer {
        margin-top: 32px;
    }
}

@media screen and (max-width: 479px) {
    .ui-events-stage-header .headline-outer {
        margin-top: 20px;
    }

        .ui-events-stage-header .headline-outer .ui-header-headline {
            font-size: 2.5rem;
            line-height: 2.5rem;
        }
}

.ui-events-stage-header .text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.8rem;
    font-size: 2rem;
    line-height: 2.8rem;
    margin-top: 10px;
    margin-right: 10px;
    color: #fff;
    float: left;
    font-family: HelveticaNeueW01-75Bold;
}

@media screen and (max-width: 767px) {
    .ui-events-stage-header .text {
        color: #333;
    }
}

.ui-l552-circle-teaser-list .circle-teaser-list__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

@media screen and (min-width: 768px) {
    .ui-l552-circle-teaser-list .circle-teaser-list__wrapper {
        flex-wrap: nowrap;
        margin: 0 -12px;
    }
}

@media screen and (min-width: 992px) {
    .ui-l552-circle-teaser-list .circle-teaser-list__wrapper {
        margin: 0 -20px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-l552-circle-teaser-list .circle-teaser-list__wrapper {
        margin: 0 -32px;
    }
}

.ui-l552-circle-teaser-list .circle-teaser-list__item {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
    margin-bottom: 20px;
}

    .ui-l552-circle-teaser-list .circle-teaser-list__item:nth-last-child(-n + 3) {
        margin-bottom: 0;
    }

@media screen and (min-width: 768px) {
    .ui-l552-circle-teaser-list .circle-teaser-list__item {
        max-width: 16.6666666667%;
        flex: 0 0 84px;
        margin: 0 12px;
    }
}

@media screen and (min-width: 992px) {
    .ui-l552-circle-teaser-list .circle-teaser-list__item {
        flex: 0 0 110px;
        margin: 0 20px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-l552-circle-teaser-list .circle-teaser-list__item {
        margin: 0 32px;
    }
}

.m402-04-contentimage ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.m402-04-contentimage ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.8);
    background: #fff;
    border-radius: 8px;
}

.m402-04-contentimage ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.6);
    background: #858585;
    border-radius: 8px;
}

    .m402-04-contentimage ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(133, 133, 133, 0.8);
    }

.m402-04-contentimage:active .icon-social,
.m402-04-contentimage:focus .icon-social,
.m402-04-contentimage:hover .icon-social {
    opacity: 1;
}

.m402-04-contentimage .icon-social {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 38px;
    height: 38px;
    background-color: #f60;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    opacity: 0;
    text-align: center;
    transform: translateZ(0);
    transition: background-color 0.4s ease-out;
    overflow: hidden;
    color: transparent;
    font: 0/0 serif;
    text-shadow: none;
}

    .m402-04-contentimage .icon-social:active,
    .m402-04-contentimage .icon-social:focus,
    .m402-04-contentimage .icon-social:hover {
        background-color: #de450a;
    }

    .m402-04-contentimage .icon-social.pinterest {
        background-image: url(../img/social-media-pinterest.svg);
    }

.m402-04-contentimage figure {
    position: relative;
    margin-bottom: 20px;
    clear: both;
}

.m402-04-contentimage figcaption p {
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-top: 8px;
    font-family: 'Helvetica Now Text Regular';
}

    .m402-04-contentimage figcaption p a {
        font-size: 1.3rem !important;
        line-height: 1.9rem !important;
    }

    .m402-04-contentimage figcaption p em {
        font-family: 'Helvetica Now Text Italic';
    }

    .m402-04-contentimage figcaption p strong {
        font-size: 1.3rem;
        line-height: 1.9rem;
        font-family: 'Helvetica Now Text Bold';
    }

.m402-04-contentimage img {
    display: block;
}

.m402-04-contentimage .btn {
    position: absolute;
    right: 20px;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    margin-top: -30px;
    background: rgba(0, 0, 0, 0) url(../img/zoom.svg) 0 0 no-repeat;
    border-radius: 0;
}

    .m402-04-contentimage .btn:active:not([disabled]):not(.disabled),
    .m402-04-contentimage .btn:focus:not([disabled]):not(.disabled),
    .m402-04-contentimage .btn:hover:not([disabled]):not(.disabled) {
        background: rgba(0, 0, 0, 0) url(../img/zoom-hover.svg) 0 0 no-repeat;
    }

.m402-04-contentimage.is-cumulus .btn {
    background-image: url(../img/zoom-cumulus.svg);
}

    .m402-04-contentimage.is-cumulus .btn:active:not([disabled]):not(.disabled),
    .m402-04-contentimage.is-cumulus .btn:focus:not([disabled]):not(.disabled),
    .m402-04-contentimage.is-cumulus .btn:hover:not([disabled]):not(.disabled) {
        background-image: url(../img/zoom-cumulus-hover.svg);
    }

.m402-04-contentimage.is-cumulus .modal .image-fullscreen .modal-body .close,
.m402-04-contentimage.is-cumulus .modal .modal-fullscreen .modal-body .close {
    background-color: #003d8d;
}

.m403-08-contentimage ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.m403-08-contentimage ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.8);
    background: #fff;
    border-radius: 8px;
}

.m403-08-contentimage ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.6);
    background: #858585;
    border-radius: 8px;
}

    .m403-08-contentimage ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(133, 133, 133, 0.8);
    }

.m403-08-contentimage:active .icon-social,
.m403-08-contentimage:focus .icon-social,
.m403-08-contentimage:hover .icon-social {
    opacity: 1;
}

.m403-08-contentimage .icon-social {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 38px;
    height: 38px;
    background-color: #f60;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    opacity: 0;
    text-align: center;
    transform: translateZ(0);
    transition: background-color 0.4s ease-out;
    overflow: hidden;
    color: transparent;
    font: 0/0 serif;
    text-shadow: none;
}

    .m403-08-contentimage .icon-social:active,
    .m403-08-contentimage .icon-social:focus,
    .m403-08-contentimage .icon-social:hover {
        background-color: #de450a;
    }

    .m403-08-contentimage .icon-social.pinterest {
        background-image: url(../img/social-media-pinterest.svg);
    }

.m403-08-contentimage figure {
    position: relative;
    margin-bottom: 20px;
    clear: both;
}

.m403-08-contentimage figcaption p {
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-top: 8px;
    font-family: 'Helvetica Now Text Regular';
}

    .m403-08-contentimage figcaption p a {
        font-size: 1.3rem !important;
        line-height: 1.9rem !important;
    }

    .m403-08-contentimage figcaption p em {
        font-family: 'Helvetica Now Text Italic';
    }

    .m403-08-contentimage figcaption p strong {
        font-size: 1.3rem;
        line-height: 1.9rem;
        font-family: 'Helvetica Now Text Bold';
    }

.m403-08-contentimage img {
    display: block;
}

.m403-08-contentimage .btn {
    position: absolute;
    right: 20px;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    margin-top: -30px;
    background: rgba(0, 0, 0, 0) url(../img/zoom.svg) 0 0 no-repeat;
    border-radius: 0;
}

    .m403-08-contentimage .btn:active:not([disabled]):not(.disabled),
    .m403-08-contentimage .btn:focus:not([disabled]):not(.disabled),
    .m403-08-contentimage .btn:hover:not([disabled]):not(.disabled) {
        background-color: rgba(0, 0, 0, 0);
        background: rgba(0, 0, 0, 0) url(../img/zoom-hover.svg) 0 0 no-repeat;
    }

.m403-08-contentimage.is-cumulus .btn {
    background-image: url(../img/zoom-cumulus.svg);
}

    .m403-08-contentimage.is-cumulus .btn:active:not([disabled]):not(.disabled),
    .m403-08-contentimage.is-cumulus .btn:focus:not([disabled]):not(.disabled),
    .m403-08-contentimage.is-cumulus .btn:hover:not([disabled]):not(.disabled) {
        background-image: url(../img/zoom-cumulus-hover.svg);
    }

.m403-08-contentimage.is-cumulus .modal .image-fullscreen .modal-body .close,
.m403-08-contentimage.is-cumulus .modal .modal-fullscreen .modal-body .close {
    background-color: #003d8d;
}

.ui-grid-gallery {
    margin-top: 40px;
    margin-bottom: 40px;
}

    .ui-grid-gallery .ui-grid-gallery-flex {
        display: flex;
        flex-wrap: wrap;
    }

    .ui-grid-gallery .ui-grid-gallery-item {
        position: relative;
        overflow: hidden;
    }

        .ui-grid-gallery .ui-grid-gallery-item img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: block;
            min-width: 100%;
            max-width: 100%;
            min-height: 100%;
            max-height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .ui-grid-gallery .ui-grid-gallery-item.is-3-to-2 {
            flex: 1.01;
        }

            .ui-grid-gallery .ui-grid-gallery-item.is-3-to-2 .ui-grid-gallery-item-image {
                position: relative;
                height: 100%;
            }

                .ui-grid-gallery
                .ui-grid-gallery-item.is-3-to-2
                .ui-grid-gallery-item-image::before {
                    display: block;
                    width: 100%;
                    padding-top: 66.6666666667%;
                    content: '';
                }

@media screen and (max-width: 479px) {
    .ui-grid-gallery .ui-grid-gallery-item.is-3-to-2 {
        min-width: 50%;
        max-width: 66.6666666667%;
        max-height: 351px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-grid-gallery .ui-grid-gallery-item.is-3-to-2 {
        min-width: 50%;
        max-width: 66.6666666667%;
        max-height: 351px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-grid-gallery .ui-grid-gallery-item.is-3-to-2 {
        min-width: 33.3333333333%;
        max-width: 40%;
        max-height: 180px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-grid-gallery .ui-grid-gallery-item.is-3-to-2 {
        min-width: 25%;
        max-width: 28.5714285714%;
        max-height: 186px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-grid-gallery .ui-grid-gallery-item.is-3-to-2 {
        min-width: 25%;
        max-width: 28.5714285714%;
        max-height: 186px;
    }
}

.ui-grid-gallery .ui-grid-gallery-item.is-2-to-3 {
    flex: 0.45;
}

    .ui-grid-gallery .ui-grid-gallery-item.is-2-to-3 .ui-grid-gallery-item-image {
        position: relative;
        height: 100%;
    }

        .ui-grid-gallery
        .ui-grid-gallery-item.is-2-to-3
        .ui-grid-gallery-item-image::before {
            display: block;
            width: 100%;
            padding-top: 150%;
            content: '';
        }

@media screen and (max-width: 479px) {
    .ui-grid-gallery .ui-grid-gallery-item.is-2-to-3 {
        min-width: 22.2222222222%;
        max-width: 33.3333333333%;
        max-height: 351px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-grid-gallery .ui-grid-gallery-item.is-2-to-3 {
        min-width: 22.2222222222%;
        max-width: 33.3333333333%;
        max-height: 351px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-grid-gallery .ui-grid-gallery-item.is-2-to-3 {
        min-width: 16.6666666667%;
        max-width: 20.8333333333%;
        max-height: 180px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-grid-gallery .ui-grid-gallery-item.is-2-to-3 {
        min-width: 12.5%;
        max-width: 14.7058823529%;
        max-height: 186px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-grid-gallery .ui-grid-gallery-item.is-2-to-3 {
        min-width: 12.5%;
        max-width: 14.7058823529%;
        max-height: 186px;
    }
}

@media screen and (max-width: 479px) {
    .ui-grid-gallery .ui-grid-gallery-item {
        padding-right: 8px;
        padding-left: 8px;
        margin-bottom: 16px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-grid-gallery .ui-grid-gallery-item {
        padding-right: 8px;
        padding-left: 8px;
        margin-bottom: 16px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-grid-gallery .ui-grid-gallery-item {
        padding-right: 12px;
        padding-left: 12px;
        margin-bottom: 24px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-grid-gallery .ui-grid-gallery-item {
        padding-right: 12px;
        padding-left: 12px;
        margin-bottom: 24px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-grid-gallery .ui-grid-gallery-item {
        padding-right: 12px;
        padding-left: 12px;
        margin-bottom: 24px;
    }
}

.ui-grid-gallery .ui-grid-gallery-spinner {
    width: 25%;
    margin: 0 auto;
    margin-top: 20px;
}

    .ui-grid-gallery .ui-grid-gallery-spinner img {
        max-width: 100%;
    }

@media screen and (min-width: 768px) {
    .ui-grid-gallery .ui-grid-gallery-spinner {
        margin-top: 40px;
    }
}

.ui-grid-gallery .ui-grid-gallery-btn-load_more {
    margin-top: 20px;
}

    .ui-grid-gallery .ui-grid-gallery-btn-load_more.is-hidden {
        display: none;
    }

@media screen and (min-width: 768px) {
    .ui-grid-gallery .ui-grid-gallery-btn-load_more {
        margin-top: 40px;
    }
}

.ui-grid-gallery .ui-grid-gallery-link {
    cursor: pointer;
}

.ui-grid-gallery-modal-pagination {
    color: #fff;
    text-align: center;
}

.modal .modal-header {
    padding: 20px;
    border-bottom: 0;
}

    .modal .modal-header .close {
        float: right;
    }

.modal .modal-error-message,
.modal .modal-error-message-general {
    display: none;
    color: #e00;
}

.modal .image-fullscreen .modal-body,
.modal .modal-fullscreen .modal-body,
.modal .text-fullscreen .modal-body,
.modal .text-registration .modal-body {
    position: relative;
    height: 100%;
    padding: 0;
    cursor: default;
}

    .modal .image-fullscreen .modal-body:active .icon-social,
    .modal .image-fullscreen .modal-body:focus .icon-social,
    .modal .image-fullscreen .modal-body:hover .icon-social,
    .modal .modal-fullscreen .modal-body:active .icon-social,
    .modal .modal-fullscreen .modal-body:focus .icon-social,
    .modal .modal-fullscreen .modal-body:hover .icon-social,
    .modal .text-fullscreen .modal-body:active .icon-social,
    .modal .text-fullscreen .modal-body:focus .icon-social,
    .modal .text-fullscreen .modal-body:hover .icon-social,
    .modal .text-registration .modal-body:active .icon-social,
    .modal .text-registration .modal-body:focus .icon-social,
    .modal .text-registration .modal-body:hover .icon-social {
        opacity: 1;
    }

    .modal .image-fullscreen .modal-body .icon-social,
    .modal .modal-fullscreen .modal-body .icon-social,
    .modal .text-fullscreen .modal-body .icon-social,
    .modal .text-registration .modal-body .icon-social {
        position: absolute;
        top: 10%;
        left: 15px;
        width: 38px;
        height: 38px;
        background-color: #f60;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        border-radius: 50%;
        opacity: 0;
        text-align: center;
        transform: translateZ(0);
        transition: background-color 0.4s ease-out;
    }

        .modal .image-fullscreen .modal-body .icon-social:active,
        .modal .image-fullscreen .modal-body .icon-social:focus,
        .modal .image-fullscreen .modal-body .icon-social:hover,
        .modal .modal-fullscreen .modal-body .icon-social:active,
        .modal .modal-fullscreen .modal-body .icon-social:focus,
        .modal .modal-fullscreen .modal-body .icon-social:hover,
        .modal .text-fullscreen .modal-body .icon-social:active,
        .modal .text-fullscreen .modal-body .icon-social:focus,
        .modal .text-fullscreen .modal-body .icon-social:hover,
        .modal .text-registration .modal-body .icon-social:active,
        .modal .text-registration .modal-body .icon-social:focus,
        .modal .text-registration .modal-body .icon-social:hover {
            background-color: #de450a;
        }

        .modal .image-fullscreen .modal-body .icon-social.pinterest,
        .modal .modal-fullscreen .modal-body .icon-social.pinterest,
        .modal .text-fullscreen .modal-body .icon-social.pinterest,
        .modal .text-registration .modal-body .icon-social.pinterest {
            background-image: url(../img/social-media-pinterest.svg);
        }

    .modal .image-fullscreen .modal-body iframe,
    .modal .modal-fullscreen .modal-body iframe,
    .modal .text-fullscreen .modal-body iframe,
    .modal .text-registration .modal-body iframe {
        width: 100%;
        height: 100%;
    }

.modal .image-fullscreen .background-img,
.modal .modal-fullscreen .background-img,
.modal .text-fullscreen .background-img,
.modal .text-registration .background-img {
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.modal .image-fullscreen .modal-content,
.modal .modal-fullscreen .modal-content,
.modal .text-fullscreen .modal-content,
.modal .text-registration .modal-content {
    height: 100%;
    padding-left: 0;
}

.modal .image-fullscreen,
.modal .modal-fullscreen {
    height: 90%;
}

    .modal .image-fullscreen .modal-body,
    .modal .modal-fullscreen .modal-body {
        background: 0 0;
    }

        .modal .image-fullscreen .modal-body .close,
        .modal .modal-fullscreen .modal-body .close {
            position: absolute;
            z-index: 1001;
            top: 25px;
            right: 15px;
            display: block;
            width: 38px;
            height: 38px;
            background-color: #f60;
            background-image: url(../img/close-white.svg);
            background-position: 50% 50%;
            background-repeat: no-repeat;
            border-radius: 50%;
            text-align: center;
            transform: translateZ(0);
            transition: background-color 0.4s ease-out;
        }

            .modal .image-fullscreen .modal-body .close:active,
            .modal .image-fullscreen .modal-body .close:focus,
            .modal .image-fullscreen .modal-body .close:hover,
            .modal .modal-fullscreen .modal-body .close:active,
            .modal .modal-fullscreen .modal-body .close:focus,
            .modal .modal-fullscreen .modal-body .close:hover {
                background-color: #de450a;
            }

        .modal .image-fullscreen .modal-body .icon-social,
        .modal .image-fullscreen .modal-body button,
        .modal .modal-fullscreen .modal-body .icon-social,
        .modal .modal-fullscreen .modal-body button {
            overflow: hidden;
            font: 0/0 serif;
            text-shadow: none;
        }

.modal .image-fullscreen {
    width: 100%;
    height: 90%;
    padding-right: 15px;
    padding-left: 15px;
}

    .modal .image-fullscreen .modal-body {
        cursor: pointer;
    }

    .modal .image-fullscreen .modal-content {
        border: 0;
        background: 0 0;
        box-shadow: none;
    }

.modal .text-fullscreen {
    margin: 77px auto;
    height: auto;
}

    .modal .text-fullscreen .modal-content {
        padding-left: 0;
    }

    .modal .text-fullscreen .modal-header {
        padding: 0 0 5px;
        background-color: rgba(0, 0, 0, 0);
    }

        .modal .text-fullscreen .modal-header .container {
            position: relative;
        }

        .modal .text-fullscreen .modal-header .ui-paragraph-headline {
            margin-bottom: 30px;
        }

        .modal .text-fullscreen .modal-header .close {
            position: absolute;
            top: -37px;
            right: 0;
            display: block;
            width: 38px;
            height: 38px;
            margin-right: 0;
            background-color: #f60;
            background-image: url(../img/close-white.svg);
            background-position: 50% 50%;
            background-repeat: no-repeat;
            border-radius: 50%;
            text-align: center;
            transform: translateZ(0);
            transition: background-color 0.4s ease-out;
        }

            .modal .text-fullscreen .modal-header .close:active,
            .modal .text-fullscreen .modal-header .close:focus,
            .modal .text-fullscreen .modal-header .close:hover {
                background-color: #de450a;
            }

@media screen and (max-width: 1199px) {
    .modal .text-fullscreen .modal-header .close {
        top: -30px;
    }
}

@media screen and (max-width: 991px) {
    .modal .text-fullscreen .modal-header .close {
        right: 12px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .modal .text-fullscreen .modal-header .close {
        right: 30px;
    }
}

@media screen and (max-width: 479px) {
    .modal .text-fullscreen .modal-header .close {
        right: 18px;
    }
}

.modal .text-fullscreen .modal-header .icon-social,
.modal .text-fullscreen .modal-header button {
    overflow: hidden;
    font: 0/0 serif;
    text-shadow: none;
}

.modal .text-fullscreen .modal-body {
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 30px;
}

    .modal .text-fullscreen .modal-body ol > li::before {
        top: -4px;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .modal .text-fullscreen.richtext .container {
        padding: 0 30px;
    }
}

@media screen and (max-width: 479px) {
    .modal .text-fullscreen.richtext .container {
        padding: 0 18px;
    }
}

.modal .text-fullscreen.is-cumulus .modal-header .close {
    background-color: #003d8d;
}

    .modal .text-fullscreen.is-cumulus .modal-header .close:active,
    .modal .text-fullscreen.is-cumulus .modal-header .close:focus,
    .modal .text-fullscreen.is-cumulus .modal-header .close:hover {
        background-color: #00145c;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .modal .text-fullscreen {
        max-width: 864px;
    }
}

@media screen and (max-width: 991px) {
    .modal .text-fullscreen {
        max-width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .modal .text-fullscreen {
        margin: 56px auto 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .modal .is-offer-swap.modal-dialog {
        width: 626px;
        max-width: 984px;
    }
}

@media screen and (min-width: 992px) {
    .modal .is-offer-swap.modal-dialog {
        width: 70%;
        max-width: 984px;
    }
}

@media screen and (max-width: 479px) {
    .modal .o-swap-selection__ucbs.a-list {
        padding: 0;
        margin-left: 0;
    }

    .modal .o-swap-selection__ucbs .a-list__item {
        display: block;
        width: 100%;
        padding: 0;
        margin-left: 0;
    }

        .modal .o-swap-selection__ucbs .a-list__item .a-list__content {
            padding: 20px 0;
        }

        .modal
        .o-swap-selection__ucbs
        .a-list__item
        .a-list__col.o-swap-selection__checkbox-wrapper {
            height: auto;
        }

        .modal
        .o-swap-selection__ucbs
        .a-list__item
        .a-list__col.o-swap-selection__ucb-img {
            width: auto;
            height: auto;
        }

            .modal
            .o-swap-selection__ucbs
            .a-list__item
            .a-list__col.o-swap-selection__ucb-img
            img {
                height: 85px;
            }

        .modal
        .o-swap-selection__ucbs
        .a-list__item
        .a-list__col.o-swap-selection__ucb-info {
            height: auto;
        }

            .modal
            .o-swap-selection__ucbs
            .a-list__item
            .a-list__col.o-swap-selection__ucb-info
            p {
                font-size: 1.4rem;
            }

        .modal .o-swap-selection__ucbs .a-list__item .o-swap-selection__ucb-id {
            max-width: none;
        }
}

@media screen and (max-width: 991px) {
    .modal .image-fullscreen,
    .modal .modal-fullscreen,
    .modal .text-fullscreen {
        padding: 0;
    }

        .modal .image-fullscreen.modal-dialog,
        .modal .modal-fullscreen.modal-dialog,
        .modal .text-fullscreen.modal-dialog {
            position: absolute;
            width: 100%;
        }

    .modal .image-fullscreen {
        height: 100%;
    }

        .modal .image-fullscreen .modal-body {
            background-color: #333;
        }

        .modal .image-fullscreen .modal-content {
            background: 0 0;
        }

    .modal .text-fullscreen .modal-content {
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .modal .text-fullscreen .modal-content {
        padding-left: 0;
    }

    .modal .main-content {
        margin-right: 12px;
    }

    .modal > li::before {
        font-size: 2.2rem;
        line-height: 2.6rem;
    }
}

@media all and (min-width: 768px) {
    .modal .text-fullscreen {
        width: 90%;
        max-width: 984px;
    }
}

@media screen and (min-width: 768px) and (min-width: 992px) {
    .modal .text-fullscreen .container {
        width: calc(100% - 120px);
        padding: 0;
    }
}

.modal.ui-modal-iframe .text-fullscreen {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
}

@media screen and (max-width: 991px) {
    .modal.ui-modal-iframe .text-fullscreen .modal-content {
        height: 100%;
    }
}

.modal.ui-modal-iframe .modal-content {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.modal.ui-modal-iframe .modal-header {
    display: none;
}

.modal.ui-modal-iframe .modal-body {
    margin-bottom: 0;
}

.ui-body-iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

    .ui-body-iframe .ui-c282-generic-overlay > * {
        opacity: 0;
        transition: opacity 150ms ease-in-out;
    }

    .ui-body-iframe.is-moving-in .ui-c282-generic-overlay > * {
        opacity: 1;
        transition: opacity 250ms 0.4s ease-in-out;
    }

.modal.ui-upload-spinner {
    padding: 0 !important;
    pointer-events: none;
    text-align: center;
}

    .modal.ui-upload-spinner::before {
        display: inline-block;
        height: 100%;
        margin-right: -4px;
        content: '';
        vertical-align: middle;
    }

    .modal.ui-upload-spinner .modal-dialog {
        display: inline-block;
        max-width: 420px;
        text-align: left;
        vertical-align: middle;
    }

    .modal.ui-upload-spinner .modal-content {
        border-radius: 4px;
    }

    .modal.ui-upload-spinner .modal-header {
        background-color: #fff;
        border-radius: 4px;
    }

        .modal.ui-upload-spinner .modal-header h4.ui-paragraph-headline {
            font-size: 1.8rem;
            line-height: 2rem;
            color: #333;
        }

@media screen and (max-width: 479px) {
    .modal.ui-upload-spinner .modal-header {
        padding-bottom: 12px;
    }

        .modal.ui-upload-spinner .modal-header h4.ui-paragraph-headline {
            font-size: 1.6rem;
        }
}

.modal.ui-upload-spinner .modal-body {
    background-color: #fff;
}

    .modal.ui-upload-spinner .modal-body.richtext img {
        display: block;
        margin: 0 auto 20px;
    }

    .modal.ui-upload-spinner .modal-body.richtext .spinner-img {
        height: 100px;
        line-height: 100px;
    }

        .modal.ui-upload-spinner .modal-body.richtext .spinner-img img {
            max-height: 100%;
            margin: 0 auto;
        }

@media screen and (max-width: 767px) {
    .modal.ui-upload-spinner .modal-body.richtext .spinner-img {
        height: 67px;
    }
}

.modal.ui-upload-spinner .modal-body.richtext .spinner-text {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-left: 52px;
    background: url(../img/watch-orange.svg) 0 50% no-repeat;
}

    .modal.ui-upload-spinner .modal-body.richtext .spinner-text em {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        display: block;
        font-style: normal;
    }

@media screen and (max-width: 479px) {
    .modal.ui-upload-spinner .modal-body.richtext .spinner-text {
        font-size: 1.2rem;
        line-height: 1.8rem;
        padding-left: 46px;
        background-size: 32px;
    }
}

.modal.ui-upload-spinner .modal-footer {
    padding: 0 20px 4px;
}

.modal.is-vuvh {
    position: absolute;
    display: block;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

    .modal.is-vuvh.fade {
        z-index: -1;
    }

        .modal.is-vuvh.fade .modal-dialog {
            opacity: 1;
            transform: translate(0, 0) translateZ(0);
            transition: opacity 2s 1s ease-in-out;
        }

        .modal.is-vuvh.fade .ui-bubble-block {
            opacity: 0;
            transform: scale(0);
            transition: opacity 250ms 150ms ease-in, transform 250ms 0s ease-in-out;
        }

        .modal.is-vuvh.fade.in {
            z-index: 1000;
        }

            .modal.is-vuvh.fade.in .modal-dialog {
                opacity: 1;
                transform: translate(0, 0) translateZ(0);
                transition: opacity 0.3s 0s ease-in-out;
            }

            .modal.is-vuvh.fade.in .ui-bubble-block {
                opacity: 1;
                transform: scale(1);
                transition: opacity 750ms 750ms ease-in-out, transform 750ms 750ms ease-in-out;
            }

                .modal.is-vuvh.fade.in .ui-bubble-block:nth-child(1n) {
                    transition-delay: 250ms;
                }

                .modal.is-vuvh.fade.in .ui-bubble-block:nth-child(2n) {
                    transition-delay: 0.5s;
                }

                .modal.is-vuvh.fade.in .ui-bubble-block:nth-child(3n) {
                    transition-delay: 750ms;
                }

    .modal.is-vuvh .close {
        font-size: 3.6rem;
        position: absolute;
        z-index: 1100;
        top: 27px;
        right: 20px;
        width: 46px;
        height: 46px;
        padding-bottom: 7px;
        margin: 0;
        background-color: #fff;
        border-radius: 50%;
    }

@media screen and (max-width: 767px) {
    .modal.is-vuvh .close {
        font-size: 3rem;
        top: 15px;
        right: 20px;
        width: 38px;
        height: 38px;
    }
}

.modal.is-vuvh .modal-dialog {
    width: auto;
    height: 100%;
    padding: 0;
    margin: 0;
}

.modal.is-vuvh .modal-content {
    height: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.modal.is-vuvh .modal-body {
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0);
}

    .modal.is-vuvh .modal-body > .container:first-child {
        height: 100%;
    }

        .modal.is-vuvh .modal-body > .container:first-child > .row:first-child {
            display: flex;
            min-height: 100%;
            align-items: center;
        }

@media screen and (max-width: 767px) {
    .modal.is-vuvh .modal-body > .container:first-child > .row:first-child {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .modal.is-vuvh .modal-body > .container:first-child {
        padding: 0;
    }
}

.modal.is-vuvh .fade-in {
    opacity: 0;
    transition: opacity 1s 0.5s ease-in;
}

    .modal.is-vuvh .fade-in.in {
        opacity: 1;
        transition: opacity 1s 0.5s ease-in;
    }

.modal.is-vuvh .is-content {
    position: absolute;
    min-height: 66%;
    max-height: 66%;
    padding: 0 24px 0 12px;
    border: 12px solid #fff;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

@supports (-moz-appearance: meterbar) and (display: flex) {
    .modal.is-vuvh .is-content {
        top: 50%;
        transform: translateY(-50%);
    }
}

.modal.is-vuvh .is-content.is-interview {
    display: flex;
    max-height: 100%;
    flex-direction: column;
    border: 12px solid transparent;
    border-top: 0;
    border-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
}

    .modal.is-vuvh .is-content.is-interview .ui-bubble-block {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

        .modal.is-vuvh .is-content.is-interview .ui-bubble-block .ui-bubble {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transform: translateZ(0);
            transition: transform 0.5s 50ms ease-in-out;
        }

        .modal.is-vuvh
        .is-content.is-interview
        .ui-bubble-block:active
        .ui-bubble.is-right,
        .modal.is-vuvh
        .is-content.is-interview
        .ui-bubble-block:focus
        .ui-bubble.is-right,
        .modal.is-vuvh
        .is-content.is-interview
        .ui-bubble-block:hover
        .ui-bubble.is-right {
            transform: translateY(-5px);
        }

        .modal.is-vuvh
        .is-content.is-interview
        .ui-bubble-block:active
        .ui-bubble.is-left,
        .modal.is-vuvh
        .is-content.is-interview
        .ui-bubble-block:focus
        .ui-bubble.is-left,
        .modal.is-vuvh
        .is-content.is-interview
        .ui-bubble-block:hover
        .ui-bubble.is-left {
            transform: translateY(5px);
        }

.modal.is-vuvh .is-content::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.modal.is-vuvh .is-content::-webkit-scrollbar-thumb {
    background: rgba(255, 102, 0, 0.7);
    border-radius: 8px;
}

    .modal.is-vuvh .is-content::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255, 102, 0, 0.3);
    }

.modal.is-vuvh .is-content iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

    .modal.is-vuvh .is-content iframe body::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .modal.is-vuvh .is-content iframe body::-webkit-scrollbar-thumb {
        background: rgba(255, 102, 0, 0.7);
        border-radius: 8px;
    }

        .modal.is-vuvh
        .is-content
        iframe
        body::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(255, 102, 0, 0.3);
        }

@media screen and (max-width: 767px) {
    .modal.is-vuvh .is-content {
        top: 82px;
        bottom: 0;
        left: 0;
        min-height: 0;
        max-height: none;
        transform: none;
    }
}

.modal.ui-modal-gallery {
    text-align: left;
}

    .modal.ui-modal-gallery .modal-dialog {
        padding-right: 12px;
        padding-left: 12px;
    }

@media screen and (max-width: 479px) {
    .modal.ui-modal-gallery .modal-dialog {
        padding-right: 18px;
        padding-left: 18px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .modal.ui-modal-gallery .modal-dialog {
        max-width: 748px;
        padding-right: 30px;
        padding-left: 30px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .modal.ui-modal-gallery .modal-dialog {
        width: 648px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .modal.ui-modal-gallery .modal-dialog {
        width: 888px;
    }
}

@media screen and (min-width: 1200px) {
    .modal.ui-modal-gallery .modal-dialog {
        width: 1008px;
    }
}

.modal.ui-modal-gallery .modal-body {
    position: relative;
    padding: 95px 0 0;
    background-color: rgba(0, 0, 0, 0);
}

.modal.ui-modal-gallery .modal-content {
    border: 0;
    background: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.modal.ui-modal-gallery .close {
    position: absolute;
    z-index: 1001;
    top: 25px;
    right: 10px;
    display: block;
    width: 38px;
    height: 38px;
    background-color: #f60;
    background-image: url(../img/close-white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    font: 0/0 serif;
    text-align: center;
    text-shadow: none;
    transform: translateZ(0);
    transition: background-color 0.4s ease-out;
}

    .modal.ui-modal-gallery .close:active,
    .modal.ui-modal-gallery .close:focus,
    .modal.ui-modal-gallery .close:hover {
        background-color: #de450a;
    }

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery .close {
        top: 50px;
        right: 10px;
    }
}

.modal.ui-modal-gallery .ui-carousel-wide .arrow-right {
    background-image: url(../img/arrow-light-right-orange.svg);
}

.modal.ui-modal-gallery .ui-carousel-wide .arrow-left {
    background-image: url(../img/arrow-light-left-orange.svg);
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery .ui-carousel-wide .carousel-indicators {
        display: block;
    }
}

.modal.ui-modal-gallery .carousel-control {
    opacity: 1;
}

    .modal.ui-modal-gallery .carousel-control.left,
    .modal.ui-modal-gallery .carousel-control.right {
        background-image: none;
    }

.modal.ui-modal-gallery.is-wall {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

    .modal.ui-modal-gallery.is-wall .ui-carousel-wide .arrow-right {
        background-image: url(../img/svg/icons/tiles/arrow-right.svg);
    }

    .modal.ui-modal-gallery.is-wall .ui-carousel-wide .arrow-left {
        background-image: url(../img/svg/icons/tiles/arrow-left.svg);
    }

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-wall .ui-carousel-wide .carousel-indicators {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .modal.ui-modal-gallery.is-wall .modal-dialog {
        padding: 0;
    }
}

.modal.ui-modal-gallery.is-wall .close {
    top: 56px;
    right: 10px;
    background-color: #f60;
}

    .modal.ui-modal-gallery.is-wall .close:hover {
        background-color: #de450a;
    }

.modal.ui-modal-gallery.is-wall .embed-responsive-item .tile-video {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #333;
}

    .modal.ui-modal-gallery.is-wall .embed-responsive-item .tile-video video {
        position: relative;
        left: 50%;
        width: auto;
        height: 100%;
        transform: translateX(-50%);
    }

@media screen and (max-width: 991px) {
    .modal.ui-modal-gallery.is-wall .embed-responsive-item .tile-video video {
        display: none;
    }
}

.modal.ui-modal-gallery.is-wall .embed-responsive-item .fallback-img {
    display: none;
    width: inherit;
    height: inherit;
    background-color: #333;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 991px) {
    .modal.ui-modal-gallery.is-wall .embed-responsive-item .fallback-img {
        display: block;
    }
}

@media screen and (min-width: 992px) {
    .modal.ui-modal-gallery.is-wall .embed-responsive-item .carousel-control {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .modal.ui-modal-gallery.is-wall .embed-responsive-item .carousel-indicators {
        display: none;
    }

    .modal.ui-modal-gallery.is-wall .embed-responsive-item .carousel-control {
        display: block;
        background-repeat: repeat-x;
    }

        .modal.ui-modal-gallery.is-wall
        .embed-responsive-item
        .carousel-control.right {
            right: 0;
            background-image: linear-gradient( to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100% );
        }

        .modal.ui-modal-gallery.is-wall
        .embed-responsive-item
        .carousel-control.left {
            background-image: linear-gradient( to left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100% );
        }

    .modal.ui-modal-gallery.is-wall .embed-responsive-item .arrow-left {
        background-position: 20px 50%;
    }

    .modal.ui-modal-gallery.is-wall .embed-responsive-item .arrow-right {
        background-position: calc(100% - 20px) 50%;
    }
}

.modal.ui-modal-gallery.is-wall .embed-responsive {
    width: 588px;
    height: 441px;
    padding-bottom: 0;
}

@media screen and (max-width: 991px) {
    .modal.ui-modal-gallery.is-wall .embed-responsive {
        width: 100%;
        height: auto;
        padding-top: 75%;
    }
}

@media screen and (max-width: 991px) {
    .modal.ui-modal-gallery.is-wall .carousel-control {
        display: none;
    }
}

.modal.ui-modal-gallery.is-wall .carousel-indicators {
    display: none;
    background: 0 0;
    box-shadow: none;
}

.modal.ui-modal-gallery.is-wall .carousel-control.right {
    right: 21px;
}

.modal.ui-modal-gallery.is-wall .arrow-right {
    background-position: right 45%;
}

.modal.ui-modal-gallery.is-wall .caption-description {
    width: calc(100% - 588px);
    padding: 10px 20px 10px 25px;
    background-color: #fff;
}

    .modal.ui-modal-gallery.is-wall .caption-description .link {
        font-size: 1.2rem;
        display: inline-block;
        padding-right: 16px;
        background: url(../img/arrow-right-orange.svg) 100% 30% no-repeat;
        color: #f60;
    }

        .modal.ui-modal-gallery.is-wall .caption-description .link::after {
            display: none;
        }

        .modal.ui-modal-gallery.is-wall .caption-description .link:hover {
            /*background: url(../img/arrow-right-orange-hover.svg) 100% 30% no-repeat;*/
            color: #de450a;
        }

@media screen and (max-width: 991px) {
    .modal.ui-modal-gallery.is-wall .caption-description {
        width: 100%;
        height: auto;
        padding: 15px 0;
    }
}

@media screen and (max-width: 479px) {
    .modal.ui-modal-gallery.is-wall .caption-description {
        padding: 0 18px;
    }
}

.modal.ui-modal-gallery.is-wall .caption-content::-webkit-scrollbar {
    width: 4px;
    padding-right: 10px;
}

.modal.ui-modal-gallery.is-wall .caption-content::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.modal.ui-modal-gallery.is-wall .caption-content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 3px;
}

@media screen and (min-width: 992px) {
    .modal.ui-modal-gallery.is-wall .caption-content {
        height: 421px;
        overflow-y: auto;
    }
}

.modal.ui-modal-gallery.is-wall .post-header {
    display: flex;
    align-items: center;
}

.modal.ui-modal-gallery.is-wall .post-user-picture {
    margin-right: 15px;
}

    .modal.ui-modal-gallery.is-wall .post-user-picture img {
        max-width: 100%;
        max-height: 40px;
    }

.modal.ui-modal-gallery.is-wall .post-user-name {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #333;
    font-family: 'Helvetica Neue Condensed';
    font-weight: 900;
    text-transform: uppercase;
}

.modal.ui-modal-gallery.is-wall .post-date {
    font-size: 1rem;
    line-height: 1.8rem;
    color: #9f9690;
}

.modal.ui-modal-gallery.is-wall .post-activity {
    display: flex;
    margin-left: auto;
}

.modal.ui-modal-gallery.is-wall .post-amount {
    font-size: 1rem;
    line-height: 1.8rem;
    display: inline-block;
    color: #9f9690;
    vertical-align: middle;
}

.modal.ui-modal-gallery.is-wall .post-likes {
    margin-right: 15px;
}

    .modal.ui-modal-gallery.is-wall .post-likes::before {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../img/like-icon.svg);
        content: '';
        vertical-align: middle;
    }

.modal.ui-modal-gallery.is-wall .post-comments::before {
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-top: 3px;
    background: url(../img/comments-icon.svg);
    content: '';
    vertical-align: middle;
}

.modal.ui-modal-gallery.is-wall .post-more {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    position: relative;
    padding-left: 20px;
    color: #f60;
}

    .modal.ui-modal-gallery.is-wall .post-more::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 15px;
        height: 15px;
        margin-top: -8px;
        background: url(../img/arrow-right-orange.svg) 60% 0 no-repeat;
        content: '';
        transform: rotate(90deg);
    }

.modal.ui-modal-gallery.is-wall .post-less {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    position: relative;
    padding-left: 20px;
    color: #f60;
}

    .modal.ui-modal-gallery.is-wall .post-less::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 15px;
        height: 15px;
        margin-top: -8px;
        background: url(../img/arrow-right-orange.svg) 40% 0 no-repeat;
        content: '';
        transform: rotate(-90deg);
    }

.modal.ui-modal-gallery.is-wall .ui-expander-content.is-expandable {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: height 0.5s 10ms ease-in-out;
    will-change: height;
}

    .modal.ui-modal-gallery.is-wall .ui-expander-content.is-expandable::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20px;
        background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 50%, #fff 100% );
        content: '';
        opacity: 1;
        transition: opacity 0.3s 50ms ease-in-out;
    }

    .modal.ui-modal-gallery.is-wall
    .ui-expander-content.is-expandable.is-expanded::after {
        opacity: 0;
    }

.modal.ui-modal-gallery.is-wall .ui-expander-btn-wrapper {
    padding-top: 2px;
    padding-bottom: 2px;
}

.modal.ui-modal-gallery.is-wall .post-title {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    margin: 5px 0 0;
    color: #f60;
}

.modal.ui-modal-gallery.is-wall .post-text {
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.modal.ui-modal-gallery.is-wall .post-tags {
    line-height: 15px;
}

    .modal.ui-modal-gallery.is-wall .post-tags a {
        font-size: 1.2rem;
        line-height: 1.8rem;
        display: inline-block;
        color: #333;
    }

.modal.ui-modal-gallery.is-wall .post-title-product {
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin: 18px 0 5px;
    color: #333;
    font-family: 'Helvetica Neue Condensed';
    font-weight: 900;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-wall .ui-carousel-wide .arrow-right {
        background-image: url(../img/svg/icons/tiles/arrow-right-small.svg);
    }

    .modal.ui-modal-gallery.is-wall .ui-carousel-wide .arrow-left {
        background-image: url(../img/svg/icons/tiles/arrow-left-small.svg);
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .modal.ui-modal-gallery.is-wall .ui-carousel-wide .carousel-indicators {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-wall .ui-carousel-wide .carousel-control {
        top: 0;
        bottom: 0;
        width: 15%;
        height: 100%;
        margin-top: 0;
        background-color: rgba(0, 0, 0, 0);
        box-shadow: none;
    }
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-orange-garden .carousel.slide {
        padding-top: 60px;
        background-color: #333;
    }
}

.modal.ui-modal-gallery.is-orange-garden .background-img {
    cursor: default;
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-orange-garden .embed-responsive-4by3 {
        padding-bottom: 92%;
    }

    .modal.ui-modal-gallery.is-orange-garden .embed-responsive-item {
        background-color: #333;
    }

    .modal.ui-modal-gallery.is-orange-garden .background-img {
        height: calc(100% - 60px);
    }
}

.modal.ui-modal-gallery.is-grid-gallery {
    padding-right: 0 !important;
}

@media screen and (min-width: 768px) {
    .modal.ui-modal-gallery.is-grid-gallery .modal-body {
        padding: 70px 0;
    }
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery .modal-body {
        padding: 60px 0 0;
    }
}

.modal.ui-modal-gallery.is-grid-gallery .modal-dialog {
    overflow: hidden;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    padding: 0;
    margin: 0;
}

.modal.ui-modal-gallery.is-grid-gallery .container {
    overflow: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery .container {
        max-width: 100vw;
        padding: 0;
    }
}

.modal.ui-modal-gallery.is-grid-gallery .modal-body,
.modal.ui-modal-gallery.is-grid-gallery .modal-content {
    overflow: hidden;
}

.modal.ui-modal-gallery.is-grid-gallery .carousel,
.modal.ui-modal-gallery.is-grid-gallery .carousel-inner,
.modal.ui-modal-gallery.is-grid-gallery .col-lg-12,
.modal.ui-modal-gallery.is-grid-gallery .container,
.modal.ui-modal-gallery.is-grid-gallery .modal-body,
.modal.ui-modal-gallery.is-grid-gallery .modal-content,
.modal.ui-modal-gallery.is-grid-gallery .row,
.modal.ui-modal-gallery.is-grid-gallery .ui-carousel-wide {
    height: 100%;
}

.modal.ui-modal-gallery.is-grid-gallery .ui-carousel-wide {
    opacity: 0;
}

.modal.ui-modal-gallery.is-grid-gallery.fade .ui-carousel-wide {
    transition: opacity 0.3s 750ms linear;
}

.modal.ui-modal-gallery.is-grid-gallery.fade.in .ui-carousel-wide {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery .carousel-inner {
        padding-bottom: 60px;
    }
}

@media screen and (min-width: 768px) {
    .modal.ui-modal-gallery.is-grid-gallery .carousel-inner {
        overflow: visible;
    }
}

.modal.ui-modal-gallery.is-grid-gallery .ui-grid-gallery-modal-main-content {
    position: relative;
    cursor: default;
}

    .modal.ui-modal-gallery.is-grid-gallery
    .ui-grid-gallery-modal-main-content
    .ui-grid-gallery-modal-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        direction: ltr;
    }

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery
    .ui-grid-gallery-modal-main-content
    .ui-grid-gallery-modal-content {
        bottom: -50px;
    }
}

.modal.ui-modal-gallery.is-grid-gallery
.ui-grid-gallery-modal-main-content.is-landscape {
    width: 100%;
}

    .modal.ui-modal-gallery.is-grid-gallery
    .ui-grid-gallery-modal-main-content.is-landscape
    .ui-grid-gallery-modal-image {
        width: 100%;
    }

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery
    .ui-grid-gallery-modal-main-content.is-landscape
    .ui-grid-gallery-modal-image
    img {
        width: auto;
        min-width: 100vw;
        max-width: 100vw;
        height: auto;
    }
}

@media screen and (min-width: 768px) {
    .modal.ui-modal-gallery.is-grid-gallery
    .ui-grid-gallery-modal-main-content.is-landscape
    .ui-grid-gallery-modal-image
    img {
        width: 100%;
        height: auto;
    }
}

.modal.ui-modal-gallery.is-grid-gallery
.ui-grid-gallery-modal-main-content.is-landscape
.ui-grid-gallery-modal-content {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery
    .ui-grid-gallery-modal-main-content.is-landscape {
        height: 100%;
    }
}

.modal.ui-modal-gallery.is-grid-gallery
.ui-grid-gallery-modal-main-content.is-portrait
.ui-grid-gallery-modal-image {
    max-height: 100%;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery
    .ui-grid-gallery-modal-main-content.is-portrait
    .ui-grid-gallery-modal-image
    img {
        width: auto;
        max-width: 100vw;
        height: auto;
        max-height: 100%;
    }
}

@media screen and (min-width: 768px) {
    .modal.ui-modal-gallery.is-grid-gallery
    .ui-grid-gallery-modal-main-content.is-portrait
    .ui-grid-gallery-modal-image
    img {
        width: 100%;
        height: auto;
        max-height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery
    .ui-grid-gallery-modal-main-content.is-portrait
    .ui-grid-gallery-modal-image {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.modal.ui-modal-gallery.is-grid-gallery
.ui-grid-gallery-modal-main-content.is-portrait
.ui-grid-gallery-modal-content {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery .ui-grid-gallery-modal-main-content {
        display: flex;
        height: 100%;
        max-height: 100%;
        flex-direction: column;
        justify-content: center;
    }
}

@media screen and (min-width: 768px) {
    .modal.ui-modal-gallery.is-grid-gallery .ui-grid-gallery-modal-main-content {
        display: block;
    }
}

.modal.ui-modal-gallery.is-grid-gallery .carousel-inner > .item:focus {
    outline: 0;
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery .carousel-inner > .item {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        min-width: 100vw;
        max-width: 100vw;
        height: 100%;
        max-height: calc(100% - 50px);
    }

        .modal.ui-modal-gallery.is-grid-gallery
        .carousel-inner > .item
        .ui-grid-gallery-modal-content {
            opacity: 0;
            transition: opacity 50ms 1ms ease-in-out;
        }

            .modal.ui-modal-gallery.is-grid-gallery
            .carousel-inner > .item
            .ui-grid-gallery-modal-content[aria-expanded='true'] {
                opacity: 1;
                transition: opacity 250ms 50ms ease-in-out;
            }

        .modal.ui-modal-gallery.is-grid-gallery
        .carousel-inner > .item.active
        .ui-grid-gallery-modal-content {
            opacity: 1;
            transition: opacity 250ms 50ms ease-in-out;
        }

        .modal.ui-modal-gallery.is-grid-gallery .carousel-inner > .item.is-prev {
            transform: translate3d(-100%, 0, 0);
        }

        .modal.ui-modal-gallery.is-grid-gallery .carousel-inner > .item.is-next {
            transform: translate3d(100%, 0, 0);
        }
}

@media screen and (min-width: 768px) {
    .modal.ui-modal-gallery.is-grid-gallery .carousel-inner > .item {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        width: 100%;
        height: 100%;
        opacity: 0;
        transform: translate3d(-200%, 0, 0) translate3d(-24px, 0, 0);
        transition: transform 350ms ease-in-out, opacity 350ms ease-in-out;
    }

        .modal.ui-modal-gallery.is-grid-gallery
        .carousel-inner > .item
        .ui-grid-gallery-modal-content {
            opacity: 0;
            transition: opacity 350ms ease-in-out;
        }

        .modal.ui-modal-gallery.is-grid-gallery .carousel-inner > .item.is-prev-prev {
            display: block;
        }

        .modal.ui-modal-gallery.is-grid-gallery .carousel-inner > .item.is-prev {
            display: block;
            opacity: 0.6;
            transform: translate3d(-100%, 0, 0) translate3d(-24px, 0, 0);
        }

        .modal.ui-modal-gallery.is-grid-gallery .carousel-inner > .item .is-portrait {
            top: 50%;
            margin-right: calc(50% + 12px);
            margin-left: 0;
            transform: translate3d(100%, -50%, 0) translate3d(24px, 0, 0) scale(0.6);
            transform-origin: right;
            transition: transform 350ms ease-in-out, transform-origin 350ms ease-in-out, margin-left 350ms ease-in-out, margin-right 350ms ease-in-out;
        }

        .modal.ui-modal-gallery.is-grid-gallery
        .carousel-inner > .item
        .is-landscape {
            top: 50%;
            transform: translate3d(0, -50%, 0) scale(0.6);
            transform-origin: right;
            transition: transform 350ms ease-in-out, transform-origin 350ms ease-in-out;
        }

        .modal.ui-modal-gallery.is-grid-gallery .carousel-inner > .item.is-current {
            display: block;
        }

        .modal.ui-modal-gallery.is-grid-gallery .carousel-inner > .item.active {
            display: block;
            opacity: 1;
            transform: translate3d(0, 0, 0);
            z-index: 3;
        }

            .modal.ui-modal-gallery.is-grid-gallery
            .carousel-inner > .item.active
            .ui-grid-gallery-modal-content {
                opacity: 1;
            }

            .modal.ui-modal-gallery.is-grid-gallery
            .carousel-inner > .item.active
            .is-portrait {
                margin-right: 0;
                margin-left: 50%;
                transform: scale(1) translate3d(-50%, -50%, 0);
                transform-origin: center;
            }

            .modal.ui-modal-gallery.is-grid-gallery
            .carousel-inner > .item.active
            .is-landscape {
                transform: translate3d(0, -50%, 0) scale(1);
                transform-origin: center;
            }

            .modal.ui-modal-gallery.is-grid-gallery
            .carousel-inner > .item.active ~ .item {
                transform: translate3d(200%, 0, 0) translate3d(24px, 0, 0);
            }

                .modal.ui-modal-gallery.is-grid-gallery
                .carousel-inner > .item.active ~ .item.is-next {
                    display: block;
                    opacity: 0.6;
                    transform: translate3d(100%, 0, 0) translate3d(24px, 0, 0);
                }

                .modal.ui-modal-gallery.is-grid-gallery
                .carousel-inner > .item.active ~ .item.is-next-next {
                    display: block;
                }

                .modal.ui-modal-gallery.is-grid-gallery
                .carousel-inner > .item.active ~ .item
                .is-portrait {
                    margin-right: 50%;
                    margin-left: 0;
                    transform: translate3d(0, -50%, 0) scale(0.6);
                    transform-origin: left;
                }

                .modal.ui-modal-gallery.is-grid-gallery
                .carousel-inner > .item.active ~ .item
                .is-landscape {
                    transform: translate3d(0, -50%, 0) scale(0.6);
                    transform-origin: left;
                }

            .modal.ui-modal-gallery.is-grid-gallery
            .carousel-inner > .item.active + .item {
                z-index: 2;
            }

                .modal.ui-modal-gallery.is-grid-gallery
                .carousel-inner > .item.active + .item + .item {
                    z-index: 1;
                }
}

.modal.ui-modal-gallery.is-grid-gallery .carousel-control {
    z-index: 10;
}

    .modal.ui-modal-gallery.is-grid-gallery .carousel-control .arrow-right {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30px;
        height: 30px;
        border-top: 2px solid rgba(255, 255, 255, 0.5);
        border-right: 2px solid rgba(255, 255, 255, 0.5);
        background: 0 0;
        background-position: 50% 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        transition: border-top-color 250ms ease-in-out, border-right-color 250ms ease-in-out;
    }

    .modal.ui-modal-gallery.is-grid-gallery .carousel-control .arrow-left {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 30px;
        height: 30px;
        border-bottom: 2px solid rgba(255, 255, 255, 0.5);
        border-left: 2px solid rgba(255, 255, 255, 0.5);
        background: 0 0;
        background-position: 50% 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        transition: border-bottom-color 250ms ease-in-out, border-left-color 250ms ease-in-out;
    }

    .modal.ui-modal-gallery.is-grid-gallery .carousel-control:hover .arrow-right {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }

    .modal.ui-modal-gallery.is-grid-gallery .carousel-control:hover .arrow-left {
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
    }

@media screen and (min-width: 768px) {
    .modal.ui-modal-gallery.is-grid-gallery .carousel-control {
        opacity: 1;
        transition: opacity 250ms 50ms ease-in-out, background-image 250ms ease-in-out;
    }

        .modal.ui-modal-gallery.is-grid-gallery .carousel-control.right {
            top: calc((100vh - 100%) / 2 * -1);
            right: calc((100vw - 100%) / 2 * -1);
            bottom: calc((100vh - 100%) / 2 * -1);
            left: calc(100% + 24px);
            width: auto;
            background-image: linear-gradient( to left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.05) 15px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 100% );
        }

        .modal.ui-modal-gallery.is-grid-gallery .carousel-control.left {
            top: calc((100vh - 100%) / 2 * -1);
            right: calc(100% + 24px);
            bottom: calc((100vh - 100%) / 2 * -1);
            left: calc((100vw - 100%) / 2 * -1);
            width: auto;
            background-image: linear-gradient( to right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.05) 15px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 100% );
        }

        .modal.ui-modal-gallery.is-grid-gallery .carousel-control:hover.right {
            background-image: linear-gradient( to left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100% );
        }

        .modal.ui-modal-gallery.is-grid-gallery .carousel-control:hover.left {
            background-image: linear-gradient( to right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100% );
        }

        .modal.ui-modal-gallery.is-grid-gallery .carousel-control.hidden {
            display: block !important;
            opacity: 0;
        }
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery .carousel-control {
        display: none;
    }
}

.modal.ui-modal-gallery.is-grid-gallery .ui-carousel-pagination {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: -60px;
    left: 0;
    color: #fff;
    direction: ltr;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery .ui-carousel-pagination {
        font-size: 1.2rem;
        line-height: 1.2rem;
        bottom: 18px;
    }
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery .close {
        top: 30px;
        right: 20px;
    }
}

@media screen and (min-width: 768px) {
    .modal.ui-modal-gallery.is-grid-gallery .close {
        top: 50px;
        right: 50px;
    }
}

.modal.ui-modal-gallery.is-grid-gallery .carousel-indicators {
    display: none;
}

.modal.ui-modal-gallery.is-grid-gallery .image-button {
    position: absolute;
    z-index: 11;
    right: 15px;
    bottom: 10px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    transition: background-color 150ms 50ms ease-in-out;
}

    .modal.ui-modal-gallery.is-grid-gallery .image-button::before {
        position: absolute;
        top: 16px;
        left: 11px;
        width: 16px;
        height: 6px;
        content: '';
        transition: border-top-color 150ms 50ms ease-in-out;
    }

    .modal.ui-modal-gallery.is-grid-gallery .image-button::after {
        position: absolute;
        top: 16px;
        left: 11px;
        width: 10px;
        height: 10px;
        content: '';
        transition: border-bottom-color 150ms 50ms ease-in-out;
    }

    .modal.ui-modal-gallery.is-grid-gallery .image-button[aria-expanded='false'] {
        background-color: #f60;
    }

        .modal.ui-modal-gallery.is-grid-gallery
        .image-button[aria-expanded='false']::before {
            border-top: 2px solid #fff;
            border-bottom: 2px solid #fff;
        }

        .modal.ui-modal-gallery.is-grid-gallery
        .image-button[aria-expanded='false']::after {
            border-bottom: 2px solid #fff;
        }

    .modal.ui-modal-gallery.is-grid-gallery .image-button[aria-expanded='true'] {
        background-color: rgba(136, 136, 136, 0.7);
    }

        .modal.ui-modal-gallery.is-grid-gallery
        .image-button[aria-expanded='true']::before {
            border-top: 2px solid transparent;
            border-bottom: 2px solid #fff;
        }

        .modal.ui-modal-gallery.is-grid-gallery
        .image-button[aria-expanded='true']::after {
            border-bottom: 2px solid transparent;
        }

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery .image-button {
        right: 10px;
        bottom: 5px;
    }
}

.modal.ui-modal-gallery.is-grid-gallery .image-content {
    position: static;
    display: block;
}

    .modal.ui-modal-gallery.is-grid-gallery .image-content::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient( -180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 30%, rgba(61, 61, 61, 0.5) 50%, rgba(14, 14, 14, 0.8) 100% );
        content: '';
        opacity: 0;
        transition: opacity 150ms 0.2s ease-in-out;
    }

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery .image-content::before {
        background: linear-gradient( -180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 30%, rgba(61, 61, 61, 0.5) 50%, rgba(14, 14, 14, 0.8) 60%, rgba(14, 14, 14, 0.8) 100% );
    }
}

.modal.ui-modal-gallery.is-grid-gallery .image-content .image-content-wrapper {
    opacity: 0;
    transition: opacity 150ms 0s ease-in-out;
}

.modal.ui-modal-gallery.is-grid-gallery .image-content.in::before {
    opacity: 1;
    transition: opacity 150ms 0s ease-in-out;
}

.modal.ui-modal-gallery.is-grid-gallery
.image-content.in
.image-content-wrapper {
    opacity: 1;
    transition: opacity 250ms 0.2s ease-in-out;
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery .image-content.in::after {
        opacity: 1;
        transition: opacity 150ms 0s ease-in-out;
    }
}

.modal.ui-modal-gallery.is-grid-gallery .image-content .is-author {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    line-height: 2.4rem;
    font-size: 16px;
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-top: 25px;
    color: #ccc;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .modal.ui-modal-gallery.is-grid-gallery .image-content::after {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient( -180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 45%, #000 50%, #000 100% );
        content: '';
        opacity: 0;
        transition: opacity 150ms 0.2s ease-in-out;
    }
}

.modal.ui-modal-gallery.is-grid-gallery .image-content-wrapper {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    padding: 0 35px 50px;
    color: #fff;
}

    .modal.ui-modal-gallery.is-grid-gallery .image-content-wrapper h3 {
        color: #fff;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .modal.ui-modal-gallery .carousel-control {
        top: 50%;
        width: 40px;
        height: 63px;
        margin-top: -31.5px;
        background: 0 0;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
        opacity: 1;
    }

        .modal.ui-modal-gallery .carousel-control.left {
            left: 0;
            border-radius: 0 3px 3px 0;
        }

        .modal.ui-modal-gallery .carousel-control.right {
            right: 0;
            border-radius: 3px 0 0 3px;
        }

        .modal.ui-modal-gallery .carousel-control .arrow-left {
            background-image: url(../img/arrow-left-orange.svg);
            background-position: 10px 45%;
        }

        .modal.ui-modal-gallery .carousel-control .arrow-right {
            background-image: url(../img/arrow-right-orange.svg);
            background-position: 10px 45%;
        }
}

@media screen and (max-width: 479px) {
    .modal.ui-modal-gallery .carousel-control {
        top: 50%;
        width: 34px;
        height: 54px;
        margin-top: -27px;
        background: #fff;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
        opacity: 1;
    }

        .modal.ui-modal-gallery .carousel-control.left {
            left: 0;
            border-radius: 0 3px 3px 0;
        }

        .modal.ui-modal-gallery .carousel-control.right {
            right: 0;
            border-radius: 3px 0 0 3px;
        }

        .modal.ui-modal-gallery .carousel-control .arrow-left {
            background-image: url(../img/arrow-left-orange-s.svg);
            background-position: 8px 45%;
        }

        .modal.ui-modal-gallery .carousel-control .arrow-right {
            background-image: url(../img/arrow-right-orange-s.svg);
            background-position: 8px 45%;
        }
}

.is-history-modal .modal-backdrop.in {
    opacity: 0.9;
}

@media screen and (max-width: 479px) {
    .is-history-modal .modal-backdrop.in {
        opacity: 0.99;
    }
}

.ui-grid-gallery-modal {
    padding-right: 0 !important;
}

    .ui-grid-gallery-modal .modal-backdrop {
        background-color: #333;
        background: radial-gradient( ellipse at center, rgba(51, 51, 51, 0.995) 0, #333 100% );
    }

        .ui-grid-gallery-modal .modal-backdrop.in {
            opacity: 0.995;
        }

.ui-pagination {
    height: 62px;
    margin: 30px auto;
    background-color: #f1efee;
}

    .ui-pagination .pagination {
        position: relative;
        margin: 0;
        border-radius: 0;
        float: right;
        text-align: center;
    }

        .ui-pagination .pagination li {
            display: inline;
        }

        .ui-pagination .pagination .page {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            position: relative;
            width: 60px;
            height: 61px;
            padding: 6px 12px;
            border: 0;
            border-bottom: 6px solid #f1efee;
            margin-left: -1px;
            background-color: #f1efee;
            color: #404052;
            float: left;
            font-size: 20px;
            line-height: 48px;
            z-index: inherit;
            border-radius: 0;
        }

            .ui-pagination .pagination .page::before {
                position: absolute;
                top: 9px;
                left: 0;
                width: 1px;
                height: 43px;
                background-color: #bbb;
                content: '';
            }

@media screen and (max-width: 479px) {
    .ui-pagination .pagination .page::before {
        width: 0;
    }
}

.ui-pagination .pagination .page.prev {
    width: 45px;
    background: rgba(0, 0, 0, 0) url(../img/arrow-left-orange-bold.svg) 50% 60% no-repeat;
    border-radius: 0;
}

    .ui-pagination .pagination .page.prev::before {
        width: 0;
    }

.ui-pagination .pagination .page.next {
    width: 45px;
    background: rgba(0, 0, 0, 0) url(../img/arrow-right-orange-bold.svg) 50% 60% no-repeat;
    border-radius: 0;
}

.ui-pagination .pagination .page.is-active {
    z-index: 2;
    border-color: #f60;
    background-color: #fff;
    color: #404052;
}

    .ui-pagination .pagination .page.is-active:active,
    .ui-pagination .pagination .page.is-active:focus,
    .ui-pagination .pagination .page.is-active:hover {
        color: #f60;
        cursor: default;
    }

    .ui-pagination .pagination .page.is-active::before {
        width: 0;
    }

.ui-pagination .pagination .page:active:not(.blank),
.ui-pagination .pagination .page:focus:not(.blank),
.ui-pagination .pagination .page:hover:not(.blank) {
    border-color: #f60;
    color: #f60;
    outline: 0;
}

.ui-pagination .pagination .page.blank {
    border: 0;
}

.ui-pagination .pagination.border-top .page {
    padding-top: 0;
    border-top: 6px solid #f1efee;
    border-bottom: 0;
}

    .ui-pagination .pagination.border-top .page::before {
        top: 4px;
    }

    .ui-pagination .pagination.border-top .page.blank {
        padding-top: 6px;
    }

        .ui-pagination .pagination.border-top .page.blank::before {
            top: 9px;
        }

    .ui-pagination .pagination.border-top .page.next,
    .ui-pagination .pagination.border-top .page.prev {
        background-position: 50% 40%;
    }

.ui-pagination .pagination.is-cumulus .page.prev {
    background: rgba(0, 0, 0, 0) url(../img/arrow-left-blue-bold.svg) 50% 60% no-repeat;
}

.ui-pagination .pagination.is-cumulus .page.next {
    background: rgba(0, 0, 0, 0) url(../img/arrow-right-blue-bold.svg) 50% 60% no-repeat;
}

.ui-pagination .pagination.is-cumulus .page.is-active {
    border-color: #003d8d;
    color: #404052;
}

    .ui-pagination .pagination.is-cumulus .page.is-active:active,
    .ui-pagination .pagination.is-cumulus .page.is-active:focus,
    .ui-pagination .pagination.is-cumulus .page.is-active:hover {
        color: #003d8d;
    }

.ui-pagination .pagination.is-cumulus .page:active:not(.blank),
.ui-pagination .pagination.is-cumulus .page:focus:not(.blank),
.ui-pagination .pagination.is-cumulus .page:hover:not(.blank) {
    border-color: #003d8d;
    color: #003d8d;
    outline: 0;
}

.ui-pagination .ui-item-filter {
    padding-top: 16px;
    white-space: nowrap;
}

.ui-pagination .dropdown {
    position: relative;
    display: inline-block;
}

@media screen and (max-width: 991px) {
    .ui-pagination {
        margin-bottom: 20px;
    }

        .ui-pagination .pagination {
            display: table;
            padding: 0;
            margin-right: auto;
            margin-left: auto;
        }

            .ui-pagination .pagination li {
                display: table-cell;
            }
}

@media screen and (max-width: 767px) {
    .ui-pagination .pagination {
        float: none;
    }
}

@media screen and (max-width: 991px) {
    .ui-pagination-separator {
        height: 61px;
        margin-top: 30px;
        background-color: #f1efee;
    }

    .ui-pagination {
        margin-top: 10px;
    }

        .ui-pagination.push-up .ui-item-filter {
            position: absolute;
            top: -56px;
            padding-top: 0;
        }
}

@media screen and (max-width: 479px) {
    .ui-pagination {
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-pagination .ui-item-filter {
            top: 2px;
            padding-top: 0;
        }

        .ui-pagination.push-up {
            background-color: #f1efee;
        }

            .ui-pagination.push-up .ui-item-filter {
                top: -80px;
            }

                .ui-pagination.push-up .ui-item-filter .inline-text,
                .ui-pagination.push-up .ui-item-filter .inline-text p {
                    line-height: 1.8rem;
                    display: block;
                }

    .ui-pagination-separator {
        margin-top: 40px;
        background-color: #fff;
    }
}

.ui-popover-container .popover {
    padding-top: 20px;
}

    .ui-popover-container .popover.invalid {
        border-color: #e00;
    }

        .ui-popover-container .popover.invalid .arrow {
            border-top-color: #e00;
        }

            .ui-popover-container .popover.invalid .arrow::after {
                bottom: 3px;
            }

    .ui-popover-container .popover .btn.close,
    .ui-popover-container .popover .btn.close-btn {
        display: block;
        padding: 19px;
        border: 1px solid transparent;
        margin: -14px 6px 0 0;
        background: url(../img/schliessen-kreuz-orange.svg) center center no-repeat;
        background-color: rgba(0, 0, 0, 0);
        float: right;
    }

        .ui-popover-container
        .popover
        .btn.close-btn:active:not([disabled]):not(.disabled),
        .ui-popover-container
        .popover
        .btn.close-btn:focus:not([disabled]):not(.disabled),
        .ui-popover-container
        .popover
        .btn.close-btn:hover:not([disabled]):not(.disabled),
        .ui-popover-container .popover .btn.close:active:not([disabled]):not(.disabled),
        .ui-popover-container .popover .btn.close:focus:not([disabled]):not(.disabled),
        .ui-popover-container .popover .btn.close:hover:not([disabled]):not(.disabled) {
            border-color: #fb6400;
            background-color: rgba(0, 0, 0, 0);
        }

        .ui-popover-container .popover .btn.close-btn.is-cumulus,
        .ui-popover-container .popover .btn.close.is-cumulus {
            background: url(../img/schliessen-kreuz.svg) center center no-repeat;
        }

            .ui-popover-container
            .popover
            .btn.close-btn.is-cumulus:active:not([disabled]):not(.disabled),
            .ui-popover-container
            .popover
            .btn.close-btn.is-cumulus:focus:not([disabled]):not(.disabled),
            .ui-popover-container
            .popover
            .btn.close-btn.is-cumulus:hover:not([disabled]):not(.disabled),
            .ui-popover-container
            .popover
            .btn.close.is-cumulus:active:not([disabled]):not(.disabled),
            .ui-popover-container
            .popover
            .btn.close.is-cumulus:focus:not([disabled]):not(.disabled),
            .ui-popover-container
            .popover
            .btn.close.is-cumulus:hover:not([disabled]):not(.disabled) {
                border-color: #003d8d;
            }

    .ui-popover-container .popover.is-cumulus .btn.close,
    .ui-popover-container .popover.is-cumulus .btn.close-btn {
        background: url(../img/schliessen-kreuz.svg) center center no-repeat;
    }

        .ui-popover-container
        .popover.is-cumulus
        .btn.close-btn:active:not([disabled]):not(.disabled),
        .ui-popover-container
        .popover.is-cumulus
        .btn.close-btn:focus:not([disabled]):not(.disabled),
        .ui-popover-container
        .popover.is-cumulus
        .btn.close-btn:hover:not([disabled]):not(.disabled),
        .ui-popover-container
        .popover.is-cumulus
        .btn.close:active:not([disabled]):not(.disabled),
        .ui-popover-container
        .popover.is-cumulus
        .btn.close:focus:not([disabled]):not(.disabled),
        .ui-popover-container
        .popover.is-cumulus
        .btn.close:hover:not([disabled]):not(.disabled) {
            border-color: #003d8d;
        }

    .ui-popover-container .popover.is-map {
        padding-top: 0;
        border-color: #fff;
        background-color: #fff;
        border-radius: 0;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
        color: #333;
    }

        .ui-popover-container .popover.is-map > .arrow {
            border-top-color: #fff;
        }

            .ui-popover-container .popover.is-map > .arrow::after {
                border-top-color: #fff;
            }

@media screen and (max-width: 767px) {
    .ui-popover-container .popover.is-map > .arrow {
        display: none;
    }
}

.ui-popover-container .popover.is-map .close-btn {
    display: none;
}

@media screen and (max-width: 767px) {
    .ui-popover-container .popover.is-map .close-btn {
        position: absolute;
        top: 20px;
        right: 0;
        display: block;
    }
}

.ui-popover-container .popover.is-map .title {
    padding: 4px 0 6px;
    margin-top: 0;
    margin-bottom: 16px;
}

.ui-popover-container .popover.is-map .link-wrapper {
    margin-top: 20px;
}

.ui-popover-container .popover.is-map .popover-content {
    padding: 24px;
}

@media screen and (max-width: 767px) {
    .ui-popover-container .popover.is-map .popover-content {
        display: flex;
        flex-direction: column;
        padding: 24px 33px 50px 18px;
    }

        .ui-popover-container .popover.is-map .popover-content .title {
            font-size: 2.2rem;
            line-height: 2.6rem;
            order: 1;
            margin-bottom: 7px;
        }

        .ui-popover-container .popover.is-map .popover-content .link-wrapper {
            order: 2;
            margin: 0;
        }

        .ui-popover-container .popover.is-map .popover-content::before {
            position: relative;
            left: -18px;
            width: 100vw;
            height: 2px;
            order: 3;
            margin-top: 15px;
            margin-bottom: 16px;
            background-color: #f3f2f0;
            content: '';
        }

        .ui-popover-container .popover.is-map .popover-content .text {
            font-size: 1.6rem;
            line-height: 2.4rem;
            order: 4;
        }
}

@media screen and (max-width: 767px) {
    .ui-popover-container .popover.is-map {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        display: block;
        width: 100vw;
        min-width: 100vw;
        max-height: 0;
        border: 0 transparent solid;
        background-color: #fff;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 0 10px 0 rgba(83, 83, 83, 0.2);
        transition: max-height 0.5s ease-in-out;
        will-change: max-height;
    }

        .ui-popover-container .popover.is-map.fade {
            max-height: 0;
            opacity: 1;
            transition: max-height 0.5s ease-in-out;
        }

            .ui-popover-container .popover.is-map.fade.in {
                max-height: 140px;
                transition: max-height 0.5s ease-in-out;
            }

                .ui-popover-container .popover.is-map.fade.in.slide-up {
                    max-height: calc(100vh - 35px);
                    transition: max-height 0.5s ease-in-out;
                }

        .ui-popover-container .popover.is-map::before {
            position: absolute;
            top: 12px;
            left: 50%;
            width: 40px;
            height: 4px;
            background-color: #f60;
            border-radius: 4px;
            content: '';
            transform: translateX(-50%);
        }
}

.ui-popover-container .popover.is-orange .close {
    background: url(../img/schliessen-kreuz-orange.svg) right top no-repeat;
}

.ui-popover-container .popover.is-orange li::before {
    background-color: #f60;
}

.ui-popover-container .popover.is-cook-menu {
    min-width: auto;
    padding: 4px 7px;
    border: 0;
    background-color: #f60;
    border-radius: 3px;
    box-shadow: none;
}

    .ui-popover-container .popover.is-cook-menu .arrow,
    .ui-popover-container .popover.is-cook-menu .close-btn,
    .ui-popover-container .popover.is-cook-menu .title {
        display: none;
    }

    .ui-popover-container .popover.is-cook-menu .popover-content {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        padding: 0;
        color: #fff;
        font-family: HelveticaNeueW01-55Roma;
        font-size: 1.2rem;
        line-height: 1.4rem;
        text-align: center;
        white-space: pre-line;
    }

.ui-popover-container .popover ul {
    padding-left: 0;
    margin: 14px 0 14px 6px;
    list-style: none;
}

.ui-popover-container .popover li {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    line-height: 2.4rem;
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 4px;
    color: #333;
    font-size: 14px;
    line-height: 18px;
}

    .ui-popover-container .popover li::before {
        position: relative;
        top: 10px;
        left: -9px;
        display: block;
        width: 3px;
        height: 3px;
        background-color: #003d8d;
        border-radius: 50%;
        content: '';
    }

.js .ui-resp-image[data-inview] .image,
.js .ui-resp-image[data-inview] img {
    opacity: 0;
}

.js .ui-resp-image[data-inview].inview .image,
.js .ui-resp-image[data-inview].inview img {
    opacity: 1;
    transition: opacity 0.45s cubic-bezier(0.17, 0.67, 0.28, 1);
    transition-delay: 0.2s;
}

.ui-resp-image img {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .ui-resp-image.is-mobile-image {
        display: none;
    }
}

.ui-resp-image.is-16-9 {
    position: relative;
    display: block;
    height: 100%;
}

    .ui-resp-image.is-16-9::before {
        display: block;
        width: 100%;
        padding-top: 56.25%;
        content: '';
    }

    .ui-resp-image.is-16-9 > .image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

.ui-searchbox {
    position: relative;
}

    .ui-searchbox input::-ms-clear {
        display: none;
    }

    .ui-searchbox.form-group {
        position: relative;
    }

        .ui-searchbox.form-group .input-search {
            position: relative;
            display: inline-block;
            width: 100%;
            height: auto;
            padding: 9px 102px 9px 16px;
            border: 2px solid #e7e5e3;
            background: #f1efee;
            border-radius: 4px;
            color: #333;
        }

            .ui-searchbox.form-group .input-search.form-control {
                font-size: 2.2rem;
                line-height: 3.6rem;
                font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
                font-weight: 400;
                box-shadow: none;
                text-overflow: ellipsis;
            }

                .ui-searchbox.form-group .input-search.form-control:focus {
                    border-bottom: 2px solid #e7e5e3;
                    background: #fff;
                    border-radius: 4px;
                }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-searchbox.form-group .input-search.form-control {
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-searchbox.form-group .input-search.form-control {
        font-size: 1.8rem;
        line-height: 2.7rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-searchbox .mui-form-control {
        font-size: 1.8rem;
        height: 48px;
        min-height: 48px;
        line-height: 48px;
    }

        .ui-searchbox .mui-form-control::-moz-placeholder {
            font-size: 1.8rem;
        }

        .ui-searchbox .mui-form-control:-ms-input-placeholder {
            font-size: 1.8rem;
        }

        .ui-searchbox .mui-form-control::placeholder {
            font-size: 1.8rem;
        }
}

.mui-search-box {
    transition: margin-top 1s ease-in-out, margin-bottom 1s ease-in-out;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .mui-search-box .mui-form-control-big {
        line-height: 3.6rem;
        min-height: 60px;
    }

.mui-form-control {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    color: #333;
    background-color: #f1efee;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 0;
    transition: background 0.15s ease-in-out;
}

@media screen and (max-width: 479px) {
    .mui-form-control {
        font-size: 1.8rem;
        line-height: 4.8rem;
        height: 48px;
        min-height: 48px;
    }
}

.mui-form-control-big {
    font-size: 2.4rem;
    border-color: #e7e5e3;
    padding: 10px 15px;
    border-width: 2px;
    border-radius: 4px;
}

    .mui-form-control-big:focus {
        background: #fff;
        border-color: #e7e5e3;
        outline: 0;
    }

.mui-form-control-button-overlay {
    font-size: 2.4rem;
    position: absolute;
    color: #f60;
    top: 0;
    right: 0;
    padding: 0 15px;
    border: 0;
    background: rgba(0, 0, 0, 0);
    outline: 0;
}

.mui-form-control-container {
    position: relative;
}

    .mui-form-control-container .mui-form-control {
        padding-right: calc(30px + 2.4rem);
    }

.mui-icon-search {
    position: absolute;
    top: 12px;
    right: 20px;
    width: 24px;
    height: 25px;
    border: 0;
    background: rgba(0, 0, 0, 0) url(../img/search-icon-orange.svg) -4px -4px no-repeat;
    background-size: 34px auto;
}

.mui-form-control-big + .mui-form-control-button-overlay .mui-icon-search {
    top: 18px;
    right: 15px;
}

.mui-icon-cross-circle {
    position: absolute;
    height: 25px;
    width: 25px;
    top: 13px;
    right: 18px;
    background: rgba(0, 0, 0, 0) url(../img/svg/icons/map/reset_circle_x.svg) 0 0 no-repeat;
}

@media screen and (min-width: 768px) {
    .mui-icon-cross-circle {
        top: 18px;
        right: 30px;
    }
}

.mui-form-control-button-reset {
    padding: 0 30px 0 20px;
    height: 25px;
    width: 25px;
    position: absolute;
}

.ui-js-reset-search {
    right: 45px;
    display: none;
    color: #929292;
}

    .ui-js-reset-search .is-show {
        display: block;
    }

.ie9 .ui-searchbox.form-group .input-search {
    padding-bottom: 20px;
}

.ui-skipnav {
    font-size: 1.6rem;
    position: fixed;
    z-index: 3001;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

    .ui-skipnav ol {
        position: relative;
        max-width: 1008px;
        margin: 0 auto;
    }

    .ui-skipnav li {
        list-style: none;
    }

    .ui-skipnav a:link,
    .ui-skipnav a:visited {
        position: absolute;
        top: -20000em;
        left: -2000em;
        display: block;
        width: auto;
        height: auto;
        padding: 3px 12px 5px;
        border: 2px solid #333;
        background-color: #fff;
        border-radius: 4px;
        color: #333;
        outline: 0;
        text-decoration: underline;
    }

    .ui-skipnav a:active,
    .ui-skipnav a:focus,
    .ui-skipnav a:hover {
        top: 3px;
        left: 33%;
        text-decoration: none;
    }

@media screen and (max-width: 479px) {
    .ui-skipnav {
        display: none;
    }
}

.ui-subheader .branch-finder {
    width: 60%;
    height: 184px;
    margin-top: 70px;
    margin-left: 20px;
    background-image: url(../img/content/fetest-home/find-branch-01.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    float: right;
}

    .ui-subheader .branch-finder .branch-finder-title {
        font-family: MarketWeb;
        font-weight: 400;
        text-transform: none;
        padding-top: 14px;
        padding-left: 190px;
        font-size: 34px;
        line-height: 41px;
    }

    .ui-subheader .branch-finder .address {
        font-family: HelveticaNeueW01-45Ligh, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 3.6rem;
        padding-left: 190px;
    }

        .ui-subheader .branch-finder .address strong {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            border-bottom: 1px solid #fff;
        }

            .ui-subheader .branch-finder .address strong::after {
                content: '\a';
                white-space: pre;
            }

    .ui-subheader .branch-finder .opening-hours {
        font-family: HelveticaNeueW01-45Ligh, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 2rem;
        line-height: 3.6rem;
        padding: 0 50px 10px;
        margin-left: 190px;
        background-image: url(../img/svg/icons/teaserstage/watch-01.svg);
        background-position: 0 50%;
        background-repeat: no-repeat;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-subheader .branch-finder {
        background-image: url(../img/content/fetest-home/find-branch-01-small.png);
    }

        .ui-subheader .branch-finder .branch-finder-title {
            font-size: 2.8rem;
            line-height: 2.4rem;
            padding-left: 100px;
            margin-bottom: 6px;
        }

        .ui-subheader .branch-finder .address {
            font-size: 1.6rem;
            line-height: 3rem;
            padding-left: 100px;
        }

        .ui-subheader .branch-finder .opening-hours {
            font-size: 1.6rem;
            line-height: 3.8rem;
            margin-left: 100px;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-subheader .branch-finder {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        background-image: url(../img/content/fetest-home/find-branch-01-small.png), none;
        background-position: -20px 0;
        float: left;
    }

        .ui-subheader .branch-finder .branch-finder-title {
            font-size: 2.8rem;
            line-height: 2.6rem;
            padding-left: 70px;
        }

        .ui-subheader .branch-finder .address {
            font-size: 1.6rem;
            line-height: 3rem;
            display: block;
            padding-top: 0;
            padding-left: 70px;
            float: left;
        }

        .ui-subheader .branch-finder .opening-hours {
            font-size: 1.6rem;
            line-height: 3rem;
            padding: 40px 0 0 60px;
            margin-left: 10px;
            background-position: 0 bottom;
            float: left;
        }
}

@media screen and (max-width: 479px) {
    .ui-subheader .branch-finder {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        background-image: url(../img/content/fetest-home/find-branch-01-small.png), none;
        background-position: -20px 0;
        float: left;
    }

        .ui-subheader .branch-finder .branch-finder-title {
            font-size: 2.8rem;
            line-height: 2.6rem;
            padding-left: 70px;
        }

        .ui-subheader .branch-finder .address {
            font-size: 1.6rem;
            line-height: 3rem;
            padding-top: 0;
            padding-left: 70px;
        }

        .ui-subheader .branch-finder .opening-hours {
            font-size: 1.6rem;
            line-height: 3rem;
            padding: 40px 0 0 60px;
            margin-left: 10px;
            background-image: url(../img/svg/icons/teaserstage/watch-01.svg), none;
            background-position: 0 bottom;
        }
}

.ui-social-links {
    width: 200px;
    padding-top: 20px;
    margin: 20px auto;
}

    .ui-social-links li {
        display: inline-block;
        padding-right: 10px;
    }

        .ui-social-links li:last-child {
            padding-right: 0;
        }

    .ui-social-links .icon-social {
        display: inline-block;
        width: 38px;
        height: 38px;
    }

        .ui-social-links .icon-social.twitter {
            background: rgba(0, 0, 0, 0) url(../img/icon-social-twitter-orange-trans.svg) 0 0 no-repeat;
        }

        .ui-social-links .icon-social.facebook {
            background: rgba(0, 0, 0, 0) url(../img/icon-social-facebook-orange-trans.svg) 0 0 no-repeat;
        }

        .ui-social-links .icon-social.google {
            background: rgba(0, 0, 0, 0) url(../img/icon-social-google-orange-trans.svg) 0 0 no-repeat;
        }

        .ui-social-links .icon-social.mail {
            background: rgba(0, 0, 0, 0) url(../img/icon-social-mail-orange-trans.svg) 0 0 no-repeat;
        }

.ui-t318-03-eventdate,
.ui-t321-03-eventperiod {
    height: 100%;
    min-height: 310px;
    margin-bottom: 17px;
    border-radius: 4px;
    transition: background-color 0.3s ease-out;
}

    .ui-t318-03-eventdate.is-atlantis,
    .ui-t321-03-eventperiod.is-atlantis {
        background: #98cd4e;
        transition: background 0.3s ease-out;
    }

        .ui-t318-03-eventdate.is-atlantis:not(.no-link):active,
        .ui-t318-03-eventdate.is-atlantis:not(.no-link):focus,
        .ui-t318-03-eventdate.is-atlantis:not(.no-link):hover,
        .ui-t321-03-eventperiod.is-atlantis:not(.no-link):active,
        .ui-t321-03-eventperiod.is-atlantis:not(.no-link):focus,
        .ui-t321-03-eventperiod.is-atlantis:not(.no-link):hover {
            background: #75b714;
        }

    .ui-t318-03-eventdate.is-blue,
    .ui-t321-03-eventperiod.is-blue {
        background: #00aecf;
        transition: background 0.3s ease-out;
    }

        .ui-t318-03-eventdate.is-blue:not(.no-link):active,
        .ui-t318-03-eventdate.is-blue:not(.no-link):focus,
        .ui-t318-03-eventdate.is-blue:not(.no-link):hover,
        .ui-t321-03-eventperiod.is-blue:not(.no-link):active,
        .ui-t321-03-eventperiod.is-blue:not(.no-link):focus,
        .ui-t321-03-eventperiod.is-blue:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t318-03-eventdate.is-dark-blue,
    .ui-t321-03-eventperiod.is-dark-blue {
        background: #039;
        transition: background 0.3s ease-out;
    }

        .ui-t318-03-eventdate.is-dark-blue:not(.no-link):active,
        .ui-t318-03-eventdate.is-dark-blue:not(.no-link):focus,
        .ui-t318-03-eventdate.is-dark-blue:not(.no-link):hover,
        .ui-t321-03-eventperiod.is-dark-blue:not(.no-link):active,
        .ui-t321-03-eventperiod.is-dark-blue:not(.no-link):focus,
        .ui-t321-03-eventperiod.is-dark-blue:not(.no-link):hover {
            background: #000573;
        }

    .ui-t318-03-eventdate.is-cumulus,
    .ui-t321-03-eventperiod.is-cumulus {
        background: #003d8d;
        transition: background 0.3s ease-out;
    }

        .ui-t318-03-eventdate.is-cumulus:not(.no-link):active,
        .ui-t318-03-eventdate.is-cumulus:not(.no-link):focus,
        .ui-t318-03-eventdate.is-cumulus:not(.no-link):hover,
        .ui-t321-03-eventperiod.is-cumulus:not(.no-link):active,
        .ui-t321-03-eventperiod.is-cumulus:not(.no-link):focus,
        .ui-t321-03-eventperiod.is-cumulus:not(.no-link):hover {
            background: #00145c;
        }

    .ui-t318-03-eventdate.is-cyan,
    .ui-t321-03-eventperiod.is-cyan {
        background: #0daacf;
        transition: background 0.3s ease-out;
    }

        .ui-t318-03-eventdate.is-cyan:not(.no-link):active,
        .ui-t318-03-eventdate.is-cyan:not(.no-link):focus,
        .ui-t318-03-eventdate.is-cyan:not(.no-link):hover,
        .ui-t321-03-eventperiod.is-cyan:not(.no-link):active,
        .ui-t321-03-eventperiod.is-cyan:not(.no-link):focus,
        .ui-t321-03-eventperiod.is-cyan:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t318-03-eventdate.is-gray,
    .ui-t321-03-eventperiod.is-gray {
        background: #b7b0ac;
        transition: background 0.3s ease-out;
    }

        .ui-t318-03-eventdate.is-gray:not(.no-link):active,
        .ui-t318-03-eventdate.is-gray:not(.no-link):focus,
        .ui-t318-03-eventdate.is-gray:not(.no-link):hover,
        .ui-t321-03-eventperiod.is-gray:not(.no-link):active,
        .ui-t321-03-eventperiod.is-gray:not(.no-link):focus,
        .ui-t321-03-eventperiod.is-gray:not(.no-link):hover {
            background: #9f9690;
        }

    .ui-t318-03-eventdate.is-orange,
    .ui-t321-03-eventperiod.is-orange {
        background: #f60;
        transition: background 0.3s ease-out;
    }

        .ui-t318-03-eventdate.is-orange:not(.no-link):active,
        .ui-t318-03-eventdate.is-orange:not(.no-link):focus,
        .ui-t318-03-eventdate.is-orange:not(.no-link):hover,
        .ui-t321-03-eventperiod.is-orange:not(.no-link):active,
        .ui-t321-03-eventperiod.is-orange:not(.no-link):focus,
        .ui-t321-03-eventperiod.is-orange:not(.no-link):hover {
            background: #e03c00;
        }

    .ui-t318-03-eventdate.is-pink-red,
    .ui-t321-03-eventperiod.is-pink-red {
        background: #ff0036;
        transition: background 0.3s ease-out;
    }

        .ui-t318-03-eventdate.is-pink-red:not(.no-link):active,
        .ui-t318-03-eventdate.is-pink-red:not(.no-link):focus,
        .ui-t318-03-eventdate.is-pink-red:not(.no-link):hover,
        .ui-t321-03-eventperiod.is-pink-red:not(.no-link):active,
        .ui-t321-03-eventperiod.is-pink-red:not(.no-link):focus,
        .ui-t321-03-eventperiod.is-pink-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t318-03-eventdate.is-red,
    .ui-t321-03-eventperiod.is-red {
        background: #ff290b;
        transition: background 0.3s ease-out;
    }

        .ui-t318-03-eventdate.is-red:not(.no-link):active,
        .ui-t318-03-eventdate.is-red:not(.no-link):focus,
        .ui-t318-03-eventdate.is-red:not(.no-link):hover,
        .ui-t321-03-eventperiod.is-red:not(.no-link):active,
        .ui-t321-03-eventperiod.is-red:not(.no-link):focus,
        .ui-t321-03-eventperiod.is-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t318-03-eventdate.is-white,
    .ui-t321-03-eventperiod.is-white {
        background: #fff;
    }

        .ui-t318-03-eventdate.is-white.with-image .text-area h3,
        .ui-t318-03-eventdate.is-white.with-image .text-area p,
        .ui-t321-03-eventperiod.is-white.with-image .text-area h3,
        .ui-t321-03-eventperiod.is-white.with-image .text-area p {
            color: #333;
        }

        .ui-t318-03-eventdate.is-white.with-image .text-area::after,
        .ui-t321-03-eventperiod.is-white.with-image .text-area::after {
            background-image: url(../img/arrow-teaser-black.svg);
        }

    .ui-t318-03-eventdate .link-box,
    .ui-t321-03-eventperiod .link-box {
        display: block;
        height: 100%;
        background: 0 0;
    }

    .ui-t318-03-eventdate .aural,
    .ui-t321-03-eventperiod .aural {
        overflow: hidden;
        color: transparent;
        font: 0/0 serif;
        text-shadow: none;
    }

    .ui-t318-03-eventdate .text-area,
    .ui-t321-03-eventperiod .text-area {
        padding: 24px 20px 20px;
    }

    .ui-t318-03-eventdate .headline-outer::after,
    .ui-t321-03-eventperiod .headline-outer::after {
        display: block;
        width: 12px;
        height: 20px;
        padding: 0;
        margin-top: 0;
        background-image: url(../img/arrow-teaser.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        content: ' ';
        transition: background-position 0.37s ease-out;
    }

    .ui-t318-03-eventdate:focus .headline-outer::after,
    .ui-t318-03-eventdate:hover .headline-outer::after,
    .ui-t321-03-eventperiod:focus .headline-outer::after,
    .ui-t321-03-eventperiod:hover .headline-outer::after {
        background-position: 0 -22px;
    }

    .ui-t318-03-eventdate .headline,
    .ui-t321-03-eventperiod .headline {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2rem;
        line-height: 2.4rem;
        overflow: hidden;
        max-height: 126px;
        margin-top: 0;
        margin-bottom: 4px;
        color: #fff;
        overflow-wrap: break-word;
    }

    .ui-t318-03-eventdate .text,
    .ui-t321-03-eventperiod .text {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        margin-bottom: 5px;
        color: #fff;
        overflow-wrap: break-word;
    }

    .ui-t318-03-eventdate .teaser-box,
    .ui-t321-03-eventperiod .teaser-box {
        position: relative;
        display: block;
        height: 100%;
    }

        .ui-t318-03-eventdate .teaser-box::before,
        .ui-t321-03-eventperiod .teaser-box::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 20px;
            background: url(../img/calendar.svg) 50% 50% no-repeat;
            content: '';
        }

        .ui-t318-03-eventdate .teaser-box .headline,
        .ui-t321-03-eventperiod .teaser-box .headline {
            font-size: 1.6rem;
            line-height: 1.8rem;
        }

        .ui-t318-03-eventdate .teaser-box .text-area.is-white,
        .ui-t321-03-eventperiod .teaser-box .text-area.is-white {
            color: #fff;
        }

        .ui-t318-03-eventdate .teaser-box .text-area.is-orange,
        .ui-t321-03-eventperiod .teaser-box .text-area.is-orange {
            color: #f60;
        }

        .ui-t318-03-eventdate .teaser-box .text-area .aural,
        .ui-t321-03-eventperiod .teaser-box .text-area .aural {
            overflow: hidden;
            color: transparent;
            font: 0/0 serif;
            text-shadow: none;
        }

        .ui-t318-03-eventdate .teaser-box .text-area em,
        .ui-t321-03-eventperiod .teaser-box .text-area em {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-style: normal;
        }

        .ui-t318-03-eventdate .teaser-box .text-area abbr[title],
        .ui-t321-03-eventperiod .teaser-box .text-area abbr[title] {
            font-size: 2rem;
            line-height: 2.4rem;
            border-bottom: 0;
            cursor: pointer;
            font-family: HelveticaNeueW01-75Bold;
            font-variant: normal;
            letter-spacing: 0;
            text-decoration: none;
            text-transform: none;
        }

        .ui-t318-03-eventdate .teaser-box .text-area .mod,
        .ui-t321-03-eventperiod .teaser-box .text-area .mod {
            text-align: center;
        }

        .ui-t318-03-eventdate .teaser-box .date-range,
        .ui-t321-03-eventperiod .teaser-box .date-range {
            margin-bottom: 25px;
            text-align: left;
        }

            .ui-t318-03-eventdate .teaser-box .date-range:after,
            .ui-t318-03-eventdate .teaser-box .date-range:before,
            .ui-t321-03-eventperiod .teaser-box .date-range:after,
            .ui-t321-03-eventperiod .teaser-box .date-range:before {
                display: table;
                content: ' ';
            }

            .ui-t318-03-eventdate .teaser-box .date-range:after,
            .ui-t321-03-eventperiod .teaser-box .date-range:after {
                clear: both;
            }

            .ui-t318-03-eventdate .teaser-box .date-range .date,
            .ui-t321-03-eventperiod .teaser-box .date-range .date {
                display: inline-block;
                vertical-align: top;
                word-spacing: 0;
                padding: 0;
            }

            .ui-t318-03-eventdate .teaser-box .date-range em,
            .ui-t321-03-eventperiod .teaser-box .date-range em {
                font-size: 6.5rem;
                line-height: 1;
                display: block;
                font-style: normal;
            }

        .ui-t318-03-eventdate .teaser-box .date-time,
        .ui-t321-03-eventperiod .teaser-box .date-time {
            display: block;
            margin-bottom: 20px;
            text-align: left;
        }

            .ui-t318-03-eventdate .teaser-box .date-time .date,
            .ui-t321-03-eventperiod .teaser-box .date-time .date {
                display: block;
            }

            .ui-t318-03-eventdate .teaser-box .date-time em,
            .ui-t321-03-eventperiod .teaser-box .date-time em {
                font-size: 10rem;
                line-height: 1;
                font-style: normal;
            }

    .ui-t318-03-eventdate.no-link .headline-outer::after,
    .ui-t321-03-eventperiod.no-link .headline-outer::after {
        background: 0 0;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t318-03-eventdate,
    .ui-t321-03-eventperiod {
        min-height: 280px;
    }

        .ui-t318-03-eventdate .text-area,
        .ui-t321-03-eventperiod .text-area {
            padding: 20px 10px;
        }

            .ui-t318-03-eventdate .text-area .mod,
            .ui-t321-03-eventperiod .text-area .mod {
                width: auto;
                text-align: left;
            }

        .ui-t318-03-eventdate .teaser-box .date-range,
        .ui-t321-03-eventperiod .teaser-box .date-range {
            margin-bottom: 20px;
        }

            .ui-t318-03-eventdate .teaser-box .date-range em,
            .ui-t321-03-eventperiod .teaser-box .date-range em {
                font-size: 6rem;
                line-height: 1;
                font-style: normal;
            }

        .ui-t318-03-eventdate .teaser-box .date-time em,
        .ui-t321-03-eventperiod .teaser-box .date-time em {
            font-size: 9.5rem;
            line-height: 1;
            font-style: normal;
        }

        .ui-t318-03-eventdate.with-link:focus .text::after,
        .ui-t318-03-eventdate.with-link:hover .text::after,
        .ui-t321-03-eventperiod.with-link:focus .text::after,
        .ui-t321-03-eventperiod.with-link:hover .text::after {
            background-position: 0 -22px;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t318-03-eventdate .text-area,
    .ui-t321-03-eventperiod .text-area {
        padding: 20px 10px;
    }

    .ui-t318-03-eventdate .teaser-box .date-range,
    .ui-t321-03-eventperiod .teaser-box .date-range {
        margin-bottom: 20px;
    }

        .ui-t318-03-eventdate .teaser-box .date-range em,
        .ui-t321-03-eventperiod .teaser-box .date-range em {
            font-size: 6rem;
            line-height: 1;
            font-style: normal;
        }

    .ui-t318-03-eventdate .teaser-box .date-time em,
    .ui-t321-03-eventperiod .teaser-box .date-time em {
        font-size: 9.5rem;
        line-height: 1;
        font-style: normal;
    }
}

@media screen and (max-width: 991px) {
    .ui-t318-03-eventdate,
    .ui-t321-03-eventperiod {
        min-height: 280px;
    }

        .ui-t318-03-eventdate .headline-outer::after,
        .ui-t321-03-eventperiod .headline-outer::after {
            right: 20px;
            bottom: -22px;
            width: 8px;
            height: 14px;
            background-image: url(../img/arrow-right-small-white.svg);
        }

        .ui-t318-03-eventdate:active .headline-outer::after,
        .ui-t318-03-eventdate:focus .headline-outer::after,
        .ui-t318-03-eventdate:hover .headline-outer::after,
        .ui-t321-03-eventperiod:active .headline-outer::after,
        .ui-t321-03-eventperiod:focus .headline-outer::after,
        .ui-t321-03-eventperiod:hover .headline-outer::after {
            background-position: 0 0;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t318-03-eventdate,
    .ui-t321-03-eventperiod {
        min-height: 310px;
    }

        .ui-t318-03-eventdate .text-area,
        .ui-t321-03-eventperiod .text-area {
            padding: 0;
            margin-bottom: 20px;
        }

        .ui-t318-03-eventdate .teaser-box,
        .ui-t321-03-eventperiod .teaser-box {
            padding: 20px 10px;
        }

            .ui-t318-03-eventdate .teaser-box .date-range,
            .ui-t321-03-eventperiod .teaser-box .date-range {
                padding: 0;
                text-align: left;
            }

                .ui-t318-03-eventdate .teaser-box .date-range em,
                .ui-t321-03-eventperiod .teaser-box .date-range em {
                    font-size: 6rem;
                }

            .ui-t318-03-eventdate .teaser-box .date,
            .ui-t321-03-eventperiod .teaser-box .date {
                display: block;
            }

            .ui-t318-03-eventdate .teaser-box .mod,
            .ui-t321-03-eventperiod .teaser-box .mod {
                width: auto;
            }

            .ui-t318-03-eventdate .teaser-box .text,
            .ui-t321-03-eventperiod .teaser-box .text {
                padding: 0;
            }

            .ui-t318-03-eventdate .teaser-box .date-time,
            .ui-t321-03-eventperiod .teaser-box .date-time {
                padding: 0;
            }

                .ui-t318-03-eventdate .teaser-box .date-time em,
                .ui-t321-03-eventperiod .teaser-box .date-time em {
                    font-size: 9.5rem;
                    line-height: 1;
                    font-style: normal;
                }
}

@media screen and (max-width: 479px) {
    .ui-t318-03-eventdate,
    .ui-t321-03-eventperiod {
        height: auto;
        min-height: 140px;
        margin-top: 17px;
    }

        .ui-t318-03-eventdate .teaser-box,
        .ui-t321-03-eventperiod .teaser-box {
            padding: 30px 10px 20px;
        }

            .ui-t318-03-eventdate .teaser-box .text-area,
            .ui-t321-03-eventperiod .teaser-box .text-area {
                width: 100%;
                padding: 0;
            }

                .ui-t318-03-eventdate .teaser-box .text-area:after,
                .ui-t318-03-eventdate .teaser-box .text-area:before,
                .ui-t321-03-eventperiod .teaser-box .text-area:after,
                .ui-t321-03-eventperiod .teaser-box .text-area:before {
                    display: table;
                    content: ' ';
                }

                .ui-t318-03-eventdate .teaser-box .text-area:after,
                .ui-t321-03-eventperiod .teaser-box .text-area:after {
                    clear: both;
                }

                .ui-t318-03-eventdate .teaser-box .text-area .date abbr[title],
                .ui-t321-03-eventperiod .teaser-box .text-area .date abbr[title] {
                    font-size: 1.4rem;
                    line-height: 1.8rem;
                }

            .ui-t318-03-eventdate .teaser-box .headline-outer,
            .ui-t321-03-eventperiod .teaser-box .headline-outer {
                display: inline-block;
                width: 56%;
            }

                .ui-t318-03-eventdate .teaser-box .headline-outer .headline,
                .ui-t321-03-eventperiod .teaser-box .headline-outer .headline {
                    font-size: 1.8rem;
                    line-height: 2.4rem;
                    -webkit-hyphens: auto;
                    -ms-hyphens: auto;
                    hyphens: auto;
                }

            .ui-t318-03-eventdate .teaser-box .date-range,
            .ui-t321-03-eventperiod .teaser-box .date-range {
                display: inline-block;
                vertical-align: top;
                word-spacing: 0;
                width: 42%;
                padding: 0;
                margin-bottom: 0;
            }

                .ui-t318-03-eventdate .teaser-box .date-range em,
                .ui-t321-03-eventperiod .teaser-box .date-range em {
                    font-size: 4.5rem;
                    line-height: 3.8rem;
                    display: inline;
                    font-style: normal;
                }

                .ui-t318-03-eventdate .teaser-box .date-range .mod,
                .ui-t321-03-eventperiod .teaser-box .date-range .mod {
                    font-size: 4.5rem;
                    line-height: 2rem;
                    display: block;
                    margin-top: -15px;
                    margin-bottom: -4px;
                    text-align: left;
                }

            .ui-t318-03-eventdate .teaser-box .date-time,
            .ui-t321-03-eventperiod .teaser-box .date-time {
                display: inline-block;
                vertical-align: top;
                word-spacing: 0;
                display: inline-block;
                width: 42%;
                padding: 0;
                margin-bottom: 0;
            }

                .ui-t318-03-eventdate .teaser-box .date-time em,
                .ui-t321-03-eventperiod .teaser-box .date-time em {
                    font-size: 9rem;
                    line-height: 8rem;
                    font-style: normal;
                }

                .ui-t318-03-eventdate .teaser-box .date-time abbr[title],
                .ui-t321-03-eventperiod .teaser-box .date-time abbr[title] {
                    display: block;
                }

        .ui-t318-03-eventdate .text,
        .ui-t321-03-eventperiod .text {
            display: none;
        }
}

@media screen and (max-width: 479px) {
    .col-xs-6 .ui-t318-03-eventdate,
    .col-xs-6 .ui-t321-03-eventperiod {
        margin-top: 0;
        margin-bottom: 17px;
    }

        .col-xs-6 .ui-t318-03-eventdate .teaser-box .headline-outer,
        .col-xs-6 .ui-t321-03-eventperiod .teaser-box .headline-outer {
            width: 100%;
        }

            .col-xs-6 .ui-t318-03-eventdate .teaser-box .headline-outer .headline,
            .col-xs-6 .ui-t321-03-eventperiod .teaser-box .headline-outer .headline {
                font-size: 1.2rem;
                line-height: 1.4rem;
            }

        .col-xs-6 .ui-t321-03-eventperiod .teaser-box {
            padding-bottom: 10px;
        }

            .col-xs-6 .ui-t321-03-eventperiod .teaser-box .date-range {
                width: 100%;
                margin-top: 2px;
                margin-bottom: 10px;
            }

                .col-xs-6 .ui-t321-03-eventperiod .teaser-box .date-range abbr[title] {
                    font-size: 1.6rem;
                }

                .col-xs-6 .ui-t321-03-eventperiod .teaser-box .date-range em {
                    font-size: 3.4rem;
                    line-height: 1;
                    display: inline-block;
                }

                .col-xs-6 .ui-t321-03-eventperiod .teaser-box .date-range .mod {
                    display: inline-block;
                    margin-top: 0;
                }

            .col-xs-6 .ui-t321-03-eventperiod .teaser-box .text-area abbr[title] {
                display: block;
            }

        .col-xs-6 .ui-t318-03-eventdate .teaser-box {
            padding-bottom: 10px;
        }

            .col-xs-6 .ui-t318-03-eventdate .teaser-box .text-area .date-time {
                width: 100%;
            }

                .col-xs-6
                .ui-t318-03-eventdate
                .teaser-box
                .text-area
                .date-time
                abbr[title] {
                    font-size: 1.6rem;
                    display: inline-block;
                }

                .col-xs-6 .ui-t318-03-eventdate .teaser-box .text-area .date-time em {
                    font-size: 5.8rem;
                    line-height: 6.2rem;
                }
}

.ui-t307-04-regional-teaser {
    display: flex;
    width: 100%;
    height: calc(100% - 17px);
    flex: 1;
    flex-direction: column;
    padding: 35px 20px;
    margin-bottom: 17px;
    background: #f60;
    border-radius: 4px;
}

    .ui-t307-04-regional-teaser.is-atlantis {
        background: #98cd4e;
        transition: background 0.3s ease-out;
    }

        .ui-t307-04-regional-teaser.is-atlantis:not(.no-link):active,
        .ui-t307-04-regional-teaser.is-atlantis:not(.no-link):focus,
        .ui-t307-04-regional-teaser.is-atlantis:not(.no-link):hover {
            background: #75b714;
        }

    .ui-t307-04-regional-teaser.is-blue {
        background: #00aecf;
        transition: background 0.3s ease-out;
    }

        .ui-t307-04-regional-teaser.is-blue:not(.no-link):active,
        .ui-t307-04-regional-teaser.is-blue:not(.no-link):focus,
        .ui-t307-04-regional-teaser.is-blue:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t307-04-regional-teaser.is-dark-blue {
        background: #039;
        transition: background 0.3s ease-out;
    }

        .ui-t307-04-regional-teaser.is-dark-blue:not(.no-link):active,
        .ui-t307-04-regional-teaser.is-dark-blue:not(.no-link):focus,
        .ui-t307-04-regional-teaser.is-dark-blue:not(.no-link):hover {
            background: #000573;
        }

    .ui-t307-04-regional-teaser.is-cumulus {
        background: #003d8d;
        transition: background 0.3s ease-out;
    }

        .ui-t307-04-regional-teaser.is-cumulus:not(.no-link):active,
        .ui-t307-04-regional-teaser.is-cumulus:not(.no-link):focus,
        .ui-t307-04-regional-teaser.is-cumulus:not(.no-link):hover {
            background: #00145c;
        }

    .ui-t307-04-regional-teaser.is-cyan {
        background: #0daacf;
        transition: background 0.3s ease-out;
    }

        .ui-t307-04-regional-teaser.is-cyan:not(.no-link):active,
        .ui-t307-04-regional-teaser.is-cyan:not(.no-link):focus,
        .ui-t307-04-regional-teaser.is-cyan:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t307-04-regional-teaser.is-gray {
        background: #b7b0ac;
        transition: background 0.3s ease-out;
    }

        .ui-t307-04-regional-teaser.is-gray:not(.no-link):active,
        .ui-t307-04-regional-teaser.is-gray:not(.no-link):focus,
        .ui-t307-04-regional-teaser.is-gray:not(.no-link):hover {
            background: #9f9690;
        }

    .ui-t307-04-regional-teaser.is-orange {
        background: #f60;
        transition: background 0.3s ease-out;
    }

        .ui-t307-04-regional-teaser.is-orange:not(.no-link):active,
        .ui-t307-04-regional-teaser.is-orange:not(.no-link):focus,
        .ui-t307-04-regional-teaser.is-orange:not(.no-link):hover {
            background: #e03c00;
        }

    .ui-t307-04-regional-teaser.is-pink-red {
        background: #ff0036;
        transition: background 0.3s ease-out;
    }

        .ui-t307-04-regional-teaser.is-pink-red:not(.no-link):active,
        .ui-t307-04-regional-teaser.is-pink-red:not(.no-link):focus,
        .ui-t307-04-regional-teaser.is-pink-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t307-04-regional-teaser.is-red {
        background: #ff290b;
        transition: background 0.3s ease-out;
    }

        .ui-t307-04-regional-teaser.is-red:not(.no-link):active,
        .ui-t307-04-regional-teaser.is-red:not(.no-link):focus,
        .ui-t307-04-regional-teaser.is-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t307-04-regional-teaser.is-white {
        background: #fff;
    }

        .ui-t307-04-regional-teaser.is-white.with-image .text-area h3,
        .ui-t307-04-regional-teaser.is-white.with-image .text-area p {
            color: #333;
        }

        .ui-t307-04-regional-teaser.is-white.with-image .text-area::after {
            background-image: url(../img/arrow-teaser-black.svg);
        }

    .ui-t307-04-regional-teaser:hover {
        background: #f60;
    }

    .ui-t307-04-regional-teaser .icon-box {
        display: block;
        width: 66px;
        height: 66px;
        margin-bottom: 20px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .ui-t307-04-regional-teaser .text-box {
        font-size: 2.6rem;
        line-height: 3.3rem;
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        margin-top: auto;
        margin-bottom: 10px;
        color: #fff;
    }

    .ui-t307-04-regional-teaser .ui-f607-12-forms form {
        overflow: visible;
        padding-bottom: 0;
    }

    .ui-t307-04-regional-teaser .ui-f607-12-forms .error-box p {
        margin: 10px 0 0;
        color: #333;
    }

    .ui-t307-04-regional-teaser .search-container {
        padding: 0;
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-t307-04-regional-teaser .search-container .ui-results-autocomplete {
            position: absolute;
        }

        .ui-t307-04-regional-teaser .search-container .autocomplete-suggestions {
            position: relative !important;
        }

    .ui-t307-04-regional-teaser .search-question {
        font-size: 1.6rem;
        line-height: 2.4rem;
        width: 100%;
        box-sizing: border-box;
        padding: 8px 13px;
        border: 2px solid #fff;
        background: rgba(0, 0, 0, 0);
        border-radius: 4px;
        color: #fff;
    }

        .ui-t307-04-regional-teaser .search-question::-moz-placeholder {
            color: #fff;
            opacity: 1;
        }

        .ui-t307-04-regional-teaser .search-question:-ms-input-placeholder {
            color: #fff;
            opacity: 1;
        }

        .ui-t307-04-regional-teaser .search-question::placeholder {
            color: #fff;
            opacity: 1;
        }

        .ui-t307-04-regional-teaser .search-question::-webkit-input-placeholder {
            color: #fff;
        }

        .ui-t307-04-regional-teaser .search-question:-moz-placeholder {
            color: #fff;
        }

        .ui-t307-04-regional-teaser .search-question::-moz-placeholder {
            color: #fff;
        }

        .ui-t307-04-regional-teaser .search-question:-ms-input-placeholder {
            color: #fff;
        }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t307-04-regional-teaser {
        height: 265px;
        min-height: 265px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t307-04-regional-teaser {
        height: 307px;
        min-height: 307px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t307-04-regional-teaser .text-box {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t307-04-regional-teaser .text-box {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .ui-t307-04-regional-teaser .icon-box {
        width: 53px;
        height: 53px;
    }
}

@media screen and (max-width: 767px) {
    .ui-t307-04-regional-teaser {
        padding: 20px 12px;
    }

        .ui-t307-04-regional-teaser .text-box {
            font-size: 1.8rem;
            line-height: 2.4rem;
        }

        .ui-t307-04-regional-teaser .icon-box {
            width: 40px;
            height: 40px;
        }
}

.ui-t308-cumulus {
    margin: 18px 0;
    box-shadow: 0 1px 18px 0 rgba(0, 61, 141, 0.2);
}

@media screen and (min-width: 992px) {
    .ui-t308-cumulus .link-box:active .text-box,
    .ui-t308-cumulus .link-box:focus .text-box,
    .ui-t308-cumulus .link-box:hover .text-box {
        background-color: #dcecff;
    }

        .ui-t308-cumulus .link-box:active .text-box::after,
        .ui-t308-cumulus .link-box:focus .text-box::after,
        .ui-t308-cumulus .link-box:hover .text-box::after {
            background-position: 0 -22px;
        }
}

.ui-t308-cumulus .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    font-size: 0;
}

.ui-t308-cumulus .text-box {
    position: relative;
    min-height: 190px;
    padding: 20px 22px 13px 20px;
    background-color: #fff;
    transition: background-color 0.3s ease-out;
}

    .ui-t308-cumulus .text-box::after {
        position: absolute;
        bottom: 20px;
        display: block;
        width: 12px;
        height: 20px;
        padding: 0;
        margin-top: 0;
        background-image: url(../img/svg/icons/teaser/arrow-teaser-orange.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        content: '';
        transition: background-position 0.37s ease-out;
    }

@media screen and (max-width: 991px) {
    .ui-t308-cumulus .text-box {
        min-height: 150px;
        padding: 18px 14px 13px 12px;
    }

        .ui-t308-cumulus .text-box::before {
            top: -21px;
            background-size: 100% 100%;
        }

        .ui-t308-cumulus .text-box::after {
            bottom: 13px;
        }
}

.ui-t308-cumulus .content {
    overflow: hidden;
    max-height: 150px;
}

@media screen and (max-width: 991px) {
    .ui-t308-cumulus .content {
        max-height: 115px;
    }
}

.ui-t308-cumulus .badge-top {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 104px;
}

    .ui-t308-cumulus .badge-top img {
        max-width: 100%;
    }

@media screen and (max-width: 991px) {
    .ui-t308-cumulus .badge-top {
        max-width: 64px;
    }
}

.ui-t308-cumulus .badge-bottom {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

    .ui-t308-cumulus .badge-bottom img {
        max-width: 100%;
        max-height: 30px;
    }

@media screen and (max-width: 991px) {
    .ui-t308-cumulus .badge-bottom {
        right: 13px;
        bottom: 13px;
    }

        .ui-t308-cumulus .badge-bottom img {
            max-height: 26px;
        }
}

.ui-t308-cumulus .title {
    font-size: 2rem;
    line-height: 2.5rem;
    font-family: 'Helvetica Now Text Bold';
    font-weight: 400;
    margin: 0;
    color: #003d8d;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t308-cumulus .title {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-t308-cumulus .title {
        font-size: 1.3rem;
        line-height: 1.6rem;
    }
}

.ui-t308-cumulus .text {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-family: 'Helvetica Now Text Regular';
    margin-top: 5px;
    color: #003d8d;
}

@media screen and (min-width: 1200px) {
    .ui-t308-cumulus .text {
        margin-top: 10px;
    }
}

.ui-t309-03-standard {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 310px;
    margin-bottom: 17px;
    background-color: #fff;
    cursor: pointer;
}

    .ui-t309-03-standard.align-center .link-area,
    .ui-t309-03-standard.align-center .text-area {
        text-align: center;
    }

    .ui-t309-03-standard .link-box {
        display: block;
        height: 100%;
        background: 0 0;
    }

    .ui-t309-03-standard .text-area {
        padding-top: 14px;
        padding-bottom: 45px;
        background-color: #fff;
        transform: perspective(1px);
        transition: transform 0.45s cubic-bezier(0.17, 0.67, 0.28, 1) 0.05s;
    }

    .ui-t309-03-standard .link-area {
        position: absolute;
        bottom: -25px;
        width: 100%;
        transform: perspective(1px);
        transition: transform 0.35s ease 0.1s;
    }

    .ui-t309-03-standard .h4-replace,
    .ui-t309-03-standard h4 {
        font-size: 1.8rem;
        line-height: 2.4rem;
        padding-bottom: 8px;
        margin-top: 2px;
        margin-bottom: 0;
        color: #f60;
        font-family: 'Helvetica Now Text Bold';
        font-weight: 400;
        overflow-wrap: break-word;
    }

        .ui-t309-03-standard .h4-replace.alt-colored,
        .ui-t309-03-standard h4.alt-colored {
            color: #f60;
        }

@media screen and (min-width: 768px) {
    .ui-t309-03-standard .h4-replace,
    .ui-t309-03-standard h4 {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
}

.ui-t309-03-standard p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #333;
    font-family: 'Helvetica Now Text Regular';
    overflow-wrap: break-word;
}

    .ui-t309-03-standard p.alt-colored {
        color: #333;
    }

@media screen and (min-width: 768px) {
    .ui-t309-03-standard p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}

.ui-t309-03-standard.alt-colored .h4-replace,
.ui-t309-03-standard.alt-colored h4 {
    color: #f60;
}

.ui-t309-03-standard.alt-colored p {
    color: #333;
}

.ui-t309-03-standard.is-badge .sub-image-box img {
    max-height: 62px;
}

.ui-t309-03-standard.is-cumulus .h4-replace,
.ui-t309-03-standard.is-cumulus h4 {
    color: #003d8d;
}

.ui-t309-03-standard .date {
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #999;
}

.ui-t309-03-standard.mod p {
    overflow: hidden;
    max-height: 108px;
}

@media screen and (max-width: 1199px) {
    .ui-t309-03-standard {
        min-height: 280px;
    }

        .ui-t309-03-standard.is-badge .sub-image-box.var-2 img {
            top: 40px;
            right: 10px;
        }
}

@media screen and (min-width: 992px) {
    .ui-t309-03-standard:active .text-area,
    .ui-t309-03-standard:focus .text-area,
    .ui-t309-03-standard:hover .text-area {
        transform: translate3d(0, -42px, 0);
    }

    .ui-t309-03-standard:active .link-area,
    .ui-t309-03-standard:focus .link-area,
    .ui-t309-03-standard:hover .link-area {
        position: absolute;
        transform: translate3d(0, -42px, 0);
    }
}

@media screen and (max-width: 991px) {
    .ui-t309-03-standard.mod {
        border-bottom: 0;
    }

        .ui-t309-03-standard.mod p {
            font-size: 1.4rem;
            line-height: 1.8rem;
            max-height: 108px;
        }

    .ui-t309-03-standard:active .h4-replace,
    .ui-t309-03-standard:active h4,
    .ui-t309-03-standard:focus .h4-replace,
    .ui-t309-03-standard:focus h4,
    .ui-t309-03-standard:hover .h4-replace,
    .ui-t309-03-standard:hover h4 {
        color: #e03c00;
    }

        .ui-t309-03-standard:active .h4-replace.alt-colored,
        .ui-t309-03-standard:active h4.alt-colored,
        .ui-t309-03-standard:focus .h4-replace.alt-colored,
        .ui-t309-03-standard:focus h4.alt-colored,
        .ui-t309-03-standard:hover .h4-replace.alt-colored,
        .ui-t309-03-standard:hover h4.alt-colored {
            color: #e03c00;
        }

    .ui-t309-03-standard:active.is-cumulus .h4-replace,
    .ui-t309-03-standard:active.is-cumulus h4,
    .ui-t309-03-standard:focus.is-cumulus .h4-replace,
    .ui-t309-03-standard:focus.is-cumulus h4,
    .ui-t309-03-standard:hover.is-cumulus .h4-replace,
    .ui-t309-03-standard:hover.is-cumulus h4 {
        color: #00145c;
    }

    .ui-t309-03-standard.alt-colored:active .h4-replace,
    .ui-t309-03-standard.alt-colored:active h4,
    .ui-t309-03-standard.alt-colored:focus .h4-replace,
    .ui-t309-03-standard.alt-colored:focus h4,
    .ui-t309-03-standard.alt-colored:hover .h4-replace,
    .ui-t309-03-standard.alt-colored:hover h4 {
        color: #e03c00;
    }
}

@media screen and (max-width: 767px) {
    .ui-t309-03-standard {
        min-height: 310px;
    }

        .ui-t309-03-standard .text-area {
            padding-bottom: 30px;
        }

        .ui-t309-03-standard.mod img {
            display: block;
        }

        .ui-t309-03-standard:active .h4-replace,
        .ui-t309-03-standard:active h4,
        .ui-t309-03-standard:focus .h4-replace,
        .ui-t309-03-standard:focus h4,
        .ui-t309-03-standard:hover .h4-replace,
        .ui-t309-03-standard:hover h4 {
            color: #e03c00;
        }

            .ui-t309-03-standard:active .h4-replace.alt-colored,
            .ui-t309-03-standard:active h4.alt-colored,
            .ui-t309-03-standard:focus .h4-replace.alt-colored,
            .ui-t309-03-standard:focus h4.alt-colored,
            .ui-t309-03-standard:hover .h4-replace.alt-colored,
            .ui-t309-03-standard:hover h4.alt-colored {
                color: #e03c00;
            }

        .ui-t309-03-standard:active.is-cumulus .h4-replace,
        .ui-t309-03-standard:active.is-cumulus h4,
        .ui-t309-03-standard:focus.is-cumulus .h4-replace,
        .ui-t309-03-standard:focus.is-cumulus h4,
        .ui-t309-03-standard:hover.is-cumulus .h4-replace,
        .ui-t309-03-standard:hover.is-cumulus h4 {
            color: #00145c;
        }

        .ui-t309-03-standard.is-badge .sub-image-box.var-2 img {
            top: 50px;
            right: 40px;
        }

        .ui-t309-03-standard.alt-colored:active .h4-replace,
        .ui-t309-03-standard.alt-colored:active h4,
        .ui-t309-03-standard.alt-colored:focus .h4-replace,
        .ui-t309-03-standard.alt-colored:focus h4,
        .ui-t309-03-standard.alt-colored:hover .h4-replace,
        .ui-t309-03-standard.alt-colored:hover h4 {
            color: #e03c00;
        }
}

@media screen and (max-width: 479px) {
    .ui-t309-03-standard {
        border-width: 0 0 2px;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        min-height: 100px;
        margin-bottom: 15px;
    }

        .ui-t309-03-standard .text-area {
            padding-right: 0;
            padding-bottom: 6px;
            padding-left: 0;
            background-color: rgba(0, 0, 0, 0);
        }

        .ui-t309-03-standard.is-badge .h4-replace,
        .ui-t309-03-standard.is-badge h4 {
            padding-bottom: 10px;
            margin-top: 4px;
        }

        .ui-t309-03-standard.is-badge .sub-image-box img {
            max-height: 53px;
        }

        .ui-t309-03-standard.is-badge .sub-image-box.var-2 img {
            top: 6px;
            right: 6px;
        }

        .ui-t309-03-standard .h4-replace,
        .ui-t309-03-standard h4 {
            font-size: 1.8rem;
            line-height: 2.4rem;
        }

        .ui-t309-03-standard p {
            font-size: 1.6rem;
            line-height: 2.4rem;
        }

        .ui-t309-03-standard.m-teaser-ad.is-badge .sub-image-box img {
            top: 6px;
            max-height: none;
        }
}

@media screen and (max-width: 479px) {
    .bg-dark:not(.no-mobile-bg) .ui-t309-03-standard .h4-replace,
    .bg-dark:not(.no-mobile-bg) .ui-t309-03-standard h4 {
        color: #fff;
    }

    .bg-dark:not(.no-mobile-bg) .ui-t309-03-standard p {
        color: #fff;
    }

    .bg-dark:not(.no-mobile-bg) .ui-t309-03-standard:active .h4-replace,
    .bg-dark:not(.no-mobile-bg) .ui-t309-03-standard:active h4,
    .bg-dark:not(.no-mobile-bg) .ui-t309-03-standard:focus .h4-replace,
    .bg-dark:not(.no-mobile-bg) .ui-t309-03-standard:focus h4,
    .bg-dark:not(.no-mobile-bg) .ui-t309-03-standard:hover .h4-replace,
    .bg-dark:not(.no-mobile-bg) .ui-t309-03-standard:hover h4 {
        color: #ccc;
    }
}

@media screen and (max-width: 479px) {
    .col-xs-6 .ui-t309-03-standard {
        border: 0;
    }

        .col-xs-6 .ui-t309-03-standard .text-area {
            padding-top: 5px;
        }

        .col-xs-6 .ui-t309-03-standard .h4-replace,
        .col-xs-6 .ui-t309-03-standard h4 {
            font-size: 1.2rem;
            line-height: 1.4rem;
        }

        .col-xs-6 .ui-t309-03-standard p {
            font-size: 1.2rem;
            line-height: 1.6rem;
        }

        .col-xs-6 .ui-t309-03-standard .link-box img {
            display: block;
        }
}

.layout3333Columns .ui-t309-03-standard .link-box img,
.teaserLayoutSquare .ui-t309-03-standard .link-box img {
    display: block;
}

.ui-t310-03-store {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 310px;
    margin-bottom: 17px;
    background-color: #fff;
    cursor: pointer;
}

    .ui-t310-03-store.is-red h4 {
        color: #ff290b;
    }

    .ui-t310-03-store.is-red:active h4,
    .ui-t310-03-store.is-red:focus h4,
    .ui-t310-03-store.is-red:hover h4 {
        color: #ec0000;
    }

    .ui-t310-03-store.is-green h4 {
        color: #078550;
    }

    .ui-t310-03-store.is-green:active h4,
    .ui-t310-03-store.is-green:focus h4,
    .ui-t310-03-store.is-green:hover h4 {
        color: #005d25;
    }

    .ui-t310-03-store.is-cyan h4 {
        color: #167f77;
    }

    .ui-t310-03-store.is-cyan:active h4,
    .ui-t310-03-store.is-cyan:focus h4,
    .ui-t310-03-store.is-cyan:hover h4 {
        color: #136f68;
    }

    .ui-t310-03-store.is-blue h4 {
        color: #039;
    }

    .ui-t310-03-store.is-blue:active h4,
    .ui-t310-03-store.is-blue:focus h4,
    .ui-t310-03-store.is-blue:hover h4 {
        color: #000573;
    }

    .ui-t310-03-store.is-orange h4 {
        color: #f60;
    }

    .ui-t310-03-store.is-orange:active h4,
    .ui-t310-03-store.is-orange:focus h4,
    .ui-t310-03-store.is-orange:hover h4 {
        color: #de450a;
    }

    .ui-t310-03-store .link-box {
        display: block;
        height: 100%;
        background: 0 0;
    }

        .ui-t310-03-store .link-box img {
            width: 75%;
            margin-top: 20px;
            margin-bottom: 20px;
        }

    .ui-t310-03-store .text-area {
        padding-top: 14px;
        padding-bottom: 14px;
        background-color: #fff;
    }

    .ui-t310-03-store h4 {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2.2rem;
        line-height: 2.8rem;
        padding-bottom: 8px;
        margin-top: 2px;
        margin-bottom: 0;
    }

@media screen and (max-width: 1199px) {
    .ui-t310-03-store {
        min-height: 280px;
    }
}

@media screen and (max-width: 991px) {
    .ui-t310-03-store h4 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .ui-t310-03-store .link-box img {
        width: 80%;
        margin-top: 15px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .ui-t310-03-store {
        min-height: 100px;
        margin-bottom: 0;
    }

        .ui-t310-03-store h4 {
            font-size: 1.8rem;
            line-height: 2.4rem;
        }

        .ui-t310-03-store .link-box img {
            max-width: 180px;
        }
}

@media screen and (max-width: 479px) {
    .ui-t310-03-store .text-area {
        padding-right: 0;
        padding-bottom: 6px;
        padding-left: 0;
        background-color: rgba(0, 0, 0, 0);
    }
}

.ui-t315-04-standard {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 310px;
    margin-bottom: 20px;
    background-color: #fff;
    cursor: pointer;
}

    .ui-t315-04-standard.align-center .link-area,
    .ui-t315-04-standard.align-center .text-area {
        text-align: center;
    }

    .ui-t315-04-standard .link-box {
        display: block;
        height: 100%;
        background: 0 0;
    }

    .ui-t315-04-standard.is-searchresult {
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-t315-04-standard.is-searchresult .text-area {
            background-color: rgba(0, 0, 0, 0);
        }

        .ui-t315-04-standard.is-searchresult .h4-replace,
        .ui-t315-04-standard.is-searchresult .link-area,
        .ui-t315-04-standard.is-searchresult .text-area,
        .ui-t315-04-standard.is-searchresult h4,
        .ui-t315-04-standard.is-searchresult img,
        .ui-t315-04-standard.is-searchresult p {
            transform: translate3d(0, 0, 0);
        }

        .ui-t315-04-standard.is-searchresult:active .h4-replace,
        .ui-t315-04-standard.is-searchresult:active h4,
        .ui-t315-04-standard.is-searchresult:focus .h4-replace,
        .ui-t315-04-standard.is-searchresult:focus h4,
        .ui-t315-04-standard.is-searchresult:hover .h4-replace,
        .ui-t315-04-standard.is-searchresult:hover h4 {
            color: #e03c00;
        }

            .ui-t315-04-standard.is-searchresult:active .h4-replace.alt-colored,
            .ui-t315-04-standard.is-searchresult:active h4.alt-colored,
            .ui-t315-04-standard.is-searchresult:focus .h4-replace.alt-colored,
            .ui-t315-04-standard.is-searchresult:focus h4.alt-colored,
            .ui-t315-04-standard.is-searchresult:hover .h4-replace.alt-colored,
            .ui-t315-04-standard.is-searchresult:hover h4.alt-colored {
                color: #e03c00;
            }

        .ui-t315-04-standard.is-searchresult:active .h4-replace,
        .ui-t315-04-standard.is-searchresult:active .link-area,
        .ui-t315-04-standard.is-searchresult:active .text-area,
        .ui-t315-04-standard.is-searchresult:active h4,
        .ui-t315-04-standard.is-searchresult:active img,
        .ui-t315-04-standard.is-searchresult:active p,
        .ui-t315-04-standard.is-searchresult:focus .h4-replace,
        .ui-t315-04-standard.is-searchresult:focus .link-area,
        .ui-t315-04-standard.is-searchresult:focus .text-area,
        .ui-t315-04-standard.is-searchresult:focus h4,
        .ui-t315-04-standard.is-searchresult:focus img,
        .ui-t315-04-standard.is-searchresult:focus p,
        .ui-t315-04-standard.is-searchresult:hover .h4-replace,
        .ui-t315-04-standard.is-searchresult:hover .link-area,
        .ui-t315-04-standard.is-searchresult:hover .text-area,
        .ui-t315-04-standard.is-searchresult:hover h4,
        .ui-t315-04-standard.is-searchresult:hover img,
        .ui-t315-04-standard.is-searchresult:hover p {
            transform: translate3d(0, 0, 0);
        }

@media screen and (max-width: 479px) {
    .ui-t315-04-standard.is-searchresult {
        margin-bottom: 0;
    }
}

.ui-t315-04-standard.is-cumulus .h4-replace,
.ui-t315-04-standard.is-cumulus h4 {
    color: #003d8d;
}

.ui-t315-04-standard.is-cumulus:active .h4-replace,
.ui-t315-04-standard.is-cumulus:active h4,
.ui-t315-04-standard.is-cumulus:focus .h4-replace,
.ui-t315-04-standard.is-cumulus:focus h4,
.ui-t315-04-standard.is-cumulus:hover .h4-replace,
.ui-t315-04-standard.is-cumulus:hover h4 {
    color: #00145c;
}

.ui-t315-04-standard.is-cumulus.is-badge .sub-image-box img {
    max-height: 70px;
}

.ui-t315-04-standard.is-cumulus.is-badge .sub-image-box.var-2 img {
    top: 150px;
}

.ui-t315-04-standard .text-area {
    padding-top: 10px;
    padding-bottom: 40px;
    background-color: #fff;
    transition: transform 0.45s cubic-bezier(0.17, 0.67, 0.28, 1) 0.05s;
}

@-moz-document url-prefix() {
    .ui-t315-04-standard .text-area {
        transform: perspective(1px);
    }
}

.ui-t315-04-standard .h4-replace,
.ui-t315-04-standard h4 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 0;
    color: #f60;
    font-family: 'Helvetica Now Text Bold';
    font-weight: 400;
    overflow-wrap: break-word;
}

    .ui-t315-04-standard .h4-replace.alt-colored,
    .ui-t315-04-standard h4.alt-colored {
        color: #f60;
    }

@media screen and (min-width: 768px) {
    .ui-t315-04-standard .h4-replace,
    .ui-t315-04-standard h4 {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
}

.ui-t315-04-standard .text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #333;
    font-family: 'Helvetica Now Text Regular';
    overflow-wrap: break-word;
}

    .ui-t315-04-standard .text.alt-colored {
        color: #333;
    }

@media screen and (min-width: 768px) {
    .ui-t315-04-standard .text {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}

.ui-t315-04-standard .link-area {
    position: absolute;
    bottom: -25px;
    width: 100%;
    transform: perspective(1px);
    transition: transform 0.35s ease 0.1s;
}

.ui-t315-04-standard.alt-colored .h4-replace,
.ui-t315-04-standard.alt-colored h4 {
    color: #f60;
}

.ui-t315-04-standard.alt-colored .text {
    color: #333;
}

.ui-t315-04-standard .date {
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #999;
}

@media screen and (min-width: 992px) {
    .ui-t315-04-standard:active .text-area,
    .ui-t315-04-standard:focus .text-area,
    .ui-t315-04-standard:hover .text-area {
        transform: translate3d(0, -42px, 0);
    }

    .ui-t315-04-standard:active .link-area,
    .ui-t315-04-standard:focus .link-area,
    .ui-t315-04-standard:hover .link-area {
        position: absolute;
        transform: translate3d(0, -42px, 0);
    }
}

@media screen and (max-width: 991px) {
    .ui-t315-04-standard {
        min-height: 280px;
    }

        .ui-t315-04-standard .link-area {
            bottom: -35px;
            transform: translate3d(0, -42px, 0);
            position: absolute;
        }

        .ui-t315-04-standard.is-cumulus.is-badge .sub-image-box img {
            z-index: 1;
        }

        .ui-t315-04-standard.is-cumulus.is-badge .sub-image-box.var-2 {
            z-index: 2;
        }

        .ui-t315-04-standard:active .h4-replace,
        .ui-t315-04-standard:active h4,
        .ui-t315-04-standard:focus .h4-replace,
        .ui-t315-04-standard:focus h4,
        .ui-t315-04-standard:hover .h4-replace,
        .ui-t315-04-standard:hover h4 {
            color: #e03c00;
        }

            .ui-t315-04-standard:active .h4-replace.alt-colored,
            .ui-t315-04-standard:active h4.alt-colored,
            .ui-t315-04-standard:focus .h4-replace.alt-colored,
            .ui-t315-04-standard:focus h4.alt-colored,
            .ui-t315-04-standard:hover .h4-replace.alt-colored,
            .ui-t315-04-standard:hover h4.alt-colored {
                color: #e03c00;
            }

        .ui-t315-04-standard:active.is-cumulus .h4-replace,
        .ui-t315-04-standard:active.is-cumulus h4,
        .ui-t315-04-standard:focus.is-cumulus .h4-replace,
        .ui-t315-04-standard:focus.is-cumulus h4,
        .ui-t315-04-standard:hover.is-cumulus .h4-replace,
        .ui-t315-04-standard:hover.is-cumulus h4 {
            color: #00145c;
        }

        .ui-t315-04-standard.alt-colored:active .h4-replace,
        .ui-t315-04-standard.alt-colored:active h4,
        .ui-t315-04-standard.alt-colored:focus .h4-replace,
        .ui-t315-04-standard.alt-colored:focus h4,
        .ui-t315-04-standard.alt-colored:hover .h4-replace,
        .ui-t315-04-standard.alt-colored:hover h4 {
            color: #e03c00;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t315-04-standard.is-cumulus.is-badge .sub-image-box img {
        top: 15px;
        right: 15px;
    }

    .ui-t315-04-standard.is-cumulus.is-badge .sub-image-box.var-2 {
        z-index: 2;
    }

        .ui-t315-04-standard.is-cumulus.is-badge .sub-image-box.var-2 img {
            top: 90px;
        }
}

@media screen and (max-width: 479px) {
    .ui-t315-04-standard {
        height: auto;
        min-height: auto;
    }

        .ui-t315-04-standard .text-area {
            padding-top: 4px;
        }

        .ui-t315-04-standard .h4-replace,
        .ui-t315-04-standard h4 {
            font-size: 1.2rem;
            line-height: 1.5rem;
            padding-bottom: 0;
        }

        .ui-t315-04-standard .text {
            font-size: 1.2rem;
            line-height: 1.5rem;
            margin-top: 5px;
            margin-bottom: 0;
        }

        .ui-t315-04-standard .link-area {
            display: none;
        }

        .ui-t315-04-standard.is-cumulus .link-area {
            display: none;
        }

        .ui-t315-04-standard.is-cumulus.is-badge .sub-image-box img {
            top: 10px;
            right: 6px;
            max-width: 60px;
            max-height: 50px;
        }

        .ui-t315-04-standard.is-cumulus.is-badge .sub-image-box.var-2 img {
            top: 70px;
        }
}

@media screen and (max-width: 374px) {
    .ui-t315-04-standard.is-cumulus.is-badge .sub-image-box.var-2 img {
        top: 54px;
    }
}

@media screen and (max-width: 479px) {
    .col-xs-12 .ui-t315-04-standard {
        margin-bottom: 17px;
    }

        .col-xs-12 .ui-t315-04-standard .h4-replace,
        .col-xs-12 .ui-t315-04-standard h4 {
            font-size: 1.4rem;
            line-height: 1.6rem;
        }

        .col-xs-12 .ui-t315-04-standard .text-area {
            padding-top: 8px;
            padding-bottom: 12px;
        }

        .col-xs-12 .ui-t315-04-standard .link-area {
            display: none;
        }

        .col-xs-12 .ui-t315-04-standard.is-cumulus .link {
            font-size: 1.4rem;
            line-height: 1.6rem;
        }

        .col-xs-12 .ui-t315-04-standard.is-cumulus.is-badge .sub-image-box img {
            top: 15px;
            right: 15px;
            max-width: 80px;
            max-height: 53px;
        }

        .col-xs-12 .ui-t315-04-standard.is-cumulus.is-badge .sub-image-box.var-2 img {
            top: 185px;
        }

    .col-xs-6 .m-teaser-partner__wrapper {
        min-height: auto;
    }

        .col-xs-6 .m-teaser-partner__wrapper .m-teaser-partner__image {
            height: auto;
        }

    .col-xs-6 .m-teaser-partner .is-badge .sub-image-box {
        top: 9vw;
        right: 5vw;
    }
}

.t316-04-digitalcoupon-teaser {
    --bg-color: var(--campaign-color, #dcecff);
    height: 230px;
    position: relative;
    margin-top: 24px;
}

    .t316-04-digitalcoupon-teaser .detail-page-link {
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        font-size: 0;
        color: transparent;
    }

    .t316-04-digitalcoupon-teaser .coupon-content {
        transition: box-shadow 0.35s ease;
        box-shadow: 0 0 7px rgba(0, 61, 141, 0.18);
        display: flex;
        flex-direction: row;
        position: relative;
        align-items: stretch;
        height: 100%;
    }

    .t316-04-digitalcoupon-teaser.has-hover:hover .coupon-content {
        box-shadow: 0 0 0 rgba(0, 61, 141, 0);
    }

    .t316-04-digitalcoupon-teaser .content-left,
    .t316-04-digitalcoupon-teaser .content-right {
        border: 2px solid var(--bg-color);
    }

    .t316-04-digitalcoupon-teaser .badge {
        font-size: 0.7rem;
        width: 38px;
        height: 38px;
        background-color: #003d8d;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Helvetica Now Text Bold';
        font-weight: 400;
        padding: 2px;
        transform: translateX(46%);
        position: absolute;
        right: 0;
        top: 11px;
        border-radius: 50%;
    }

[lang='de'] .t316-04-digitalcoupon-teaser .badge {
    font-size: 1.2rem;
    line-height: 1.4rem;
}

[lang='it'] .t316-04-digitalcoupon-teaser .badge {
    font-size: 1rem;
    line-height: 1.2rem;
}

[lang='fr'] .t316-04-digitalcoupon-teaser .badge {
    font-size: 0.7rem;
    line-height: 0.9rem;
}

.t316-04-digitalcoupon-teaser .content-left {
    display: flex;
    flex-direction: column;
    width: 39.9%;
    padding: 13px 15px 15px;
    height: 100%;
}

.t316-04-digitalcoupon-teaser .content-right {
    background-color: var(--bg-color);
    display: flex;
    flex-direction: column;
    width: 62%;
    padding: 12px 17px 15px;
    height: 100%;
}

.t316-04-digitalcoupon-teaser.is-redeemed .content-right {
    padding-top: 38px;
}

.t316-04-digitalcoupon-teaser .teaser-image-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.t316-04-digitalcoupon-teaser .teaser-image-mask {
    width: 100px;
    height: 100px;
    max-width: 96px;
    max-height: 96px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 47px;
    left: 13px;
}

.t316-04-digitalcoupon-teaser .teaser-image {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 96px;
    max-height: 96px;
}

.t316-04-digitalcoupon-teaser .teaser-signet {
    max-width: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.t316-04-digitalcoupon-teaser .logo {
    align-self: flex-start;
    display: block;
    max-height: 18px;
    max-width: 72px;
}

.t316-04-digitalcoupon-teaser a.coupon-link {
    font-size: 1.1rem;
    line-height: 1.1rem;
    display: block;
    color: #003d8d;
    position: relative;
    background: 0 0;
    z-index: 2;
    margin-top: 10px;
}

    .t316-04-digitalcoupon-teaser a.coupon-link::after {
        position: static;
        opacity: 1;
        content: '';
        display: inline-block;
        width: 5px;
        height: 9px;
        background: url(../img/arrow-right-orange.svg) 0 0 no-repeat;
        background-size: cover;
        transform: translateY(1px);
    }

    .t316-04-digitalcoupon-teaser a.coupon-link:active,
    .t316-04-digitalcoupon-teaser a.coupon-link:focus,
    .t316-04-digitalcoupon-teaser a.coupon-link:hover {
        background: 0 0;
    }

        .t316-04-digitalcoupon-teaser a.coupon-link:active::after,
        .t316-04-digitalcoupon-teaser a.coupon-link:focus::after,
        .t316-04-digitalcoupon-teaser a.coupon-link:hover::after {
            transform: translateY(1px);
            /*background-image: url(../img/arrow-right-orange-hover.svg);*/
        }

.t316-04-digitalcoupon-teaser.is-partneroffer .coupon-link {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-top: auto;
}

    .t316-04-digitalcoupon-teaser.is-partneroffer .coupon-link::after {
        width: 7px;
        height: 12px;
    }

    .t316-04-digitalcoupon-teaser.is-partneroffer
    .coupon-link.coupon-link-external::after {
        background: url(../img/arrow-right-external-orange.svg) 100% 0 no-repeat;
        background-size: 10px;
        width: 15px;
        transform: translateY(2px);
    }

    .t316-04-digitalcoupon-teaser.is-partneroffer
    .coupon-link.coupon-link-external:active::after,
    .t316-04-digitalcoupon-teaser.is-partneroffer
    .coupon-link.coupon-link-external:focus::after,
    .t316-04-digitalcoupon-teaser.is-partneroffer
    .coupon-link.coupon-link-external:hover::after {
        transform: translateY(2px);
        background-image: url(../img/arrow-right-external-orange-hover.svg);
    }

.t316-04-digitalcoupon-teaser .coupon-title {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: 'Helvetica Now Text XBold';
    font-weight: 400;
    color: #003d8d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    margin-top: 0;
}

.t316-04-digitalcoupon-teaser .coupon-subtitle {
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-family: 'Helvetica Now Text XBold';
    font-weight: 400;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 5px;
    margin-bottom: 0;
}

.t316-04-digitalcoupon-teaser .coupon-text {
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-family: 'Helvetica Now Text Regular';
    font-weight: 400;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

    .t316-04-digitalcoupon-teaser .coupon-text.primary {
        margin-top: 6px;
    }

    .t316-04-digitalcoupon-teaser .coupon-text.tertiary {
        -webkit-line-clamp: 1;
    }

.t316-04-digitalcoupon-teaser .teaser-button {
    font-size: 1.4rem;
    padding: 10px 20px 7px;
    align-self: start;
    margin-top: auto;
    position: relative;
    z-index: 2;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .t316-04-digitalcoupon-teaser .teaser-button:focus {
        outline: 0;
    }

.t316-04-digitalcoupon-teaser .redeemed-text {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    letter-spacing: 0.053rem;
    min-height: 32px;
    margin: auto 0 0;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
}

.t316-04-digitalcoupon-teaser.is-disabled {
    pointer-events: none;
}

    .t316-04-digitalcoupon-teaser.is-disabled::after {
        content: '';
        position: absolute;
        background-color: #fff;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 50%;
        z-index: 2;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .t316-04-digitalcoupon-teaser {
        height: 215px;
    }

        .t316-04-digitalcoupon-teaser .content-left {
            width: 40.1%;
        }

        .t316-04-digitalcoupon-teaser .content-right {
            width: 61%;
            padding-left: 14px;
            padding-right: 13.5px;
        }

        .t316-04-digitalcoupon-teaser .badge {
            top: 10px;
        }

        .t316-04-digitalcoupon-teaser.is-redeemed .content-right {
            padding-top: 33px;
        }

        .t316-04-digitalcoupon-teaser .teaser-image-mask {
            bottom: 52px;
            left: 14px;
        }

        .t316-04-digitalcoupon-teaser .teaser-image,
        .t316-04-digitalcoupon-teaser .teaser-image-mask {
            max-width: 80px;
            max-height: 80px;
        }

        .t316-04-digitalcoupon-teaser .coupon-title {
            font-size: 1.2rem;
            line-height: 1.4rem;
        }

        .t316-04-digitalcoupon-teaser .coupon-subtitle,
        .t316-04-digitalcoupon-teaser .coupon-text {
            font-size: 1rem;
            line-height: 1.3rem;
        }

            .t316-04-digitalcoupon-teaser .coupon-text.primary {
                margin-top: 5px;
            }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .t316-04-digitalcoupon-teaser {
        height: 213px;
    }

        .t316-04-digitalcoupon-teaser .detail-page-link:hover + .coupon-content {
            border: 0;
            box-shadow: 0 0 0 rgba(0, 61, 141, 0);
        }

        .t316-04-digitalcoupon-teaser .content-right {
            padding-left: 16px;
            padding-right: 16px;
        }

        .t316-04-digitalcoupon-teaser .content-left {
            width: 39.1%;
        }

        .t316-04-digitalcoupon-teaser.is-redeemed .content-right {
            padding-top: 34px;
        }

        .t316-04-digitalcoupon-teaser .teaser-image,
        .t316-04-digitalcoupon-teaser .teaser-image-mask {
            max-width: 86px;
            max-height: 86px;
        }

        .t316-04-digitalcoupon-teaser .teaser-image-mask {
            bottom: 62px;
            left: 15px;
        }

        .t316-04-digitalcoupon-teaser .coupon-title {
            font-size: 1.2rem;
            line-height: 1.4rem;
        }

        .t316-04-digitalcoupon-teaser .coupon-subtitle,
        .t316-04-digitalcoupon-teaser .coupon-text {
            font-size: 1rem;
            line-height: 1.3rem;
        }

            .t316-04-digitalcoupon-teaser .coupon-text.primary {
                margin-top: 5px;
            }
}

@media screen and (max-width: 767px) {
    .t316-04-digitalcoupon-teaser {
        background: 0 0;
        height: 231px;
        margin-top: 17px;
    }

        .t316-04-digitalcoupon-teaser .coupon-content {
            border: 0;
        }

        .t316-04-digitalcoupon-teaser .detail-page-link:hover + .coupon-content {
            border: 0;
            box-shadow: 0 0 0 rgba(0, 61, 141, 0);
        }

        .t316-04-digitalcoupon-teaser .badge {
            width: 38px;
            height: 38px;
            right: 8px;
            top: 0;
            transform: translateY(-30%);
        }

        .t316-04-digitalcoupon-teaser .content-left {
            width: 42.1%;
        }

        .t316-04-digitalcoupon-teaser .content-right {
            width: 80.8%;
            padding-left: 15px;
        }

        .t316-04-digitalcoupon-teaser .teaser-image,
        .t316-04-digitalcoupon-teaser .teaser-image-mask {
            max-height: 100px;
            left: 15px;
            max-width: 100px;
        }

        .t316-04-digitalcoupon-teaser .teaser-image-mask {
            margin-left: 0;
        }

        .t316-04-digitalcoupon-teaser.is-partneroffer .coupon-link {
            line-height: 1.6rem;
        }
}

.ui-t324-03-standardimagetext {
    width: 100%;
    height: 100%;
    min-height: 310px;
    margin-bottom: 17px;
    background: #f60;
    border-radius: 4px;
    cursor: pointer;
}

    .ui-t324-03-standardimagetext.is-atlantis {
        background: #98cd4e;
        transition: background 0.3s ease-out;
    }

        .ui-t324-03-standardimagetext.is-atlantis:not(.no-link):active,
        .ui-t324-03-standardimagetext.is-atlantis:not(.no-link):focus,
        .ui-t324-03-standardimagetext.is-atlantis:not(.no-link):hover {
            background: #75b714;
        }

    .ui-t324-03-standardimagetext.is-blue {
        background: #00aecf;
        transition: background 0.3s ease-out;
    }

        .ui-t324-03-standardimagetext.is-blue:not(.no-link):active,
        .ui-t324-03-standardimagetext.is-blue:not(.no-link):focus,
        .ui-t324-03-standardimagetext.is-blue:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t324-03-standardimagetext.is-dark-blue {
        background: #039;
        transition: background 0.3s ease-out;
    }

        .ui-t324-03-standardimagetext.is-dark-blue:not(.no-link):active,
        .ui-t324-03-standardimagetext.is-dark-blue:not(.no-link):focus,
        .ui-t324-03-standardimagetext.is-dark-blue:not(.no-link):hover {
            background: #000573;
        }

    .ui-t324-03-standardimagetext.is-cumulus {
        background: #003d8d;
        transition: background 0.3s ease-out;
    }

        .ui-t324-03-standardimagetext.is-cumulus:not(.no-link):active,
        .ui-t324-03-standardimagetext.is-cumulus:not(.no-link):focus,
        .ui-t324-03-standardimagetext.is-cumulus:not(.no-link):hover {
            background: #00145c;
        }

    .ui-t324-03-standardimagetext.is-cyan {
        background: #0daacf;
        transition: background 0.3s ease-out;
    }

        .ui-t324-03-standardimagetext.is-cyan:not(.no-link):active,
        .ui-t324-03-standardimagetext.is-cyan:not(.no-link):focus,
        .ui-t324-03-standardimagetext.is-cyan:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t324-03-standardimagetext.is-gray {
        background: #b7b0ac;
        transition: background 0.3s ease-out;
    }

        .ui-t324-03-standardimagetext.is-gray:not(.no-link):active,
        .ui-t324-03-standardimagetext.is-gray:not(.no-link):focus,
        .ui-t324-03-standardimagetext.is-gray:not(.no-link):hover {
            background: #9f9690;
        }

    .ui-t324-03-standardimagetext.is-orange {
        background: #f60;
        transition: background 0.3s ease-out;
    }

        .ui-t324-03-standardimagetext.is-orange:not(.no-link):active,
        .ui-t324-03-standardimagetext.is-orange:not(.no-link):focus,
        .ui-t324-03-standardimagetext.is-orange:not(.no-link):hover {
            background: #e03c00;
        }

    .ui-t324-03-standardimagetext.is-pink-red {
        background: #ff0036;
        transition: background 0.3s ease-out;
    }

        .ui-t324-03-standardimagetext.is-pink-red:not(.no-link):active,
        .ui-t324-03-standardimagetext.is-pink-red:not(.no-link):focus,
        .ui-t324-03-standardimagetext.is-pink-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t324-03-standardimagetext.is-red {
        background: #ff290b;
        transition: background 0.3s ease-out;
    }

        .ui-t324-03-standardimagetext.is-red:not(.no-link):active,
        .ui-t324-03-standardimagetext.is-red:not(.no-link):focus,
        .ui-t324-03-standardimagetext.is-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t324-03-standardimagetext.is-white {
        background: #fff;
    }

        .ui-t324-03-standardimagetext.is-white.with-image .text-area h3,
        .ui-t324-03-standardimagetext.is-white.with-image .text-area p {
            color: #333;
        }

        .ui-t324-03-standardimagetext.is-white.with-image .text-area::after {
            background-image: url(../img/arrow-teaser-black.svg);
        }

    .ui-t324-03-standardimagetext:hover {
        background: #f60;
    }

    .ui-t324-03-standardimagetext .link-box {
        display: block;
        height: 100%;
        background: 0 0;
    }

    .ui-t324-03-standardimagetext .aural {
        overflow: hidden;
        color: transparent;
        font: 0/0 serif;
        text-shadow: none;
    }

    .ui-t324-03-standardimagetext.is-white {
        background-color: #fff;
    }

    .ui-t324-03-standardimagetext.is-blue {
        background-color: #039;
    }

    .ui-t324-03-standardimagetext .text-area p {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .ui-t324-03-standardimagetext .text-area .h3-replace,
    .ui-t324-03-standardimagetext .text-area h3 {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2rem;
        line-height: 2.5rem;
        overflow-wrap: anywhere;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .ui-t324-03-standardimagetext.with-image .link-box {
        position: relative;
        min-height: 310px;
    }

    .ui-t324-03-standardimagetext.with-image:active img,
    .ui-t324-03-standardimagetext.with-image:focus img,
    .ui-t324-03-standardimagetext.with-image:hover img {
        transform: scale(1.05, 1.05);
    }

    .ui-t324-03-standardimagetext.with-image:active .icon-box,
    .ui-t324-03-standardimagetext.with-image:focus .icon-box,
    .ui-t324-03-standardimagetext.with-image:hover .icon-box {
        background-color: #de450a;
    }

        .ui-t324-03-standardimagetext.with-image:active .icon-box .icon,
        .ui-t324-03-standardimagetext.with-image:focus .icon-box .icon,
        .ui-t324-03-standardimagetext.with-image:hover .icon-box .icon {
            transform: scale(1.05, 1.05);
        }

    .ui-t324-03-standardimagetext.with-image:active .text-area::after,
    .ui-t324-03-standardimagetext.with-image:focus .text-area::after,
    .ui-t324-03-standardimagetext.with-image:hover .text-area::after {
        background-position: 0 -24px;
    }

    .ui-t324-03-standardimagetext.with-image img {
        display: block;
        width: 135px;
        margin: 0 auto;
        transition: transform 0.5s ease-out;
    }

    .ui-t324-03-standardimagetext.with-image .is-top .text-area {
        position: absolute;
        right: 20px;
        bottom: 20px;
        left: 20px;
    }

    .ui-t324-03-standardimagetext.with-image .is-top .ui-resp-image {
        display: block;
        margin: 0 auto;
    }

    .ui-t324-03-standardimagetext.with-image .is-top img {
        padding-top: 10px;
    }

    .ui-t324-03-standardimagetext.with-image .is-bottom .text-area {
        display: block;
        padding: 20px;
        margin: 0 auto;
    }

    .ui-t324-03-standardimagetext.with-image .is-bottom .ui-resp-image {
        position: absolute;
        right: 20px;
        bottom: 10px;
        left: 20px;
    }

    .ui-t324-03-standardimagetext.with-image .text-area .h3-replace,
    .ui-t324-03-standardimagetext.with-image .text-area h3 {
        margin-top: 0;
        margin-bottom: 5px;
        color: #fff;
    }

    .ui-t324-03-standardimagetext.with-image .text-area p {
        color: #fff;
        overflow-wrap: break-word;
    }

    .ui-t324-03-standardimagetext.with-image .text-area::after {
        display: block;
        width: 12px;
        height: 20px;
        padding: 0;
        margin: 0;
        background-image: url(../img/arrow-teaser.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        content: ' ';
        transition: background-position 0.37s ease-out;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t324-03-standardimagetext.with-image .link-box {
        min-height: 280px;
    }

    .ui-t324-03-standardimagetext.with-image .text-area:active .text-area::after,
    .ui-t324-03-standardimagetext.with-image .text-area:focus .text-area::after,
    .ui-t324-03-standardimagetext.with-image .text-area:hover .text-area::after {
        background-position: 0 -24px;
    }
}

@media screen and (max-width: 1199px) {
    .ui-t324-03-standardimagetext.with-image .link-box {
        min-height: 280px;
    }

    .ui-t324-03-standardimagetext.with-image img {
        width: 115px;
    }

    .ui-t324-03-standardimagetext.with-image .is-top .text-area {
        right: 10px;
        bottom: 10px;
        left: 10px;
    }

    .ui-t324-03-standardimagetext.with-image .is-top img {
        padding-top: 10px;
    }

    .ui-t324-03-standardimagetext.with-image .is-bottom .text-area {
        padding: 10px;
    }

    .ui-t324-03-standardimagetext.with-image .is-bottom .ui-resp-image {
        right: 10px;
        bottom: 10px;
        left: 10px;
    }
}

@media screen and (max-width: 991px) {
    .ui-t324-03-standardimagetext.with-image .is-top .text-area {
        bottom: 10px;
    }

    .ui-t324-03-standardimagetext.with-image .is-top img {
        padding-top: 10px;
    }

    .ui-t324-03-standardimagetext.with-image .is-bottom .ui-resp-image {
        bottom: 10px;
    }

    .ui-t324-03-standardimagetext.with-image .text-area::after {
        width: 8px;
        height: 14px;
        background-image: url(../img/arrow-right-small-white.svg);
        background-position: 0 0;
    }

    .ui-t324-03-standardimagetext.with-image:active img,
    .ui-t324-03-standardimagetext.with-image:focus img,
    .ui-t324-03-standardimagetext.with-image:hover img {
        transform: none;
    }

    .ui-t324-03-standardimagetext.with-image:active .text-area::after,
    .ui-t324-03-standardimagetext.with-image:focus .text-area::after,
    .ui-t324-03-standardimagetext.with-image:hover .text-area::after {
        background-position: 0 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t324-03-standardimagetext.with-image img {
        width: 115px;
    }

    .ui-t324-03-standardimagetext.with-image .link-box {
        min-height: 280px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t324-03-standardimagetext.with-image img {
        width: 131px;
    }

    .ui-t324-03-standardimagetext.with-image .link-box {
        min-height: 310px;
    }
}

@media screen and (max-width: 479px) {
    .ui-t324-03-standardimagetext.with-image .link-box {
        display: table;
        min-height: 90px;
        padding: 10px;
        background: 0 0;
        vertical-align: middle;
    }

    .ui-t324-03-standardimagetext.with-image img {
        display: inline-block;
        width: 99px;
    }

    .ui-t324-03-standardimagetext.with-image .is-top .text-area {
        position: static;
        display: table-cell;
        width: 55%;
        vertical-align: middle;
    }

    .ui-t324-03-standardimagetext.with-image .is-top .ui-resp-image {
        display: table-cell;
        margin: 0;
        vertical-align: middle;
    }

    .ui-t324-03-standardimagetext.with-image .is-bottom .text-area {
        display: table-cell;
        width: 55%;
        padding: 0;
        margin: 0;
        vertical-align: middle;
    }

    .ui-t324-03-standardimagetext.with-image .is-bottom .ui-resp-image {
        position: static;
        display: table-cell;
        vertical-align: middle;
    }
}

.ui-t324-03-standardimagetext.without-image .text-area {
    padding: 20px;
}

    .ui-t324-03-standardimagetext.without-image .text-area::after {
        display: block;
        width: 12px;
        height: 20px;
        padding: 0;
        margin-top: 0;
        background-image: url(../img/arrow-teaser.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        content: ' ';
        transition: background-position 0.37s ease-out;
    }

.ui-t324-03-standardimagetext.without-image .h3-replace,
.ui-t324-03-standardimagetext.without-image h3 {
    margin-top: 0;
    margin-bottom: 5px;
    color: #fff;
}

.ui-t324-03-standardimagetext.without-image p {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 10px;
    color: #fff;
    overflow-wrap: break-word;
}

.ui-t324-03-standardimagetext.without-image.is-white {
    background-color: #fff;
}

    .ui-t324-03-standardimagetext.without-image.is-white .text-area .h3-replace,
    .ui-t324-03-standardimagetext.without-image.is-white .text-area h3,
    .ui-t324-03-standardimagetext.without-image.is-white .text-area p {
        color: #333;
    }

    .ui-t324-03-standardimagetext.without-image.is-white .text-area::after {
        background-image: url(../img/arrow-teaser-black.svg);
    }

@media screen and (min-width: 992px) {
    .ui-t324-03-standardimagetext.without-image:active .text-area::after,
    .ui-t324-03-standardimagetext.without-image:focus .text-area::after,
    .ui-t324-03-standardimagetext.without-image:hover .text-area::after {
        background-position: 0 -22px;
    }
}

@media screen and (max-width: 1199px) {
    .ui-t324-03-standardimagetext.without-image .text-area {
        padding: 10px;
    }
}

@media screen and (max-width: 991px) {
    .ui-t324-03-standardimagetext.without-image .text-area::after {
        width: 8px;
        height: 14px;
        background-image: url(../img/arrow-right-small-white.svg);
        background-position: 0 0;
    }

    .ui-t324-03-standardimagetext.without-image:active .text-area::after,
    .ui-t324-03-standardimagetext.without-image:focus .text-area::after,
    .ui-t324-03-standardimagetext.without-image:hover .text-area::after {
        background-position: 0 0;
    }

    .ui-t324-03-standardimagetext.without-image.is-white .text-area::after {
        background-image: url(../img/arrow-right-small-black.svg);
    }
}

@media screen and (max-width: 1199px) {
    .ui-t324-03-standardimagetext {
        min-height: 280px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t324-03-standardimagetext {
        min-height: 310px;
    }
}

@media screen and (max-width: 479px) {
    .ui-t324-03-standardimagetext {
        height: auto;
        min-height: 90px;
        margin-top: 17px;
    }

        .ui-t324-03-standardimagetext .text-area .h3-replace,
        .ui-t324-03-standardimagetext .text-area h3 {
            font-size: 1.8rem;
            line-height: 2.4rem;
        }
}

@media screen and (max-width: 479px) {
    .col-xs-6 .ui-t324-03-standardimagetext {
        margin-top: 0;
    }

        .col-xs-6 .ui-t324-03-standardimagetext.without-image .text-area {
            padding: 2px;
        }

        .col-xs-6 .ui-t324-03-standardimagetext .text-area .h3-replace,
        .col-xs-6 .ui-t324-03-standardimagetext .text-area h3 {
            font-size: 1.2rem;
            line-height: 1.4rem;
        }

        .col-xs-6 .ui-t324-03-standardimagetext .text-area p {
            font-size: 1.2rem;
            line-height: 1.5rem;
            margin-bottom: 6px;
        }

        .col-xs-6 .ui-t324-03-standardimagetext .link-box {
            display: block;
            min-height: 90px;
            padding: 10px;
            background: 0 0;
            vertical-align: middle;
        }

        .col-xs-6 .ui-t324-03-standardimagetext img {
            display: inline-block;
            width: 99px;
        }

        .col-xs-6 .ui-t324-03-standardimagetext .is-bottom .text-area,
        .col-xs-6 .ui-t324-03-standardimagetext .is-top .text-area {
            display: block;
            width: 100%;
            margin: 0 auto;
        }

        .col-xs-6 .ui-t324-03-standardimagetext .is-bottom .ui-resp-image,
        .col-xs-6 .ui-t324-03-standardimagetext .is-top .ui-resp-image {
            display: block;
            margin: 0 auto;
            vertical-align: middle;
        }

        .col-xs-6 .ui-t324-03-standardimagetext .is-bottom img,
        .col-xs-6 .ui-t324-03-standardimagetext .is-top img {
            display: block;
            margin: 0 auto;
            vertical-align: middle;
        }
}

.ui-t325-12-recipe-highlight {
    position: relative;
    padding: 110px 0 95px;
}

    .ui-t325-12-recipe-highlight::before {
        position: absolute;
        top: 20px;
        right: -25px;
        width: 623px;
        height: 554px;
        background-image: url(../img/svg/icons/recipe-teaser/teaser-shape.svg);
        content: '';
    }

    .ui-t325-12-recipe-highlight .image-box {
        position: relative;
        display: block;
    }

    .ui-t325-12-recipe-highlight .image-wrapper {
        position: relative;
        padding-top: 66.67%;
    }

    .ui-t325-12-recipe-highlight .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        transition: opacity 0s 0s ease-out;
    }

        .ui-t325-12-recipe-highlight .image.lazyloaded {
            opacity: 1;
            transition: opacity 250ms 50ms ease-out;
        }

    .ui-t325-12-recipe-highlight .discount-box {
        position: absolute;
        top: -55px;
        left: -10px;
        width: 170px;
        height: 120px;
    }

        .ui-t325-12-recipe-highlight .discount-box::after {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            content: '';
        }

    .ui-t325-12-recipe-highlight .video-icon {
        position: absolute;
        top: 14px;
        right: 14px;
        width: 45px;
        height: 46px;
        background-image: url(../img/svg/icons/recipe-teaser/video-recipe-icon.svg);
        content: '';
    }

    .ui-t325-12-recipe-highlight .content-box {
        display: block;
    }

    .ui-t325-12-recipe-highlight .headline {
        position: relative;
        margin-top: 30px;
        color: #333;
        font-family: MarrSansCondWeb;
        font-size: 3.2rem;
        letter-spacing: 0.64px;
        line-height: 35px;
        text-align: left;
    }

        .ui-t325-12-recipe-highlight .headline:hover span {
            --height: $height;
            -webkit-animation: animBack 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
            animation: animBack 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
        }

        .ui-t325-12-recipe-highlight .headline span {
            -webkit-animation: animBackHover 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
            animation: animBackHover 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
            position: relative;
            z-index: 1;
            padding: 0 0 2px;
            border-radius: 2px;
            overflow-wrap: anywhere;
        }

    .ui-t325-12-recipe-highlight .text {
        margin-top: 20px;
        color: #333;
        font-family: InkstonText;
        font-size: 1.8rem;
        letter-spacing: 0.11px;
        line-height: 24px;
        text-align: left;
    }

    .ui-t325-12-recipe-highlight .btn {
        padding: 12px 32px 10px;
        border-width: 3px;
        margin-top: 35px;
    }

    .ui-t325-12-recipe-highlight .logo-box {
        position: absolute;
        top: 37px;
        right: 0;
        width: 136px;
    }

    .ui-t325-12-recipe-highlight .logo-img {
        max-width: 100%;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t325-12-recipe-highlight {
        padding: 68px 0 60px;
    }

        .ui-t325-12-recipe-highlight::before {
            right: -40px;
            width: 400px;
            height: 355px;
            background-size: contain;
        }

        .ui-t325-12-recipe-highlight .discount-box {
            top: -35px;
            width: 105px;
            height: 80px;
        }

        .ui-t325-12-recipe-highlight .headline {
            padding-right: 6%;
            margin-top: 7px;
        }

        .ui-t325-12-recipe-highlight .text {
            margin: 15px 0 5px;
            font-size: 1.6rem;
            letter-spacing: 0.1px;
            line-height: 21px;
        }

        .ui-t325-12-recipe-highlight .recipe-info-box {
            max-width: 80%;
            padding: 7px 0 14px;
        }

        .ui-t325-12-recipe-highlight .btn {
            padding: 8px 19px 6px;
            border-width: 2px;
            margin-top: 15px;
            font-size: 1.1rem;
            letter-spacing: 0.39px;
            line-height: 12px;
        }
}

@media screen and (max-width: 991px) {
    .ui-t325-12-recipe-highlight .headline {
        font-size: 2.2rem;
        letter-spacing: 0.44px;
        line-height: 24px;
    }

    .ui-t325-12-recipe-highlight .logo-box {
        top: 20px;
        width: 88px;
    }

    .ui-t325-12-recipe-highlight .video-icon {
        top: 7px;
        right: 7px;
        width: 33px;
        height: 33px;
        background-size: contain;
    }
}

@media screen and (max-width: 767px) {
    .ui-t325-12-recipe-highlight {
        padding: 80px 12px 55px;
        margin: 0 -12px;
    }

        .ui-t325-12-recipe-highlight::before {
            top: 5%;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 92%;
            background-image: url(../img/svg/icons/recipe-teaser/teaser-shape-mobile.svg);
            background-position: 68% 0;
            background-size: cover;
        }

        .ui-t325-12-recipe-highlight .discount-box {
            top: -40px;
            left: 3px;
            width: 94px;
            height: 80px;
        }

        .ui-t325-12-recipe-highlight .content-box {
            text-align: center;
        }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
    .ui-t325-12-recipe-highlight::before {
        top: 0;
        width: 100%;
        height: 100%;
        background-position: 45% 0;
    }
}

:lang(de) .ui-t325-12-recipe-highlight .discount-box::after {
    background-image: url(../img/svg/icons/recipe-teaser/recipe-discount-badge-de.svg);
}

:lang(fr) .ui-t325-12-recipe-highlight .discount-box::after {
    background-image: url(../img/svg/icons/recipe-teaser/recipe-discount-badge-fr.svg);
}

:lang(it) .ui-t325-12-recipe-highlight .discount-box::after {
    background-image: url(../img/svg/icons/recipe-teaser/recipe-discount-badge-it.svg);
}

.ui-t327-04-imagetext {
    width: 100%;
    height: 100%;
    margin-bottom: 17px;
    background: #f60;
    border-radius: 4px;
}

    .ui-t327-04-imagetext.is-atlantis {
        background: #98cd4e;
        transition: background 0.3s ease-out;
    }

        .ui-t327-04-imagetext.is-atlantis:not(.no-link):active,
        .ui-t327-04-imagetext.is-atlantis:not(.no-link):focus,
        .ui-t327-04-imagetext.is-atlantis:not(.no-link):hover {
            background: #75b714;
        }

    .ui-t327-04-imagetext.is-blue {
        background: #00aecf;
        transition: background 0.3s ease-out;
    }

        .ui-t327-04-imagetext.is-blue:not(.no-link):active,
        .ui-t327-04-imagetext.is-blue:not(.no-link):focus,
        .ui-t327-04-imagetext.is-blue:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t327-04-imagetext.is-dark-blue {
        background: #039;
        transition: background 0.3s ease-out;
    }

        .ui-t327-04-imagetext.is-dark-blue:not(.no-link):active,
        .ui-t327-04-imagetext.is-dark-blue:not(.no-link):focus,
        .ui-t327-04-imagetext.is-dark-blue:not(.no-link):hover {
            background: #000573;
        }

    .ui-t327-04-imagetext.is-cumulus {
        background: #003d8d;
        transition: background 0.3s ease-out;
    }

        .ui-t327-04-imagetext.is-cumulus:not(.no-link):active,
        .ui-t327-04-imagetext.is-cumulus:not(.no-link):focus,
        .ui-t327-04-imagetext.is-cumulus:not(.no-link):hover {
            background: #00145c;
        }

    .ui-t327-04-imagetext.is-cyan {
        background: #0daacf;
        transition: background 0.3s ease-out;
    }

        .ui-t327-04-imagetext.is-cyan:not(.no-link):active,
        .ui-t327-04-imagetext.is-cyan:not(.no-link):focus,
        .ui-t327-04-imagetext.is-cyan:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t327-04-imagetext.is-gray {
        background: #b7b0ac;
        transition: background 0.3s ease-out;
    }

        .ui-t327-04-imagetext.is-gray:not(.no-link):active,
        .ui-t327-04-imagetext.is-gray:not(.no-link):focus,
        .ui-t327-04-imagetext.is-gray:not(.no-link):hover {
            background: #9f9690;
        }

    .ui-t327-04-imagetext.is-orange {
        background: #f60;
        transition: background 0.3s ease-out;
    }

        .ui-t327-04-imagetext.is-orange:not(.no-link):active,
        .ui-t327-04-imagetext.is-orange:not(.no-link):focus,
        .ui-t327-04-imagetext.is-orange:not(.no-link):hover {
            background: #e03c00;
        }

    .ui-t327-04-imagetext.is-pink-red {
        background: #ff0036;
        transition: background 0.3s ease-out;
    }

        .ui-t327-04-imagetext.is-pink-red:not(.no-link):active,
        .ui-t327-04-imagetext.is-pink-red:not(.no-link):focus,
        .ui-t327-04-imagetext.is-pink-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t327-04-imagetext.is-red {
        background: #ff290b;
        transition: background 0.3s ease-out;
    }

        .ui-t327-04-imagetext.is-red:not(.no-link):active,
        .ui-t327-04-imagetext.is-red:not(.no-link):focus,
        .ui-t327-04-imagetext.is-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t327-04-imagetext.is-white {
        background: #fff;
    }

        .ui-t327-04-imagetext.is-white.with-image .text-area h3,
        .ui-t327-04-imagetext.is-white.with-image .text-area p {
            color: #333;
        }

        .ui-t327-04-imagetext.is-white.with-image .text-area::after {
            background-image: url(../img/arrow-teaser-black.svg);
        }

    .ui-t327-04-imagetext:hover {
        background: #f60;
    }

    .ui-t327-04-imagetext .image-box {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        min-height: 487px;
    }

        .ui-t327-04-imagetext .image-box.is-bottom {
            padding-top: 43%;
            padding-bottom: 5%;
        }

            .ui-t327-04-imagetext .image-box.is-bottom .text-area {
                top: 20px;
                bottom: auto;
            }

            .ui-t327-04-imagetext .image-box.is-bottom .ui-resp-image {
                position: absolute;
                bottom: 5%;
                width: 100%;
            }

    .ui-t327-04-imagetext .text-area {
        position: absolute;
        bottom: 50px;
        left: 20px;
        width: 80%;
        color: #fff;
    }

        .ui-t327-04-imagetext .text-area p {
            font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
            font-weight: 400;
            font-size: 1.6rem;
            line-height: 2.2rem;
            margin-top: 8px;
            margin-bottom: 0;
            overflow-wrap: break-word;
        }

        .ui-t327-04-imagetext .text-area::after {
            position: absolute;
            bottom: -32px;
            left: 0;
            width: 15px;
            height: 30px;
            background-image: url(../img/arrow-teaser-big.svg), none;
            background-position: 0 0;
            background-repeat: no-repeat;
            content: '';
            transition: background-position 0.37s ease-out;
        }

    .ui-t327-04-imagetext .highlight,
    .ui-t327-04-imagetext .title {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }

    .ui-t327-04-imagetext .title {
        font-size: 2.6rem;
        line-height: 3.3rem;
        margin-top: 0;
        margin-bottom: 0;
        overflow-wrap: break-word;
    }

    .ui-t327-04-imagetext .highlight {
        font-size: 9.5rem;
        line-height: 9.8rem;
        display: block;
    }

    .ui-t327-04-imagetext img {
        display: block;
        width: 272px;
        height: 272px;
        margin: 25px auto 0;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t327-04-imagetext .title {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }

    .ui-t327-04-imagetext .highlight {
        font-size: 8.5rem;
        line-height: 9.4rem;
    }

    .ui-t327-04-imagetext .image-box {
        min-height: 427px;
    }

        .ui-t327-04-imagetext .image-box.is-bottom {
            padding-top: 0;
            padding-bottom: 25px;
        }

    .ui-t327-04-imagetext img {
        width: 232px;
        height: 232px;
        margin: 20px auto 0;
    }
}

@media screen and (min-width: 992px) {
    .ui-t327-04-imagetext:active img,
    .ui-t327-04-imagetext:focus img,
    .ui-t327-04-imagetext:hover img {
        transform: scale(1.05, 1.05);
    }

    .ui-t327-04-imagetext img {
        transition: transform 0.5s ease-out;
    }

    .ui-t327-04-imagetext .image-box:active .text-area::after,
    .ui-t327-04-imagetext .image-box:focus .text-area::after,
    .ui-t327-04-imagetext .image-box:hover .text-area::after {
        background-position: 0 -34px;
    }
}

@media screen and (max-width: 991px) {
    .ui-t327-04-imagetext .text-area p {
        display: none;
    }

    .ui-t327-04-imagetext .text-area::after {
        right: 20px;
        bottom: -22px;
        width: 8px;
        height: 14px;
        background-image: url(../img/arrow-right-small-white.svg);
    }

    .ui-t327-04-imagetext .image-box:active .text-area::after,
    .ui-t327-04-imagetext .image-box:focus .text-area::after,
    .ui-t327-04-imagetext .image-box:hover .text-area::after {
        background-position: 0 0;
    }

    .ui-t327-04-imagetext.without-image .text-area p {
        display: block;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t327-04-imagetext .title {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .ui-t327-04-imagetext .highlight {
        font-size: 6.5rem;
        line-height: 7.2rem;
    }

    .ui-t327-04-imagetext .text-area {
        bottom: 35px;
        left: 10px;
        width: 90%;
    }

    .ui-t327-04-imagetext .image-box {
        min-height: 307px;
    }

        .ui-t327-04-imagetext .image-box:focus .text-area::after,
        .ui-t327-04-imagetext .image-box:hover .text-area::after {
            background-position: 0 0;
        }

    .ui-t327-04-imagetext img {
        width: 172px;
        height: 172px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .ui-t327-04-imagetext .image-box {
        height: 265px;
        min-height: 265px;
    }

    .ui-t327-04-imagetext .text-area {
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px 10px 38px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

        .ui-t327-04-imagetext .text-area::after {
            bottom: 18px;
            left: 10px;
        }

    .ui-t327-04-imagetext .title {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .ui-t327-04-imagetext .highlight {
        font-size: 5.5rem;
        line-height: 6.2rem;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t327-04-imagetext img {
        width: 53%;
        height: auto;
        margin-top: 10px;
    }
}

@media screen and (max-width: 479px) {
    .ui-t327-04-imagetext .image-box {
        height: 241px;
        padding-bottom: 30%;
    }

    .ui-t327-04-imagetext img {
        width: 150px;
        height: 150px;
        margin-top: 10px;
    }

    .ui-t327-04-imagetext.without-image .image-box {
        height: auto;
        min-height: 90px;
        padding-bottom: 0;
    }

        .ui-t327-04-imagetext.without-image .image-box .text-area {
            position: relative;
            padding-top: 12px;
        }
}

@media screen and (max-width: 479px) {
    .col-xs-6 .ui-t327-04-imagetext {
        display: flex;
        height: auto;
        flex: 0 0 100%;
        margin-bottom: 17px;
    }

        .col-xs-6 .ui-t327-04-imagetext .title {
            font-size: 1.4rem;
            line-height: 1.6rem;
            overflow-wrap: anywhere;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }

        .col-xs-6 .ui-t327-04-imagetext .image-box {
            height: auto;
            min-height: 200px;
        }

        .col-xs-6 .ui-t327-04-imagetext img {
            width: 100px;
            height: 100px;
        }
}

.ui-t328-04-text-16-9 {
    min-height: 176px;
    background: #fb6400;
    border-radius: 4px;
    cursor: pointer;
}

    .ui-t328-04-text-16-9.is-atlantis {
        background: #98cd4e;
        transition: background 0.3s ease-out;
    }

        .ui-t328-04-text-16-9.is-atlantis:not(.no-link):active,
        .ui-t328-04-text-16-9.is-atlantis:not(.no-link):focus,
        .ui-t328-04-text-16-9.is-atlantis:not(.no-link):hover {
            background: #75b714;
        }

    .ui-t328-04-text-16-9.is-blue {
        background: #00aecf;
        transition: background 0.3s ease-out;
    }

        .ui-t328-04-text-16-9.is-blue:not(.no-link):active,
        .ui-t328-04-text-16-9.is-blue:not(.no-link):focus,
        .ui-t328-04-text-16-9.is-blue:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t328-04-text-16-9.is-dark-blue {
        background: #039;
        transition: background 0.3s ease-out;
    }

        .ui-t328-04-text-16-9.is-dark-blue:not(.no-link):active,
        .ui-t328-04-text-16-9.is-dark-blue:not(.no-link):focus,
        .ui-t328-04-text-16-9.is-dark-blue:not(.no-link):hover {
            background: #000573;
        }

    .ui-t328-04-text-16-9.is-cumulus {
        background: #003d8d;
        transition: background 0.3s ease-out;
    }

        .ui-t328-04-text-16-9.is-cumulus:not(.no-link):active,
        .ui-t328-04-text-16-9.is-cumulus:not(.no-link):focus,
        .ui-t328-04-text-16-9.is-cumulus:not(.no-link):hover {
            background: #00145c;
        }

    .ui-t328-04-text-16-9.is-cyan {
        background: #0daacf;
        transition: background 0.3s ease-out;
    }

        .ui-t328-04-text-16-9.is-cyan:not(.no-link):active,
        .ui-t328-04-text-16-9.is-cyan:not(.no-link):focus,
        .ui-t328-04-text-16-9.is-cyan:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t328-04-text-16-9.is-gray {
        background: #b7b0ac;
        transition: background 0.3s ease-out;
    }

        .ui-t328-04-text-16-9.is-gray:not(.no-link):active,
        .ui-t328-04-text-16-9.is-gray:not(.no-link):focus,
        .ui-t328-04-text-16-9.is-gray:not(.no-link):hover {
            background: #9f9690;
        }

    .ui-t328-04-text-16-9.is-orange {
        background: #f60;
        transition: background 0.3s ease-out;
    }

        .ui-t328-04-text-16-9.is-orange:not(.no-link):active,
        .ui-t328-04-text-16-9.is-orange:not(.no-link):focus,
        .ui-t328-04-text-16-9.is-orange:not(.no-link):hover {
            background: #e03c00;
        }

    .ui-t328-04-text-16-9.is-pink-red {
        background: #ff0036;
        transition: background 0.3s ease-out;
    }

        .ui-t328-04-text-16-9.is-pink-red:not(.no-link):active,
        .ui-t328-04-text-16-9.is-pink-red:not(.no-link):focus,
        .ui-t328-04-text-16-9.is-pink-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t328-04-text-16-9.is-red {
        background: #ff290b;
        transition: background 0.3s ease-out;
    }

        .ui-t328-04-text-16-9.is-red:not(.no-link):active,
        .ui-t328-04-text-16-9.is-red:not(.no-link):focus,
        .ui-t328-04-text-16-9.is-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t328-04-text-16-9.is-white {
        background: #fff;
    }

        .ui-t328-04-text-16-9.is-white.with-image .text-area h3,
        .ui-t328-04-text-16-9.is-white.with-image .text-area p {
            color: #333;
        }

        .ui-t328-04-text-16-9.is-white.with-image .text-area::after {
            background-image: url(../img/arrow-teaser-black.svg);
        }

    .ui-t328-04-text-16-9:hover {
        background: #de450a;
    }

    .ui-t328-04-text-16-9 .link-box {
        display: block;
        height: 100%;
        background: 0 0;
    }

    .ui-t328-04-text-16-9.is-cumulus {
        background-color: #003d8d;
        border-radius: 4px;
        transition: background-color 0.3s ease-out;
    }

        .ui-t328-04-text-16-9.is-cumulus:focus,
        .ui-t328-04-text-16-9.is-cumulus:hover {
            background-color: #00145c;
        }

    .ui-t328-04-text-16-9 .text-area {
        padding: 10px 20px;
    }

        .ui-t328-04-text-16-9 .text-area::after {
            display: block;
            width: 12px;
            height: 20px;
            padding: 0;
            margin-top: 5px;
            background-image: url(../img/arrow-teaser.svg);
            background-position: 0 0;
            background-repeat: no-repeat;
            content: ' ';
            transition: background-position 0.37s ease-out;
        }

        .ui-t328-04-text-16-9 .text-area .h3-replace,
        .ui-t328-04-text-16-9 .text-area h3 {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-size: 2rem;
            line-height: 2.4rem;
            display: inline;
            margin-bottom: 5px;
            color: #fff;
            overflow-wrap: break-word;
        }

        .ui-t328-04-text-16-9 .text-area p {
            font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
            font-weight: 400;
            font-size: 1.6rem;
            line-height: 2.4rem;
            padding-top: 10px;
            margin-bottom: 4px;
            color: #fff;
            overflow-wrap: break-word;
        }

@media screen and (min-width: 992px) {
    .ui-t328-04-text-16-9:active .text-area::after,
    .ui-t328-04-text-16-9:focus .text-area::after,
    .ui-t328-04-text-16-9:hover .text-area::after {
        background-position: 0 -24px;
    }
}

@media screen and (max-width: 1199px) {
    .ui-t328-04-text-16-9 .text-area {
        padding: 10px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t328-04-text-16-9 {
        min-height: 154px;
    }

        .ui-t328-04-text-16-9 .link-box {
            line-height: 18px;
        }
}

@media screen and (max-width: 991px) {
    .ui-t328-04-text-16-9 {
        min-height: 170px;
    }

        .ui-t328-04-text-16-9 .link-box {
            line-height: 18px;
        }

        .ui-t328-04-text-16-9 .h3-replace,
        .ui-t328-04-text-16-9 h3 {
            font-size: 1.8rem;
            line-height: 1;
        }

        .ui-t328-04-text-16-9 p {
            font-size: 1.6rem;
            line-height: 2.4rem;
        }

        .ui-t328-04-text-16-9 .text-area {
            padding: 10px;
        }

            .ui-t328-04-text-16-9 .text-area::after {
                right: 20px;
                bottom: -22px;
                width: 8px;
                height: 14px;
                background-image: url(../img/arrow-right-small-white.svg);
            }

        .ui-t328-04-text-16-9:active .text-area::after,
        .ui-t328-04-text-16-9:focus .text-area::after,
        .ui-t328-04-text-16-9:hover .text-area::after {
            background-position: 0 0;
        }
}

@media screen and (max-width: 767px) {
    .ui-t328-04-text-16-9 {
        overflow: hidden;
        min-height: 152px;
        margin-bottom: 20px;
        text-overflow: ellipsis;
    }

        .ui-t328-04-text-16-9 .text-area .h3-replace,
        .ui-t328-04-text-16-9 .text-area h3 {
            font-size: 1.8rem;
            line-height: 2.4rem;
        }

        .ui-t328-04-text-16-9 .text-area p {
            font-size: 1.6rem;
            line-height: 2.4rem;
        }
}

@media screen and (max-width: 479px) {
    .ui-t328-04-text-16-9 {
        min-height: 90px;
    }
}

@media screen and (min-width: 992px) {
    .ie9 .ui-t328-04-text-16-9:active .text-area::after,
    .ie9 .ui-t328-04-text-16-9:focus .text-area::after,
    .ie9 .ui-t328-04-text-16-9:hover .text-area::after {
        background-position: 0 0;
    }
}

.ui-t329-04-textnumbers {
    height: 100%;
    margin-bottom: 17px;
    background: #f60;
    border-radius: 4px;
}

    .ui-t329-04-textnumbers.is-atlantis {
        background: #98cd4e;
        transition: background 0.3s ease-out;
    }

        .ui-t329-04-textnumbers.is-atlantis:not(.no-link):active,
        .ui-t329-04-textnumbers.is-atlantis:not(.no-link):focus,
        .ui-t329-04-textnumbers.is-atlantis:not(.no-link):hover {
            background: #75b714;
        }

    .ui-t329-04-textnumbers.is-blue {
        background: #00aecf;
        transition: background 0.3s ease-out;
    }

        .ui-t329-04-textnumbers.is-blue:not(.no-link):active,
        .ui-t329-04-textnumbers.is-blue:not(.no-link):focus,
        .ui-t329-04-textnumbers.is-blue:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t329-04-textnumbers.is-dark-blue {
        background: #039;
        transition: background 0.3s ease-out;
    }

        .ui-t329-04-textnumbers.is-dark-blue:not(.no-link):active,
        .ui-t329-04-textnumbers.is-dark-blue:not(.no-link):focus,
        .ui-t329-04-textnumbers.is-dark-blue:not(.no-link):hover {
            background: #000573;
        }

    .ui-t329-04-textnumbers.is-cumulus {
        background: #003d8d;
        transition: background 0.3s ease-out;
    }

        .ui-t329-04-textnumbers.is-cumulus:not(.no-link):active,
        .ui-t329-04-textnumbers.is-cumulus:not(.no-link):focus,
        .ui-t329-04-textnumbers.is-cumulus:not(.no-link):hover {
            background: #00145c;
        }

    .ui-t329-04-textnumbers.is-cyan {
        background: #0daacf;
        transition: background 0.3s ease-out;
    }

        .ui-t329-04-textnumbers.is-cyan:not(.no-link):active,
        .ui-t329-04-textnumbers.is-cyan:not(.no-link):focus,
        .ui-t329-04-textnumbers.is-cyan:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t329-04-textnumbers.is-gray {
        background: #b7b0ac;
        transition: background 0.3s ease-out;
    }

        .ui-t329-04-textnumbers.is-gray:not(.no-link):active,
        .ui-t329-04-textnumbers.is-gray:not(.no-link):focus,
        .ui-t329-04-textnumbers.is-gray:not(.no-link):hover {
            background: #9f9690;
        }

    .ui-t329-04-textnumbers.is-orange {
        background: #f60;
        transition: background 0.3s ease-out;
    }

        .ui-t329-04-textnumbers.is-orange:not(.no-link):active,
        .ui-t329-04-textnumbers.is-orange:not(.no-link):focus,
        .ui-t329-04-textnumbers.is-orange:not(.no-link):hover {
            background: #e03c00;
        }

    .ui-t329-04-textnumbers.is-pink-red {
        background: #ff0036;
        transition: background 0.3s ease-out;
    }

        .ui-t329-04-textnumbers.is-pink-red:not(.no-link):active,
        .ui-t329-04-textnumbers.is-pink-red:not(.no-link):focus,
        .ui-t329-04-textnumbers.is-pink-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t329-04-textnumbers.is-red {
        background: #ff290b;
        transition: background 0.3s ease-out;
    }

        .ui-t329-04-textnumbers.is-red:not(.no-link):active,
        .ui-t329-04-textnumbers.is-red:not(.no-link):focus,
        .ui-t329-04-textnumbers.is-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t329-04-textnumbers.is-white {
        background: #fff;
    }

        .ui-t329-04-textnumbers.is-white.with-image .text-area h3,
        .ui-t329-04-textnumbers.is-white.with-image .text-area p {
            color: #333;
        }

        .ui-t329-04-textnumbers.is-white.with-image .text-area::after {
            background-image: url(../img/arrow-teaser-black.svg);
        }

    .ui-t329-04-textnumbers:hover {
        background: #f60;
    }

    .ui-t329-04-textnumbers .area-content {
        position: relative;
        display: block;
        overflow: hidden;
        height: 100%;
        min-height: 366px;
    }

        .ui-t329-04-textnumbers .area-content:hover .title::after {
            background-position: 0 -34px;
        }

    .ui-t329-04-textnumbers .text-area {
        position: absolute;
        top: 19px;
        left: 20px;
        width: calc(100% - 40px);
        padding-bottom: 40px;
        color: #fff;
        overflow: hidden;
    }

    .ui-t329-04-textnumbers.is-bottom .text-area {
        top: auto;
        bottom: 13px;
    }

    .ui-t329-04-textnumbers .highlight,
    .ui-t329-04-textnumbers .title {
        font-family: 'Helvetica Now Text Bold', Helvetica, Arial, Sans Serif;
        color: #fff;
    }

    .ui-t329-04-textnumbers .title {
        font-size: 2.6rem;
        line-height: 3.3rem;
        margin-top: 0;
        margin-bottom: 0;
        overflow-wrap: anywhere;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

        .ui-t329-04-textnumbers .title a,
        .ui-t329-04-textnumbers .title em {
            font-size: 9.5rem;
            line-height: 8.5rem;
            letter-spacing: -2.2px;
            overflow-wrap: break-word;
            display: inline-block;
            color: #fff;
            font-style: normal;
        }

        .ui-t329-04-textnumbers .title::after {
            position: absolute;
            bottom: 8px;
            left: 0;
            width: 37px;
            height: 28px;
            background-image: url(../img/arrow-teaser-big.svg), none;
            background-position: 0 0;
            background-repeat: no-repeat;
            content: '';
            transition: background-position 0.37s ease-out;
        }

    .ui-t329-04-textnumbers.no-link .text-area {
        padding-bottom: 10px;
    }

    .ui-t329-04-textnumbers.no-link .title::after {
        background: 0 0;
    }

@media screen and (max-width: 1199px) {
    .ui-t329-04-textnumbers .area-content {
        min-height: 322px;
    }

    .ui-t329-04-textnumbers .text-area {
        top: 22px;
    }

    .ui-t329-04-textnumbers .title {
        font-size: 2rem;
        line-height: 2.5rem;
    }

        .ui-t329-04-textnumbers .title a,
        .ui-t329-04-textnumbers .title em {
            font-size: 5.8rem;
            line-height: 5.6rem;
        }
}

@media screen and (max-width: 991px) {
    .ui-t329-04-textnumbers .area-content {
        min-height: 307px;
    }

        .ui-t329-04-textnumbers .area-content:active .title::after,
        .ui-t329-04-textnumbers .area-content:focus .title::after,
        .ui-t329-04-textnumbers .area-content:hover .title::after {
            background-position: 0 0;
        }

    .ui-t329-04-textnumbers .text-area {
        top: 10px;
        left: 10px;
        width: calc(100% - 20px);
        padding-bottom: 33px;
    }

    .ui-t329-04-textnumbers.is-bottom .text-area {
        bottom: 4px;
    }

    .ui-t329-04-textnumbers .title::after {
        bottom: 12px;
        width: 8px;
        height: 14px;
        background-image: url(../img/arrow-right-small-white.svg);
    }
}

@media screen and (max-width: 767px) {
    .ui-t329-04-textnumbers .text-area {
        top: 10px;
        left: 0;
        width: 100%;
        padding: 5px 10px 32px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .ui-t329-04-textnumbers .title {
        display: inline-block;
    }

        .ui-t329-04-textnumbers .title::after {
            left: 10px;
        }
}

@media screen and (max-width: 479px) {
    .ui-t329-04-textnumbers .area-content {
        height: auto;
        min-height: 110px;
    }

    .ui-t329-04-textnumbers .text-area {
        position: relative;
        top: auto;
        bottom: auto;
        padding-top: 10px;
        margin-bottom: 19px;
    }

    .ui-t329-04-textnumbers.is-bottom .text-area,
    .ui-t329-04-textnumbers.is-bottom.no-link .text-area {
        top: auto;
        bottom: auto;
    }
}

@media screen and (max-width: 479px) {
    .col-xs-6 .ui-t329-04-textnumbers {
        display: flex;
        height: auto;
        min-height: 160px;
        flex: 0 0 100%;
        margin-bottom: 17px;
    }

        .col-xs-6 .ui-t329-04-textnumbers .area-content {
            width: 100%;
        }

        .col-xs-6 .ui-t329-04-textnumbers.is-bottom .text-area {
            position: absolute;
            top: auto;
            bottom: 24px;
            margin-bottom: 0;
        }

        .col-xs-6 .ui-t329-04-textnumbers .title {
            font-size: 1.4rem;
            line-height: 1.6rem;
            overflow-wrap: anywhere;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto;
        }

            .col-xs-6 .ui-t329-04-textnumbers .title em {
                font-size: 3rem;
                line-height: 2.6rem;
            }

    .is-gutter-xs-16 .col-xs-12 .ui-t329-04-textnumbers {
        width: auto;
        height: auto;
    }

        .is-gutter-xs-16 .col-xs-12 .ui-t329-04-textnumbers .area-content {
            min-height: 90px;
        }

        .is-gutter-xs-16 .col-xs-12 .ui-t329-04-textnumbers .title {
            font-size: 1.4rem;
            line-height: 1.6rem;
        }

            .is-gutter-xs-16 .col-xs-12 .ui-t329-04-textnumbers .title em {
                font-size: 3rem;
                line-height: 2.6rem;
            }
}

.ui-t330-06-imagetext {
    margin-bottom: 17px;
}

    .ui-t330-06-imagetext .image-box {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .ui-t330-06-imagetext .image-box:active .highlight,
        .ui-t330-06-imagetext .image-box:active .title,
        .ui-t330-06-imagetext .image-box:focus .highlight,
        .ui-t330-06-imagetext .image-box:focus .title,
        .ui-t330-06-imagetext .image-box:hover .highlight,
        .ui-t330-06-imagetext .image-box:hover .title {
            background-color: #e03c00;
            box-shadow: 10px 0 0 #e03c00, -18px 0 0 #e03c00;
        }

            .ui-t330-06-imagetext .image-box:active .title::after,
            .ui-t330-06-imagetext .image-box:focus .title::after,
            .ui-t330-06-imagetext .image-box:hover .title::after {
                background-color: #e03c00;
                background-position: 3px -34px;
                box-shadow: 0 0 0 #e03c00, -30px 0 0 #e03c00;
            }

    .ui-t330-06-imagetext figcaption {
        position: absolute;
        bottom: 50px;
        left: 15px;
        width: 72%;
        color: #fff;
    }

    .ui-t330-06-imagetext .title {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2.6rem;
        line-height: 3.3rem;
        display: inline;
        background-color: #f60;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: 10px 0 0 #f60, -18px 0 0 #f60;
    }

        .ui-t330-06-imagetext .title::after {
            position: absolute;
            bottom: -31px;
            left: 0;
            width: 37px;
            height: 30px;
            background-color: #f60;
            background-image: url(../img/arrow-teaser-big.svg);
            background-position: 3px 0;
            background-repeat: no-repeat;
            -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
            box-shadow: 0 0 0 #f60, -20px 0 0 #f60;
            content: '';
            transition: background-position 0.37s ease-out;
        }

    .ui-t330-06-imagetext.is-badge .sub-image-box img {
        z-index: 1;
        top: 20px;
        right: 20px;
        max-width: 140px;
        max-height: 80px;
        transform: rotate(0);
    }

        .ui-t330-06-imagetext.is-badge .sub-image-box img.is-rotate {
            transform: rotate(-8deg);
        }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t330-06-imagetext.is-badge .sub-image-box img {
        max-width: 100px;
        max-height: 57px;
    }
}

@media screen and (max-width: 767px) {
    .ui-t330-06-imagetext.is-badge .sub-image-box img {
        max-width: 80px;
        max-height: 45px;
    }
}

.ui-t330-06-imagetext.is-badge .sub-image-box img.left-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    width: auto;
    max-width: 140px;
    height: auto;
    max-height: 80px;
    transform: rotate(0);
}

    .ui-t330-06-imagetext.is-badge .sub-image-box img.left-badge.is-rotate {
        transform: rotate(-8deg);
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t330-06-imagetext.is-badge .sub-image-box img.left-badge {
        max-width: 100px;
        max-height: 57px;
    }
}

@media screen and (max-width: 767px) {
    .ui-t330-06-imagetext.is-badge .sub-image-box img.left-badge {
        left: 12px;
        max-width: 84px;
        max-height: 45px;
    }
}

.ui-t330-06-imagetext.is-badge .sub-image-box img.bottom-badge {
    position: absolute;
    top: 195px;
    right: 20px;
    width: auto;
    max-width: 98px;
    height: auto;
    max-height: 144px;
    transform: rotate(0);
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t330-06-imagetext.is-badge .sub-image-box img.bottom-badge {
        top: 160px;
        right: 13px;
    }
}

@media screen and (max-width: 991px) {
    .ui-t330-06-imagetext.is-badge .sub-image-box img.bottom-badge {
        display: none;
    }
}

.ui-t330-06-imagetext.is-cumulus .title {
    background-color: #003d8d;
    box-shadow: 10px 0 0 #003d8d, -18px 0 0 #003d8d;
}

    .ui-t330-06-imagetext.is-cumulus .title::after {
        background-color: #003d8d;
        background-image: url(../img/arrow-teaser-big.svg);
        box-shadow: 0 0 0 #003d8d, -20px 0 0 #003d8d;
    }

.ui-t330-06-imagetext.is-cumulus .image-box:active .highlight,
.ui-t330-06-imagetext.is-cumulus .image-box:active .title,
.ui-t330-06-imagetext.is-cumulus .image-box:focus .highlight,
.ui-t330-06-imagetext.is-cumulus .image-box:focus .title,
.ui-t330-06-imagetext.is-cumulus .image-box:hover .highlight,
.ui-t330-06-imagetext.is-cumulus .image-box:hover .title {
    background-color: #00145c;
    box-shadow: 10px 0 0 #00145c, -18px 0 0 #00145c;
}

    .ui-t330-06-imagetext.is-cumulus .image-box:active .title::after,
    .ui-t330-06-imagetext.is-cumulus .image-box:focus .title::after,
    .ui-t330-06-imagetext.is-cumulus .image-box:hover .title::after {
        background-color: #00145c;
        box-shadow: 0 0 0 #00145c, -30px 0 0 #00145c;
    }

.ui-t330-06-imagetext.is-cumulus h4 {
    color: #003d8d;
}

@media screen and (min-width: 992px) {
    .ui-t330-06-imagetext figure {
        overflow: hidden;
    }

        .ui-t330-06-imagetext figure:active img,
        .ui-t330-06-imagetext figure:focus img,
        .ui-t330-06-imagetext figure:hover img {
            transform: scale(1.05, 1.05);
        }

        .ui-t330-06-imagetext figure img {
            transition: transform 0.5s ease-out;
        }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t330-06-imagetext .title {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 991px) {
    .ui-t330-06-imagetext figcaption {
        left: 10px;
        width: 80%;
    }

    .ui-t330-06-imagetext .title::after {
        right: 20px;
        bottom: -22px;
        left: 0;
        width: 26px;
        height: 22px;
        background-image: url(../img/arrow-right-small-white.svg);
        background-position: 0 50%;
        box-shadow: 0 0 0 #f60, -20px 0 0 #f60;
        transition: none;
    }

    .ui-t330-06-imagetext .image-box:active .title::after,
    .ui-t330-06-imagetext .image-box:focus .title::after,
    .ui-t330-06-imagetext .image-box:hover .title::after {
        background-position: 0 50%;
        box-shadow: 0 0 0 #e03c00, -20px 0 0 #e03c00;
    }

    .ui-t330-06-imagetext.is-cumulus .title::after {
        background-image: url(../img/arrow-right-small-white.svg);
        box-shadow: 0 0 0 #003d8d, -20px 0 0 #003d8d;
    }

    .ui-t330-06-imagetext.is-cumulus .image-box:active .title::after,
    .ui-t330-06-imagetext.is-cumulus .image-box:focus .title::after,
    .ui-t330-06-imagetext.is-cumulus .image-box:hover .title::after {
        box-shadow: 0 0 0 #00145c, -20px 0 0 #00145c;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t330-06-imagetext figcaption {
        bottom: 34px;
    }

    .ui-t330-06-imagetext .title {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-t330-06-imagetext .image-box {
        min-height: 265px;
    }

        .ui-t330-06-imagetext .image-box:active figcaption,
        .ui-t330-06-imagetext .image-box:focus figcaption,
        .ui-t330-06-imagetext .image-box:hover figcaption {
            background-color: #e03c00;
            transition: background-color 0.3s ease-out;
        }

        .ui-t330-06-imagetext .image-box:active .title,
        .ui-t330-06-imagetext .image-box:focus .title,
        .ui-t330-06-imagetext .image-box:hover .title {
            background-color: #e03c00;
            box-shadow: 0 0 0 #e03c00, 0 0 0 #e03c00;
            transition: background-color 0.3s ease-out;
        }

            .ui-t330-06-imagetext .image-box:active .title::after,
            .ui-t330-06-imagetext .image-box:focus .title::after,
            .ui-t330-06-imagetext .image-box:hover .title::after {
                background-color: #e03c00;
                box-shadow: 0 0 0 #e03c00, 0 0 0 #e03c00;
                transition: background-color 0.3s ease-out;
            }

        .ui-t330-06-imagetext .image-box figcaption {
            bottom: 0;
            left: 0;
            width: 100%;
            min-height: 120px;
            padding: 5px 10px 26px;
            margin-bottom: 0;
            background-color: #f60;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .ui-t330-06-imagetext .image-box .title {
            font-size: 1.8rem;
            line-height: 2.4rem;
            position: relative;
            display: inline-block;
            margin-top: 0;
        }

    .ui-t330-06-imagetext.is-cumulus .image-box:active figcaption,
    .ui-t330-06-imagetext.is-cumulus .image-box:focus figcaption,
    .ui-t330-06-imagetext.is-cumulus .image-box:hover figcaption {
        background-color: #00145c;
    }

    .ui-t330-06-imagetext.is-cumulus .image-box:active .title,
    .ui-t330-06-imagetext.is-cumulus .image-box:focus .title,
    .ui-t330-06-imagetext.is-cumulus .image-box:hover .title {
        background-color: #00145c;
        box-shadow: 0 0 0 #00145c, 0 0 0 #00145c;
    }

        .ui-t330-06-imagetext.is-cumulus .image-box:active .title::after,
        .ui-t330-06-imagetext.is-cumulus .image-box:focus .title::after,
        .ui-t330-06-imagetext.is-cumulus .image-box:hover .title::after {
            background-color: #00145c;
            box-shadow: 0 0 0 #00145c, 0 0 0 #00145c;
        }

    .ui-t330-06-imagetext.is-cumulus .image-box figcaption {
        background-color: #003d8d;
    }
}

@media screen and (max-width: 479px) {
    .ui-t330-06-imagetext .image-box figure::before {
        display: block;
        width: 100%;
        padding-top: 56.25%;
        content: '';
    }

    .ui-t330-06-imagetext .image-box img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .ui-t330-06-imagetext .image-box figcaption {
        position: relative;
        min-height: 90px;
    }
}

@media screen and (max-width: 479px) {
    .is-gutter-xs-16 .col-xs-6 > div,
    .ui-item-l509 > div {
        display: flex;
        flex: 0 0 100%;
    }

    .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext,
    .ui-item-l509 .ui-t330-06-imagetext {
        display: flex;
        flex: 0 0 100%;
    }

        .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext.is-cumulus .image-box,
        .ui-item-l509 .ui-t330-06-imagetext.is-cumulus .image-box {
            background-color: #003d8d;
        }

            .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext.is-cumulus .image-box:active,
            .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext.is-cumulus .image-box:focus,
            .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext.is-cumulus .image-box:hover,
            .ui-item-l509 .ui-t330-06-imagetext.is-cumulus .image-box:active,
            .ui-item-l509 .ui-t330-06-imagetext.is-cumulus .image-box:focus,
            .ui-item-l509 .ui-t330-06-imagetext.is-cumulus .image-box:hover {
                background-color: #00145c;
            }

        .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext .image-box,
        .ui-item-l509 .ui-t330-06-imagetext .image-box {
            min-width: 100%;
            min-height: 100%;
            background-color: #f60;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

            .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext .image-box:active,
            .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext .image-box:focus,
            .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext .image-box:hover,
            .ui-item-l509 .ui-t330-06-imagetext .image-box:active,
            .ui-item-l509 .ui-t330-06-imagetext .image-box:focus,
            .ui-item-l509 .ui-t330-06-imagetext .image-box:hover {
                background-color: #e03c00;
                transition: background-color 0.3s ease-out;
            }

            .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext .image-box .title,
            .ui-item-l509 .ui-t330-06-imagetext .image-box .title {
                font-size: 1.4rem;
                line-height: 1.6rem;
                overflow-wrap: anywhere;
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                hyphens: auto;
                vertical-align: top;
            }

            .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext .image-box figure::before,
            .ui-item-l509 .ui-t330-06-imagetext .image-box figure::before {
                padding-top: 75%;
            }

            .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext .image-box figcaption,
            .ui-item-l509 .ui-t330-06-imagetext .image-box figcaption {
                min-height: auto;
                padding-top: 7px;
                padding-bottom: 28px;
            }

        .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext.is-badge .sub-image-box,
        .ui-item-l509 .ui-t330-06-imagetext.is-badge .sub-image-box {
            position: static;
        }

            .is-gutter-xs-16 .col-xs-6 .ui-t330-06-imagetext.is-badge .sub-image-box img,
            .ui-item-l509 .ui-t330-06-imagetext.is-badge .sub-image-box img {
                top: 10px;
                right: 15px;
                max-width: 60px;
                max-height: 45px;
            }

                .is-gutter-xs-16
                .col-xs-6
                .ui-t330-06-imagetext.is-badge
                .sub-image-box
                img.left-badge,
                .ui-item-l509 .ui-t330-06-imagetext.is-badge .sub-image-box img.left-badge {
                    top: 12px;
                    left: 16px;
                    max-width: 68px;
                    max-height: 45px;
                }

    .ui-item-l509 .ui-t330-06-imagetext {
        position: relative;
        margin-bottom: 0;
    }

        .ui-item-l509 .ui-t330-06-imagetext.is-badge .sub-image-box img {
            right: 7px;
        }

            .ui-item-l509 .ui-t330-06-imagetext.is-badge .sub-image-box img.left-badge {
                left: 8px;
            }
}

@media screen and (max-width: 374px) {
    .col-xs-6 .ui-t330-06-imagetext figcaption,
    .ui-item-l509 .ui-t330-06-imagetext figcaption {
        padding-right: 9px;
        padding-left: 9px;
    }
}

@media screen and (max-width: 479px) {
    [class*=' col-'].is-mobile-wide,
    [class^='col-'].is-mobile-wide {
        display: block !important;
    }
}

@media screen and (max-width: 767px) {
    [class*=' col-'].is-mobile-wide .ui-t330-06-imagetext .image-box,
    [class^='col-'].is-mobile-wide .ui-t330-06-imagetext .image-box {
        position: relative;
        display: block;
        overflow: hidden;
        min-height: 0;
    }

        [class*=' col-'].is-mobile-wide
        .ui-t330-06-imagetext
        .image-box
        figure::before,
        [class^='col-'].is-mobile-wide
        .ui-t330-06-imagetext
        .image-box
        figure::before {
            padding-top: 75%;
        }

        [class*=' col-'].is-mobile-wide
        .ui-t330-06-imagetext
        .image-box:active
        .highlight,
        [class*=' col-'].is-mobile-wide
        .ui-t330-06-imagetext
        .image-box:active
        .title,
        [class*=' col-'].is-mobile-wide
        .ui-t330-06-imagetext
        .image-box:focus
        .highlight,
        [class*=' col-'].is-mobile-wide .ui-t330-06-imagetext .image-box:focus .title,
        [class*=' col-'].is-mobile-wide
        .ui-t330-06-imagetext
        .image-box:hover
        .highlight,
        [class*=' col-'].is-mobile-wide .ui-t330-06-imagetext .image-box:hover .title,
        [class^='col-'].is-mobile-wide
        .ui-t330-06-imagetext
        .image-box:active
        .highlight,
        [class^='col-'].is-mobile-wide .ui-t330-06-imagetext .image-box:active .title,
        [class^='col-'].is-mobile-wide
        .ui-t330-06-imagetext
        .image-box:focus
        .highlight,
        [class^='col-'].is-mobile-wide .ui-t330-06-imagetext .image-box:focus .title,
        [class^='col-'].is-mobile-wide
        .ui-t330-06-imagetext
        .image-box:hover
        .highlight,
        [class^='col-'].is-mobile-wide .ui-t330-06-imagetext .image-box:hover .title {
            background-color: #e03c00;
            box-shadow: 10px 0 0 #e03c00, -18px 0 0 #e03c00;
        }

            [class*=' col-'].is-mobile-wide
            .ui-t330-06-imagetext
            .image-box:active
            .title::after,
            [class*=' col-'].is-mobile-wide
            .ui-t330-06-imagetext
            .image-box:focus
            .title::after,
            [class*=' col-'].is-mobile-wide
            .ui-t330-06-imagetext
            .image-box:hover
            .title::after,
            [class^='col-'].is-mobile-wide
            .ui-t330-06-imagetext
            .image-box:active
            .title::after,
            [class^='col-'].is-mobile-wide
            .ui-t330-06-imagetext
            .image-box:focus
            .title::after,
            [class^='col-'].is-mobile-wide
            .ui-t330-06-imagetext
            .image-box:hover
            .title::after {
                background-color: #e03c00;
                background-position: 3px -37px;
                box-shadow: 0 0 0 #e03c00, -18px 0 0 #e03c00;
            }

    [class*=' col-'].is-mobile-wide .ui-t330-06-imagetext figcaption,
    [class^='col-'].is-mobile-wide .ui-t330-06-imagetext figcaption {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 72%;
        min-height: auto;
        background-color: rgba(0, 0, 0, 0);
        color: #fff;
    }

    [class*=' col-'].is-mobile-wide .ui-t330-06-imagetext .title,
    [class^='col-'].is-mobile-wide .ui-t330-06-imagetext .title {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.8rem;
        line-height: 2.3rem;
        display: inline;
        background-color: #f60;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: 10px 0 0 #f60, -18px 0 0 #f60;
    }

        [class*=' col-'].is-mobile-wide .ui-t330-06-imagetext .title::after,
        [class^='col-'].is-mobile-wide .ui-t330-06-imagetext .title::after {
            position: absolute;
            bottom: -26px;
            left: 0;
            width: 28px;
            height: 24px;
            background-color: #f60;
            background-image: url(../img/arrow-teaser-big.svg);
            background-position: 3px -3px;
            background-repeat: no-repeat;
            -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
            box-shadow: 0 0 0 #f60, -18px 0 0 #f60;
            content: '';
            transition: background-position 0.37s ease-out;
        }
}

.ui-t331-08-imagetext {
    margin-bottom: 17px;
}

    .ui-t331-08-imagetext .image-box {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .ui-t331-08-imagetext .image-box:active .highlight,
        .ui-t331-08-imagetext .image-box:active .title,
        .ui-t331-08-imagetext .image-box:focus .highlight,
        .ui-t331-08-imagetext .image-box:focus .title,
        .ui-t331-08-imagetext .image-box:hover .highlight,
        .ui-t331-08-imagetext .image-box:hover .title {
            background-color: #e03c00;
            box-shadow: 10px 0 0 #e03c00, -18px 0 0 #e03c00;
        }

            .ui-t331-08-imagetext .image-box:active .title::after,
            .ui-t331-08-imagetext .image-box:focus .title::after,
            .ui-t331-08-imagetext .image-box:hover .title::after {
                background-color: #e03c00;
                background-position: 3px -34px;
                box-shadow: 0 0 0 #e03c00, -30px 0 0 #e03c00;
            }

    .ui-t331-08-imagetext figcaption {
        position: absolute;
        bottom: 50px;
        left: 15px;
        width: 78%;
        color: #fff;
    }

    .ui-t331-08-imagetext .title {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2.6rem;
        line-height: 3.3rem;
        display: inline;
        background-color: #f60;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: 10px 0 0 #f60, -18px 0 0 #f60;
    }

        .ui-t331-08-imagetext .title::after {
            position: absolute;
            bottom: -31px;
            left: 0;
            width: 37px;
            height: 30px;
            background-color: #f60;
            background-image: url(../img/arrow-teaser-big.svg);
            background-position: 3px 0;
            background-repeat: no-repeat;
            -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
            box-shadow: 0 0 0 #f60, -20px 0 0 #f60;
            content: '';
            transition: background-position 0.37s ease-out;
        }

    .ui-t331-08-imagetext.is-badge .sub-image-box img {
        z-index: 1;
        top: 20px;
        right: 20px;
        max-width: 140px;
        max-height: 80px;
        transform: rotate(0);
    }

        .ui-t331-08-imagetext.is-badge .sub-image-box img.is-rotate {
            transform: rotate(-8deg);
        }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t331-08-imagetext.is-badge .sub-image-box img {
        max-width: 100px;
        max-height: 57px;
    }
}

@media screen and (max-width: 767px) {
    .ui-t331-08-imagetext.is-badge .sub-image-box img {
        max-width: 80px;
        max-height: 45px;
    }
}

.ui-t331-08-imagetext.is-badge .sub-image-box img.left-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    width: auto;
    max-width: 140px;
    height: auto;
    max-height: 80px;
    transform: rotate(0);
}

    .ui-t331-08-imagetext.is-badge .sub-image-box img.left-badge.is-rotate {
        transform: rotate(-8deg);
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t331-08-imagetext.is-badge .sub-image-box img.left-badge {
        max-width: 100px;
        max-height: 57px;
    }
}

@media screen and (max-width: 767px) {
    .ui-t331-08-imagetext.is-badge .sub-image-box img.left-badge {
        max-width: 80px;
        max-height: 45px;
    }
}

.ui-t331-08-imagetext.is-badge .sub-image-box img.bottom-badge {
    position: absolute;
    top: 325px;
    right: 20px;
    width: auto;
    max-width: 105px;
    height: auto;
    max-height: 146px;
    transform: rotate(0);
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t331-08-imagetext.is-badge .sub-image-box img.bottom-badge {
        top: 268px;
    }
}

@media screen and (max-width: 991px) {
    .ui-t331-08-imagetext.is-badge .sub-image-box img.bottom-badge {
        display: none;
    }
}

.ui-t331-08-imagetext.is-cumulus .title {
    background-color: #003d8d;
    box-shadow: 10px 0 0 #003d8d, -18px 0 0 #003d8d;
}

    .ui-t331-08-imagetext.is-cumulus .title::after {
        background-color: #003d8d;
        background-image: url(../img/arrow-teaser-big.svg);
        box-shadow: 0 0 0 #003d8d, -20px 0 0 #003d8d;
    }

.ui-t331-08-imagetext.is-cumulus .image-box:active .highlight,
.ui-t331-08-imagetext.is-cumulus .image-box:active .title,
.ui-t331-08-imagetext.is-cumulus .image-box:focus .highlight,
.ui-t331-08-imagetext.is-cumulus .image-box:focus .title,
.ui-t331-08-imagetext.is-cumulus .image-box:hover .highlight,
.ui-t331-08-imagetext.is-cumulus .image-box:hover .title {
    background-color: #00145c;
    box-shadow: 10px 0 0 #00145c, -18px 0 0 #00145c;
}

    .ui-t331-08-imagetext.is-cumulus .image-box:active .title::after,
    .ui-t331-08-imagetext.is-cumulus .image-box:focus .title::after,
    .ui-t331-08-imagetext.is-cumulus .image-box:hover .title::after {
        background-color: #00145c;
        box-shadow: 0 0 0 #00145c, -30px 0 0 #00145c;
    }

.ui-t331-08-imagetext.is-cumulus h4 {
    color: #003d8d;
}

@media screen and (min-width: 992px) {
    .ui-t331-08-imagetext figure {
        overflow: hidden;
    }

        .ui-t331-08-imagetext figure:active img,
        .ui-t331-08-imagetext figure:focus img,
        .ui-t331-08-imagetext figure:hover img {
            transform: scale(1.05, 1.05);
        }

        .ui-t331-08-imagetext figure img {
            transition: transform 0.5s ease-out;
        }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t331-08-imagetext figcaption {
        width: 77%;
    }

    .ui-t331-08-imagetext .title {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 991px) {
    .ui-t331-08-imagetext figcaption {
        left: 10px;
        width: 80%;
    }

    .ui-t331-08-imagetext .title::after {
        right: 20px;
        bottom: -22px;
        left: 0;
        width: 26px;
        height: 22px;
        background-image: url(../img/arrow-right-small-white.svg);
        background-position: 0 50%;
        box-shadow: 0 0 0 #f60, -20px 0 0 #f60;
        transition: none;
    }

    .ui-t331-08-imagetext .image-box:active .title::after,
    .ui-t331-08-imagetext .image-box:focus .title::after,
    .ui-t331-08-imagetext .image-box:hover .title::after {
        background-position: 0 50%;
        box-shadow: 0 0 0 #e03c00, -20px 0 0 #e03c00;
    }

    .ui-t331-08-imagetext.is-cumulus .title::after {
        background-image: url(../img/arrow-right-small-white.svg);
        box-shadow: 0 0 0 #003d8d, -20px 0 0 #003d8d;
    }

    .ui-t331-08-imagetext.is-cumulus .image-box:active .title::after,
    .ui-t331-08-imagetext.is-cumulus .image-box:focus .title::after,
    .ui-t331-08-imagetext.is-cumulus .image-box:hover .title::after {
        box-shadow: 0 0 0 #00145c, -20px 0 0 #00145c;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t331-08-imagetext figcaption {
        bottom: 34px;
    }

    .ui-t331-08-imagetext .title {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-t331-08-imagetext .image-box {
        min-height: 265px;
    }

        .ui-t331-08-imagetext .image-box:active figcaption,
        .ui-t331-08-imagetext .image-box:focus figcaption,
        .ui-t331-08-imagetext .image-box:hover figcaption {
            background-color: #e03c00;
            transition: background-color 0.3s ease-out;
        }

        .ui-t331-08-imagetext .image-box:active .title,
        .ui-t331-08-imagetext .image-box:focus .title,
        .ui-t331-08-imagetext .image-box:hover .title {
            background-color: #e03c00;
            box-shadow: 0 0 0 #e03c00, 0 0 0 #e03c00;
            transition: background-color 0.3s ease-out;
        }

            .ui-t331-08-imagetext .image-box:active .title::after,
            .ui-t331-08-imagetext .image-box:focus .title::after,
            .ui-t331-08-imagetext .image-box:hover .title::after {
                background-color: #e03c00;
                box-shadow: 0 0 0 #e03c00, 0 0 0 #e03c00;
                transition: background-color 0.3s ease-out;
            }

        .ui-t331-08-imagetext .image-box figcaption {
            bottom: 0;
            left: 0;
            width: 100%;
            min-height: 120px;
            padding: 5px 10px 26px;
            margin-bottom: 0;
            background-color: #f60;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .ui-t331-08-imagetext .image-box .title {
            font-size: 1.8rem;
            line-height: 2.4rem;
            position: relative;
            display: inline-block;
            margin-top: 0;
        }

    .ui-t331-08-imagetext.is-cumulus .image-box:active figcaption,
    .ui-t331-08-imagetext.is-cumulus .image-box:focus figcaption,
    .ui-t331-08-imagetext.is-cumulus .image-box:hover figcaption {
        background-color: #00145c;
    }

    .ui-t331-08-imagetext.is-cumulus .image-box:active .title,
    .ui-t331-08-imagetext.is-cumulus .image-box:focus .title,
    .ui-t331-08-imagetext.is-cumulus .image-box:hover .title {
        background-color: #00145c;
        box-shadow: 0 0 0 #00145c, 0 0 0 #00145c;
    }

        .ui-t331-08-imagetext.is-cumulus .image-box:active .title::after,
        .ui-t331-08-imagetext.is-cumulus .image-box:focus .title::after,
        .ui-t331-08-imagetext.is-cumulus .image-box:hover .title::after {
            background-color: #00145c;
            box-shadow: 0 0 0 #00145c, 0 0 0 #00145c;
        }

    .ui-t331-08-imagetext.is-cumulus .image-box figcaption {
        background-color: #003d8d;
    }
}

@media screen and (max-width: 479px) {
    .ui-t331-08-imagetext .image-box figure::before {
        display: block;
        width: 100%;
        padding-top: 56.25%;
        content: '';
    }

    .ui-t331-08-imagetext .image-box img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .ui-t331-08-imagetext .image-box figcaption {
        position: relative;
        min-height: 90px;
    }
}

@media screen and (max-width: 479px) {
    .col-xs-6 .ui-t331-08-imagetext {
        display: flex;
        flex: 0 0 100%;
    }

        .col-xs-6 .ui-t331-08-imagetext.is-cumulus .image-box {
            background-color: #003d8d;
        }

            .col-xs-6 .ui-t331-08-imagetext.is-cumulus .image-box:active,
            .col-xs-6 .ui-t331-08-imagetext.is-cumulus .image-box:focus,
            .col-xs-6 .ui-t331-08-imagetext.is-cumulus .image-box:hover {
                background-color: #00145c;
            }

        .col-xs-6 .ui-t331-08-imagetext .image-box {
            min-width: 100%;
            min-height: 100%;
            background-color: #f60;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

            .col-xs-6 .ui-t331-08-imagetext .image-box:active,
            .col-xs-6 .ui-t331-08-imagetext .image-box:focus,
            .col-xs-6 .ui-t331-08-imagetext .image-box:hover {
                background-color: #e03c00;
                transition: background-color 0.3s ease-out;
            }

            .col-xs-6 .ui-t331-08-imagetext .image-box .title {
                font-size: 1.4rem;
                line-height: 1.6rem;
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                hyphens: auto;
                overflow-wrap: anywhere;
            }

            .col-xs-6 .ui-t331-08-imagetext .image-box figure::before {
                padding-top: 75%;
            }

            .col-xs-6 .ui-t331-08-imagetext .image-box figcaption {
                min-height: auto;
                padding-bottom: 18px;
            }

        .col-xs-6 .ui-t331-08-imagetext.is-badge .sub-image-box {
            position: static;
        }

            .col-xs-6 .ui-t331-08-imagetext.is-badge .sub-image-box img {
                top: 10px;
                right: 15px;
                max-width: 60px;
                max-height: 45px;
            }

                .col-xs-6 .ui-t331-08-imagetext.is-badge .sub-image-box img.left-badge {
                    top: 12px;
                    left: 16px;
                    max-width: 68px;
                    max-height: 45px;
                }
}

@media screen and (max-width: 374px) {
    .col-xs-6 .ui-t331-08-imagetext figcaption {
        padding-right: 9px;
        padding-left: 9px;
    }
}

.ui-t334-XX-logout-teaser.modal .modal-dialog {
    width: 420px;
    margin: 100px auto;
    margin-bottom: 20px;
}

.ui-t334-XX-logout-teaser.modal .modal-content {
    border-radius: 5px;
}

.ui-t334-XX-logout-teaser.modal .modal-header {
    padding: 15px;
    border-bottom: 0;
}

.ui-t334-XX-logout-teaser.modal .close {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    color: #fff;
    cursor: pointer;
    float: right;
}

.ui-t334-XX-logout-teaser.modal .modal-body {
    padding: 6px 0 0;
}

    .ui-t334-XX-logout-teaser.modal .modal-body img {
        display: block;
        width: 268px;
        max-width: 100%;
        height: auto;
        padding-right: 30px;
        padding-left: 30px;
        margin: 20px auto 0;
    }

        .ui-t334-XX-logout-teaser.modal .modal-body img .image-box {
            min-height: 487px;
        }

    .ui-t334-XX-logout-teaser.modal .modal-body .modal-element {
        margin-bottom: 0;
    }

        .ui-t334-XX-logout-teaser.modal .modal-body .modal-element .text-area {
            bottom: 0;
            left: auto;
            width: auto;
            margin-right: 20px;
            margin-left: 20px;
        }

        .ui-t334-XX-logout-teaser.modal
        .modal-body
        .modal-element.with-teaser-text
        .image-box:active
        .text-area::after,
        .ui-t334-XX-logout-teaser.modal
        .modal-body
        .modal-element.with-teaser-text
        .image-box:focus
        .text-area::after,
        .ui-t334-XX-logout-teaser.modal
        .modal-body
        .modal-element.with-teaser-text
        .image-box:hover
        .text-area::after {
            background-position: 0 -34px;
        }

        .ui-t334-XX-logout-teaser.modal
        .modal-body
        .modal-element.with-teaser-text
        .text-area {
            bottom: 50px;
        }

            .ui-t334-XX-logout-teaser.modal
            .modal-body
            .modal-element.with-teaser-text
            .text-area::after {
                position: absolute;
                bottom: auto;
                left: 0;
                width: 15px;
                height: 30px;
                background-image: url(../img/arrow-teaser-big.svg), none;
                background-position: 0 0;
                background-repeat: no-repeat;
                content: '';
                transition: background-position 0.5s ease;
            }

        .ui-t334-XX-logout-teaser.modal
        .modal-body
        .modal-element.with-teaser-text
        .title {
            margin-bottom: 0;
        }

            .ui-t334-XX-logout-teaser.modal
            .modal-body
            .modal-element.with-teaser-text
            .title::after {
                content: none;
            }

        .ui-t334-XX-logout-teaser.modal .modal-body .modal-element.with-teaser-text p {
            font-size: 1.4rem;
            line-height: 1.8rem;
            display: block;
            margin-bottom: 10px;
            color: #fff;
        }

    .ui-t334-XX-logout-teaser.modal .modal-body .title {
        font-size: 2.2rem;
        line-height: 2.8rem;
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        position: relative;
        display: block;
        margin-bottom: 45px;
        color: #fff;
    }

        .ui-t334-XX-logout-teaser.modal .modal-body .title::after {
            position: absolute;
            bottom: -32px;
            left: 0;
            width: 15px;
            height: 30px;
            background-image: url(../img/arrow-teaser-big.svg), none;
            background-position: 0 0;
            background-repeat: no-repeat;
            content: '';
            transition: background-position 0.5s ease;
        }

@media screen and (min-width: 992px) {
    .ui-t334-XX-logout-teaser.modal .modal-body .title:active::after,
    .ui-t334-XX-logout-teaser.modal .modal-body .title:focus::after,
    .ui-t334-XX-logout-teaser.modal .modal-body .title:hover::after {
        background-position: 0 -34px;
    }
}

.ui-t334-XX-logout-teaser.modal .modal-footer {
    padding: 20px;
}

    .ui-t334-XX-logout-teaser.modal .modal-footer .link-box {
        display: table;
        width: 100%;
    }

    .ui-t334-XX-logout-teaser.modal .modal-footer .icon-link {
        display: table-cell;
        width: 50%;
    }

        .ui-t334-XX-logout-teaser.modal .modal-footer .icon-link + .icon-link {
            text-align: right;
        }

            .ui-t334-XX-logout-teaser.modal .modal-footer .icon-link + .icon-link img {
                margin-left: 8px;
            }

    .ui-t334-XX-logout-teaser.modal .modal-footer img {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding-right: 15px;
    }

.ui-t334-XX-logout-teaser.modal.is-blue .modal-content {
    background-color: #00aecf;
    transition: background-color 0.3s ease-out;
}

    .ui-t334-XX-logout-teaser.modal.is-blue .modal-content:active,
    .ui-t334-XX-logout-teaser.modal.is-blue .modal-content:focus,
    .ui-t334-XX-logout-teaser.modal.is-blue .modal-content:hover {
        background-color: #0089ad;
    }

        .ui-t334-XX-logout-teaser.modal.is-blue .modal-content:active .modal-element,
        .ui-t334-XX-logout-teaser.modal.is-blue .modal-content:focus .modal-element,
        .ui-t334-XX-logout-teaser.modal.is-blue .modal-content:hover .modal-element {
            background-color: #0089ad;
        }

.ui-t334-XX-logout-teaser.modal.is-blue .modal-body,
.ui-t334-XX-logout-teaser.modal.is-blue .modal-footer,
.ui-t334-XX-logout-teaser.modal.is-blue .modal-header {
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}

.ui-t334-XX-logout-teaser.modal.is-pink-red .modal-content {
    background-color: #ff0036;
    transition: background-color 0.3s ease-out;
}

    .ui-t334-XX-logout-teaser.modal.is-pink-red .modal-content:active,
    .ui-t334-XX-logout-teaser.modal.is-pink-red .modal-content:focus,
    .ui-t334-XX-logout-teaser.modal.is-pink-red .modal-content:hover {
        background-color: #e00009;
    }

        .ui-t334-XX-logout-teaser.modal.is-pink-red
        .modal-content:active
        .modal-element,
        .ui-t334-XX-logout-teaser.modal.is-pink-red .modal-content:focus .modal-element,
        .ui-t334-XX-logout-teaser.modal.is-pink-red
        .modal-content:hover
        .modal-element {
            background-color: #e00009;
        }

.ui-t334-XX-logout-teaser.modal.is-pink-red .modal-body,
.ui-t334-XX-logout-teaser.modal.is-pink-red .modal-footer,
.ui-t334-XX-logout-teaser.modal.is-pink-red .modal-header {
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}

.ui-t334-XX-logout-teaser.modal.is-cumulus .modal-content {
    background-color: #003d8d;
    transition: background-color 0.3s ease-out;
}

    .ui-t334-XX-logout-teaser.modal.is-cumulus .modal-content:active,
    .ui-t334-XX-logout-teaser.modal.is-cumulus .modal-content:focus,
    .ui-t334-XX-logout-teaser.modal.is-cumulus .modal-content:hover {
        background-color: #00145c;
    }

        .ui-t334-XX-logout-teaser.modal.is-cumulus .modal-content:active .modal-element,
        .ui-t334-XX-logout-teaser.modal.is-cumulus .modal-content:focus .modal-element,
        .ui-t334-XX-logout-teaser.modal.is-cumulus .modal-content:hover .modal-element {
            background-color: #00145c;
        }

.ui-t334-XX-logout-teaser.modal.is-cumulus .modal-body,
.ui-t334-XX-logout-teaser.modal.is-cumulus .modal-footer,
.ui-t334-XX-logout-teaser.modal.is-cumulus .modal-header {
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}

.ui-t334-XX-logout-teaser.modal.is-cyan .modal-content {
    background-color: #0daacf;
    transition: background-color 0.3s ease-out;
}

    .ui-t334-XX-logout-teaser.modal.is-cyan .modal-content:active,
    .ui-t334-XX-logout-teaser.modal.is-cyan .modal-content:focus,
    .ui-t334-XX-logout-teaser.modal.is-cyan .modal-content:hover {
        background-color: #0089ad;
    }

        .ui-t334-XX-logout-teaser.modal.is-cyan .modal-content:active .modal-element,
        .ui-t334-XX-logout-teaser.modal.is-cyan .modal-content:focus .modal-element,
        .ui-t334-XX-logout-teaser.modal.is-cyan .modal-content:hover .modal-element {
            background-color: #0089ad;
        }

.ui-t334-XX-logout-teaser.modal.is-cyan .modal-body,
.ui-t334-XX-logout-teaser.modal.is-cyan .modal-footer,
.ui-t334-XX-logout-teaser.modal.is-cyan .modal-header {
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}

.ui-t334-XX-logout-teaser.modal.is-orange .modal-content {
    background-color: #f60;
    transition: background-color 0.3s ease-out;
}

    .ui-t334-XX-logout-teaser.modal.is-orange .modal-content:active,
    .ui-t334-XX-logout-teaser.modal.is-orange .modal-content:focus,
    .ui-t334-XX-logout-teaser.modal.is-orange .modal-content:hover {
        background-color: #e03c00;
    }

        .ui-t334-XX-logout-teaser.modal.is-orange .modal-content:active .modal-element,
        .ui-t334-XX-logout-teaser.modal.is-orange .modal-content:focus .modal-element,
        .ui-t334-XX-logout-teaser.modal.is-orange .modal-content:hover .modal-element {
            background-color: #e03c00;
        }

.ui-t334-XX-logout-teaser.modal.is-orange .modal-body,
.ui-t334-XX-logout-teaser.modal.is-orange .modal-footer,
.ui-t334-XX-logout-teaser.modal.is-orange .modal-header {
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}

.ui-t334-XX-logout-teaser.modal.is-atlantis .modal-content {
    background-color: #98cd4e;
    transition: background-color 0.3s ease-out;
}

    .ui-t334-XX-logout-teaser.modal.is-atlantis .modal-content:active,
    .ui-t334-XX-logout-teaser.modal.is-atlantis .modal-content:focus,
    .ui-t334-XX-logout-teaser.modal.is-atlantis .modal-content:hover {
        background-color: #75b714;
    }

        .ui-t334-XX-logout-teaser.modal.is-atlantis
        .modal-content:active
        .modal-element,
        .ui-t334-XX-logout-teaser.modal.is-atlantis .modal-content:focus .modal-element,
        .ui-t334-XX-logout-teaser.modal.is-atlantis
        .modal-content:hover
        .modal-element {
            background-color: #75b714;
        }

.ui-t334-XX-logout-teaser.modal.is-atlantis .modal-body,
.ui-t334-XX-logout-teaser.modal.is-atlantis .modal-footer,
.ui-t334-XX-logout-teaser.modal.is-atlantis .modal-header {
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t334-XX-logout-teaser.modal img {
        width: 268px;
    }

    .ui-t334-XX-logout-teaser.modal .image-box {
        min-height: 487px;
        padding-top: 5%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t334-XX-logout-teaser.modal .modal-body .modal-element img {
        width: 272px;
    }

    .ui-t334-XX-logout-teaser.modal
    .modal-body
    .modal-element.with-teaser-text
    .text-area {
        bottom: 35px;
        margin: 0 20px 15px;
    }

    .ui-t334-XX-logout-teaser.modal
    .modal-body
    .modal-element.with-teaser-text
    .is-bottom
    .text-area::after {
        bottom: auto;
    }

    .ui-t334-XX-logout-teaser.modal .modal-body .modal-element .text-area {
        bottom: 0;
        margin: 0 20px 5px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t334-XX-logout-teaser.modal .modal-body .modal-element img {
        width: 272px;
    }

    .ui-t334-XX-logout-teaser.modal .modal-body .modal-element .image-box {
        height: 430px;
    }
}

@media screen and (max-width: 767px) {
    .ui-t334-XX-logout-teaser.modal .modal-dialog {
        margin: 100px auto;
    }

    .ui-t334-XX-logout-teaser.modal .modal-body .modal-element img {
        width: 272px;
    }

    .ui-t334-XX-logout-teaser.modal .modal-body .modal-element .text-area {
        top: auto;
        padding-bottom: 0;
        margin: 0 10px;
    }

    .ui-t334-XX-logout-teaser.modal
    .modal-body
    .modal-element
    .is-bottom
    .text-area {
        top: 20px;
    }

    .ui-t334-XX-logout-teaser.modal
    .modal-body
    .modal-element.with-teaser-text
    .is-bottom
    .text-area {
        top: 0;
        margin: 0 20px 10px;
    }

    .ui-t334-XX-logout-teaser.modal
    .modal-body
    .modal-element.with-teaser-text
    .text-area {
        top: auto;
        bottom: 0;
        width: auto;
        padding: 5px 0 38px;
        margin: 0 20px 10px;
    }

        .ui-t334-XX-logout-teaser.modal
        .modal-body
        .modal-element.with-teaser-text
        .text-area::after {
            bottom: auto;
        }

    .ui-t334-XX-logout-teaser.modal
    .modal-body
    .modal-element.with-teaser-text
    .image-box {
        height: 430px;
    }
}

@media screen and (max-width: 479px) {
    .ui-t334-XX-logout-teaser.modal .modal-dialog {
        width: 286px;
    }

    .ui-t334-XX-logout-teaser.modal .modal-body img {
        width: 272px;
    }

    .ui-t334-XX-logout-teaser.modal .modal-body .title {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 40px;
    }

        .ui-t334-XX-logout-teaser.modal .modal-body .title::after {
            right: 20px;
            bottom: -22px;
            width: 8px;
            height: 14px;
            background-image: url(../img/arrow-right-small-white.svg);
        }

    .ui-t334-XX-logout-teaser.modal
    .modal-body
    .modal-element.with-teaser-text
    .text-area {
        bottom: 0;
    }

        .ui-t334-XX-logout-teaser.modal
        .modal-body
        .modal-element.with-teaser-text
        .text-area::after {
            bottom: auto;
        }

    .ui-t334-XX-logout-teaser.modal.is-blue .modal-body {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

.ui-t337-06-cumulus-status {
    margin-bottom: 20px;
    color: #fff;
}

    .ui-t337-06-cumulus-status .is-higher {
        z-index: 1;
    }

        .ui-t337-06-cumulus-status .is-higher.col-xs-12 {
            height: 100%;
        }

    .ui-t337-06-cumulus-status .ui-paragraph-headline {
        font-size: 2.6rem;
        line-height: 3rem;
        padding-right: 8px;
        padding-left: 8px;
        margin-top: 36px;
        margin-bottom: 22px;
        white-space: nowrap;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t337-06-cumulus-status .ui-paragraph-headline.is-white {
        margin-top: 18px;
    }
}

.ui-t337-06-cumulus-status .ui-paragraph-headline.is-medium {
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin-top: 20px;
    white-space: normal;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t337-06-cumulus-status .ui-paragraph-headline.is-medium {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 991px) {
    .ui-t337-06-cumulus-status .ui-paragraph-headline.is-medium {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-t337-06-cumulus-status .ui-paragraph-headline.is-medium {
        font-size: 1.6rem;
        line-height: 2rem;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t337-06-cumulus-status .ui-paragraph-headline.is-medium {
        margin-top: 12px;
    }
}

.ui-t337-06-cumulus-status .ui-paragraph-headline.is-small {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 10px;
}

.ui-t337-06-cumulus-status .ui-paragraph-headline em {
    font-size: 6rem;
    line-height: 1;
    display: block;
    font-style: normal;
}

@media screen and (max-width: 767px) {
    .ui-t337-06-cumulus-status .ui-paragraph-headline em {
        font-size: 4.2rem;
        line-height: 5rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t337-06-cumulus-status .ui-paragraph-headline {
        font-size: 2.2rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t337-06-cumulus-status .ui-paragraph-headline {
        font-size: 2rem;
        line-height: 2.8rem;
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .ui-t337-06-cumulus-status .ui-paragraph-headline {
        font-size: 2.2rem;
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-t337-06-cumulus-status .ui-paragraph-headline {
        font-size: 1.8rem;
        margin-top: 25px;
        white-space: nowrap;
    }
}

.ui-t337-06-cumulus-status img {
    display: block;
    margin: 20px auto 12px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t337-06-cumulus-status img {
        margin: 70px auto 20px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t337-06-cumulus-status img {
        margin: 70px auto 20px;
    }
}

.ui-t337-06-cumulus-status .link-box {
    margin-bottom: 16px;
}

    .ui-t337-06-cumulus-status .link-box .link {
        background: url(../img/arrow-right.svg) 100% 30% no-repeat;
        color: #fff;
    }

        .ui-t337-06-cumulus-status .link-box .link:active,
        .ui-t337-06-cumulus-status .link-box .link:focus,
        .ui-t337-06-cumulus-status .link-box .link:hover {
            background-image: url(../img/arrow-right-hover.svg);
            color: #ccc;
        }

@media screen and (min-width: 992px) {
    .ui-t337-06-cumulus-status .link-box {
        margin-left: 8px;
    }
}

.ui-t337-06-cumulus-status .bg-image {
    overflow: hidden;
    height: 367px;
    background-size: cover;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t337-06-cumulus-status .bg-image {
        height: 326px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t337-06-cumulus-status .bg-image {
        height: 332px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t337-06-cumulus-status .bg-image {
        height: 321px;
    }
}

@media screen and (max-width: 479px) {
    .ui-t337-06-cumulus-status .bg-image {
        height: auto;
    }
}

@media screen and (min-width: 480px) {
    .ui-t337-06-cumulus-status .bg-image > .col-lg-12,
    .ui-t337-06-cumulus-status .bg-image > .col-lg-6 {
        height: 50%;
    }
}

.ui-t337-06-cumulus-status .image-box {
    position: absolute;
    bottom: 0;
    display: block;
    margin-bottom: 3em;
    cursor: pointer;
}

    .ui-t337-06-cumulus-status .image-box:active .title::after,
    .ui-t337-06-cumulus-status .image-box:focus .title::after,
    .ui-t337-06-cumulus-status .image-box:hover .title::after {
        background-position: 3px -34px;
    }

@media screen and (max-width: 479px) {
    .ui-t337-06-cumulus-status .image-box {
        position: relative;
    }
}

.ui-t337-06-cumulus-status .is-caption {
    color: #fff;
}

.ui-t337-06-cumulus-status.is-badge .sub-image-box {
    right: 22px;
}

.ui-t337-06-cumulus-status .title {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 3.3rem;
    display: inline;
    padding-left: 8px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

    .ui-t337-06-cumulus-status .title::after {
        position: absolute;
        bottom: -31px;
        left: 8px;
        width: 37px;
        height: 30px;
        background-image: url(../img/arrow-teaser-big.svg);
        background-position: 3px 0;
        background-repeat: no-repeat;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        content: '';
        transition: background-position 0.37s ease-out;
    }

.ui-t337-06-cumulus-status.is-cumulus .title {
    background-color: #003d8d;
    box-shadow: 10px 0 0 #003d8d, -18px 0 0 #003d8d;
}

    .ui-t337-06-cumulus-status.is-cumulus .title::after {
        background-color: #003d8d;
        background-image: url(../img/arrow-teaser-big.svg);
        box-shadow: 0 0 0 #003d8d, -20px 0 0 #003d8d;
    }

.ui-t337-06-cumulus-status.is-cumulus .image-box:active .highlight,
.ui-t337-06-cumulus-status.is-cumulus .image-box:active .title,
.ui-t337-06-cumulus-status.is-cumulus .image-box:focus .highlight,
.ui-t337-06-cumulus-status.is-cumulus .image-box:focus .title,
.ui-t337-06-cumulus-status.is-cumulus .image-box:hover .highlight,
.ui-t337-06-cumulus-status.is-cumulus .image-box:hover .title {
    background-color: #00145c;
    box-shadow: 10px 0 0 #00145c, -18px 0 0 #00145c;
}

    .ui-t337-06-cumulus-status.is-cumulus .image-box:active .title::after,
    .ui-t337-06-cumulus-status.is-cumulus .image-box:focus .title::after,
    .ui-t337-06-cumulus-status.is-cumulus .image-box:hover .title::after {
        background-color: #00145c;
        box-shadow: 0 0 0 #00145c, -30px 0 0 #00145c;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t337-06-cumulus-status .btn {
        padding-right: 13px;
        padding-left: 13px;
    }
}

@media screen and (min-width: 992px) {
    .ui-t337-06-cumulus-status .image-box {
        width: 80%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t337-06-cumulus-status .title {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 991px) {
    .ui-t337-06-cumulus-status .is-caption {
        left: 10px;
    }

    .ui-t337-06-cumulus-status .title {
        padding-left: 0;
    }

        .ui-t337-06-cumulus-status .title::after {
            right: 20px;
            bottom: -22px;
            left: 0;
            width: 26px;
            height: 22px;
            background-image: url(../img/arrow-right-small-white.svg);
            background-position: 0 50%;
            transition: none;
        }

    .ui-t337-06-cumulus-status .image-box:active .title::after,
    .ui-t337-06-cumulus-status .image-box:focus .title::after,
    .ui-t337-06-cumulus-status .image-box:hover .title::after {
        background-position: 0 50%;
    }

    .ui-t337-06-cumulus-status.is-cumulus .title::after {
        background-image: url(../img/arrow-right-small-white.svg);
        box-shadow: 0 0 0 #003d8d, -20px 0 0 #003d8d;
    }

    .ui-t337-06-cumulus-status.is-cumulus .image-box:active .title::after,
    .ui-t337-06-cumulus-status.is-cumulus .image-box:focus .title::after,
    .ui-t337-06-cumulus-status.is-cumulus .image-box:hover .title::after {
        box-shadow: 0 0 0 #00145c, -20px 0 0 #00145c;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t337-06-cumulus-status .is-caption {
        bottom: 34px;
    }

    .ui-t337-06-cumulus-status .title {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-t337-06-cumulus-status .title {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-t337-06-cumulus-status .image-box {
        margin: 0 -12px;
    }

        .ui-t337-06-cumulus-status .image-box:active .is-caption,
        .ui-t337-06-cumulus-status .image-box:focus .is-caption,
        .ui-t337-06-cumulus-status .image-box:hover .is-caption {
            transition: background-color 0.3s ease-out;
        }

        .ui-t337-06-cumulus-status .image-box:active .title,
        .ui-t337-06-cumulus-status .image-box:focus .title,
        .ui-t337-06-cumulus-status .image-box:hover .title {
            transition: background-color 0.3s ease-out;
        }

            .ui-t337-06-cumulus-status .image-box:active .title::after,
            .ui-t337-06-cumulus-status .image-box:focus .title::after,
            .ui-t337-06-cumulus-status .image-box:hover .title::after {
                transition: background-color 0.3s ease-out;
            }

        .ui-t337-06-cumulus-status .image-box .is-caption {
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 5px 10px 20px;
            margin-bottom: 0;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .ui-t337-06-cumulus-status .image-box .title {
            font-size: 1.8rem;
            line-height: 2.4rem;
            position: relative;
            display: inline-block;
            margin-top: 0;
        }

    .ui-t337-06-cumulus-status.is-cumulus .image-box:active .is-caption,
    .ui-t337-06-cumulus-status.is-cumulus .image-box:focus .is-caption,
    .ui-t337-06-cumulus-status.is-cumulus .image-box:hover .is-caption {
        background-color: #00145c;
    }

    .ui-t337-06-cumulus-status.is-cumulus .image-box:active .title,
    .ui-t337-06-cumulus-status.is-cumulus .image-box:focus .title,
    .ui-t337-06-cumulus-status.is-cumulus .image-box:hover .title {
        background-color: #00145c;
        box-shadow: 0 0 0 #00145c, 0 0 0 #00145c;
    }

        .ui-t337-06-cumulus-status.is-cumulus .image-box:active .title::after,
        .ui-t337-06-cumulus-status.is-cumulus .image-box:focus .title::after,
        .ui-t337-06-cumulus-status.is-cumulus .image-box:hover .title::after {
            background-color: #00145c;
            box-shadow: 0 0 0 #00145c, 0 0 0 #00145c;
        }

    .ui-t337-06-cumulus-status.is-cumulus .image-box .is-caption {
        background-color: #003d8d;
    }
}

@media screen and (max-width: 479px) {
    .ui-t337-06-cumulus-status .is-caption {
        min-height: 90px;
    }
}

.ui-t338-12-teaser {
    padding: 20px 0;
    margin-bottom: 17px;
}

    .ui-t338-12-teaser .ui-secondary-headline {
        position: absolute;
        z-index: 3;
        top: 10px;
        left: 10px;
        color: #fff;
        text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    }

        .ui-t338-12-teaser .ui-secondary-headline.is-gray-color {
            color: #999;
        }

@media screen and (min-width: 1200px) {
    .ui-t338-12-teaser .ui-secondary-headline {
        font-size: 1.6rem;
        line-height: 1.9rem;
    }
}

.ui-t338-12-teaser .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.5);
    transform: scale(1);
    transform-origin: center;
}

.no-touch .ui-t338-12-teaser .image-box:active .highlight,
.no-touch .ui-t338-12-teaser .image-box:active .title,
.no-touch .ui-t338-12-teaser .image-box:focus .highlight,
.no-touch .ui-t338-12-teaser .image-box:focus .title,
.no-touch .ui-t338-12-teaser .image-box:hover .highlight,
.no-touch .ui-t338-12-teaser .image-box:hover .title {
    background-color: #e03c00;
    box-shadow: 10px 0 0 #e03c00, -18px 0 0 #e03c00;
}

    .no-touch .ui-t338-12-teaser .image-box:active .title::after,
    .no-touch .ui-t338-12-teaser .image-box:focus .title::after,
    .no-touch .ui-t338-12-teaser .image-box:hover .title::after {
        background-color: #e03c00;
        background-position: 1px center;
        box-shadow: 0 0 0 #e03c00, -25px 0 0 #e03c00;
    }

@media screen and (min-width: 768px) {
    .ui-t338-12-teaser .image-box {
        transition: transform 0.4s ease-out, transform-origin 0.4s ease-out;
    }
}

@media screen and (min-width: 992px) {
    .no-touch .ui-t338-12-teaser .image-box:hover {
        transform: scale(1.05);
    }
}

.ui-t338-12-teaser figcaption {
    position: absolute;
    bottom: 50px;
    left: 13px;
    width: 85%;
    color: #fff;
}

.ui-t338-12-teaser .title {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.5rem;
    display: inline;
    background-color: #f60;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 10px 0 0 #f60, -18px 0 0 #f60;
    transition: box-shadow 0.4s ease-out, background-color 0.4s ease-out;
}

    .ui-t338-12-teaser .title::after {
        position: absolute;
        bottom: -25px;
        left: 0;
        width: 25px;
        height: 25px;
        background-color: #f60;
        background-image: url(../img/arrow-t-right-white.svg);
        background-position: 1px center;
        background-repeat: no-repeat;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: 0 0 0 #f60, -25px 0 0 #f60;
        content: '';
        transition: box-shadow 0.4s ease-out, background-color 0.4s ease-out, background-position 0.37s ease-out;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t338-12-teaser .title {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 991px) {
    .ui-t338-12-teaser figcaption {
        left: 10px;
        width: 90%;
    }

    .ui-t338-12-teaser .title::after {
        right: 20px;
        bottom: -22px;
        left: 0;
        width: 26px;
        height: 22px;
        background-image: url(../img/arrow-right-small-white.svg);
        background-position: 0 50%;
        box-shadow: 0 0 0 #f60, -20px 0 0 #f60;
        transition: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t338-12-teaser figcaption {
        bottom: 34px;
    }

    .ui-t338-12-teaser .title {
        font-size: 1.4rem;
        line-height: 1.9rem;
    }
}

.ui-t339-12-teaser {
    position: relative;
    padding-top: 133.3333333333%;
    margin: 20px 0 37px;
}

    .ui-t339-12-teaser .teaser-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        transform-origin: top left;
    }

@media screen and (min-width: 768px) {
    .ui-t339-12-teaser .teaser-wrapper {
        transition: transform 0.4s ease-out, transform-origin 0.4s ease-out;
    }
}

.ui-t339-12-teaser .image-wrapper {
    position: relative;
    padding-top: 75%;
}

    .ui-t339-12-teaser .image-wrapper.is-video::before {
        position: absolute;
        z-index: 1;
        top: 14px;
        right: 14px;
        width: 7vw;
        height: 7vw;
        background: url(../img/svg/icons/recipe-teaser/icon_recipe-teaser-item-play-btn.svg) no-repeat center;
        background-size: contain;
        content: '';
    }

@media screen and (min-width: 768px) {
    .ui-t339-12-teaser .image-wrapper.is-video::before {
        top: 9px;
        right: 9px;
        width: 17px;
        height: 17px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-t339-12-teaser .image-wrapper.is-video::before {
        top: 14px;
        right: 14px;
        width: 27px;
        height: 27px;
    }
}

.ui-t339-12-teaser .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0s 0s ease-out;
}

    .ui-t339-12-teaser .image.lazyloaded {
        opacity: 1;
        transition: opacity 250ms 50ms ease-out;
    }

.ui-t339-12-teaser .content-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 1.2rem 1.4rem 1.4rem;
}

    .ui-t339-12-teaser .content-wrapper::before {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/svg/icons/recipe-teaser/bg_recipe-teaser-item-top-1.svg) no-repeat bottom;
        background-size: contain;
        content: '';
        transform: translateY(1px) translateY(-100%);
    }

@media screen and (min-width: 768px) {
    .ui-t339-12-teaser .content-wrapper {
        padding: 0.4rem 0.8rem 1rem;
    }
}

@media screen and (min-width: 1200px) {
    .ui-t339-12-teaser .content-wrapper {
        padding: 1.2rem 1.4rem 1.4rem;
    }
}

.ui-t339-12-teaser .content-top {
    margin-bottom: auto;
    font-size: 1rem;
    line-height: 1rem;
}

.ui-t339-12-teaser .headline {
    position: relative;
    color: #333;
    font-family: MarrSansCondWeb;
    font-size: 6vw;
    letter-spacing: 0.0036rem;
    line-height: 1.2777777778;
}

    .ui-t339-12-teaser .headline span {
        -webkit-animation: animBackHover 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
        animation: animBackHover 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
        position: relative;
        z-index: 1;
        padding: 0 0 4px;
        border-radius: 2px;
        overflow-wrap: anywhere;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t339-12-teaser .headline {
        font-size: 4vw;
    }
}

@media screen and (min-width: 768px) {
    .ui-t339-12-teaser .headline {
        padding-bottom: 2px;
        background: linear-gradient(0deg, transparent, transparent) repeat-x;
        background-position: 0 1.4rem;
        background-size: 1px 2px;
        font-size: 1.1rem;
        letter-spacing: 0.0022rem;
        line-height: 1.1818181818;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t339-12-teaser .headline {
        font-size: 1.7rem;
        letter-spacing: 0.0036rem;
        line-height: 1.2352941176;
    }
}

@media screen and (min-width: 1200px) {
    .ui-t339-12-teaser .headline {
        font-size: 1.8rem;
        letter-spacing: 0.0036rem;
        line-height: 1.2222222222;
    }
}

.ui-t339-12-teaser .recipe-info-box {
    padding-bottom: 0;
    background: 0 0;
}

.ui-t339-12-teaser .ui-rating {
    display: flex;
    margin-right: 1px;
}

.ui-t339-12-teaser .rating-star {
    margin-right: 0;
}

    .ui-t339-12-teaser .rating-star:last-child {
        margin-right: 1px;
    }

@media screen and (min-width: 768px) {
    .ui-t339-12-teaser .rating-star {
        margin-top: 1px;
    }
}

.ui-t339-12-teaser .star-on-png::before {
    width: 5.5vw;
    height: 5.5vw;
    background-size: contain;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t339-12-teaser .star-on-png::before {
        width: 3vw;
        height: 3vw;
    }
}

@media screen and (min-width: 768px) {
    .ui-t339-12-teaser .star-on-png::before {
        width: 10px;
        height: 10px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t339-12-teaser .star-on-png::before {
        width: 14px;
        height: 14px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-t339-12-teaser .star-on-png::before {
        width: 16px;
        height: 16px;
    }
}

.ui-t339-12-teaser .star-off-png::before {
    width: 5.5vw;
    height: 5.1vw;
    background-size: contain;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t339-12-teaser .star-off-png::before {
        width: 3vw;
        height: 2.7vw;
    }
}

@media screen and (min-width: 768px) {
    .ui-t339-12-teaser .star-off-png::before {
        width: 10px;
        height: 9px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t339-12-teaser .star-off-png::before {
        width: 13px;
        height: 12px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-t339-12-teaser .star-off-png::before {
        width: 16px;
        height: 15px;
    }
}

.ui-t339-12-teaser .rating-counter {
    font-size: 5vw;
    letter-spacing: 0;
    line-height: normal;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t339-12-teaser .rating-counter {
        font-size: 2.5vw;
        line-height: normal;
    }
}

@media screen and (min-width: 768px) {
    .ui-t339-12-teaser .rating-counter {
        font-size: 0.9rem;
        line-height: inherit;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t339-12-teaser .rating-counter {
        font-size: 1.3rem;
        line-height: 1.3076923077;
    }
}

@media screen and (min-width: 1200px) {
    .ui-t339-12-teaser .rating-counter {
        font-size: 1.4rem;
        line-height: 1.3571428571;
    }
}

.ui-t339-12-teaser .cooking-time {
    padding-left: 8vw;
    font-size: 5vw;
    letter-spacing: 0;
    line-height: normal;
}

    .ui-t339-12-teaser .cooking-time::before {
        width: 6vw;
        height: 6vw;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t339-12-teaser .cooking-time::before {
        width: 3vw;
        height: 3vw;
    }
}

@media screen and (min-width: 768px) {
    .ui-t339-12-teaser .cooking-time::before {
        width: 12px;
        height: 12px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t339-12-teaser .cooking-time::before {
        width: 16px;
        height: 16px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-t339-12-teaser .cooking-time::before {
        width: 19px;
        height: 19px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t339-12-teaser .cooking-time {
        padding-left: 4.5vw;
        font-size: 2.5vw;
    }
}

@media screen and (min-width: 768px) {
    .ui-t339-12-teaser .cooking-time {
        padding-left: 15px;
        font-size: 0.9rem;
        line-height: inherit;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t339-12-teaser .cooking-time {
        padding-left: 20px;
        font-size: 1.3rem;
        line-height: 1.4166666667;
    }
}

@media screen and (min-width: 1200px) {
    .ui-t339-12-teaser .cooking-time {
        padding-left: 26px;
        font-size: 1.4rem;
        line-height: 1.3571428571;
    }
}

.ui-t339-12-teaser .clickarea {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

    .ui-t339-12-teaser .clickarea:focus {
        outline: 0;
    }

@media screen and (min-width: 768px) {
    .ui-t339-12-teaser .teaser-wrapper:hover .headline span {
        --height: $height;
        -webkit-animation: animBack 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
        animation: animBack 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
    }
}

.ui-t341-06-new-feature {
    position: relative;
    height: 367px;
    padding: 0 19px;
    background: #f1efee;
}

    .ui-t341-06-new-feature .text {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2.2rem;
        line-height: 2.8rem;
        color: #333;
    }

    .ui-t341-06-new-feature .ui-note {
        line-height: 3rem;
    }

    .ui-t341-06-new-feature .link-url {
        display: block;
        height: 100%;
    }

    .ui-t341-06-new-feature .image {
        text-align: center;
    }

    .ui-t341-06-new-feature .ui-resp-image img {
        max-width: 130px;
    }

@media screen and (min-width: 992px) {
    .ui-t341-06-new-feature .ui-resp-image img {
        max-width: 140px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-t341-06-new-feature .ui-resp-image img {
        max-width: 150px;
    }
}

.ui-t341-06-new-feature .image-wrapper {
    position: absolute;
    bottom: 30px;
    left: 50%;
    height: 130px;
    text-align: center;
    transform: translate(-50%, 0);
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t341-06-new-feature {
        height: 326px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t341-06-new-feature {
        height: 332px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t341-06-new-feature {
        height: 321px;
    }
}

@media screen and (max-width: 991px) {
    .ui-t341-06-new-feature {
        padding: 10px;
    }

        .ui-t341-06-new-feature .text {
            font-size: 2rem;
            line-height: 2.4rem;
        }

        .ui-t341-06-new-feature .ui-note {
            line-height: 2.4rem;
            margin-top: 10px;
        }
}

@media screen and (max-width: 767px) {
    .ui-t341-06-new-feature .ui-note {
        display: block;
    }

    .ui-t341-06-new-feature .text {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-t341-06-new-feature {
        height: auto;
    }
}

.ui-t342-12-login-personalized {
    padding-bottom: 10px;
    color: #fff;
}

    .ui-t342-12-login-personalized .ui-paragraph-headline {
        font-size: 2.8rem;
        line-height: 3.3rem;
        margin-top: 46px;
        margin-bottom: 16px;
    }

        .ui-t342-12-login-personalized .ui-paragraph-headline.is-medium {
            font-size: 2.2rem;
            line-height: 3rem;
            margin-bottom: 30px;
        }

        .ui-t342-12-login-personalized .ui-paragraph-headline.is-small {
            font-size: 2rem;
            line-height: 2.4rem;
            min-height: 60px;
            margin-bottom: 10px;
        }

        .ui-t342-12-login-personalized .ui-paragraph-headline.is-lower {
            margin-top: 46px;
            margin-right: 20px;
        }

        .ui-t342-12-login-personalized .ui-paragraph-headline.is-wide {
            margin-bottom: 130px;
        }

        .ui-t342-12-login-personalized .ui-paragraph-headline em {
            font-size: 6rem;
            line-height: 1;
            display: block;
            font-style: normal;
        }

    .ui-t342-12-login-personalized img {
        display: block;
        margin: 50px auto;
    }

    .ui-t342-12-login-personalized .link-area,
    .ui-t342-12-login-personalized .text {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2rem;
        line-height: 2.4rem;
    }

    .ui-t342-12-login-personalized .link-area {
        position: relative;
        display: block;
        margin-bottom: 60px;
        color: #fff;
        cursor: pointer;
    }

        .ui-t342-12-login-personalized .link-area::after {
            position: absolute;
            bottom: -35px;
            left: 0;
            width: 37px;
            height: 30px;
            background-image: url(../img/arrow-teaser-big.svg), none;
            background-position: 0 0;
            background-repeat: no-repeat;
            content: '';
            transition: background-position 0.5s ease;
        }

        .ui-t342-12-login-personalized .link-area:hover::after {
            background-position: 0 -34px;
        }

    .ui-t342-12-login-personalized .link-box {
        margin-bottom: 15px;
    }

        .ui-t342-12-login-personalized .link-box .link {
            background: url(../img/arrow-right.svg) 100% 30% no-repeat;
            color: #fff;
        }

            .ui-t342-12-login-personalized .link-box .link:active,
            .ui-t342-12-login-personalized .link-box .link:focus,
            .ui-t342-12-login-personalized .link-box .link:hover {
                background-image: url(../img/arrow-right-hover.svg);
                color: #ccc;
            }

    .ui-t342-12-login-personalized .button-box {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .ui-t342-12-login-personalized .number {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 6rem;
        line-height: 8rem;
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .ui-t342-12-login-personalized .number img {
            display: inline;
            width: auto;
            margin: 0;
        }

    .ui-t342-12-login-personalized .form-group {
        margin-bottom: 10px;
    }

    .ui-t342-12-login-personalized .button-area {
        position: absolute;
        bottom: 25px;
        left: 20px;
    }

        .ui-t342-12-login-personalized .button-area button {
            display: block;
        }

        .ui-t342-12-login-personalized .button-area .link-white {
            line-height: 1.8rem;
            display: inline-block;
            margin-top: 8px;
        }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t342-12-login-personalized .ui-paragraph-headline {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }

        .ui-t342-12-login-personalized .ui-paragraph-headline.is-lower {
            margin-right: 0;
        }
}

@media screen and (max-width: 767px) {
    .ui-t342-12-login-personalized .ui-paragraph-headline.is-lower {
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin-top: 35px;
        margin-right: 0;
    }

    .ui-t342-12-login-personalized .ui-paragraph-headline.is-wide {
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin-bottom: 70px;
    }

    .ui-t342-12-login-personalized .ui-paragraph-headline.is-small {
        min-height: 10px;
    }

    .ui-t342-12-login-personalized .number {
        font-size: 4rem;
        line-height: 6rem;
        padding-top: 20px;
    }

        .ui-t342-12-login-personalized .number img {
            max-height: 100px;
        }
}

@media screen and (max-width: 479px) {
    .ui-t342-12-login-personalized .ui-paragraph-headline.is-lower {
        margin-top: 14px;
        margin-bottom: 24px;
    }

    .ui-t342-12-login-personalized .number img {
        max-height: 83px;
    }
}

.ui-t342-12-login-steps {
    background-position: bottom center;
    background-size: cover;
}

@media screen and (min-width: 480px) {
    .ui-t342-12-login-steps .is-flex {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 479px) {
    .ui-t342-12-login-steps .image-wrap {
        width: calc(100% + 36px);
        margin-left: -18px;
        text-align: center;
    }

        .ui-t342-12-login-steps .image-wrap img {
            width: auto;
            height: 260px;
        }
}

@media screen and (max-width: 479px) {
    .ui-t342-12-login-steps {
        padding-bottom: 20px;
        background-position: top center;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t342-12-login-steps {
        padding: 12px 0;
    }
}

.ui-t345-12-news {
    padding-top: 20px;
}

    .ui-t345-12-news .ui-resp-image img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .ui-t345-12-news .link-box {
        display: block;
        overflow: hidden;
        clear: both;
    }

        .ui-t345-12-news .link-box:active h3,
        .ui-t345-12-news .link-box:focus h3,
        .ui-t345-12-news .link-box:hover h3 {
            color: #de450a;
        }

    .ui-t345-12-news .line-area {
        border-width: 0 0 2px;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        padding-top: 20px;
    }

    .ui-t345-12-news .text-area {
        width: auto;
        padding-right: 140px;
    }

    .ui-t345-12-news .date {
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.7rem;
        display: inline;
        margin-bottom: 10px;
        color: #666;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .ui-t345-12-news h3 {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 2rem;
        display: block;
        margin-top: 3px;
        margin-bottom: 10px;
        color: #f60;
    }

    .ui-t345-12-news p {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.8rem;
        display: block;
        overflow: hidden;
        margin-bottom: 0;
        color: #333;
        text-overflow: ellipsis;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t345-12-news .text-area {
        padding-right: 120px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t345-12-news .text-area {
        padding-right: 10px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t345-12-news .text-area {
        padding-right: 10px;
    }
}

@media screen and (max-width: 479px) {
    .ui-t345-12-news {
        padding-top: 15px;
    }

        .ui-t345-12-news .text,
        .ui-t345-12-news .ui-resp-image,
        .ui-t345-12-news img {
            display: none;
        }

        .ui-t345-12-news .text-area {
            padding-right: 10px;
        }

        .ui-t345-12-news .line-area {
            padding-top: 5px;
        }

        .ui-t345-12-news .link-box {
            padding-top: 0;
            padding-bottom: 0;
        }

        .ui-t345-12-news .date {
            font-size: 1.3rem;
            line-height: 1.6rem;
        }

        .ui-t345-12-news h3 {
            font-size: 1.8rem;
            line-height: 2.4rem;
        }
}

.ui-517-12-newslist .news-list {
    margin-bottom: 30px;
}

.ui-517-12-newslist .line-area {
    border-width: 0 0 2px;
    -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    border-style: dotted;
    border-color: #ddd;
    padding-bottom: 20px;
}

.ui-517-12-newslist .list-item:first-child {
    border-width: 2px 0 0;
    -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
    border-style: dotted;
    border-color: #ddd;
}

.ui-517-12-newslist .sub-text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #333;
    margin-top: 30px;
    margin-bottom: 0;
}

.ui-517-12-newslist .btn {
    margin-top: 28px;
}

.ui-517-12-newslist .ui-note {
    margin-top: 60px;
}

@media screen and (max-width: 1199px) {
    .ui-517-12-newslist .btn.btn-outline {
        font-size: 1.4rem;
        line-height: 1.7rem;
        padding: 7px 19px 5px;
    }
}

.ui-t348-12-faq {
    padding-top: 0;
    cursor: pointer;
}

    .ui-t348-12-faq .link-box {
        display: block;
        overflow: hidden;
        clear: both;
    }

        .ui-t348-12-faq .link-box:active h3,
        .ui-t348-12-faq .link-box:focus h3,
        .ui-t348-12-faq .link-box:hover h3 {
            color: #de450a;
        }

    .ui-t348-12-faq .line-area {
        border-width: 0 0 2px;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        padding-top: 16px;
    }

    .ui-t348-12-faq h3 {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2rem;
        line-height: 2.4rem;
        display: block;
        margin-top: 12px;
        margin-bottom: 8px;
        color: #f60;
    }

    .ui-t348-12-faq p {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 2.4rem;
        display: block;
        overflow: hidden;
        margin-bottom: 0;
        color: #333;
        text-overflow: ellipsis;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t348-12-faq .text-area {
        padding-right: 120px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t348-12-faq .text-area {
        padding-right: 10px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t348-12-faq .text-area {
        padding-right: 10px;
    }
}

@media screen and (max-width: 479px) {
    .ui-t348-12-faq .text-area {
        padding-right: 10px;
    }

    .ui-t348-12-faq .link-box {
        padding-top: 0;
        padding-bottom: 0;
    }

    .ui-t348-12-faq h3 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

.ui-523-12-faq .line-area {
    border-width: 0 0 2px;
    -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    border-style: dotted;
    border-color: #ddd;
    padding-bottom: 12px;
}

.ui-523-12-faq .list-item:first-child {
    border-width: 2px 0 0;
    -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
    border-style: dotted;
    border-color: #ddd;
}

.ui-523-12-faq .sub-text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #333;
    margin-bottom: 20px;
}

.ui-523-12-faq .ui-note {
    margin-top: 55px;
}

@media screen and (max-width: 1199px) {
    .ui-523-12-faq .btn.btn-outline {
        font-size: 1.4rem;
        line-height: 1.7rem;
        padding: 7px 19px 5px;
        margin-top: 22px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-523-12-faq .ui-note {
        margin-top: 20px;
    }
}

@media screen and (max-width: 479px) {
    .ui-523-12-faq .line-area {
        padding-bottom: 4px;
    }
}

.ui-t349-06-testimonial {
    margin-bottom: 70px;
}

    .ui-t349-06-testimonial .blockquote-box {
        margin-bottom: 10px;
    }

        .ui-t349-06-testimonial .blockquote-box blockquote {
            display: inline-block;
            width: 56%;
            padding-left: 0;
            margin-right: 10px;
            vertical-align: top;
        }

            .ui-t349-06-testimonial .blockquote-box blockquote p {
                margin-bottom: 0;
            }

            .ui-t349-06-testimonial .blockquote-box blockquote .blockquote-footer {
                margin-right: 10px;
            }

                .ui-t349-06-testimonial .blockquote-box blockquote .blockquote-footer cite {
                    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
                    font-weight: 400;
                    font-size: 1.2rem;
                    line-height: 1.8rem;
                }

        .ui-t349-06-testimonial .blockquote-box figure {
            display: inline-block;
            overflow: hidden;
            width: 37%;
            padding: 2%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            transform: rotate(5deg);
        }

            .ui-t349-06-testimonial .blockquote-box figure img {
                display: block;
                max-width: 100%;
                height: auto;
            }

    .ui-t349-06-testimonial a.link {
        display: inline-block;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t349-06-testimonial .blockquote-box {
        margin-bottom: 25px;
    }

        .ui-t349-06-testimonial .blockquote-box figure {
            padding: 1%;
        }

        .ui-t349-06-testimonial .blockquote-box blockquote {
            margin-right: 5px;
        }

        .ui-t349-06-testimonial .blockquote-box img {
            max-width: 100%;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t349-06-testimonial .link {
        font-size: 1.8rem;
        line-height: 2.2rem;
        font-size: 1.3rem;
        line-height: 1.6rem;
        display: block;
        padding: 15px 20px 15px 0;
        margin-top: 2px;
        background: url(../img/arrow-right-orange.svg) 100% 16px no-repeat;
        vertical-align: middle;
    }

        .ui-t349-06-testimonial .link:active,
        .ui-t349-06-testimonial .link:focus,
        .ui-t349-06-testimonial .link:hover {
            background: url(../img/arrow-right-orange.svg) 100% 16px no-repeat;
        }

        .ui-t349-06-testimonial .link img {
            width: auto;
            max-width: none;
            max-height: 123px;
        }

    .ui-t349-06-testimonial .blockquote-box blockquote {
        width: 67%;
        padding-right: 0;
    }

        .ui-t349-06-testimonial .blockquote-box blockquote .blockquote-footer {
            padding-top: 9px;
        }

    .ui-t349-06-testimonial .blockquote-box p {
        font-size: 2rem;
        line-height: 2.6rem;
    }

        .ui-t349-06-testimonial .blockquote-box p::after,
        .ui-t349-06-testimonial .blockquote-box p::before {
            font-size: 2.8rem;
        }

    .ui-t349-06-testimonial .blockquote-box figure {
        width: auto;
        padding: 6px;
        margin-left: 3%;
    }

        .ui-t349-06-testimonial .blockquote-box figure img {
            width: auto;
            max-width: 96px;
        }
}

@media screen and (max-width: 479px) {
    .ui-t349-06-testimonial .blockquote-box {
        display: inline-block;
        margin-bottom: 0;
    }

        .ui-t349-06-testimonial .blockquote-box p {
            font-size: 1.8rem;
            line-height: 2.1rem;
        }

        .ui-t349-06-testimonial .blockquote-box figure {
            width: auto;
            margin-left: 30px;
        }

            .ui-t349-06-testimonial .blockquote-box figure img {
                width: auto;
                max-width: 100px;
            }

        .ui-t349-06-testimonial .blockquote-box blockquote {
            width: 46%;
            padding-right: 10px;
        }

            .ui-t349-06-testimonial .blockquote-box blockquote p::after,
            .ui-t349-06-testimonial .blockquote-box blockquote p::before {
                font-size: 2.4rem;
            }

            .ui-t349-06-testimonial .blockquote-box blockquote .blockquote-footer {
                padding-top: 10px;
                text-align: left;
            }

                .ui-t349-06-testimonial .blockquote-box blockquote .blockquote-footer cite {
                    line-height: 1.5rem;
                }

    .ui-t349-06-testimonial a.link {
        font-size: 1.3rem;
        line-height: 1.6rem;
        display: block;
        width: 135px;
        background-position: 100% 17px;
    }

        .ui-t349-06-testimonial a.link:active,
        .ui-t349-06-testimonial a.link:focus,
        .ui-t349-06-testimonial a.link:hover {
            background-position: 100% 17px;
        }
}

@media all and (max-width: 374px) {
    .ui-t349-06-testimonial .blockquote-box figure {
        margin-left: 12px;
    }

        .ui-t349-06-testimonial .blockquote-box figure img {
            max-width: 100px;
        }
}

.ui-t350-03-store {
    margin-bottom: 20px;
}

    .ui-t350-03-store .logo-area {
        min-height: 73px;
        font-size: 0;
    }

        .ui-t350-03-store .logo-area .type-img {
            display: inline-block;
            margin-right: 3px;
        }

    .ui-t350-03-store .headline {
        margin-top: 6px;
        margin-bottom: 4px;
        clear: left;
        color: #333;
    }

        .ui-t350-03-store .headline .distance {
            display: none;
        }

        .ui-t350-03-store .headline a {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-size: 1.6rem;
            line-height: 1.8rem;
            color: #f60;
        }

            .ui-t350-03-store .headline a:active,
            .ui-t350-03-store .headline a:focus,
            .ui-t350-03-store .headline a:hover {
                color: #de450a;
            }

    .ui-t350-03-store .text {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.8rem;
        min-height: 54px;
        margin-bottom: 4px;
        color: #333;
    }

    .ui-t350-03-store .box {
        display: table;
        width: 90%;
        height: 40px;
        margin-bottom: 18px;
    }

        .ui-t350-03-store .box .opening-hours {
            display: table-cell;
            padding-left: 50px;
            background-image: url(../img/watch-grey.svg), none;
            background-position: 0 50%;
            background-repeat: no-repeat;
            vertical-align: middle;
        }

    .ui-t350-03-store.ui-f607-12-forms .ff-radio .ff-group-inline {
        margin-top: 10px;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t350-03-store {
        padding-top: 10px;
        padding-bottom: 1px;
    }
}

@media screen and (max-width: 479px) {
    .ui-t350-03-store {
        padding-top: 6px;
        padding-bottom: 17px;
        margin: 0;
    }

        .ui-t350-03-store .logo-area {
            min-height: 50px;
        }

        .ui-t350-03-store .text-area .headline {
            font-size: 1.6rem;
            line-height: 1.8rem;
        }

            .ui-t350-03-store .text-area .headline .distance {
                display: block;
                color: #f60;
                float: right;
            }
}

@media screen and (max-width: 767px) {
    .ui-l537-12-storelist .button-wrapper {
        padding-top: 5px;
    }
}

.ui-t351-12-flex-banner-teaser {
    margin-right: 0;
    margin-left: 0;
}

    .ui-t351-12-flex-banner-teaser .image-container {
        padding: 0;
    }

    .ui-t351-12-flex-banner-teaser.image-position-right .image-container {
        order: 2;
    }

    .ui-t351-12-flex-banner-teaser .flex-banner-teaser-content {
        display: flex;
        flex-direction: row;
    }

    .ui-t351-12-flex-banner-teaser .text-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 52px 32px;
    }

        .ui-t351-12-flex-banner-teaser .text-container .btn {
            align-self: flex-start;
        }

    .ui-t351-12-flex-banner-teaser .flex-banner-teaser-sub-headline {
        font-size: 1.4rem;
        line-height: 1.7rem;
        color: #fff;
        font-family: 'Helvetica Now Text XBold';
        font-weight: 400;
        letter-spacing: normal;
        margin-top: 0;
    }

    .ui-t351-12-flex-banner-teaser .flex-banner-teaser-headline {
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin-top: 0;
        margin-bottom: 12px;
        color: #fff;
        font-family: 'Helvetica Now Text XBold';
        font-weight: 400;
        letter-spacing: normal;
    }

    .ui-t351-12-flex-banner-teaser.is-dark .flex-banner-teaser-sub-headline {
        color: #f60;
    }

    .ui-t351-12-flex-banner-teaser.is-dark .flex-banner-teaser-headline {
        color: #333;
    }

    .ui-t351-12-flex-banner-teaser .ui-resp-image img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t351-12-flex-banner-teaser .text-container {
        padding: 39px 31px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t351-12-flex-banner-teaser .text-container {
        padding: 16px 20px;
    }

    .ui-t351-12-flex-banner-teaser .flex-banner-teaser-headline {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-t351-12-flex-banner-teaser .flex-banner-teaser-content {
        flex-direction: column;
    }

    .ui-t351-12-flex-banner-teaser.image-position-right .image-container {
        order: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .ui-t351-12-flex-banner-teaser.image-position-left .image-container {
        padding-right: 0;
        padding-left: 0;
    }

    .ui-t351-12-flex-banner-teaser .flex-banner-teaser-headline {
        font-size: 2rem;
        line-height: 2.3rem;
    }

    .ui-t351-12-flex-banner-teaser .text-container {
        padding: 12px 25px;
    }

    .ui-t351-12-flex-banner-teaser .btn {
        font-size: 1.4rem;
        line-height: 1rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-t351-12-flex-banner-teaser .text-container {
        padding: 25px;
    }
}

.ui-t352-08-flex-banner-teaser.image-position-left .image-container {
    padding-left: 0;
}

.ui-t352-08-flex-banner-teaser.image-position-right .image-container {
    order: 2;
    padding-right: 0;
}

.ui-t352-08-flex-banner-teaser .flex-banner-teaser-content {
    display: flex;
    flex-direction: row;
}

.ui-t352-08-flex-banner-teaser .text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px 31px;
}

    .ui-t352-08-flex-banner-teaser .text-container .btn {
        align-self: flex-start;
    }

.ui-t352-08-flex-banner-teaser .flex-banner-teaser-sub-headline {
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #fff;
    margin-top: 0;
    margin-bottom: 12px;
    font-family: 'Helvetica Now Text XBold';
    font-weight: 400;
    letter-spacing: normal;
}

.ui-t352-08-flex-banner-teaser .flex-banner-teaser-headline {
    font-size: 2rem;
    line-height: 2.3rem;
    margin-top: 0;
    margin-bottom: 12px;
    color: #fff;
    font-family: 'Helvetica Now Text XBold';
    font-weight: 400;
    letter-spacing: normal;
}

.ui-t352-08-flex-banner-teaser.is-dark .flex-banner-teaser-headline,
.ui-t352-08-flex-banner-teaser.is-dark .flex-banner-teaser-sub-headline {
    color: #333;
}

.ui-t352-08-flex-banner-teaser .ui-resp-image img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t352-08-flex-banner-teaser .text-container {
        padding: 25px 31px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t352-08-flex-banner-teaser .text-container {
        padding: 16px 20px;
    }

    .ui-t352-08-flex-banner-teaser .flex-banner-teaser-headline {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }

    .ui-t352-08-flex-banner-teaser .image-container {
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .ui-t352-08-flex-banner-teaser .flex-banner-teaser-content {
        flex-direction: column;
    }

    .ui-t352-08-flex-banner-teaser .image-container {
        padding: 0;
    }

    .ui-t352-08-flex-banner-teaser.image-position-right .image-container {
        order: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .ui-t352-08-flex-banner-teaser.image-position-left .image-container {
        padding-right: 0;
        padding-left: 0;
    }

    .ui-t352-08-flex-banner-teaser .flex-banner-teaser-headline {
        font-size: 2rem;
        line-height: 2.3rem;
    }

    .ui-t352-08-flex-banner-teaser .text-container {
        padding: 12px 25px;
    }

    .ui-t352-08-flex-banner-teaser .btn {
        font-size: 1.4rem;
        line-height: 1rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-t352-08-flex-banner-teaser .text-container {
        padding: 25px;
    }
}

.ui-t354-03-logo {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    padding: 0;
    padding-bottom: 75%;
    border: 2px solid #e7e7e7;
    border-radius: 3px;
}

    .ui-t354-03-logo:active img,
    .ui-t354-03-logo:focus img,
    .ui-t354-03-logo:hover img {
        width: 110%;
        transform: translate3d(-50%, -50%, 0) rotate(0.02deg);
    }

    .ui-t354-03-logo img {
        position: absolute;
        top: 50%;
        bottom: 0;
        left: 50%;
        display: block;
        width: 100%;
        height: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translate3d(-50%, -50%, 0) rotate(0.02deg);
        transition: width 0.6s cubic-bezier(0.17, 0.67, 0.28, 1);
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t354-03-logo:active img,
    .ui-t354-03-logo:focus img,
    .ui-t354-03-logo:hover img {
        width: 110%;
        transform: translate3d(-50%, -50%, 0) rotate(0.02deg);
    }

    .ui-t354-03-logo img {
        width: 100%;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t354-03-logo {
        padding-bottom: 56.25%;
    }

        .ui-t354-03-logo:active img,
        .ui-t354-03-logo:focus img,
        .ui-t354-03-logo:hover img {
            width: 110%;
            transform: translate3d(-50%, -50%, 0) rotate(0.02deg);
        }

        .ui-t354-03-logo img {
            width: 100%;
        }
}

@media screen and (max-width: 479px) {
    .ui-t354-03-logo img {
        width: 100%;
    }
}

.ui-t358-04-download {
    height: 100%;
    min-height: 350px;
    margin-bottom: 20px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
}

    .ui-t358-04-download img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .ui-t358-04-download .link-box {
        overflow: hidden;
        background: 0 0;
    }

        .ui-t358-04-download .link-box.with-border {
            border: 2px solid #e6e6e6;
            border-radius: 4px;
        }

    .ui-t358-04-download .text-box {
        width: 100%;
        padding: 10px 10px 10px 0;
    }

    .ui-t358-04-download .title {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 1.8rem;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .ui-t358-04-download .text {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-bottom: 10px;
    }

    .ui-t358-04-download .download-list {
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 0;
        list-style: none;
    }

        .ui-t358-04-download .download-list .listitem {
            position: relative;
            display: inline-block;
            width: 50%;
            margin-bottom: 6px;
            vertical-align: top;
        }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t358-04-download .download-list .listitem {
        display: block;
        width: 150px;
        float: left;
    }
}

@media screen and (max-width: 479px) {
    .ui-t358-04-download .download-list .listitem {
        display: block;
        width: 100%;
    }
}

@media screen and (min-width: 480px) {
    .ui-t358-04-download .download-box:hover .download-icon {
        background-image: url(../img/download-orange-hover.svg);
    }
}

.ui-t358-04-download .download-icon {
    display: inline-block;
    width: 15px;
    height: 20px;
    padding-left: 0;
    margin-top: 2px;
    background-image: url(../img/download-orange.svg);
    background-position: 0 0;
    vertical-align: middle;
}

.ui-t358-04-download .download-link {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.9rem;
    position: relative;
    display: inline-block;
    padding-right: 0;
    padding-bottom: 2px;
    padding-left: 6px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: box-shadow 0.25s ease-out;
    vertical-align: middle;
}

@media screen and (min-width: 480px) {
    .ui-t358-04-download .download-link:active,
    .ui-t358-04-download .download-link:focus,
    .ui-t358-04-download .download-link:hover {
        box-shadow: 0 -2px 0 0 #f60 inset;
    }
}

.ui-t358-04-download span {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding-left: 10px;
    color: #666;
}

@media screen and (max-width: 1199px) {
    .ui-t358-04-download {
        height: 330px;
    }
}

@media screen and (max-width: 767px) {
    .ui-t358-04-download:active img,
    .ui-t358-04-download:focus img,
    .ui-t358-04-download:hover img {
        transform: none;
    }
}

@media screen and (max-width: 479px) {
    .ui-t358-04-download {
        display: table;
        width: 100%;
        table-layout: fixed;
        word-spacing: -1em;
        height: 100%;
        min-height: 130px;
        text-align: right;
    }

        .ui-t358-04-download:after,
        .ui-t358-04-download:before {
            display: table;
            content: ' ';
        }

        .ui-t358-04-download:after {
            clear: both;
        }

        .ui-t358-04-download .link-box {
            display: inline-block;
            vertical-align: top;
            word-spacing: 0;
            width: 38%;
            float: left;
        }

        .ui-t358-04-download .text-box {
            display: inline-block;
            vertical-align: top;
            word-spacing: 0;
            display: block;
            width: 56%;
            padding: 0;
            margin: 0 0 0 auto;
            text-align: left;
        }

        .ui-t358-04-download .title {
            margin-bottom: 6px;
        }

        .ui-t358-04-download img {
            transition: none;
        }
}

.ui-l514-12-downloadlist .headline-outer .ui-header-headline {
    margin-bottom: 30px;
}

.ui-l514-12-downloadlist .intro {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.8rem;
    line-height: 2.5rem;
    color: #333;
}

@media screen and (max-width: 479px) {
    .col-xs-6 .ui-t358-04-download .link-box {
        width: 100%;
        float: none;
    }

    .col-xs-6 .ui-t358-04-download .text-box {
        width: 100%;
        padding-top: 8px;
    }

    .col-xs-6 .ui-t358-04-download .download-link,
    .col-xs-6 .ui-t358-04-download .text,
    .col-xs-6 .ui-t358-04-download .title,
    .col-xs-6 .ui-t358-04-download span {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }

    .col-xs-6 .ui-t358-04-download span {
        padding-left: 5px;
    }

    .col-xs-6 .ui-t358-04-download .download-icon {
        width: 15px;
        height: 18px;
        margin-top: 0;
        background-repeat: no-repeat;
        background-size: 90%;
    }

    .is-gutter-xs-16 .col-xs-12 .ui-t358-04-download {
        min-height: 90px;
        margin-bottom: 17px;
    }

        .is-gutter-xs-16 .col-xs-12 .ui-t358-04-download .download-link,
        .is-gutter-xs-16 .col-xs-12 .ui-t358-04-download .text,
        .is-gutter-xs-16 .col-xs-12 .ui-t358-04-download .title,
        .is-gutter-xs-16 .col-xs-12 .ui-t358-04-download span {
            font-size: 1.2rem;
            line-height: 1.4rem;
        }

        .is-gutter-xs-16 .col-xs-12 .ui-t358-04-download span {
            padding-left: 5px;
        }

        .is-gutter-xs-16 .col-xs-12 .ui-t358-04-download .download-icon {
            width: 15px;
            height: 18px;
            margin-top: 0;
            background-repeat: no-repeat;
            background-size: 90%;
        }

        .is-gutter-xs-16 .col-xs-12 .ui-t358-04-download .link-box {
            width: 100%;
            float: none;
        }

        .is-gutter-xs-16 .col-xs-12 .ui-t358-04-download .text-box {
            width: 100%;
            padding-top: 8px;
        }
}

.ui-t359-03-download {
    margin-bottom: 20px;
}

    .ui-t359-03-download img {
        display: inline-block;
        width: auto;
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
    }

    .ui-t359-03-download .link-box {
        position: relative;
        display: block;
        overflow: hidden;
        background: 0 0;
        background-color: #f8f6f5;
        font-size: 0;
        text-align: center;
    }

@media screen and (min-width: 992px) {
    .ui-t359-03-download .link-box {
        height: 171px;
        line-height: 171px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t359-03-download .link-box {
        height: 149px;
        line-height: 149px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t359-03-download .link-box {
        height: 144px;
        line-height: 144px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t359-03-download .link-box {
        height: 160px;
        line-height: 160px;
    }
}

.ui-t359-03-download .text-box {
    padding: 10px 10px 10px 20px;
}

.ui-t359-03-download .download-link {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.9rem;
    position: relative;
    display: inline;
    padding-right: 0;
    padding-bottom: 3px;
    padding-left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    transition: all 0.25s ease-out;
}

    .ui-t359-03-download .download-link::before {
        position: absolute;
        top: 2px;
        left: -20px;
        width: 15px;
        height: 20px;
        background: url(../img/download-orange.svg) 0 0 no-repeat;
        content: '';
    }

@media screen and (min-width: 480px) {
    .ui-t359-03-download .download-link:active,
    .ui-t359-03-download .download-link:focus,
    .ui-t359-03-download .download-link:hover {
        box-shadow: 0 -2px 0 0 #f60 inset;
    }

        .ui-t359-03-download .download-link:active::before,
        .ui-t359-03-download .download-link:focus::before,
        .ui-t359-03-download .download-link:hover::before {
            background: url(../img/download-orange-hover.svg) 0 0 no-repeat;
        }
}

.ui-t359-03-download .text {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    margin-top: 1px;
    color: #666;
}

.ui-t359-03-download span {
    font-size: 1.4rem;
    line-height: 1.8rem;
    display: block;
    color: #666;
}

@media screen and (max-width: 767px) {
    .ui-t359-03-download span {
        display: block;
        padding-left: 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-t359-03-download {
        display: table;
        width: 100%;
        table-layout: fixed;
        word-spacing: -1em;
        height: 100%;
        margin-bottom: 15px;
        text-align: right;
    }

        .ui-t359-03-download .link-box {
            display: inline-block;
            vertical-align: top;
            word-spacing: 0;
            width: calc(50% - 8px);
            height: auto;
            padding: 0;
            float: left;
        }

            .ui-t359-03-download .link-box::before {
                content: none;
            }

        .ui-t359-03-download .text-box {
            display: inline-block;
            vertical-align: top;
            word-spacing: 0;
            display: block;
            width: calc(50% - 8px);
            padding: 0;
            margin: 0 0 0 auto;
            text-align: left;
        }

            .ui-t359-03-download .text-box a.download-link {
                font-size: 1.2rem;
                line-height: 1.4rem;
                display: block;
                padding-left: 20px;
            }

                .ui-t359-03-download .text-box a.download-link::before {
                    left: 0;
                }

        .ui-t359-03-download img {
            max-height: 100px;
            transition: none;
        }
}

.ui-t360-03-textnumbers {
    height: 100%;
    margin-bottom: 17px;
    background: #f60;
    border-radius: 4px;
}

    .ui-t360-03-textnumbers.is-atlantis {
        background: #98cd4e;
        transition: background 0.3s ease-out;
    }

        .ui-t360-03-textnumbers.is-atlantis:not(.no-link):active,
        .ui-t360-03-textnumbers.is-atlantis:not(.no-link):focus,
        .ui-t360-03-textnumbers.is-atlantis:not(.no-link):hover {
            background: #75b714;
        }

    .ui-t360-03-textnumbers.is-blue {
        background: #00aecf;
        transition: background 0.3s ease-out;
    }

        .ui-t360-03-textnumbers.is-blue:not(.no-link):active,
        .ui-t360-03-textnumbers.is-blue:not(.no-link):focus,
        .ui-t360-03-textnumbers.is-blue:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t360-03-textnumbers.is-dark-blue {
        background: #039;
        transition: background 0.3s ease-out;
    }

        .ui-t360-03-textnumbers.is-dark-blue:not(.no-link):active,
        .ui-t360-03-textnumbers.is-dark-blue:not(.no-link):focus,
        .ui-t360-03-textnumbers.is-dark-blue:not(.no-link):hover {
            background: #000573;
        }

    .ui-t360-03-textnumbers.is-cumulus {
        background: #003d8d;
        transition: background 0.3s ease-out;
    }

        .ui-t360-03-textnumbers.is-cumulus:not(.no-link):active,
        .ui-t360-03-textnumbers.is-cumulus:not(.no-link):focus,
        .ui-t360-03-textnumbers.is-cumulus:not(.no-link):hover {
            background: #00145c;
        }

    .ui-t360-03-textnumbers.is-cyan {
        background: #0daacf;
        transition: background 0.3s ease-out;
    }

        .ui-t360-03-textnumbers.is-cyan:not(.no-link):active,
        .ui-t360-03-textnumbers.is-cyan:not(.no-link):focus,
        .ui-t360-03-textnumbers.is-cyan:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t360-03-textnumbers.is-gray {
        background: #b7b0ac;
        transition: background 0.3s ease-out;
    }

        .ui-t360-03-textnumbers.is-gray:not(.no-link):active,
        .ui-t360-03-textnumbers.is-gray:not(.no-link):focus,
        .ui-t360-03-textnumbers.is-gray:not(.no-link):hover {
            background: #9f9690;
        }

    .ui-t360-03-textnumbers.is-orange {
        background: #f60;
        transition: background 0.3s ease-out;
    }

        .ui-t360-03-textnumbers.is-orange:not(.no-link):active,
        .ui-t360-03-textnumbers.is-orange:not(.no-link):focus,
        .ui-t360-03-textnumbers.is-orange:not(.no-link):hover {
            background: #e03c00;
        }

    .ui-t360-03-textnumbers.is-pink-red {
        background: #ff0036;
        transition: background 0.3s ease-out;
    }

        .ui-t360-03-textnumbers.is-pink-red:not(.no-link):active,
        .ui-t360-03-textnumbers.is-pink-red:not(.no-link):focus,
        .ui-t360-03-textnumbers.is-pink-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t360-03-textnumbers.is-red {
        background: #ff290b;
        transition: background 0.3s ease-out;
    }

        .ui-t360-03-textnumbers.is-red:not(.no-link):active,
        .ui-t360-03-textnumbers.is-red:not(.no-link):focus,
        .ui-t360-03-textnumbers.is-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t360-03-textnumbers.is-white {
        background: #fff;
    }

        .ui-t360-03-textnumbers.is-white.with-image .text-area h3,
        .ui-t360-03-textnumbers.is-white.with-image .text-area p {
            color: #333;
        }

        .ui-t360-03-textnumbers.is-white.with-image .text-area::after {
            background-image: url(../img/arrow-teaser-black.svg);
        }

    .ui-t360-03-textnumbers:hover {
        background: #f60;
    }

    .ui-t360-03-textnumbers .area-content {
        position: relative;
        display: block;
        overflow: hidden;
        height: 100%;
        min-height: 310px;
    }

        .ui-t360-03-textnumbers .area-content:hover .title::after {
            background-position: 0 -34px;
        }

    .ui-t360-03-textnumbers .text-area {
        position: absolute;
        top: 16px;
        left: 20px;
        width: calc(100% - 40px);
        padding-bottom: 33px;
        color: #fff;
        overflow: hidden;
    }

    .ui-t360-03-textnumbers.is-bottom .text-area {
        top: auto;
        bottom: 21px;
    }

    .ui-t360-03-textnumbers .highlight,
    .ui-t360-03-textnumbers .title {
        font-family: 'Helvetica Now Text Bold', Helvetica, Arial, Sans Serif;
        color: #fff;
    }

    .ui-t360-03-textnumbers .title {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-top: 0;
        margin-bottom: 0;
        overflow-wrap: anywhere;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

        .ui-t360-03-textnumbers .title a,
        .ui-t360-03-textnumbers .title em {
            font-size: 5.8rem;
            line-height: 5.6rem;
            letter-spacing: -2.2px;
            overflow-wrap: break-word;
            display: inline-block;
            color: #fff;
            font-style: normal;
        }

        .ui-t360-03-textnumbers .title::after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 37px;
            height: 28px;
            background-image: url(../img/arrow-teaser-big.svg), none;
            background-position: 0 0;
            background-repeat: no-repeat;
            content: '';
            transition: background-position 0.37s ease-out;
        }

    .ui-t360-03-textnumbers.no-link .text-area {
        padding-bottom: 0;
    }

    .ui-t360-03-textnumbers.no-link .title::after {
        display: none;
    }

@media screen and (max-width: 1199px) {
    .ui-t360-03-textnumbers .area-content {
        min-height: 280px;
    }

    .ui-t360-03-textnumbers .text-area {
        top: 10px;
        left: 10px;
        width: calc(100% - 20px);
    }
}

@media screen and (max-width: 991px) {
    .ui-t360-03-textnumbers .area-content {
        min-height: 280px;
    }

        .ui-t360-03-textnumbers .area-content:active .title::after,
        .ui-t360-03-textnumbers .area-content:focus .title::after,
        .ui-t360-03-textnumbers .area-content:hover .title::after {
            background-position: 0 0;
        }

    .ui-t360-03-textnumbers .text-area {
        padding-bottom: 25px;
    }

    .ui-t360-03-textnumbers.no-link.is-bottom .text-area {
        bottom: 15px;
    }

    .ui-t360-03-textnumbers .title::after {
        right: 20px;
        bottom: 0;
        width: 8px;
        height: 14px;
        background-image: url(../img/arrow-right-small-white.svg);
    }
}

@media screen and (max-width: 767px) {
    .ui-t360-03-textnumbers .area-content {
        min-height: 310px;
        padding-top: 0;
    }

    .ui-t360-03-textnumbers .text-area {
        top: 10px;
        left: 0;
        width: 100%;
        padding: 5px 10px 22px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .ui-t360-03-textnumbers.no-link.is-bottom .text-area {
        bottom: 21px;
    }

    .ui-t360-03-textnumbers .title {
        display: inline-block;
    }

        .ui-t360-03-textnumbers .title::after {
            left: 10px;
        }
}

@media screen and (max-width: 479px) {
    .ui-t360-03-textnumbers {
        margin-top: 17px;
        height: auto;
    }

        .ui-t360-03-textnumbers .area-content {
            height: auto;
            min-height: 110px;
        }

        .ui-t360-03-textnumbers .text-area {
            position: relative;
            top: auto;
            bottom: auto;
            padding: 10px 10px 20px;
            margin-bottom: 31px;
        }

        .ui-t360-03-textnumbers.is-bottom .text-area,
        .ui-t360-03-textnumbers.is-bottom.no-link .text-area {
            top: auto;
            bottom: auto;
        }
}

@media screen and (max-width: 479px) {
    .col-xs-6 .ui-t360-03-textnumbers {
        height: auto;
        margin-top: 0;
    }

        .col-xs-6 .ui-t360-03-textnumbers .title {
            font-size: 1.2rem;
            line-height: 1.4rem;
        }

            .col-xs-6 .ui-t360-03-textnumbers .title em {
                font-size: 3rem;
                line-height: 1;
            }
}

.ui-t379-08-points {
    position: relative;
    min-height: 487px;
    padding: 16px 16px 16px 19px;
    border: 2px solid #e7e5e3;
    margin-bottom: 24px;
    background-color: #fff;
    border-radius: 4px;
    color: #003d8d;
}

    .ui-t379-08-points.is-cumulus {
        border: 0;
        background-color: #003d8d;
        color: #fff;
    }

        .ui-t379-08-points.is-cumulus .headline {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-size: 2.2rem;
            line-height: 2.8rem;
            color: #fff;
        }

@media screen and (max-width: 991px) {
    .ui-t379-08-points.is-cumulus .headline {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

.ui-t379-08-points .headline {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin-top: 0;
    color: #003d8d;
}

.ui-t379-08-points .box {
    height: 382px;
}

.ui-t379-08-points ul {
    padding-left: 0;
}

.ui-t379-08-points .bordered-text {
    display: table;
    width: 100%;
    height: 61px;
    padding: 0;
    border-width: 2px 0;
    border-style: dotted;
    border-color: #003d8d;
    -o-border-image: url(../img/border-dotted-blue.png) 2 0 2 0 repeat;
    border-image: url(../img/border-dotted-blue.png) 2 0 2 0 repeat;
}

    .ui-t379-08-points .bordered-text .text {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2.2rem;
        line-height: 4.4rem;
        display: table-cell;
        width: 30%;
        color: #003d8d;
        vertical-align: bottom;
    }

    .ui-t379-08-points .bordered-text .amount {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 4rem;
        line-height: 5.8rem;
        display: table-cell;
        color: #003d8d;
        text-align: right;
        vertical-align: bottom;
    }

.ui-t379-08-points .info {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-top: 16px;
    margin-bottom: 0;
    color: #333;
}

.ui-t379-08-points .info-area {
    position: absolute;
    bottom: 0;
    left: 12px;
}

.ui-t379-08-points .image-box-wrapper {
    height: 100%;
}

    .ui-t379-08-points .image-box-wrapper .image-box {
        position: absolute;
        bottom: 0;
        width: 50px;
        height: 88%;
        background-color: #003d8d;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

.ui-t379-08-points .chart-bottom,
.ui-t379-08-points .chart-middle,
.ui-t379-08-points .chart-top {
    border-width: 2px 0 0;
    -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
    border-style: dotted;
    border-color: #ddd;
    position: relative;
    z-index: 100;
    width: 100%;
    height: 33%;
}

.ui-t379-08-points .chart-base {
    width: 100%;
    height: 2px;
    background-color: #ccc;
}

.ui-t379-08-points .ui-secondary-headline {
    margin-top: 14px;
    margin-left: 62px;
    color: #9f9690;
}

    .ui-t379-08-points .ui-secondary-headline span {
        color: #003d8d;
    }

.ui-t379-08-points .error {
    margin-top: 20px;
    margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
    .ui-t379-08-points .error {
        width: 90px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t379-08-points .error {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t379-08-points {
        min-height: 427px;
    }

        .ui-t379-08-points .box {
            height: 322px;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t379-08-points {
        min-height: 307px;
        padding: 6px 10px 10px;
    }

        .ui-t379-08-points .headline {
            font-size: 2rem;
            line-height: 2.5rem;
        }

        .ui-t379-08-points .box {
            height: 225px;
        }

        .ui-t379-08-points .bordered-text {
            height: 56px;
        }

            .ui-t379-08-points .bordered-text .text {
                font-size: 2rem;
                line-height: 4.6rem;
            }

            .ui-t379-08-points .bordered-text .amount {
                font-size: 3.2rem;
                line-height: 5rem;
            }

        .ui-t379-08-points .info {
            font-size: 1.4rem;
            line-height: 1.8rem;
        }

        .ui-t379-08-points .image-box-wrapper .image-box {
            width: 30px;
        }

        .ui-t379-08-points .ui-secondary-headline {
            margin-top: 10px;
            margin-left: 45px;
        }
}

@media screen and (max-width: 767px) {
    .ui-t379-08-points {
        height: auto;
        min-height: 156px;
        padding: 6px 8px 15px;
    }

        .ui-t379-08-points .headline {
            font-size: 1.8rem;
            line-height: 2.4rem;
            margin-bottom: 10px;
        }

        .ui-t379-08-points .box {
            height: auto;
        }

        .ui-t379-08-points .bordered-text {
            height: 50px;
        }

            .ui-t379-08-points .bordered-text .text {
                font-size: 1.8rem;
                line-height: 3.3rem;
            }

            .ui-t379-08-points .bordered-text .amount {
                font-size: 3.2rem;
                line-height: 4.4rem;
            }

        .ui-t379-08-points .info-area {
            position: relative;
            left: 0;
            padding-bottom: 20px;
        }

            .ui-t379-08-points .info-area .info {
                margin-top: 0;
            }

        .ui-t379-08-points .info {
            font-size: 1.4rem;
            line-height: 2rem;
            margin-top: 10px;
        }

        .ui-t379-08-points .image-box-wrapper .image-box {
            width: 55px;
        }

        .ui-t379-08-points .ui-secondary-headline {
            font-size: 1.3rem;
            margin-top: 10px;
            margin-left: 20%;
        }

            .ui-t379-08-points .ui-secondary-headline span {
                position: absolute;
                top: 10px;
                right: 0;
                display: block;
            }
}

@media screen and (max-width: 479px) {
    .ui-t379-08-points .ui-secondary-headline {
        margin-left: 75px;
    }
}

.ui-t379-12-points {
    position: relative;
    border: 2px solid #003d8d;
    margin-top: 35px;
    margin-bottom: 12px;
    background-color: #fff;
    border-radius: 4px;
    color: #003d8d;
}

    .ui-t379-12-points .row {
        padding: 16px 0;
        border-bottom: 2px solid #003d8d;
        margin-right: 0;
        margin-left: 0;
    }

        .ui-t379-12-points .row:last-child {
            border: 0;
        }

        .ui-t379-12-points .row > [class^='col-'] {
            font-size: 1.6rem;
            line-height: 1;
            color: #333;
        }

            .ui-t379-12-points .row > [class^='col-'].first-col {
                padding-left: 18px;
            }

            .ui-t379-12-points .row > [class^='col-'].last-col {
                padding-right: 18px;
                text-align: right;
            }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t379-12-points .row > [class^='col-'].last-col {
        padding-top: 17px;
        padding-left: 80px;
        text-align: left;
    }
}

.ui-t379-12-points .row > [class^='col-'].chart-col {
    padding-right: 18px;
    padding-left: 18px;
}

@media screen and (min-width: 768px) {
    .ui-t379-12-points .row > [class^='col-'].chart-col {
        margin-top: 20px;
        margin-bottom: 14px;
    }
}

.ui-t379-12-points .row > [class^='col-'].scale-col {
    padding-right: 18px;
    padding-left: 18px;
}

@media screen and (max-width: 767px) {
    .ui-t379-12-points .row > [class^='col-'] {
        padding-top: 13px;
        padding-left: 76px;
    }

        .ui-t379-12-points .row > [class^='col-'].first-col {
            padding-top: 0;
        }

        .ui-t379-12-points .row > [class^='col-'].last-col {
            text-align: left;
        }
}

.ui-t379-12-points .headline {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 6px;
    color: #003d8d;
}

    .ui-t379-12-points .headline.is-amount {
        font-size: 4.6rem;
        line-height: 1;
        margin-bottom: 4px;
    }

@media screen and (max-width: 767px) {
    .ui-t379-12-points .headline.is-amount {
        font-size: 3.6rem;
        line-height: 1;
    }
}

.ui-t379-12-points .icon-cumulus {
    width: 45px;
    height: 45px;
    margin-right: 16px;
    float: left;
}

@media screen and (max-width: 767px) {
    .ui-t379-12-points .icon-cumulus {
        width: 41px;
        height: 41px;
        margin-bottom: 3px;
    }
}

.ui-t379-12-points ul {
    padding-left: 0;
}

.ui-t379-12-points .image-box-wrapper {
    position: relative;
    width: 100%;
    height: 16px;
    background: #f1efee;
    border-radius: 3px;
    box-shadow: inset 7px 3px 3px 0 rgba(0, 0, 0, 0.2);
}

    .ui-t379-12-points .image-box-wrapper .image-box-spacer {
        position: absolute;
        top: 0;
        left: 0;
        width: 70px;
        height: 16px;
        background-color: #003d8d;
        background-image: linear-gradient( to bottom, #00559b 0, #003d8d 19%, #003d8d 47%, #000e6b 100% );
        border-radius: 3px;
    }

    .ui-t379-12-points .image-box-wrapper .image-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 66%;
        height: 16px;
        background-color: #003d8d;
        background-image: linear-gradient( to bottom, #00559b 0, #003d8d 19%, #003d8d 47%, #000e6b 100% );
        border-radius: 3px;
    }

.ui-t379-12-points .scale-box-wrapper {
    width: 100%;
}

.ui-t379-12-points .scale-box {
    position: relative;
    display: inline-block;
    width: 25%;
    min-height: 20px;
    padding-top: 0;
    float: left;
    vertical-align: top;
}

    .ui-t379-12-points .scale-box::before {
        font-size: 1.2rem;
        position: absolute;
        top: -30px;
        left: -5px;
        color: #fff;
        content: '•';
    }

@media screen and (max-width: 767px) {
    .ui-t379-12-points .scale-box::before {
        top: -29px;
    }
}

.ui-t379-12-points .scale-box.outrange::before {
    color: #003d8d;
}

.ui-t391-04-cumulus-expenses {
    position: relative;
    height: 100%;
    min-height: 487px;
    padding: 16px 16px 20px 19px;
    margin-bottom: 24px;
    background-color: #003d8d;
    border-radius: 4px;
    color: #fff;
}

    .ui-t391-04-cumulus-expenses .headline {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2.2rem;
        line-height: 2.8rem;
        margin-top: 0;
        margin-bottom: 16px;
    }

    .ui-t391-04-cumulus-expenses ul {
        padding-left: 0;
    }

    .ui-t391-04-cumulus-expenses .bordered-text {
        border-width: 2px 0 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        display: table;
        width: 100%;
        height: 61px;
        padding: 0;
    }

        .ui-t391-04-cumulus-expenses .bordered-text:last-child {
            border-width: 2px 0;
            -o-border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
            border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
            border-style: dotted;
            border-color: #ddd;
        }

            .ui-t391-04-cumulus-expenses .bordered-text:last-child .text {
                width: 45%;
            }

        .ui-t391-04-cumulus-expenses .bordered-text .text {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-size: 2.2rem;
            line-height: 4.4rem;
            display: table-cell;
            width: 30%;
            vertical-align: bottom;
        }

        .ui-t391-04-cumulus-expenses .bordered-text .amount {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-size: 4rem;
            line-height: 5.8rem;
            display: table-cell;
            text-align: right;
            vertical-align: bottom;
        }

    .ui-t391-04-cumulus-expenses .button-area {
        position: absolute;
        bottom: 25px;
        left: 20px;
    }

        .ui-t391-04-cumulus-expenses .button-area button {
            display: block;
        }

    .ui-t391-04-cumulus-expenses .error {
        margin-top: 20px;
        margin-bottom: 30px;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t391-04-cumulus-expenses .error {
        margin-bottom: 22px;
    }
}

@media screen and (max-width: 991px) {
    .ui-t391-04-cumulus-expenses .error {
        width: 90px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t391-04-cumulus-expenses .error {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t391-04-cumulus-expenses {
        min-height: 427px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t391-04-cumulus-expenses {
        min-height: 307px;
        padding: 6px 10px 15px;
    }

        .ui-t391-04-cumulus-expenses .headline {
            font-size: 2rem;
            line-height: 2.5rem;
        }

            .ui-t391-04-cumulus-expenses .headline.info {
                font-size: 1.6rem;
                line-height: 2rem;
            }

        .ui-t391-04-cumulus-expenses .bordered-text {
            height: 56px;
        }

            .ui-t391-04-cumulus-expenses .bordered-text .text {
                font-size: 2rem;
                line-height: 4.6rem;
            }

            .ui-t391-04-cumulus-expenses .bordered-text .amount {
                font-size: 3.2rem;
                line-height: 5rem;
            }

        .ui-t391-04-cumulus-expenses .button-area {
            bottom: 20px;
            left: 10px;
        }

            .ui-t391-04-cumulus-expenses .button-area .btn {
                font-size: 1.4rem;
                line-height: 1;
                padding: 9px 15px 7px;
            }
}

@media screen and (max-width: 767px) {
    .ui-t391-04-cumulus-expenses {
        height: auto;
        min-height: 156px;
        padding: 6px 8px 15px;
    }

        .ui-t391-04-cumulus-expenses .headline {
            font-size: 1.8rem;
            line-height: 2.4rem;
            margin-bottom: 10px;
        }

        .ui-t391-04-cumulus-expenses .bordered-text {
            height: 50px;
        }

            .ui-t391-04-cumulus-expenses .bordered-text .text {
                font-size: 1.8rem;
                line-height: 3.3rem;
            }

            .ui-t391-04-cumulus-expenses .bordered-text .amount {
                font-size: 3.2rem;
                line-height: 4.4rem;
            }

        .ui-t391-04-cumulus-expenses .button-area {
            bottom: 16px;
            left: 8px;
        }

            .ui-t391-04-cumulus-expenses .button-area .btn {
                font-size: 1.4rem;
                line-height: 1;
                padding: 9px 15px 7px;
            }
}

@media screen and (min-width: 768px) {
    :not(.admincentral) .ui-t394-teaser-new-features-mobile {
        display: none;
    }
}

.ui-t394-teaser-new-features-mobile .teaser-new-features-mobile__list {
    margin: 16.5px 0 0;
    background-color: #fff;
    list-style: none;
}

.ui-t394-teaser-new-features-mobile .teaser-new-features-mobile__item {
    position: relative;
    padding: 11px 0;
}

.ui-t394-teaser-new-features-mobile .teaser-new-features-mobile__text.link {
    line-height: 1.6rem;
    padding-right: 13px;
    margin: 0;
    letter-spacing: 0.5px;
}

.ui-t394-teaser-new-features-mobile .teaser-new-features-mobile__text.is-new {
    position: relative;
    padding-left: 37px;
}

    .ui-t394-teaser-new-features-mobile
    .teaser-new-features-mobile__text.is-new::before {
        position: absolute;
        display: block;
        content: '';
        top: calc(50% - 1px);
        left: 0;
        width: 25px;
        height: 25px;
        transform: translateY(-50%);
    }

:lang(de)
.ui-t394-teaser-new-features-mobile
.teaser-new-features-mobile__text.is-new::before,
:lang(de_CH)
.ui-t394-teaser-new-features-mobile
.teaser-new-features-mobile__text.is-new::before {
    background: url(../img/profile-mobile-new-icon-de.svg);
}

:lang(fr)
.ui-t394-teaser-new-features-mobile
.teaser-new-features-mobile__text.is-new::before,
:lang(fr_CH)
.ui-t394-teaser-new-features-mobile
.teaser-new-features-mobile__text.is-new::before {
    background: url(../img/profile-mobile-new-icon-fr.svg);
}

:lang(it)
.ui-t394-teaser-new-features-mobile
.teaser-new-features-mobile__text.is-new::before,
:lang(it_CH)
.ui-t394-teaser-new-features-mobile
.teaser-new-features-mobile__text.is-new::before {
    background: url(../img/profile-mobile-new-icon-it.svg);
}

.ui-t394-teaser-new-features-mobile .teaser-new-features-mobile__end-icon {
    position: absolute;
    top: 50%;
    right: 17px;
    width: 22px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: translateY(-50%);
}

.ui-t398-12-brands .ui-t327-04-imagetext {
    height: 504px;
    border-radius: 0;
}

    .ui-t398-12-brands .ui-t327-04-imagetext img {
        width: 250px;
        height: 250px;
    }

    .ui-t398-12-brands .ui-t327-04-imagetext .image-box {
        min-height: 505px;
    }

@media screen and (min-width: 768px) {
    .ui-t398-12-brands .ui-t327-04-imagetext {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t398-12-brands .ui-t327-04-imagetext {
        height: 445px;
    }

        .ui-t398-12-brands .ui-t327-04-imagetext .image-box {
            min-height: 444px;
        }

        .ui-t398-12-brands .ui-t327-04-imagetext img {
            width: 215px;
            height: 215px;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t398-12-brands .ui-t327-04-imagetext {
        height: 324px;
    }

        .ui-t398-12-brands .ui-t327-04-imagetext .image-box {
            min-height: 325px;
        }

        .ui-t398-12-brands .ui-t327-04-imagetext img {
            width: 172px;
            height: 172px;
        }
}

@media screen and (max-width: 767px) {
    .ui-t398-12-brands .ui-t327-04-imagetext {
        height: auto;
        padding-bottom: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

        .ui-t398-12-brands .ui-t327-04-imagetext .image-box {
            min-height: auto;
            padding-bottom: 0;
        }

        .ui-t398-12-brands .ui-t327-04-imagetext img {
            width: 140px;
            height: 140px;
            margin-top: 10px;
            margin-bottom: 10px;
        }
}

@media screen and (max-width: 479px) {
    .ui-t398-12-brands .ui-t327-04-imagetext img {
        width: 100px;
        height: 100px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ui-t398-12-brands .ui-t327-04-imagetext .title {
        font-size: 1.4rem;
        line-height: 1.6rem;
        padding: 12px 12px 20px 16px;
    }
}

@media screen and (min-width: 768px) {
    .ui-t398-12-brands .col-lg-8 {
        width: calc(66.66667% + 12px);
        padding-right: 0;
    }

    .ui-t398-12-brands .col-lg-4 {
        width: calc(33.33333% - 12px);
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .ui-t398-12-brands .left-col {
        position: relative;
    }

        .ui-t398-12-brands .left-col::before {
            display: block;
            width: 100%;
            padding-top: 56.25%;
            content: ' ';
        }

        .ui-t398-12-brands .left-col .image-box {
            position: absolute;
            top: 0;
            right: 8px;
            bottom: 0;
            left: 8px;
        }

    .ui-t398-12-brands .right-col .image-box {
        height: auto;
    }

    .ui-t398-12-brands .image-wrapper {
        width: 50%;
        float: left;
    }

    .ui-t398-12-brands .text-area {
        position: relative;
        bottom: auto;
        left: auto;
        width: 50%;
        padding: 0;
        float: left;
    }

        .ui-t398-12-brands .text-area::after {
            bottom: 0;
            left: 16px;
        }

        .ui-t398-12-brands .text-area .title {
            padding: 22px 16px;
        }
}

@media screen and (max-width: 479px) {
    .ui-t398-12-brands .right-col {
        padding-right: 8px;
        padding-left: 8px;
    }
}

.ui-t399-8-sign-in-teaser .ui-header-headline {
    font-size: 4.2rem;
    line-height: 4.8rem;
    margin-bottom: 10px;
    color: #333;
    letter-spacing: 0.007em;
}

@media screen and (max-width: 479px) {
    .ui-t399-8-sign-in-teaser .ui-header-headline {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}

.ui-t399-8-sign-in-teaser .sign-in-teaser-text {
    width: 420px;
    margin-bottom: 25px;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t399-8-sign-in-teaser .sign-in-teaser-text {
        width: 80%;
    }
}

@media screen and (max-width: 479px) {
    .ui-t399-8-sign-in-teaser .sign-in-teaser-text {
        width: 74%;
    }
}

.ui-t399-8-sign-in-teaser .sign-in-teaser-image-wrapper {
    position: absolute;
    right: 10px;
    bottom: 0;
    max-width: 120px;
}

    .ui-t399-8-sign-in-teaser .sign-in-teaser-image-wrapper img {
        width: 100%;
        height: auto;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t399-8-sign-in-teaser .sign-in-teaser-image-wrapper {
        right: 65px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t399-8-sign-in-teaser .sign-in-teaser-image-wrapper {
        max-width: 90px;
    }
}

@media screen and (max-width: 479px) {
    .ui-t399-8-sign-in-teaser .sign-in-teaser-image-wrapper {
        bottom: 60px;
        max-width: 75px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t399-8-sign-in-teaser {
        width: 514px;
        margin-left: 52px;
    }
}

.ui-grid-gallery-teaser {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 30px;
}

    .ui-grid-gallery-teaser .ui-grid-gallery-teaser__image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .ui-grid-gallery-teaser .ui-grid-gallery-teaser__image img {
            width: 100%;
            max-width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .ui-grid-gallery-teaser .image-box {
        display: block;
    }

    .ui-grid-gallery-teaser.is-variant-a .row {
        padding-bottom: 54.4715447154%;
    }

    .ui-grid-gallery-teaser.is-variant-a .is-first {
        position: absolute;
        top: 4%;
    }

    .ui-grid-gallery-teaser.is-variant-a .is-second {
        position: absolute;
        bottom: 0;
    }

    .ui-grid-gallery-teaser.is-variant-a .is-third {
        position: absolute;
        top: 0;
    }

    .ui-grid-gallery-teaser.is-variant-a .is-four {
        position: absolute;
        bottom: 8%;
    }

    .ui-grid-gallery-teaser.is-variant-b .row {
        padding-bottom: 47.662601626%;
    }

    .ui-grid-gallery-teaser.is-variant-b .is-first {
        position: absolute;
        z-index: 2;
        top: 6%;
    }

@media screen and (max-width: 479px) {
    .ui-grid-gallery-teaser.is-variant-b .is-first {
        top: 20px;
    }
}

.ui-grid-gallery-teaser.is-variant-b .is-second {
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.ui-grid-gallery-teaser.is-variant-b .is-third {
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.ui-grid-gallery-teaser.is-variant-b .is-four {
    position: absolute;
    z-index: 0;
    bottom: 16%;
}

.ui-grid-gallery-teaser.is-variant-c .row {
    padding-bottom: 54.7764227642%;
}

.ui-grid-gallery-teaser.is-variant-c .is-first {
    position: absolute;
    z-index: 1;
    top: 7%;
}

.ui-grid-gallery-teaser.is-variant-c .is-second {
    position: absolute;
    top: 0;
}

.ui-grid-gallery-teaser.is-variant-c .is-third {
    position: absolute;
    bottom: 0;
}

.ui-grid-gallery-teaser.is-variant-c .is-four {
    position: absolute;
    top: 16%;
}

.ui-grid-gallery-teaser.is-variant-d .row {
    padding-bottom: 47.5609756098%;
}

.ui-grid-gallery-teaser.is-variant-d .is-first {
    position: absolute;
    z-index: 1;
    top: 6%;
}

.ui-grid-gallery-teaser.is-variant-d .is-second {
    position: absolute;
    top: 20%;
}

.ui-grid-gallery-teaser.is-variant-d .is-third {
    position: absolute;
    bottom: 0;
}

.ui-grid-gallery-teaser.is-variant-d .is-four {
    position: absolute;
    top: 14%;
}

.ui-grid-gallery-teaser.is-variant-e .row {
    padding-bottom: 52.2357723577%;
}

.ui-grid-gallery-teaser.is-variant-e .is-first {
    position: absolute;
    z-index: 1;
    top: 18%;
}

.ui-grid-gallery-teaser.is-variant-e .is-second {
    position: absolute;
    top: 0;
}

.ui-grid-gallery-teaser.is-variant-e .is-third {
    position: absolute;
    z-index: 1;
    top: 15%;
}

@media screen and (max-width: 479px) {
    .ui-grid-gallery-teaser.is-variant-e .is-third {
        bottom: 32px;
    }
}

.ui-grid-gallery-teaser.is-variant-e .is-four {
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 479px) {
    .ui-grid-gallery-teaser.is-variant-e .is-four {
        bottom: 4%;
    }
}

.ui-grid-gallery-teaser .is-3-to-2 {
    position: relative;
}

    .ui-grid-gallery-teaser .is-3-to-2::before {
        display: block;
        width: 100%;
        padding-top: 66.6666666667%;
        content: '';
    }

.ui-grid-gallery-teaser .is-2-to-3 {
    position: relative;
}

    .ui-grid-gallery-teaser .is-2-to-3::before {
        display: block;
        width: 100%;
        padding-top: 150%;
        content: '';
    }

@media screen and (max-width: 479px) {
    .ui-grid-gallery-teaser {
        margin-right: -18px;
        margin-left: -18px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-grid-gallery-teaser {
        margin-right: -30px;
        margin-left: -30px;
    }
}

.ui-teaser-5-text-form .ui-item-filter {
    margin-bottom: 2em;
}

.ui-teaser-5-text-form .area-content {
    display: block;
    height: 100%;
    min-height: 487px;
    padding: 20px;
    background-color: #f1efee;
    border-radius: 4px;
}

.ui-teaser-5-text-form .text-box {
    width: 80%;
    color: #333;
}

.ui-teaser-5-text-form .text,
.ui-teaser-5-text-form .title {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 3.3rem;
}

.ui-teaser-5-text-form .title {
    margin-bottom: 50px;
    color: #333;
}

.ui-teaser-5-text-form .button-outer {
    padding-top: 30px;
    clear: left;
}

.ui-teaser-5-text-form .dropdown-with-intro p {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 3.8rem;
    margin-top: 5px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-teaser-5-text-form .area-content {
        min-height: 428px;
    }

    .ui-teaser-5-text-form .text,
    .ui-teaser-5-text-form .title {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }

    .ui-teaser-5-text-form .dropdown-with-intro p {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-teaser-5-text-form .area-content {
        min-height: 307px;
    }

    .ui-teaser-5-text-form .text,
    .ui-teaser-5-text-form .title {
        font-size: 2rem;
        line-height: 2.4rem;
    }

    .ui-teaser-5-text-form .title {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .ui-teaser-5-text-form .dropdown-with-intro p {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-teaser-5-text-form .text-box {
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .ui-teaser-5-text-form .area-content {
        min-height: 265px;
        padding: 10px;
        margin-bottom: 20px;
    }

    .ui-teaser-5-text-form .text,
    .ui-teaser-5-text-form .title {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .ui-teaser-5-text-form .title {
        margin-top: 0;
        margin-bottom: 0;
    }

    .ui-teaser-5-text-form .dropdown-with-intro p {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .ui-teaser-5-text-form .button-outer {
        padding-top: 20px;
    }
}

@media screen and (max-width: 479px) {
    .ui-teaser-5-text-form .area-content {
        min-height: 241px;
    }
}

.ui-teaser-8-image-text .image-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.ui-teaser-8-image-text figcaption {
    position: absolute;
    bottom: 4px;
    left: 15px;
    width: 80%;
    padding-bottom: 4px;
    color: #fff;
}

.ui-teaser-8-image-text .title {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 4rem;
    display: inline;
    background-color: #f60;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 10px 0 0 #f60, -18px 0 0 #f60;
}

.ui-teaser-8-image-text .text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 4rem;
    position: relative;
    left: 30px;
    display: inline-block;
    padding: 0 50px 0 0;
    margin-top: 1px;
    background-color: #f60;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 0 0 0 #f60, -30px 0 0 #f60;
    transform: translateX(-100%);
}

    .ui-teaser-8-image-text .text::after {
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        z-index: 1;
        position: absolute;
        right: 10px;
        width: 16px;
        height: 26px;
        background-color: #f60;
        background-image: url(../img/arrow-right-bold-white.svg);
        background-position: 50% 100%;
        background-repeat: no-repeat;
        content: '';
    }

@media screen and (min-width: 992px) {
    .ui-teaser-8-image-text figure {
        overflow: hidden;
    }

        .ui-teaser-8-image-text figure:focus img,
        .ui-teaser-8-image-text figure:hover img {
            transform: scale(1.1, 1.1);
        }

        .ui-teaser-8-image-text figure img {
            transition: transform 0.5s ease-out;
        }

    .ui-teaser-8-image-text .image-box:focus .text,
    .ui-teaser-8-image-text .image-box:hover .text {
        left: 0;
        background-color: #de450a;
        box-shadow: 0 0 0 #de450a, -30px 0 0 #de450a;
        transform: translateX(0);
    }

        .ui-teaser-8-image-text .image-box:focus .text::after,
        .ui-teaser-8-image-text .image-box:hover .text::after {
            background-color: #de450a;
            box-shadow: 0 0 0 #de450a, 0 0 0 #de450a;
        }

    .ui-teaser-8-image-text .image-box:focus .highlight,
    .ui-teaser-8-image-text .image-box:focus .title,
    .ui-teaser-8-image-text .image-box:hover .highlight,
    .ui-teaser-8-image-text .image-box:hover .title {
        background-color: #de450a;
        box-shadow: 10px 0 0 #de450a, -18px 0 0 #de450a;
    }

    .ui-teaser-8-image-text .text {
        transition: 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275) transform;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-teaser-8-image-text .text,
    .ui-teaser-8-image-text .title {
        font-size: 26px;
        line-height: 33px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-teaser-8-image-text .text,
    .ui-teaser-8-image-text .title {
        font-size: 2rem;
        line-height: 2.5rem;
    }

        .ui-teaser-8-image-text .text::after {
            right: 20px;
            width: 8px;
            height: 12px;
            background-image: url(../img/arrow-right-small-white.svg);
        }
}

@media screen and (max-width: 767px) {
    .ui-teaser-8-image-text figcaption {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 5px 10px;
        margin-bottom: 20px;
        background-color: #f60;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .ui-teaser-8-image-text .text,
    .ui-teaser-8-image-text .title {
        font-size: 1.8rem;
        line-height: 2.4rem;
        box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    }

    .ui-teaser-8-image-text .title {
        display: inline-block;
    }

    .ui-teaser-8-image-text .text::after {
        right: 20px;
        width: 8px;
        height: 12px;
        background-image: url(../img/arrow-right-small-white.svg);
    }
}

.ui-teaser-category-group .centering {
    background-color: #0f0;
}

.ui-teaser-category-group .ui-paragraph-headline {
    margin: 10px 0 25px;
}

.ui-teaser-category-group .text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.5rem;
    padding-right: 20px;
    margin-bottom: 20px;
    color: #fff;
}

.ui-teaser-category-group .headline-outer {
    display: table;
    width: 100%;
    table-layout: fixed;
    word-spacing: -1em;
    margin: 10px 0;
    text-align: left;
}

    .ui-teaser-category-group .headline-outer .headline-inner {
        font-family: MarketWeb;
        font-weight: 400;
        text-transform: none;
        font-size: 2.8rem;
        line-height: 3rem;
        display: inline-block;
        vertical-align: top;
        word-spacing: 0;
        position: relative;
        color: #fff;
    }

        .ui-teaser-category-group .headline-outer .headline-inner::after {
            position: absolute;
            top: -15px;
            right: -45px;
            width: 35px;
            height: 18px;
            background: url(../img/svg/icons/contact/contact-arrow-white-top.svg);
            content: '';
        }

.ui-teaser-category-group .button {
    margin: 10px 0;
}

.ui-teaser-figure-tile {
    height: 268px;
    margin-bottom: 23px;
    perspective: 500px;
}

    .ui-teaser-figure-tile.is-flipped .flipper {
        transform: rotateY(180deg);
    }

@media screen and (min-width: 992px) {
    .ui-teaser-figure-tile.is-flipped {
        transform: scale(1);
    }
}

.ui-teaser-figure-tile .tile-link .content-wrap {
    display: block;
}

.ui-teaser-figure-tile .flip-button {
    padding: 0;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
}

    .ui-teaser-figure-tile .flip-button:active,
    .ui-teaser-figure-tile .flip-button:focus {
        outline: 0;
    }

.ui-teaser-figure-tile .flipped-icon {
    display: block;
    width: 25px;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FF6600' d='M18.368 22L17 20.556 22.265 15 17 9.443 18.368 8 25 15z'/%3E%3Cpath d='M18.15 1H8.016C7.53 1 1.126 1 1.126 8s6.89 7 6.89 7H23' stroke='%23FF6600' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}

.ui-teaser-figure-tile .roof-text {
    color: #f60;
    font-family: 'Helvetica Now Micro Bold';
    font-size: 1rem;
    line-height: 1.4rem;
    overflow-wrap: anywhere;
}

@media screen and (min-width: 768px) {
    .ui-teaser-figure-tile .roof-text {
        font-family: 'Helvetica Now Text Bold';
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}

.ui-teaser-figure-tile .amount-text {
    margin-top: 12px;
    color: #f60;
    font-family: 'Helvetica Now Display XBold';
    font-size: 3.2rem;
    line-height: 3.6rem;
}

@media screen and (min-width: 768px) {
    .ui-teaser-figure-tile .amount-text {
        margin-top: 20px;
        font-size: 4.8rem;
        line-height: 5.4rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-teaser-figure-tile .amount-text {
        font-size: 4.2rem;
        line-height: 4.8rem;
    }
}

.ui-teaser-figure-tile .image-box {
    margin-top: 8px;
    text-align: center;
}

    .ui-teaser-figure-tile .image-box img {
        width: auto;
        max-width: 100%;
        height: 94px;
        border-radius: 50%;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-teaser-figure-tile .image-box {
        margin-top: 20px;
    }

        .ui-teaser-figure-tile .image-box img {
            height: 155px;
        }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-teaser-figure-tile .image-box {
        margin-top: 15px;
    }

        .ui-teaser-figure-tile .image-box img {
            height: 130px;
        }
}

@media screen and (min-width: 1200px) {
    .ui-teaser-figure-tile .image-box {
        margin-top: 20px;
    }

        .ui-teaser-figure-tile .image-box img {
            height: 155px;
        }
}

.ui-teaser-figure-tile .content-wrap {
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

.ui-teaser-figure-tile .headline {
    margin: 12px 0;
    color: #f60;
    font-family: 'Helvetica Now Text Bold';
    font-size: 1.6rem;
    line-height: 2rem;
    overflow: hidden;
    font-weight: 400;
}

@media screen and (min-width: 768px) {
    .ui-teaser-figure-tile .headline {
        margin: 15px 0;
        font-family: 'Helvetica Now Display XBold';
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-teaser-figure-tile .headline {
        font-family: 'Helvetica Now Text Bold';
        font-size: 1.6rem;
        line-height: 2rem;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 360px) and (orientation: portrait) {
    .ui-teaser-figure-tile .headline {
        overflow-wrap: anywhere;
    }
}

.ui-teaser-figure-tile .link {
    color: #f60;
}

.ui-teaser-figure-tile .flipper {
    position: relative;
    transform-style: preserve-3d;
    transition: 0.6s;
}

    .ui-teaser-figure-tile .flipper .back-side,
    .ui-teaser-figure-tile .flipper .front-side {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.ui-teaser-figure-tile .back-side,
.ui-teaser-figure-tile .front-side {
    height: 268px;
    padding: 9px;
    border-radius: 4px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-teaser-figure-tile .back-side,
    .ui-teaser-figure-tile .front-side {
        height: 330px;
        padding: 15px 20px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-teaser-figure-tile .back-side,
    .ui-teaser-figure-tile .front-side {
        height: 302px;
        padding: 15px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-teaser-figure-tile .back-side,
    .ui-teaser-figure-tile .front-side {
        height: 358px;
        padding: 15px 20px;
    }
}

.ui-teaser-figure-tile .back-text {
    font-family: 'Helvetica Now Micro Regular';
    font-size: 1.2rem;
    line-height: 2rem;
}

.ui-teaser-figure-tile .front-side {
    z-index: 2;
    display: flex;
    flex-direction: column;
    border: 3px solid #f60;
    background-color: #fff;
    transform: rotateY(0);
}

.ui-teaser-figure-tile .back-side {
    background-color: #f60;
    color: #fff;
    transform: rotateY(180deg);
}

    .ui-teaser-figure-tile .back-side .link {
        background: url(../img/arrow-right-white-small.svg) 100% 50% no-repeat;
        color: #fff;
    }

    .ui-teaser-figure-tile .back-side .flip-button {
        position: absolute;
        bottom: 18px;
        left: 9px;
        width: calc(100% - 18px);
        padding: 18px 0;
    }

    .ui-teaser-figure-tile .back-side .flipped-icon {
        position: absolute;
        bottom: 0;
        left: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23fff' d='M6.632 22L8 20.556 2.735 15 8 9.443 6.632 8 0 15z'/%3E%3Cpath d='M6.85 1h10.133c.487 0 6.891 0 6.891 7s-6.89 7-6.89 7H2' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
    }

@media screen and (min-width: 768px) {
    .ui-teaser-figure-tile .back-side .flip-button {
        left: 15px;
    }
}

.ui-teaser-figure-tile.is-white-text .amount-text,
.ui-teaser-figure-tile.is-white-text .front-side .link,
.ui-teaser-figure-tile.is-white-text .headline,
.ui-teaser-figure-tile.is-white-text .roof-text,
.ui-teaser-figure-tile.is-white-text .tile-link:hover .link {
    color: #fff;
}

.ui-teaser-figure-tile.is-white-text .front-side .flipped-icon {
    background-image: url('data:image/svg+xml,%3Csvg width="25" height="22" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%23fff" d="M18.368 22L17 20.556 22.265 15 17 9.443 18.368 8 25 15z"/%3E%3Cpath d="M18.15 1H8.016C7.53 1 1.126 1 1.126 8s6.89 7 6.89 7H23" stroke="%23fff" stroke-width="2"/%3E%3C/g%3E%3C/svg%3E');
}

.ui-teaser-figure-tile.is-white-text .front-side .link,
.ui-teaser-figure-tile.is-white-text .tile-link:hover .link {
    background: url(../img/arrow-right-white-small.svg) 100% 50% no-repeat;
}

.ui-teaser-figure-tile.is-dark-text .front-side {
    border: 3px solid #333;
}

    .ui-teaser-figure-tile.is-dark-text .front-side .flipped-icon {
        background-image: url('data:image/svg+xml,%3Csvg width="25" height="22" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath fill="%23333" d="M18.368 22L17 20.556 22.265 15 17 9.443 18.368 8 25 15z"/%3E%3Cpath d="M18.15 1H8.016C7.53 1 1.126 1 1.126 8s6.89 7 6.89 7H23" stroke="%23333" stroke-width="2"/%3E%3C/g%3E%3C/svg%3E');
    }

    .ui-teaser-figure-tile.is-dark-text .amount-text,
    .ui-teaser-figure-tile.is-dark-text .front-side .link,
    .ui-teaser-figure-tile.is-dark-text .headline,
    .ui-teaser-figure-tile.is-dark-text .roof-text,
    .ui-teaser-figure-tile.is-dark-text .tile-link:hover .link {
        color: #333;
    }

    .ui-teaser-figure-tile.is-dark-text .front-side .link,
    .ui-teaser-figure-tile.is-dark-text .tile-link:hover .link {
        background: url(../img/arrow-right-small-grey.svg) 100% 50% no-repeat;
    }

.ui-teaser-figure-tile.is-dark-back-text .back-side {
    color: #333;
}

    .ui-teaser-figure-tile.is-dark-back-text .back-side .link {
        background: url(../img/arrow-right-small-grey.svg) 100% 50% no-repeat;
        color: #333;
    }

    .ui-teaser-figure-tile.is-dark-back-text .back-side .flipped-icon {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23333' d='M6.632 22L8 20.556 2.735 15 8 9.443 6.632 8 0 15z'/%3E%3Cpath d='M6.85 1h10.133c.487 0 6.891 0 6.891 7s-6.89 7-6.89 7H2' stroke='%23333' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
    }

.ui-teaser-figure-tile.is-orange-back-text .back-side {
    color: #f60;
}

    .ui-teaser-figure-tile.is-orange-back-text .back-side .link {
        background: url(../img/arrow-right-orange.svg) 100% 50% no-repeat;
        color: #f60;
    }

    .ui-teaser-figure-tile.is-orange-back-text .back-side .flipped-icon {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FF6600' d='M6.632 22L8 20.556 2.735 15 8 9.443 6.632 8 0 15z'/%3E%3Cpath d='M6.85 1h10.133c.487 0 6.891 0 6.891 7s-6.89 7-6.89 7H2' stroke='%23FF6600' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-teaser-figure-tile {
        height: 330px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-teaser-figure-tile {
        height: 302px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-teaser-figure-tile {
        height: 358px;
    }
}

@media screen and (min-width: 992px) {
    .ui-teaser-figure-tile.has-hover {
        transform: scale(1);
        transition: transform 0.3s ease-out;
    }

    .ui-teaser-figure-tile:not(.is-flipped).has-hover:hover {
        transform: scale(1.05);
        transform-origin: center;
    }
}

.ui-teaser-personal {
    height: 274px;
    margin-top: 40px;
    margin-bottom: 60px;
    background-color: #e8e7e8;
}

    .ui-teaser-personal .area-text {
        width: 50%;
        float: left;
    }

        .ui-teaser-personal .area-text .headline {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-size: 2rem;
            line-height: 2.8rem;
            padding: 15px 0 10px 65px;
            color: #f60;
        }

        .ui-teaser-personal .area-text .text {
            padding: 0 10px 4px 65px;
        }

            .ui-teaser-personal .area-text .text .normal {
                font-size: 16px;
                display: block;
                float: left;
                line-height: 14px;
            }

            .ui-teaser-personal .area-text .text .highlight {
                font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
                font-weight: 400;
                font-size: 1.4rem;
                line-height: 1.8rem;
                display: block;
                width: 50px;
                color: #f60;
                float: left;
                text-transform: uppercase;
            }

            .ui-teaser-personal .area-text .text strong {
                font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
                font-weight: 500;
                display: block;
                line-height: 34px;
            }

        .ui-teaser-personal .area-text button {
            display: none;
        }

    .ui-teaser-personal .area-image {
        position: relative;
        width: 50%;
        float: left;
    }

        .ui-teaser-personal .area-image img {
            position: absolute;
            bottom: -274px;
            left: 60px;
        }

@media screen and (max-width: 767px) {
    .ui-teaser-personal {
        height: 324px;
    }

        .ui-teaser-personal .area-text {
            width: 100%;
        }

            .ui-teaser-personal .area-text .headline {
                font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
                font-weight: 500;
                font-size: 1.8rem;
                line-height: 2.2rem;
                width: 100%;
                padding: 5px 0 10px 15px;
            }

            .ui-teaser-personal .area-text .text {
                width: 80%;
                padding: 0 0 8px 15px;
            }

            .ui-teaser-personal .area-text button {
                display: inline-block;
                width: 90%;
                margin-right: 15px;
                margin-left: 15px;
            }

        .ui-teaser-personal .area-image {
            display: none;
        }
}

.ui-teaser-product {
    position: relative;
    height: 320px;
    border: 1px solid transparent;
    margin-top: 40px;
    margin-bottom: 16px;
}

    .ui-teaser-product .area-image {
        padding: 12px 42px 0;
        line-height: 176px;
    }

        .ui-teaser-product .area-image img {
            display: inline;
            text-align: center;
            vertical-align: middle;
        }

    .ui-teaser-product .area-image-l {
        padding: 12px 22px 22px;
        line-height: 156px;
    }

    .ui-teaser-product .area-image-p {
        padding: 12px 52px 22px;
        line-height: 156px;
    }

    .ui-teaser-product .area-info {
        position: relative;
        min-height: 145px;
        padding-right: 9px;
        padding-left: 9px;
    }

    .ui-teaser-product .icon-add {
        position: absolute;
        right: 9px;
        bottom: 9px;
        display: none;
        width: 45px;
        height: 39px;
        background: rgba(0, 0, 0, 0) url(../img/svg/icons/teaserstage/icon-add-product.svg) 0 0 no-repeat;
    }

    .ui-teaser-product .top {
        text-align: right;
    }

        .ui-teaser-product .top img {
            position: absolute;
            right: 11px;
            display: block;
            height: 35px;
            margin: 6px 0 0 0;
        }

            .ui-teaser-product .top img + img {
                top: 35px;
            }

                .ui-teaser-product .top img + img + img {
                    top: 70px;
                }

    .ui-teaser-product .name {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-top: 0;
        margin-bottom: 0;
        color: #333;
    }

    .ui-teaser-product .text {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.8rem;
        color: #999;
    }

    .ui-teaser-product .ui-percentage-banner {
        position: absolute;
        top: 145px;
        left: 9px;
    }

    .ui-teaser-product .price-outer {
        display: inline-block;
        width: 100%;
    }

        .ui-teaser-product .price-outer .price {
            font-family: HelveticaNeueW02-87HvCn, Impact, arial, sans-serif;
            font-weight: 400;
            color: #333;
            font-size: 45px;
        }

        .ui-teaser-product .price-outer .price-old {
            font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
            font-weight: 400;
            font-size: 1.4rem;
            display: inline-block;
            color: #333;
        }

        .ui-teaser-product .price-outer .price-big {
            font-family: HelveticaNeueW02-87HvCn, Impact, arial, sans-serif;
            font-weight: 400;
            color: #333;
            font-size: 70px;
            line-height: 30px;
        }

            .ui-teaser-product .price-outer .price-big::after {
                content: '\a';
                white-space: pre;
            }

    .ui-teaser-product .rating-stars {
        position: absolute;
        bottom: 10px;
        display: none;
        width: 85px;
        height: 15px;
        background: rgba(0, 0, 0, 0) url(../img/svg/icons/teaserstage/ratingstars-sprite.svg) 0 0 no-repeat;
        background-position: 0 -73px;
    }

        .ui-teaser-product .rating-stars.one-star {
            background-position: 0 -58px;
        }

        .ui-teaser-product .rating-stars.two-stars {
            background-position: 0 -43px;
        }

        .ui-teaser-product .rating-stars.three-stars {
            background-position: 0 -29px;
        }

        .ui-teaser-product .rating-stars.four-stars {
            background-position: 0 -14px;
        }

        .ui-teaser-product .rating-stars.five-stars {
            background-position: 0 0;
        }

@media screen and (max-width: 479px) {
    .ui-teaser-product .rating-stars {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 479px) {
    .ui-teaser-product {
        height: 160px;
        border-bottom: 1px solid #ccc;
        margin-top: 0;
    }

        .ui-teaser-product .area-image {
            display: inline-block;
            width: 30%;
            padding-right: 6px;
            padding-left: 6px;
            line-height: 100px;
        }

        .ui-teaser-product .area-info {
            position: static;
            display: inline-block;
            width: 60%;
            height: 100%;
            padding-top: 20px;
            vertical-align: top;
        }

        .ui-teaser-product .name {
            font-size: 1.6rem;
            line-height: 2.2rem;
        }

        .ui-teaser-product .ui-percentage-banner {
            position: absolute;
            top: 88px;
            left: 0;
            font-size: 30px;
            line-height: 28px;
        }

        .ui-teaser-product .price-outer {
            display: block;
        }

            .ui-teaser-product .price-outer .price {
                font-size: 30px;
                line-height: 22px;
            }

            .ui-teaser-product .price-outer .price-old {
                font-size: 1.6rem;
                display: inline;
                color: #333;
            }

            .ui-teaser-product .price-outer .price-big {
                display: inline;
                font-size: 30px;
                line-height: 34px;
            }

                .ui-teaser-product .price-outer .price-big::after {
                    content: '';
                    white-space: pre;
                }
}

.ui-counter-module {
    margin-bottom: 17px;
}

.ui-counter {
    font-size: 10rem;
    line-height: 12rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    color: #40a529;
}

@media screen and (max-width: 1199px) {
    .ui-counter {
        font-size: 8rem;
        line-height: 9.5rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-counter {
        font-size: 4.4rem;
        line-height: 5.3rem;
    }
}

.ui-counter-year {
    font-size: 4rem;
    line-height: 4.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    color: #068319;
}

@media screen and (max-width: 1199px) {
    .ui-counter-year {
        font-size: 3rem;
        line-height: 3.6rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-counter-year {
        font-size: 2rem;
        line-height: 2.4rem;
    }
}

.ui-navigation-interrupter {
    position: relative;
    display: flex;
    white-space: normal;
    letter-spacing: initial;
    text-transform: none;
    max-width: calc(100vw - 15px);
    min-height: 75px;
    max-height: 75px;
    margin: 10px 8px 10px 7px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    opacity: 0;
    pointer-events: none;
    transition: opacity 250ms ease-in, visibility 0s 250ms;
    visibility: hidden;
}

    .ui-navigation-interrupter .clickarea {
        display: none;
    }

    .ui-navigation-interrupter.is-active {
        opacity: 1;
        pointer-events: all;
        transition: opacity 250ms ease-in, visibility 0s 0s;
        visibility: visible;
    }

        .ui-navigation-interrupter.is-active .clickarea {
            display: block;
        }

    .ui-navigation-interrupter[data-viewport='mobil'] {
        position: absolute;
        bottom: 55px;
    }

        .ui-navigation-interrupter[data-viewport='mobil'] .arrow {
            bottom: 65px;
            left: 50%;
        }

.ui-g102-12-personalized-headerbar
.ui-navigation-interrupter[data-viewport='desktop'] {
    transform: translateY(-5px) translateX(-52%);
}

.ui-navigation-interrupter[data-viewport='desktop'] {
    position: absolute;
    z-index: 1070;
    left: 50%;
    transform: translateY(-19px) translateX(-52%);
}

    .ui-navigation-interrupter[data-viewport='desktop'] .arrow {
        position: absolute;
        left: 50%;
        top: 0;
        bottom: auto;
    }

        .ui-navigation-interrupter[data-viewport='desktop'] .arrow::after {
            transform: translate(-50%, -5px) rotate(45deg);
        }

.ui-navigation-interrupter .image {
    z-index: 1;
    overflow: hidden;
    min-width: 57px;
    max-width: 57px;
    min-height: 57px;
    max-height: 57px;
    align-self: center;
    margin: 9px 12px 9px 9px;
    border-radius: 4px;
    justify-self: center;
}

    .ui-navigation-interrupter .image img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.ui-navigation-interrupter .content {
    z-index: 1;
    width: calc(100% - 40px);
    align-self: center;
    margin: 10px 40px 10px 20px;
    justify-self: start;
    line-height: 0;
}

@media screen and (min-width: 768px) {
    .ui-navigation-interrupter .content {
        max-width: 300px;
    }
}

.ui-navigation-interrupter .highlight-text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.8rem;
    display: inline;
    color: #f60;
}

    .ui-navigation-interrupter .highlight-text.is-cumulus {
        color: #003d8d;
    }

.ui-navigation-interrupter .richtext {
    font-size: 1.4rem;
    line-height: 1.8rem;
    display: inline;
}

    .ui-navigation-interrupter .richtext * {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-size: inherit;
        line-height: inherit;
    }

    .ui-navigation-interrupter .richtext :first-child {
        display: inline;
    }

    .ui-navigation-interrupter .richtext :last-child {
        margin: 0;
    }

.ui-navigation-interrupter .image + .content {
    margin: 10px 34px 10px 0;
}

@media screen and (min-width: 768px) {
    .ui-navigation-interrupter .image + .content {
        max-width: 248px;
    }
}

.ui-navigation-interrupter .close-button {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    overflow: hidden;
    min-width: 34px;
    max-width: 34px;
    min-height: 34px;
    max-height: 34px;
    border: 10px solid transparent;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 9'%3E%3Cpath fill='none' stroke='%23F60' stroke-linecap='square' d='M1.28125.28125l8.51217 8.5121696M9.71875.28125L1.20658 8.7934196'/%3E%3C/svg%3E");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 11px 9px;
    -o-object-fit: none;
    object-fit: none;
    outline: 0;
}

.ui-navigation-interrupter .arrow {
    position: fixed;
}

    .ui-navigation-interrupter .arrow::after,
    .ui-navigation-interrupter .arrow::before {
        position: absolute;
        display: block;
        content: '';
        top: 0;
        left: 0;
    }

    .ui-navigation-interrupter .arrow::before {
        z-index: -1;
        width: 10px;
        height: 10px;
        background: #fff;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .ui-navigation-interrupter .arrow::after {
        width: 15px;
        height: 15px;
        background: #fff;
        transform: translate(-50%, -12px) rotate(45deg);
    }

@media screen and (min-width: 768px) {
    .ui-navigation-interrupter {
        min-width: 360px;
        max-width: 360px;
    }
}

.ui-youtube-player {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.23%;
    background: #000;
}

    .ui-youtube-player.is-4-to-3 {
        padding-bottom: 75%;
    }

    .ui-youtube-player iframe {
        position: absolute;
        z-index: 100;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0);
    }

    .ui-youtube-player img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        border: 0;
        margin: auto;
        cursor: pointer;
        transition: 0.4s all;
    }

    .ui-youtube-player .play {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 70px;
        height: 50px;
        background-image: url(../img/icons/youtube-play-btn.png);
        background-repeat: no-repeat;
        cursor: pointer;
        transform: translate(-50%, -50%);
        transition: background-image 250ms ease-in-out;
    }

    .ui-youtube-player:hover .play {
        background-image: url(../img/icons/youtube-play-btn-hover.png);
    }

@media screen and (max-width: 479px) {
    .row > .col-xs-12:first-child > .ui-youtube-player {
        margin-bottom: 20px;
    }
}

.ui-l580-12-digital-warranty-detail-page.is-not-active
.warranty-detail-page__product-img {
    opacity: 0.6;
}

.ui-l580-12-digital-warranty-detail-page.is-not-active
.warranty-detail-page__product-detail {
    color: #999;
}

    .ui-l580-12-digital-warranty-detail-page.is-not-active
    .warranty-detail-page__product-detail.is-validity-time,
    .ui-l580-12-digital-warranty-detail-page.is-not-active
    .warranty-detail-page__product-detail.is-validity-type {
        color: #ca0000;
    }

.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__infos-wrapper.col-xs-12.col-md-5 {
    padding-right: 0;
    padding-left: 0;
}

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__infos-wrapper.col-xs-12.col-md-5 {
        padding-right: 12px;
    }
}

.ui-l580-12-digital-warranty-detail-page .warranty-detail-page__product-info {
    position: relative;
    padding: 0 0 20px;
}

    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-info.is-extra.link {
        background-position: 98% 100%;
        background-size: 11px 100%;
        color: inherit;
        letter-spacing: 0;
        text-transform: none;
    }

        .ui-l580-12-digital-warranty-detail-page
        .warranty-detail-page__product-info.is-extra.link:active,
        .ui-l580-12-digital-warranty-detail-page
        .warranty-detail-page__product-info.is-extra.link:focus,
        .ui-l580-12-digital-warranty-detail-page
        .warranty-detail-page__product-info.is-extra.link:hover {
            background-size: 11px 100%;
        }

    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-info.is-extra {
        padding: 20px 0;
        border-top: 2px dotted #ddd;
        border-bottom: 2px dotted #ddd;
    }

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-info.is-extra {
        padding: 30px 0;
    }
}

.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__product-info.is-basic:active
.warranty-detail-page__product-description-wrapper.link,
.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__product-info.is-basic:focus
.warranty-detail-page__product-description-wrapper.link,
.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__product-info.is-basic:hover
.warranty-detail-page__product-description-wrapper.link {
    /*background: url(../img/arrow-right-orange-hover.svg) 100% calc(50% + 1px) no-repeat;*/
    background-position: 98% 100%;
    background-size: 11px 100%;
}

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page .warranty-detail-page__product-info {
        padding: 0 0 30px;
    }
}

.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__product-img-wrapper {
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-img-wrapper {
        margin: 50px 0;
    }
}

.ui-l580-12-digital-warranty-detail-page .warranty-detail-page__product-img {
    display: block;
    max-width: 100%;
}

    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-img.is-fallback {
        width: 65px;
        height: 85px;
        background-repeat: no-repeat;
    }

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-img.is-fallback {
        width: 177px;
        height: 230px;
    }
}

.ui-l580-12-digital-warranty-detail-page .warranty-detail-page__product-detail {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-bottom: 4px;
    color: #333;
    font-family: HelveticaNeueW01-55Roma;
}

    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-detail.is-title {
        line-height: 1.7rem;
        display: block;
        width: 60%;
        height: 17px;
        max-height: 17px;
        font-family: HelveticaNeueW01-75Bold;
    }

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-detail.is-title {
        line-height: 1.9rem;
        height: 19px;
        max-height: 19px;
    }
}

.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__product-detail.is-validity-time,
.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__product-detail.is-validity-type {
    line-height: 1.8rem;
    color: #0e8934;
}

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-detail.is-validity-time,
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-detail.is-validity-type {
        line-height: 2rem;
    }
}

.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__product-detail.is-validity-type {
    margin-bottom: 0;
    font-family: HelveticaNeueW01-75Bold;
}

.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__product-detail.is-extra-detail {
    line-height: 1.7rem;
    color: #333;
    font-family: HelveticaNeueW01-75Bold;
}

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-detail.is-extra-detail {
        line-height: 1.9rem;
    }
}

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-detail {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
}

.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__product-description-wrapper.link {
    background-position: 98% 100%;
    background-size: 11px 100%;
    color: inherit;
    letter-spacing: 0;
    text-transform: none;
}

.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__product-description,
.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__product-validity {
    display: flex;
    flex-direction: column;
}

.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__product-description {
    margin-bottom: 12px;
}

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__product-description {
        margin-bottom: 15px;
    }
}

.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__warranty-wrapper {
    margin: 30px 0 50px;
}

    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__warranty-wrapper.col-xs-12.col-md-6 {
        padding-right: 0;
        padding-left: 0;
    }

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__warranty-wrapper.col-xs-12.col-md-6 {
        padding-left: 12px;
    }
}

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__warranty-wrapper {
        margin: 50px 0 60px 8.333333333%;
    }
}

.ui-l580-12-digital-warranty-detail-page .warranty-detail-page__warranty {
    height: 444px;
}

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page .warranty-detail-page__warranty {
        height: 649px;
    }
}

.ui-l580-12-digital-warranty-detail-page .warranty-detail-page__warranty-frame {
    border: 0;
}

.ui-l580-12-digital-warranty-detail-page
.warranty-detail-page__warranty-btn-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

@media screen and (min-width: 992px) {
    .ui-l580-12-digital-warranty-detail-page
    .warranty-detail-page__warranty-btn-wrapper {
        margin-top: 30px;
    }
}

.ui-password-checker input[class*='lev-'] + .indicator-bar {
    height: 0;
    border-bottom: 5px solid #e00;
    transition: width 0.1s linear, border 0.2s linear;
}

.ui-password-checker input[class*='lev-'].is-green + .indicator-bar {
    border-bottom-color: #008606;
}

.ui-password-checker .lev-0 + .indicator-bar {
    width: 20%;
}

.ui-password-checker .lev-1 + .indicator-bar {
    width: 40%;
}

.ui-password-checker .lev-2 + .indicator-bar {
    width: 60%;
}

.ui-password-checker .lev-3 + .indicator-bar {
    width: 80%;
}

.ui-password-checker .lev-4 + .indicator-bar {
    width: 100%;
}

.ui-password-checker .strength {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: #767676;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

    .ui-password-checker .strength .is-green {
        color: #008606;
    }

    .ui-password-checker .strength .is-red {
        color: #e00;
    }

.ui-t326-12-recipe-ending {
    padding: 45px 0;
}

    .ui-t326-12-recipe-ending.is-image .headline {
        padding: 0 21px 0 0;
    }

    .ui-t326-12-recipe-ending.is-image .logo-box {
        top: 50px;
    }

@media screen and (min-width: 992px) {
    .ui-t326-12-recipe-ending.is-image.is-logo .content {
        padding-right: calc(16.6666666667% + 12px);
    }
}

.ui-t326-12-recipe-ending .logo-box {
    position: absolute;
    top: 33px;
    right: 12px;
    width: 136px;
}

.ui-t326-12-recipe-ending .logo-img {
    max-width: 100%;
}

.ui-t326-12-recipe-ending .headline {
    padding: 0 10px;
    color: #333;
    font-family: MarrSansCondWeb;
    font-size: 3.2rem;
    letter-spacing: 0.64px;
    line-height: 36px;
}

.ui-t326-12-recipe-ending .text {
    margin-top: 25px;
    color: #333;
    font-family: InkstonText;
    font-size: 2.8rem;
    letter-spacing: 0.56px;
    line-height: 39px;
}

.ui-t326-12-recipe-ending .btn {
    padding-right: 31px;
    padding-left: 31px;
    margin-top: 26px;
    font-size: 1.6rem;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t326-12-recipe-ending {
        padding: 49px 0;
    }

        .ui-t326-12-recipe-ending.is-image {
            padding: 35px 0 40px;
        }

        .ui-t326-12-recipe-ending .headline {
            padding: 0 60px;
            margin-top: 0;
        }

        .ui-t326-12-recipe-ending .text {
            line-height: 24px;
        }

        .ui-t326-12-recipe-ending .btn {
            margin-top: 20px;
        }
}

@media screen and (max-width: 991px) {
    .ui-t326-12-recipe-ending.is-image .logo-box {
        top: 30px;
    }

    .ui-t326-12-recipe-ending .headline {
        font-size: 2.2rem;
        letter-spacing: 0.44px;
        line-height: 26px;
    }

    .ui-t326-12-recipe-ending .text {
        font-size: 2rem;
        letter-spacing: 0.4px;
    }

    .ui-t326-12-recipe-ending .logo-box {
        top: 20px;
        width: 88px;
    }
}

@media screen and (max-width: 767px) {
    .ui-t326-12-recipe-ending {
        padding: 30px 0 50px;
    }

        .ui-t326-12-recipe-ending .logo-box {
            top: 20px;
        }

        .ui-t326-12-recipe-ending .image-box {
            margin-top: 15px;
        }

        .ui-t326-12-recipe-ending.is-logo {
            padding: 65px 0 40px;
        }

        .ui-t326-12-recipe-ending.is-image {
            padding: 55px 0 40px;
        }

            .ui-t326-12-recipe-ending.is-image .logo-box {
                top: 20px;
            }

            .ui-t326-12-recipe-ending.is-image .headline {
                padding: 0;
            }

        .ui-t326-12-recipe-ending .headline {
            margin-top: 30px;
        }

        .ui-t326-12-recipe-ending .text {
            margin-top: 28px;
            line-height: 28px;
        }
}

@media screen and (max-width: 479px) {
    .ui-t326-12-recipe-ending {
        text-align: center;
    }
}

.t404-jumbotron-wrapper {
    border: 9px solid #fff;
    background-color: #f60;
}

    .t404-jumbotron-wrapper .t404-jumbotron {
        position: relative;
        display: flex;
        width: 100%;
        min-height: 264px;
        justify-content: center;
    }

        .t404-jumbotron-wrapper .t404-jumbotron.with-logo {
            min-height: 320px;
        }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .t404-jumbotron-wrapper .t404-jumbotron.with-logo {
        min-height: 335px;
    }
}

@media screen and (min-width: 992px) {
    .t404-jumbotron-wrapper .t404-jumbotron.with-logo {
        min-height: 380px;
    }
}

.t404-jumbotron-wrapper .t404-jumbotron .jumbotron__content-and-arrow-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-top: 46px;
    padding-bottom: 46px;
}

@media screen and (min-width: 768px) {
    .t404-jumbotron-wrapper
    .t404-jumbotron
    .jumbotron__content-and-arrow-wrapper {
        padding-top: 39px;
        padding-bottom: 39px;
    }
}

@media screen and (min-width: 992px) {
    .t404-jumbotron-wrapper
    .t404-jumbotron
    .jumbotron__content-and-arrow-wrapper {
        padding-top: 43px;
        padding-bottom: 43px;
    }
}

@media screen and (min-width: 1200px) {
    .t404-jumbotron-wrapper
    .t404-jumbotron
    .jumbotron__content-and-arrow-wrapper {
        padding-top: 51px;
        padding-bottom: 51px;
    }
}

@media screen and (min-width: 1400px) {
    .t404-jumbotron-wrapper
    .t404-jumbotron
    .jumbotron__content-and-arrow-wrapper {
        padding-top: 68px;
        padding-bottom: 68px;
    }
}

.t404-jumbotron-wrapper .t404-jumbotron .jumbotron__arrow {
    position: absolute;
    top: -1px;
    left: calc(50% - 23px);
    width: 0;
    height: 0;
    border-top: 52px solid #fff;
    border-right: 23px solid transparent;
    border-left: 23px solid transparent;
}

@media screen and (min-width: 768px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__arrow {
        position: absolute;
        top: -1px;
        left: calc(50% - 17.5px);
        width: 0;
        height: 0;
        border-top: 39px solid #fff;
        border-right: 17.5px solid transparent;
        border-left: 17.5px solid transparent;
    }
}

@media screen and (min-width: 992px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__arrow {
        position: absolute;
        top: -1px;
        left: calc(50% - 19.5px);
        width: 0;
        height: 0;
        border-top: 43px solid #fff;
        border-right: 19.5px solid transparent;
        border-left: 19.5px solid transparent;
    }
}

@media screen and (min-width: 1200px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__arrow {
        position: absolute;
        top: -1px;
        left: calc(50% - 23px);
        width: 0;
        height: 0;
        border-top: 51px solid #fff;
        border-right: 23px solid transparent;
        border-left: 23px solid transparent;
    }
}

@media screen and (min-width: 1400px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__arrow {
        position: absolute;
        top: -1px;
        left: calc(50% - 30px);
        width: 0;
        height: 0;
        border-top: 68px solid #fff;
        border-right: 30px solid transparent;
        border-left: 30px solid transparent;
    }
}

@media only screen and (max-device-width: 320px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__arrow {
        position: absolute;
        top: -1px;
        left: calc(50% - 19.5px);
        width: 0;
        height: 0;
        border-top: 44px solid #fff;
        border-right: 19.5px solid transparent;
        border-left: 19.5px solid transparent;
    }
}

.t404-jumbotron-wrapper .t404-jumbotron .jumbotron__content-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 25px 0;
}

@media screen and (min-width: 768px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__content-wrapper {
        padding: 35px 0;
    }
}

.t404-jumbotron-wrapper .t404-jumbotron .jumbotron__headline {
    font-size: 2.4rem;
    line-height: 2.6rem;
    margin: 0;
    color: #fff;
    font-family: 'Helvetica Now Text XBold';
    letter-spacing: -0.25px;
    text-align: center;
    font-weight: 400;
}

    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__headline.is-dark {
        color: #333;
    }

    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__headline.has-shadow {
        text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    }

@media screen and (min-width: 768px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__headline {
        font-size: 3.2rem;
        line-height: 3.5rem;
        letter-spacing: -0.5px;
    }
}

@media screen and (min-width: 1200px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__headline {
        font-size: 4rem;
        line-height: 4.3rem;
        letter-spacing: -0.5px;
    }
}

.t404-jumbotron-wrapper .t404-jumbotron .jumbotron__sub-headline {
    font-size: 1.8rem;
    line-height: 2.3rem;
    margin: 12px 0 0;
    color: #fff;
    font-family: 'Helvetica Now Text Bold';
    text-align: center;
    font-weight: 400;
}

    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__sub-headline.is-dark {
        color: #333;
    }

    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__sub-headline.has-shadow {
        text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    }

@media screen and (min-width: 768px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__sub-headline.col-sm-8 {
        padding-right: 4px;
        padding-left: 4px;
    }
}

.t404-jumbotron-wrapper .t404-jumbotron .jumbotron__logo-wrapper {
    width: 134px;
    height: 34px;
    margin-bottom: 18px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__logo-wrapper {
        width: 140px;
        height: 35px;
        margin-bottom: 24px;
    }
}

@media screen and (min-width: 992px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__logo-wrapper {
        width: 200px;
        height: 50px;
    }
}

.t404-jumbotron-wrapper .t404-jumbotron .jumbotron__logo {
    position: relative;
    padding-bottom: 25%;
}

    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__logo .ui-resp-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__logo .ui-resp-image img {
            width: auto;
            max-width: 100%;
            height: 100%;
        }

.t404-jumbotron-wrapper .t404-jumbotron .jumbotron__btn {
    margin-top: 18px;
}

@media screen and (min-width: 768px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__btn {
        margin-top: 24px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .t404-jumbotron-wrapper .t404-jumbotron {
        min-height: 274px;
    }
}

@media screen and (min-width: 992px) {
    .t404-jumbotron-wrapper .t404-jumbotron {
        min-height: 310px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .t404-jumbotron-wrapper {
        border: 18px solid #fff;
    }
}

@media screen and (min-width: 992px) {
    .t404-jumbotron-wrapper {
        border: 30px solid #fff;
    }
}

.ui-l580-12-digital-warranty-products.is-not-active
.warranty-products__item-img {
    opacity: 0.6;
}

.ui-l580-12-digital-warranty-products.is-not-active
.warranty-products__item-detail {
    color: #999;
}

    .ui-l580-12-digital-warranty-products.is-not-active
    .warranty-products__item-detail.is-validity-time,
    .ui-l580-12-digital-warranty-products.is-not-active
    .warranty-products__item-detail.is-validity-type {
        color: #ca0000;
    }

.ui-l580-12-digital-warranty-products .warranty-products__list {
    padding: 0;
    margin: 30px 0 25px;
    list-style: none;
}

.ui-l580-12-digital-warranty-products .warranty-products__item {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 20px 0;
    border-bottom: 2px dotted #ddd;
}

    .ui-l580-12-digital-warranty-products .warranty-products__item.link {
        background-position: 98% 100%;
        background-size: 11px 100%;
        color: inherit;
        letter-spacing: 0;
        text-transform: none;
    }

        .ui-l580-12-digital-warranty-products .warranty-products__item.link:active,
        .ui-l580-12-digital-warranty-products .warranty-products__item.link:focus,
        .ui-l580-12-digital-warranty-products .warranty-products__item.link:hover {
            background-size: 11px 100%;
        }

@media screen and (min-width: 1200px) {
    .ui-l580-12-digital-warranty-products .warranty-products__item {
        align-items: center;
    }
}

.ui-l580-12-digital-warranty-products .warranty-products__item-img-wrapper {
    display: flex;
    max-width: 25%;
    align-items: flex-start;
    justify-content: center;
    padding-left: 0;
}

@media screen and (min-width: 1200px) {
    .ui-l580-12-digital-warranty-products .warranty-products__item-img-wrapper {
        max-width: 16.6666666667%;
        align-items: center;
    }
}

.ui-l580-12-digital-warranty-products .warranty-products__item-img {
    display: block;
    width: 100%;
}

    .ui-l580-12-digital-warranty-products .warranty-products__item-img.is-fallback {
        width: 65px;
        height: 85px;
        background-repeat: no-repeat;
    }

.ui-l580-12-digital-warranty-products .warranty-products__item-content-wrap {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 1200px) {
    .ui-l580-12-digital-warranty-products .warranty-products__item-content-wrap {
        flex-direction: row;
    }
}

.ui-l580-12-digital-warranty-products .warranty-products__item-description,
.ui-l580-12-digital-warranty-products .warranty-products__item-validity {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 768px) {
    .ui-l580-12-digital-warranty-products .warranty-products__item-validity {
        flex-direction: row;
    }
}

@media screen and (min-width: 1200px) {
    .ui-l580-12-digital-warranty-products .warranty-products__item-validity {
        flex-direction: column;
    }
}

.ui-l580-12-digital-warranty-products .warranty-products__item-description {
    margin-bottom: 12px;
}

    .ui-l580-12-digital-warranty-products
    .warranty-products__item-description.col-lg-6 {
        padding-left: 0;
    }

@media screen and (min-width: 1200px) {
    .ui-l580-12-digital-warranty-products .warranty-products__item-description {
        margin-bottom: 0;
    }
}

.ui-l580-12-digital-warranty-products .warranty-products__item-detail {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-bottom: 4px;
    color: #333;
    font-family: HelveticaNeueW01-55Roma;
}

    .ui-l580-12-digital-warranty-products .warranty-products__item-detail.is-title {
        line-height: 1.7rem;
        display: block;
        height: 17px;
        max-height: 17px;
        font-family: HelveticaNeueW01-75Bold;
    }

        .ui-l580-12-digital-warranty-products
        .warranty-products__item-detail.is-title.col-xs-11 {
            padding-left: 0;
        }

@media screen and (min-width: 1200px) {
    .ui-l580-12-digital-warranty-products
    .warranty-products__item-detail.is-title {
        line-height: 1.9rem;
        height: 19px;
        max-height: 19px;
    }
}

.ui-l580-12-digital-warranty-products
.warranty-products__item-detail.is-validity-time,
.ui-l580-12-digital-warranty-products
.warranty-products__item-detail.is-validity-type {
    line-height: 1.8rem;
    color: #0e8934;
}

@media screen and (min-width: 1200px) {
    .ui-l580-12-digital-warranty-products
    .warranty-products__item-detail.is-validity-time,
    .ui-l580-12-digital-warranty-products
    .warranty-products__item-detail.is-validity-type {
        line-height: 2rem;
    }
}

.ui-l580-12-digital-warranty-products
.warranty-products__item-detail.is-validity-type {
    margin-bottom: 0;
    font-family: HelveticaNeueW01-75Bold;
}

@media screen and (min-width: 768px) {
    .ui-l580-12-digital-warranty-products
    .warranty-products__item-detail.is-validity-type {
        margin-right: 5px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-l580-12-digital-warranty-products
    .warranty-products__item-detail.is-validity-type {
        margin-right: 0;
    }
}

@media screen and (min-width: 1200px) {
    .ui-l580-12-digital-warranty-products .warranty-products__item-detail {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
}

.ui-panel-migros.panel {
    position: relative;
    overflow: visible;
    border: 0;
    border-bottom: 2px solid #f60;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
}

    .ui-panel-migros.panel + .panel {
        margin-top: 5px;
    }

.ui-panel-migros .panel-heading {
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .ui-panel-migros .panel-heading:hover {
        transform: translate(0, 3px);
    }

    .ui-panel-migros .panel-heading [data-toggle='collapse'].collapsed::before {
        transform: rotate(0);
    }

    .ui-panel-migros .panel-heading + .panel-collapse > .panel-body {
        border-width: 2px 0 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-style: dotted;
        border-color: #ddd;
    }

.ui-panel-migros .panel-title {
    padding: 0;
    margin: 0;
}

    .ui-panel-migros .panel-title > a {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2rem;
        display: block;
        padding: 14px 60px 18px 0;
        color: #f60;
        transition: all 0.3s ease;
    }

        .ui-panel-migros .panel-title > a .logo {
            display: inline-block;
        }

        .ui-panel-migros .panel-title > a::before {
            position: absolute;
            top: 50%;
            right: 10px;
            width: 25px;
            height: 15px;
            margin-top: -8px;
            background-image: url(../img/dropdown-closed.svg);
            content: '';
            transform: rotate(180deg);
            transition: all 0.3s ease;
        }

        .ui-panel-migros .panel-title > a:hover {
            color: #de450a;
        }

            .ui-panel-migros .panel-title > a:hover::before {
                background-image: url(../img/dropdown-closed-hover.svg);
            }

@media screen and (min-width: 768px) {
    .ui-panel-migros .panel-title > a {
        padding-right: 80px;
    }
}

@media screen and (min-width: 992px) {
    .ui-panel-migros .panel-title > a {
        padding-right: 90px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-panel-migros .panel-title > a {
        padding-right: 165px;
    }
}

.ui-panel-migros .panel-body {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    padding: 20px 15px 30px 66px;
}

@media screen and (min-width: 768px) {
    .ui-panel-migros .panel-body .container {
        margin-right: -12px;
        margin-left: -12px;
    }
}

.alt-colored .ui-panel-migros .panel-title > a {
    color: #f60;
}

    .alt-colored .ui-panel-migros .panel-title > a:hover {
        color: #de450a;
    }

.alt-colored
.ui-panel-migros
.panel-heading
[data-toggle='collapse'].collapsed::after {
    background-color: #f60;
}

.alt-colored .ui-panel-migros > a {
    color: #f60;
}

    .alt-colored .ui-panel-migros > a:hover {
        color: #de450a;
    }

.alt-colored .ui-panel-migros .panel-heading + .panel-collapse {
    border-bottom-color: #f60;
}

.alt-colored .ui-panel-migros .panel-body {
    color: #f60;
}

.bk-ingredients-list {
    padding: 0;
    margin: 16px 0;
    list-style: none;
}

    .bk-ingredients-list .bk-ingredients-item {
        display: flex;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px #d2d2d2 solid;
        color: #333;
        font-family: HelveticaNeueW01-55Roma;
        font-size: 16px;
        line-height: 24px;
    }

@media screen and (max-width: 991px) {
    .bk-ingredients-list .bk-ingredients-item:first-child {
        border-top: 1px #d2d2d2 solid;
    }
}

.bk-ingredients-list .bk-ingredients-item .bk-ingredients-amount {
    width: 56px;
    max-width: 56px;
    flex-basis: 56px;
    margin-right: 18px;
}

.bk-ingredients-list .bk-ingredients-item .bk-ingredients-text {
    flex: 1 1;
}

.bk-product-recommenders .row {
    margin-right: 0;
    margin-left: 0;
}

.bk-product-recommenders
.bk-ingredients
.richtext
.ui-paragraph-headline.is-medium {
    margin-top: 0;
    color: #333;
    font-family: HelveticaNeueW01-75Bold;
    font-size: 28px;
    line-height: 34px;
}

@media screen and (max-width: 991px) {
    .bk-product-recommenders
    .bk-ingredients
    .richtext
    .ui-paragraph-headline.is-medium {
        font-size: 22px;
        line-height: 28px;
    }
}

.bk-product-recommenders .bk-ingredients .richtext p {
    color: #333;
    font-family: HelveticaNeueW01-55Roma;
    font-size: 16px;
    line-height: 24px;
}

.bk-product-recommenders .ui-preparation-image .ui-preperation-image-overlay {
    position: absolute;
    top: 30px;
    right: 30px;
}

@media screen and (max-width: 767px) {
    .bk-product-recommenders .ui-preparation-image .ui-preperation-image-overlay {
        display: none;
    }
}

.bk-product-recommenders
.bk-preparation
.richtext
.ui-paragraph-headline.is-medium {
    margin-top: 0;
    color: #333;
    font-family: HelveticaNeueW01-75Bold;
    font-size: 28px;
    line-height: 34px;
}

@media screen and (max-width: 991px) {
    .bk-product-recommenders
    .bk-preparation
    .richtext
    .ui-paragraph-headline.is-medium {
        font-size: 22px;
        line-height: 28px;
    }
}

.bk-product-recommenders .bk-preparation .richtext ol {
    padding-left: 50px;
    counter-reset: item;
    list-style-type: none;
}

    .bk-product-recommenders .bk-preparation .richtext ol li {
        display: block;
        min-height: 36px;
        padding-top: 5px;
        margin-bottom: 16px;
        color: #333;
        font-family: HelveticaNeueW01-55Roma;
        font-size: 16px;
        line-height: 24px;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .bk-product-recommenders .bk-preparation .richtext ol li {
        margin-top: 12px;
    }
}

.bk-product-recommenders .bk-preparation .richtext ol li::before {
    font-size: 1.8rem;
    position: absolute;
    top: 0;
    left: -50px;
    width: 34px;
    height: 34px;
    background-color: #f60;
    border-radius: 50%;
    color: #fff;
    content: counter(item);
    counter-increment: item;
    font-family: HelveticaNeueW01-75Bold;
    line-height: 34px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .bk-product-recommenders .bk-preparation .richtext ol {
        margin-top: 0;
    }
}

.bk-product-recommenders:not(.is-8-cols) .ui-preparation-image {
    padding-right: 0;
    padding-left: 0;
}

.bk-product-recommenders:not(.is-8-cols)
.bk-ingredients
.richtext
.ui-paragraph-headline.is-medium,
.bk-product-recommenders:not(.is-8-cols)
.bk-preparation
.richtext
.ui-paragraph-headline.is-medium {
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .bk-product-recommenders:not(.is-8-cols) .bk-ingredients,
    .bk-product-recommenders:not(.is-8-cols) .bk-preparation {
        padding-right: 26px;
        padding-left: 26px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .bk-product-recommenders:not(.is-8-cols) .bk-ingredients,
    .bk-product-recommenders:not(.is-8-cols) .bk-preparation {
        padding-right: 28px;
        padding-left: 28px;
    }
}

@media screen and (min-width: 1200px) {
    .bk-product-recommenders:not(.is-8-cols) .bk-ingredients,
    .bk-product-recommenders:not(.is-8-cols) .bk-preparation {
        padding-right: 30px;
        padding-left: 30px;
    }
}

.bk-product-recommenders .ui-panel-migros {
    border: 0;
    margin-bottom: 30px;
}

    .bk-product-recommenders .ui-panel-migros .panel-heading {
        background-color: #f60;
    }

        .bk-product-recommenders .ui-panel-migros .panel-heading:hover {
            transform: none;
        }

    .bk-product-recommenders .ui-panel-migros .panel-title > a {
        color: #fff;
        font-family: HelveticaNeueW01-75Bold;
        font-size: 20px;
        line-height: 24px;
        padding-left: 15px;
    }

        .bk-product-recommenders .ui-panel-migros .panel-title > a::before {
            background-image: url(../img/dropdown-recommenders-closed.svg);
        }

    .bk-product-recommenders .ui-panel-migros .panel-body {
        padding: 20px 15px 30px;
        background-color: #f6f6f6;
    }

    .bk-product-recommenders
    .ui-panel-migros
    .panel-heading + .panel-collapse > .panel-body {
        border: 0;
    }

.bk-product-recommenders .panel-group {
    cursor: auto;
}

.bk-product-recommenders.is-8-cols {
    margin-bottom: 50px;
}

    .bk-product-recommenders.is-8-cols .bk-preparation .richtext ol {
        margin-top: 10px;
    }

        .bk-product-recommenders.is-8-cols .bk-preparation .richtext ol li::before {
            background-color: rgba(0, 0, 0, 0);
            box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.08);
        }

    .bk-product-recommenders.is-8-cols .ui-panel-migros {
        margin-bottom: 2px;
    }

        .bk-product-recommenders.is-8-cols .ui-panel-migros .panel-body {
            padding: 30px 5px;
            background-color: rgba(0, 0, 0, 0);
        }

@media screen and (min-width: 768px) {
    .bk-product-recommenders.is-8-cols .ui-panel-migros .panel-body {
        padding: 20px 20px 30px;
    }
}

@media screen and (min-width: 768px) {
    .bk-product-recommenders.is-8-cols .ui-panel-migros {
        margin-right: -20px;
        margin-left: -20px;
    }
}

.bk-product-recommenders.is-8-cols .panel-group-title {
    position: relative;
}

@media screen and (min-width: 480px) {
    .bk-product-recommenders.is-8-cols .panel-group-title {
        display: flex;
    }
}

.bk-product-recommenders.is-8-cols
.panel-group-text.ui-paragraph-headline.is-highlight {
    padding-right: 40px;
    margin-right: 20px;
    color: #333;
    font-family: MarketWeb;
    font-size: 24px;
    line-height: 28px;
}

    .bk-product-recommenders.is-8-cols
    .panel-group-text.ui-paragraph-headline.is-highlight::before {
        top: -20px;
        background-color: #c8102e;
    }

.bk-product-recommenders.is-8-cols .panel-group-image {
    position: relative;
}

@media screen and (min-width: 480px) {
    .bk-product-recommenders.is-8-cols .panel-group-image {
        position: relative;
        width: 162px;
        min-width: 162px;
        margin-top: auto;
        margin-left: auto;
    }

        .bk-product-recommenders.is-8-cols .panel-group-image .ui-resp-image {
            position: absolute;
            z-index: 1;
            right: 0;
            bottom: -40px;
        }
}

@media screen and (min-width: 480px) and (min-width: 480px) and (max-width: 767px) {
    .bk-product-recommenders.is-8-cols .panel-group-image .ui-resp-image {
        right: 20px;
    }
}

@media screen and (min-width: 992px) {
    .bk-product-recommenders.is-8-cols .panel-group-image {
        width: 223px;
        min-width: 223px;
    }
}

@media screen and (min-width: 480px) {
    .bk-product-recommenders.is-8-cols
    .ui-panel-migros.is-image
    [data-toggle='collapse'] {
        padding-right: 162px;
    }
}

@media screen and (min-width: 768px) {
    .bk-product-recommenders.is-8-cols
    .ui-panel-migros.is-image
    [data-toggle='collapse'] {
        padding-right: 172px;
    }
}

@media screen and (min-width: 992px) {
    .bk-product-recommenders.is-8-cols
    .ui-panel-migros.is-image
    [data-toggle='collapse'] {
        padding-right: 223px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .bk-product-recommenders {
        margin-right: -30px;
        margin-left: -30px;
    }

        .bk-product-recommenders.is-8-cols {
            margin-right: 0;
            margin-left: 0;
        }
}

@media screen and (max-width: 479px) {
    .bk-product-recommenders {
        margin-right: -18px;
        margin-left: -18px;
    }

        .bk-product-recommenders.is-8-cols {
            margin-right: 0;
            margin-left: 0;
        }
}

.ui-c-teaser-2 .ui-paragraph-headline {
    margin-bottom: 34px;
}

@media screen and (max-width: 479px) {
    .ui-c-teaser-2.is-gutter-xs-16.is-height-m
    .ui-js-product
    article > div[overflow='hidden'] {
        padding-bottom: 60%;
    }
}

@media screen and (max-width: 479px) {
    .ui-c-teaser-2.is-gutter-xs-16.is-height-m .ui-js-product {
        margin-bottom: 16px;
    }
}

.ui-c-teaser-2.bg .ui-t309-03-standard .text-area {
    padding-right: 20px;
    padding-left: 20px;
}

@media screen and (max-width: 1199px) {
    .ui-c-teaser-2.bg .ui-t309-03-standard .text-area {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c-teaser-2 .is-highlight,
    .ui-c-teaser-2 .is-medium {
        padding-bottom: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .ui-c-teaser-2.bg .ui-t309-03-standard {
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-c-teaser-2.bg .ui-t309-03-standard .text-area {
            padding-right: 0;
            padding-left: 0;
        }

    .ui-c-teaser-2.mod {
        margin-bottom: 40px;
    }

        .ui-c-teaser-2.mod .ui-paragraph-headline {
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .ui-c-teaser-2.mod .ui-t309-03-standard {
            min-height: 196px;
            border-bottom: 0;
            margin: 10px 0;
            background-color: #fff;
        }

            .ui-c-teaser-2.mod .ui-t309-03-standard .image {
                display: block;
            }
}

@media screen and (max-width: 479px) {
    .bg.no-mobile-bg {
        background-color: rgba(0, 0, 0, 0) !important;
        background-image: none !important;
    }
}

.bg .ui-t309-03-standard .text-area {
    padding-right: 20px;
    padding-left: 20px;
}

@media screen and (max-width: 1199px) {
    .bg .ui-t309-03-standard .text-area {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.bg .ui-t309-03-standard .link {
    padding-right: 16px;
    padding-left: 0;
    margin-right: 20px;
    margin-left: 20px;
}

@media screen and (max-width: 1199px) {
    .bg .ui-t309-03-standard .link {
        margin-right: 10px;
        margin-left: 10px;
    }
}

@media screen and (max-width: 767px) {
    .bg .ui-t309-03-standard .link {
        display: none;
    }
}

.bg .ui-t309-03-standard.is-cumulus .link {
    padding-right: 16px;
}

    .bg .ui-t309-03-standard.is-cumulus .link::after {
        display: none;
    }

@media screen and (max-width: 479px) {
    .bg .ui-t309-03-standard {
        background-color: rgba(0, 0, 0, 0);
    }

        .bg .ui-t309-03-standard .text-area {
            padding-right: 0;
            padding-left: 0;
        }
}

.bg .ui-t315-04-standard .text-area {
    padding-right: 20px;
    padding-left: 20px;
}

@media screen and (max-width: 1199px) {
    .bg .ui-t315-04-standard .text-area {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.bg .ui-t315-04-standard .link {
    margin-right: 20px;
    margin-left: 20px;
}

@media screen and (max-width: 1199px) {
    .bg .ui-t315-04-standard .link {
        margin-right: 10px;
        margin-left: 10px;
    }
}

.bg .ui-t315-04-standard.is-cumulus .link {
    padding-right: 16px;
}

    .bg .ui-t315-04-standard.is-cumulus .link::after {
        display: none;
    }

@media screen and (max-width: 479px) {
    .ui-c-teaser-2 .col-xs-6 div.ui-c238-XX-html {
        display: block;
    }

        .ui-c-teaser-2 .col-xs-6 div.ui-c238-XX-html h2,
        .ui-c-teaser-2 .col-xs-6 div.ui-c238-XX-html h3,
        .ui-c-teaser-2 .col-xs-6 div.ui-c238-XX-html h4 {
            font-size: 1.6rem;
            line-height: 1.8rem;
            margin-top: 16px;
        }

        .ui-c-teaser-2 .col-xs-6 div.ui-c238-XX-html p {
            font-size: 1.4rem;
            line-height: 1.6rem;
        }

    .ui-c-teaser-2 .col-xs-6 div.template-year-teaser {
        display: block;
    }

    .ui-c-teaser-2 .col-xs-6 .m-teaser-ad .m-teaser-ad__text-area {
        padding-right: 0;
    }
}

.ui-c201-12-introstandard .headline-outer {
    margin-top: 60px;
    margin-bottom: 20px;
    color: #fff;
}

    .ui-c201-12-introstandard .headline-outer.is-textshadow .intro,
    .ui-c201-12-introstandard .headline-outer.is-textshadow .ui-header-headline,
    .ui-c201-12-introstandard .headline-outer.is-textshadow .ui-secondary-headline {
        text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    }

    .ui-c201-12-introstandard .headline-outer .ui-header-headline {
        font-size: 2.4rem;
        line-height: 2.6rem;
        color: #333;
        font-family: 'Helvetica Now Text XBold', Helvetica, arial, sans-serif;
        font-weight: 400;
        letter-spacing: -0.25px;
        text-transform: none;
        margin-bottom: 10px;
        overflow-wrap: anywhere;
    }

@media screen and (min-width: 768px) {
    .ui-c201-12-introstandard .headline-outer .ui-header-headline {
        font-size: 2.8rem;
        line-height: 3.1rem;
        letter-spacing: -0.5px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 992px) {
    .ui-c201-12-introstandard .headline-outer .ui-header-headline {
        font-size: 4rem;
        line-height: 4.3rem;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c201-12-introstandard .headline-outer .ui-header-headline {
        font-size: 4.5rem;
        line-height: 4.9rem;
        letter-spacing: -0.75px;
    }
}

@media screen and (min-width: 1400px) {
    .ui-c201-12-introstandard .headline-outer .ui-header-headline {
        font-size: 5.5rem;
        line-height: 6rem;
        letter-spacing: -1px;
    }
}

.ui-c201-12-introstandard .headline-outer .headline-label,
.ui-c201-12-introstandard .headline-outer .ui-secondary-headline {
    font-size: 1rem;
    line-height: 1.2rem;
    font-family: 'Helvetica Now Text Bold', Helvetica, arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0.1px;
    text-transform: none;
}

@media screen and (min-width: 1200px) {
    .ui-c201-12-introstandard .headline-outer .headline-label,
    .ui-c201-12-introstandard .headline-outer .ui-secondary-headline {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }
}

.ui-c201-12-introstandard .headline-outer .headline-label {
    display: inline-block;
    margin-bottom: 5px;
    padding: 3px 5px;
    background-color: #f60;
    color: #fff;
    vertical-align: top;
}

@media screen and (min-width: 992px) {
    .ui-c201-12-introstandard .headline-outer .headline-label {
        margin-bottom: 2px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c201-12-introstandard .headline-outer .headline-label {
        margin-bottom: 0;
        padding-top: 4px;
        padding-bottom: 4px;
    }
}

.ui-c201-12-introstandard .headline-outer .ui-secondary-headline {
    display: block;
    margin-bottom: 6px;
    color: #333;
}

.ui-c201-12-introstandard .headline-outer.is-inverted {
    color: #333;
}

    .ui-c201-12-introstandard .headline-outer.is-inverted .ui-header-headline,
    .ui-c201-12-introstandard .headline-outer.is-inverted .ui-secondary-headline {
        color: #333;
    }

@media screen and (min-width: 768px) {
    .ui-c201-12-introstandard .headline-outer.is-shaded .intro,
    .ui-c201-12-introstandard .headline-outer.is-shaded .ui-header-headline {
        display: inline;
        background-color: #fff;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: 9px 0 0 #fff, -9px 0 0 #fff;
        color: #333;
        filter: none;
        text-shadow: none;
    }

        .ui-c201-12-introstandard .headline-outer.is-shaded .intro.alt-colored,
        .ui-c201-12-introstandard
        .headline-outer.is-shaded
        .ui-header-headline.alt-colored {
            background-color: #333;
            box-shadow: 9px 0 0 #333, -9px 0 0 #333;
            color: #fff;
        }

    .ui-c201-12-introstandard .headline-outer.is-shaded .ui-header-headline {
        font-size: 42px;
        line-height: 56px;
        text-transform: none;
    }

        .ui-c201-12-introstandard
        .headline-outer.is-shaded
        .ui-header-headline::after {
            display: block;
            width: 100%;
            height: 1px;
            clear: both;
            content: '';
        }

    .ui-c201-12-introstandard .headline-outer.is-shaded .intro {
        padding-top: 0;
        line-height: 27px;
        text-transform: none;
    }

        .ui-c201-12-introstandard .headline-outer.is-shaded .intro::before {
            display: block;
            width: 100%;
            height: 20px;
            clear: both;
            content: '';
        }

        .ui-c201-12-introstandard .headline-outer.is-shaded .intro::after {
            display: block;
            width: 100%;
            height: 1px;
            clear: both;
            content: '';
        }

    .ui-c201-12-introstandard .headline-outer.is-shaded .btn {
        margin-left: -10px;
    }
}

@media screen and (max-width: 767px) {
    .ui-c201-12-introstandard .headline-outer.is-shaded-mobile .intro,
    .ui-c201-12-introstandard
    .headline-outer.is-shaded-mobile
    .ui-header-headline {
        display: inline;
        background-color: #fff;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: 9px 0 0 #fff, -9px 0 0 #fff;
        color: #333;
        filter: none;
        text-shadow: none;
    }

        .ui-c201-12-introstandard .headline-outer.is-shaded-mobile .intro.alt-colored,
        .ui-c201-12-introstandard
        .headline-outer.is-shaded-mobile
        .ui-header-headline.alt-colored {
            background-color: #333;
            box-shadow: 9px 0 0 #333, -9px 0 0 #333;
            color: #fff;
        }

    .ui-c201-12-introstandard
    .headline-outer.is-shaded-mobile
    .ui-header-headline {
        font-size: 42px;
        line-height: 56px;
        text-transform: none;
    }

        .ui-c201-12-introstandard
        .headline-outer.is-shaded-mobile
        .ui-header-headline::after {
            display: block;
            width: 100%;
            height: 1px;
            clear: both;
            content: '';
        }

    .ui-c201-12-introstandard .headline-outer.is-shaded-mobile .intro {
        display: none;
    }

    .ui-c201-12-introstandard .headline-outer.is-shaded-mobile .btn {
        margin-left: -10px;
    }
}

@media screen and (max-width: 767px) {
    .ui-c201-12-introstandard .headline-outer .intro {
        display: none;
    }
}

.ui-c201-12-introstandard .btn {
    display: none;
    margin-top: 10px;
}

.ui-c201-12-introstandard.alt-colored .intro,
.ui-c201-12-introstandard.alt-colored .ui-header-headline,
.ui-c201-12-introstandard.alt-colored .ui-secondary-headline {
    color: #00f;
}

@media screen and (min-width: 768px) {
    .ui-c201-12-introstandard.alt-colored .is-shaded .intro,
    .ui-c201-12-introstandard.alt-colored .is-shaded .ui-header-headline {
        background-color: #333;
        box-shadow: 9px 0 0 #333, -9px 0 0 #333;
        color: #fff;
    }
}

@media screen and (max-width: 767px) {
    .ui-c201-12-introstandard.alt-colored .is-shaded-mobile .intro,
    .ui-c201-12-introstandard.alt-colored .is-shaded-mobile .ui-header-headline {
        background-color: #333;
        box-shadow: 9px 0 0 #333, -9px 0 0 #333;
        color: #fff;
    }
}

.ui-c201-12-introstandard .intro {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-family: 'Helvetica Now Text XBold';
    font-weight: 400;
    text-transform: none;
}

@media screen and (max-width: 767px) {
    .ui-c201-12-introstandard .intro {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .ui-c201-12-introstandard .intro {
        margin-top: 8px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c201-12-introstandard .intro {
        font-size: 2rem;
        line-height: 2.3rem;
        margin-top: 16px;
    }
}

@media screen and (min-width: 1400px) {
    .ui-c201-12-introstandard .intro {
        margin-top: 12px;
    }
}

@media screen and (min-width: 1680px) {
    .ui-c201-12-introstandard .intro {
        margin-top: 16px;
    }
}

.ui-c201-12-introstandard .image-box {
    position: relative;
}

    .ui-c201-12-introstandard .image-box img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
    }

.ui-c201-12-introstandard .select-box:after,
.ui-c201-12-introstandard .select-box:before {
    display: table;
    content: ' ';
}

.ui-c201-12-introstandard .select-box:after {
    clear: both;
}

.ui-c201-12-introstandard .select-box label {
    display: inline;
}

.ui-c201-12-introstandard .inline-text {
    color: #fff;
}

.ui-c201-12-introstandard .alt-colored .inline-text {
    color: #fff;
}

.ui-c201-12-introstandard .form-group label {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.8rem;
    line-height: 2.5rem;
    color: #fff;
    text-transform: lowercase;
}

.ui-c201-12-introstandard .dropdown-with-intro label {
    position: absolute;
    top: auto;
    left: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.ui-c201-12-introstandard .dropdown-with-intro p {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.8rem;
    line-height: 2.5rem;
    color: #fff;
    text-transform: lowercase;
}

.ui-c201-12-introstandard .dropdown-with-intro.is-inverted p {
    color: #333;
}

.ui-c201-12-introstandard .dropdown-inline {
    position: relative;
}

.ui-c201-12-introstandard .button-phone {
    display: none;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c201-12-introstandard .headline-outer {
        margin-top: 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c201-12-introstandard .headline-outer {
        max-width: 408px;
        margin-top: 32px;
    }

    .ui-c201-12-introstandard .image-box {
        display: none;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c201-12-introstandard .headline-outer {
        max-width: 245px;
        margin-top: 32px;
    }

    .ui-c201-12-introstandard .form-group {
        background-color: rgba(0, 0, 0, 0);
    }

    .ui-c201-12-introstandard .image-box {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .ui-c201-12-introstandard .headline-outer {
        max-width: 245px;
        margin-top: 25px;
    }

        .ui-c201-12-introstandard .headline-outer .image-box,
        .ui-c201-12-introstandard .headline-outer .ui-secondary-headline {
            display: none;
        }
}

@media screen and (max-width: 479px) and (max-width: 767px) {
    .ui-c201-12-introstandard .headline-outer.is-shaded-mobile {
        margin-right: 9px;
        margin-left: 9px;
    }

        .ui-c201-12-introstandard
        .headline-outer.is-shaded-mobile
        .ui-header-headline {
            font-size: 2.2rem;
            line-height: 2.8rem;
        }

        .ui-c201-12-introstandard .headline-outer.is-shaded-mobile .btn {
            margin-top: 10px;
        }
}

@media screen and (max-width: 479px) {
    .ui-c201-12-introstandard p {
        margin-bottom: 10px;
    }

    .ui-c201-12-introstandard .image-box,
    .ui-c201-12-introstandard .ui-secondary-headline {
        display: none;
    }

    .ui-c201-12-introstandard .form-group {
        padding: 0;
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-c201-12-introstandard .form-group .select-open {
            display: block;
        }

        .ui-c201-12-introstandard .form-group label {
            color: #333;
        }

    .ui-c201-12-introstandard .btn {
        font-size: 1.4rem;
        line-height: 1;
        padding: 10px 17px 6px;
        margin-top: 0;
        line-height: 14px;
    }

    .ui-c201-12-introstandard .dropdown-with-intro p {
        color: #333;
    }

    .ui-c201-12-introstandard .dropdown-inline {
        margin-top: 15px;
    }

    .ui-c201-12-introstandard .ui-item-filter .filter-wrapper {
        float: none;
    }
}

@media only screen and (max-device-width: 320px) {
    .ui-c201-12-introstandard .headline-outer {
        max-width: 209px;
        margin-top: 25px;
    }
}

.is-tiled .ui-c201-12-introstandard .headline-outer .intro,
.is-tiled .ui-c201-12-introstandard .headline-outer .ui-header-headline,
.is-tiled .ui-c201-12-introstandard .headline-outer .ui-secondary-headline {
    color: #fff;
}

.is-tiled .ui-c201-12-introstandard .headline-outer.alt-colored .intro,
.is-tiled
.ui-c201-12-introstandard
.headline-outer.alt-colored
.ui-header-headline,
.is-tiled
.ui-c201-12-introstandard
.headline-outer.alt-colored
.ui-secondary-headline {
    color: #fff;
}

.is-tiled .ui-c201-12-introstandard .headline-outer.is-inverted .intro,
.is-tiled
.ui-c201-12-introstandard
.headline-outer.is-inverted
.ui-header-headline,
.is-tiled
.ui-c201-12-introstandard
.headline-outer.is-inverted
.ui-secondary-headline {
    color: #333;
}

.is-colored-light
.ui-c201-12-introstandard
.headline-outer.is-textshadow
.intro,
.is-colored-light
.ui-c201-12-introstandard
.headline-outer.is-textshadow
.ui-header-headline,
.is-colored-light
.ui-c201-12-introstandard
.headline-outer.is-textshadow
.ui-secondary-headline {
    text-shadow: none;
}

.is-colored-light .ui-c201-12-introstandard .headline-outer .intro,
.is-colored-light
.ui-c201-12-introstandard
.headline-outer
.ui-header-headline {
    color: #333;
    text-shadow: none;
}

.is-colored-dark .ui-c201-12-introstandard .headline-outer .intro,
.is-colored-dark .ui-c201-12-introstandard .headline-outer .ui-header-headline,
.is-colored-dark
.ui-c201-12-introstandard
.headline-outer
.ui-secondary-headline {
    color: #fff;
}

@media screen and (min-width: 768px) {
    .is-overlay {
        position: relative;
    }

        .is-overlay::before {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.15);
            content: '';
        }

        .is-overlay .ui-c201-12-introstandard .headline-outer .intro,
        .is-overlay .ui-c201-12-introstandard .headline-outer .ui-header-headline,
        .is-overlay .ui-c201-12-introstandard .headline-outer .ui-secondary-headline {
            color: #fff;
        }
}

@media screen and (max-width: 767px) {
    .is-overlay-mobile {
        position: relative;
    }

        .is-overlay-mobile::before {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.15);
            content: '';
        }

        .is-overlay-mobile .ui-c201-12-introstandard .headline-outer .intro,
        .is-overlay-mobile
        .ui-c201-12-introstandard
        .headline-outer
        .ui-header-headline,
        .is-overlay-mobile
        .ui-c201-12-introstandard
        .headline-outer
        .ui-secondary-headline {
            color: #fff;
        }
}

.alt-colored .ui-c201-12-introstandard .headline-outer .intro,
.alt-colored .ui-c201-12-introstandard .headline-outer .ui-header-headline,
.alt-colored .ui-c201-12-introstandard .headline-outer .ui-secondary-headline,
.alt-colored.ui-c201-12-introstandard .headline-outer .intro,
.alt-colored.ui-c201-12-introstandard .headline-outer .ui-header-headline,
.alt-colored.ui-c201-12-introstandard .headline-outer .ui-secondary-headline {
    color: #fff;
}

.alt-colored .ui-c201-12-introstandard .inline-text,
.alt-colored.ui-c201-12-introstandard .inline-text {
    color: #fff;
}

.alt-colored .ui-c201-12-introstandard .dropdown-with-intro p,
.alt-colored.ui-c201-12-introstandard .dropdown-with-intro p {
    color: #fff;
}

.alt-colored .ui-c201-12-introstandard .dropdown-with-intro.is-inverted p,
.alt-colored.ui-c201-12-introstandard .dropdown-with-intro.is-inverted p {
    color: #333;
}

@media screen and (max-width: 767px) {
    .ui-campaign-stage > .container {
        display: flex;
        height: 100%;
        flex-direction: column;
    }

    .ui-campaign-stage .ui-c201-12-introstandard {
        align-self: inherit;
        margin-top: auto;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .ui-c201-stage:not(.ui-campaign-stage) > .container,
    .ui-c202-12-campaign-stage:not(.ui-campaign-stage) > .container {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.ui-c201-stage .arrow-wrap,
.ui-c202-12-campaign-stage .arrow-wrap {
    display: flex;
    width: 100%;
    justify-content: center;
}

.ui-c201-stage .stage-portrait__arrow,
.ui-c202-12-campaign-stage .stage-portrait__arrow {
    position: absolute;
    top: -1px;
    left: calc(55% - 12px);
    width: 0;
    height: 0;
    border-top: 27px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    z-index: 1;
}

@media screen and (min-width: 768px) {
    .ui-c201-stage .stage-portrait__arrow,
    .ui-c202-12-campaign-stage .stage-portrait__arrow {
        position: absolute;
        top: -1px;
        left: calc(44% - 17.5px);
        width: 0;
        height: 0;
        border-top: 39px solid #fff;
        border-right: 17.5px solid transparent;
        border-left: 17.5px solid transparent;
    }
}

@media screen and (min-width: 992px) {
    .ui-c201-stage .stage-portrait__arrow,
    .ui-c202-12-campaign-stage .stage-portrait__arrow {
        position: absolute;
        top: -1px;
        left: calc(35% - 19.5px);
        width: 0;
        height: 0;
        border-top: 43px solid #fff;
        border-right: 19.5px solid transparent;
        border-left: 19.5px solid transparent;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c201-stage .stage-portrait__arrow,
    .ui-c202-12-campaign-stage .stage-portrait__arrow {
        position: absolute;
        top: -1px;
        left: calc(36.5% - 23px);
        width: 0;
        height: 0;
        border-top: 51px solid #fff;
        border-right: 23px solid transparent;
        border-left: 23px solid transparent;
    }
}

@media screen and (min-width: 1400px) {
    .ui-c201-stage .stage-portrait__arrow,
    .ui-c202-12-campaign-stage .stage-portrait__arrow {
        position: absolute;
        top: -1px;
        left: calc(47.472% - 30px);
        width: 0;
        height: 0;
        border-top: 68px solid #fff;
        border-right: 30px solid transparent;
        border-left: 30px solid transparent;
    }
}

@media screen and (min-width: 1680px) {
    .ui-c201-stage .stage-portrait__arrow,
    .ui-c202-12-campaign-stage .stage-portrait__arrow {
        position: absolute;
        top: -1px;
        left: calc(58% - 37px);
        width: 0;
        height: 0;
        border-top: 83px solid #fff;
        border-right: 37px solid transparent;
        border-left: 37px solid transparent;
    }
}

@media screen and (max-width: 767px) {
    .ui-c201-stage.ui-campaign-stage .ui-spickel,
    .ui-c202-12-campaign-stage.ui-campaign-stage .ui-spickel {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

        .ui-c201-stage.ui-campaign-stage .ui-spickel .stage-portrait__arrow,
        .ui-c202-12-campaign-stage.ui-campaign-stage
        .ui-spickel
        .stage-portrait__arrow {
            position: absolute;
            top: -1px;
            left: calc(50% - 23px);
            width: 0;
            height: 0;
            border-top: 52px solid #fff;
            border-right: 23px solid transparent;
            border-left: 23px solid transparent;
        }
}

.ui-c201-stage .headline-outer,
.ui-c202-12-campaign-stage .headline-outer {
    margin-top: 40px;
}

    .ui-c201-stage .headline-outer:not(.is-inverted) .ui-header-headline,
    .ui-c202-12-campaign-stage
    .headline-outer:not(.is-inverted)
    .ui-header-headline {
        text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    }

    .ui-c201-stage .headline-outer a[href^='tel'],
    .ui-c202-12-campaign-stage .headline-outer a[href^='tel'] {
        color: inherit;
        text-decoration: none;
    }

    .ui-c201-stage .headline-outer .ui-header-headline,
    .ui-c202-12-campaign-stage .headline-outer .ui-header-headline {
        overflow-wrap: anywhere;
    }

@media screen and (min-width: 768px) {
    .ui-c201-stage .headline-outer,
    .ui-c202-12-campaign-stage .headline-outer {
        margin-top: 60px;
    }

        .ui-c201-stage .headline-outer.with-headlinelabel,
        .ui-c202-12-campaign-stage .headline-outer.with-headlinelabel {
            margin-top: 35px;
        }

        .ui-c201-stage .headline-outer.with-overline,
        .ui-c202-12-campaign-stage .headline-outer.with-overline {
            margin-top: 42px;
        }
}

@media screen and (min-width: 992px) {
    .ui-c201-stage .headline-outer,
    .ui-c202-12-campaign-stage .headline-outer {
        margin-top: 63px;
    }

        .ui-c201-stage .headline-outer.with-headlinelabel,
        .ui-c202-12-campaign-stage .headline-outer.with-headlinelabel {
            margin-top: 38px;
        }

        .ui-c201-stage .headline-outer.with-overline,
        .ui-c202-12-campaign-stage .headline-outer.with-overline {
            margin-top: 45px;
        }
}

@media screen and (min-width: 1200px) {
    .ui-c201-stage .headline-outer,
    .ui-c202-12-campaign-stage .headline-outer {
        margin-top: 71px;
    }

        .ui-c201-stage .headline-outer.with-headlinelabel,
        .ui-c202-12-campaign-stage .headline-outer.with-headlinelabel {
            margin-top: 47px;
        }

        .ui-c201-stage .headline-outer.with-overline,
        .ui-c202-12-campaign-stage .headline-outer.with-overline {
            margin-top: 51px;
        }
}

@media screen and (min-width: 1400px) {
    .ui-c201-stage .headline-outer,
    .ui-c202-12-campaign-stage .headline-outer {
        margin-top: 85px;
    }

        .ui-c201-stage .headline-outer.with-headlinelabel,
        .ui-c202-12-campaign-stage .headline-outer.with-headlinelabel {
            margin-top: 60px;
        }

        .ui-c201-stage .headline-outer.with-overline,
        .ui-c202-12-campaign-stage .headline-outer.with-overline {
            margin-top: 65px;
        }
}

@media screen and (min-width: 1680px) {
    .ui-c201-stage .headline-outer,
    .ui-c202-12-campaign-stage .headline-outer {
        margin-top: 100px;
    }

        .ui-c201-stage .headline-outer.with-headlinelabel,
        .ui-c202-12-campaign-stage .headline-outer.with-headlinelabel {
            margin-top: 76px;
        }

        .ui-c201-stage .headline-outer.with-overline,
        .ui-c202-12-campaign-stage .headline-outer.with-overline {
            margin-top: 80px;
        }
}

@media screen and (max-width: 767px) {
    .ui-c201-stage,
    .ui-c202-12-campaign-stage {
        background-position-x: center;
    }
}

@media screen and (max-width: 479px) {
    .ui-c201-stage,
    .ui-c202-12-campaign-stage {
        border: 9px solid #fff;
    }

        .ui-c201-stage.is-height-2,
        .ui-c202-12-campaign-stage.is-height-2 {
            width: 100vw;
            height: 56.25vw;
        }

        .ui-c201-stage.is-height-3,
        .ui-c202-12-campaign-stage.is-height-3 {
            width: 100vw;
            height: 56.25vw;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c201-stage,
    .ui-c202-12-campaign-stage {
        border: 9px solid #fff;
    }

        .ui-c201-stage.is-height-2,
        .ui-c202-12-campaign-stage.is-height-2 {
            width: 100vw;
            height: 56.25vw;
        }

        .ui-c201-stage.is-height-3,
        .ui-c202-12-campaign-stage.is-height-3 {
            width: 100vw;
            height: 56.25vw;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c201-stage,
    .ui-c202-12-campaign-stage {
        border: 18px solid #fff;
    }

        .ui-c201-stage.is-height-2,
        .ui-c202-12-campaign-stage.is-height-2 {
            height: 348px;
            max-height: 348px;
        }

        .ui-c201-stage.is-height-3,
        .ui-c202-12-campaign-stage.is-height-3 {
            height: 236px;
            max-height: 236px;
        }

        .ui-c201-stage .ui-stage-decoration,
        .ui-c202-12-campaign-stage .ui-stage-decoration {
            position: absolute;
        }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c201-stage,
    .ui-c202-12-campaign-stage {
        border: 30px solid #fff;
    }

        .ui-c201-stage.is-height-2,
        .ui-c202-12-campaign-stage.is-height-2 {
            height: 405px;
            max-height: 405px;
        }

        .ui-c201-stage.is-height-3,
        .ui-c202-12-campaign-stage.is-height-3 {
            height: 293px;
            max-height: 293px;
        }
}

@media screen and (min-width: 1200px) {
    .ui-c201-stage,
    .ui-c202-12-campaign-stage {
        border: 30px solid #fff;
    }

        .ui-c201-stage.is-height-2,
        .ui-c202-12-campaign-stage.is-height-2 {
            height: 469px;
            max-height: 469px;
        }

        .ui-c201-stage.is-height-3,
        .ui-c202-12-campaign-stage.is-height-3 {
            height: 370px;
            max-height: 370px;
        }
}

@media screen and (min-width: 1400px) {
    .ui-c201-stage,
    .ui-c202-12-campaign-stage {
        border: 30px solid #fff;
    }

        .ui-c201-stage.is-height-2,
        .ui-c202-12-campaign-stage.is-height-2 {
            height: 597px;
            max-height: 597px;
        }

        .ui-c201-stage.is-height-3,
        .ui-c202-12-campaign-stage.is-height-3 {
            height: 394px;
            max-height: 394px;
        }
}

@media screen and (min-width: 1680px) {
    .ui-c201-stage,
    .ui-c202-12-campaign-stage {
        border: 30px solid #fff;
    }

        .ui-c201-stage.is-height-2,
        .ui-c202-12-campaign-stage.is-height-2 {
            height: 719px;
            max-height: 719px;
        }

        .ui-c201-stage.is-height-3,
        .ui-c202-12-campaign-stage.is-height-3 {
            height: 370px;
            max-height: 370px;
        }
}

@media screen and (max-width: 767px) {
    .ui-c201-stage > .container,
    .ui-c202-12-campaign-stage > .container {
        display: flex;
        height: 100%;
        flex-direction: column;
    }

    .ui-c201-stage .ui-c201-12-introstandard,
    .ui-c202-12-campaign-stage .ui-c201-12-introstandard {
        align-self: inherit;
        margin-top: auto;
        margin-bottom: 0;
    }
}

.ui-c202-12-campaign-stage.is-linked::before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    transform: scale(1);
    transition: transform 0.5s 50ms ease-in;
}

.ui-c202-12-campaign-stage.is-linked .ui-campaign-stage-video {
    transform: scale(1);
    transition: transform 0.5s 50ms ease-in;
}

.ui-c202-12-campaign-stage.is-linked:hover::before {
    transform: scale(1.05);
    transition: transform 0.5s 50ms ease-out;
}

.ui-c202-12-campaign-stage.is-linked:hover .ui-campaign-stage-video {
    transform: scale(1.05);
    transition: transform 0.5s 50ms ease-out;
}

.ui-c202-12-campaign-stage
.headline-outer:not(.is-inverted)
.ui-header-headline {
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.ui-c202-12-campaign-stage .headline-outer a[href^='tel'] {
    color: inherit;
    text-decoration: none;
}

.ui-c202-12-campaign-stage .ui-stage-decoration {
    position: absolute;
    top: auto;
    right: 30px;
    bottom: 30px;
    left: auto;
}

    .ui-c202-12-campaign-stage .ui-stage-decoration img {
        width: 100%;
    }

@media screen and (min-width: 768px) {
    .ui-c202-12-campaign-stage .ui-stage-decoration {
        right: 20px;
        bottom: 20px;
        display: flex;
        width: 140px;
        height: 140px;
        align-items: flex-end;
    }
}

@media screen and (min-width: 992px) {
    .ui-c202-12-campaign-stage .ui-stage-decoration {
        right: 30px;
        bottom: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c202-12-campaign-stage .ui-stage-decoration {
        width: 160px;
        height: 160px;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
    .ui-c202-12-campaign-stage .ui-stage-decoration {
        width: 180px;
        height: 180px;
    }
}

@media screen and (min-width: 1920px) {
    .ui-c202-12-campaign-stage .ui-stage-decoration {
        width: 200px;
        height: 200px;
    }
}

.ui-c204-12-map {
    position: relative;
    height: auto;
    padding-bottom: 52px;
    margin-right: auto;
    margin-left: auto;
    background: rgba(0, 0, 0, 0);
    background-position: 100% 100%;
    background-repeat: repeat;
}

    .ui-c204-12-map .is-medium {
        width: 67%;
        margin-bottom: 0;
    }

    .ui-c204-12-map .js-association-map-search-form {
        padding: 0;
        opacity: 1;
        transition: opacity 0.3s 0s ease-in-out, visibility 0s 0s;
        visibility: visible;
    }

        .ui-c204-12-map .js-association-map-search-form.is-fade-out {
            opacity: 0;
            transition: opacity 0.3s 0s ease-in-out, visibility 0s 0.3s;
            visibility: hidden;
        }

    .ui-c204-12-map .ui-output-search {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-family: 'Helvetica Now Text Regular';
        font-weight: 400;
        margin: 1.5rem 0;
        opacity: 1;
        transition: opacity 0.3s 0s ease-in-out, visibility 0s 0s;
        visibility: visible;
        color: #333;
    }

        .ui-c204-12-map .ui-output-search.is-hidden {
            display: block;
            opacity: 0;
            transition: opacity 0.3s 0s ease-in-out, visibility 0s 0.3s;
            visibility: hidden;
        }

    .ui-c204-12-map .map-intro {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-top: 10px;
        margin-bottom: 0;
        color: #333;
        font-family: 'Helvetica Now Text Bold';
        font-weight: 400;
    }

    .ui-c204-12-map .image-box {
        position: absolute;
        z-index: 10;
        top: -30px;
        right: calc(33% - 217px);
        width: 217px;
        height: 200px;
    }

    .ui-c204-12-map .ui-f607-12-forms > form {
        overflow: visible;
    }

    .ui-c204-12-map .ui-f607-12-forms .form-group .error-box p {
        font-size: 1.4rem;
        line-height: 1.7rem;
        font-family: 'Helvetica Now Text Regular';
        font-weight: 400;
        max-width: 440px;
        color: #fff;
    }

    .ui-c204-12-map.is-inverted .ui-f607-12-forms .form-group .error-box p {
        color: #e00;
    }

    .ui-c204-12-map .form-group {
        position: absolute;
        z-index: 1000;
        width: 100%;
    }

        .ui-c204-12-map .form-group .search-container {
            position: relative;
            width: 100%;
            max-width: 312px;
            padding: 0;
            background-color: #fff;
        }

            .ui-c204-12-map .form-group .search-container:after,
            .ui-c204-12-map .form-group .search-container:before {
                display: table;
                content: ' ';
            }

            .ui-c204-12-map .form-group .search-container:after {
                clear: both;
            }

            .ui-c204-12-map .form-group .search-container .search-question {
                font-size: 1.6rem;
                line-height: 2.4rem;
                font-family: 'Helvetica Now Text Bold';
                font-weight: 400;
                min-height: 48px;
                background-color: rgba(0, 0, 0, 0);
                box-shadow: none;
                border: 2px #e7e5e3 solid;
                border-radius: 4px;
            }

                .ui-c204-12-map .form-group .search-container .search-question.form-control,
                .ui-c204-12-map .form-group .search-container .search-question:active,
                .ui-c204-12-map .form-group .search-container .search-question:focus,
                .ui-c204-12-map .form-group .search-container .search-question:hover {
                    padding: 10px 90px 10px 15px;
                }

                    .ui-c204-12-map
                    .form-group
                    .search-container
                    .search-question
                    .form-control::-ms-clear {
                        display: none;
                    }

                .ui-c204-12-map .form-group .search-container .search-question.invalid {
                    border: 2px solid #e00;
                    background-color: #ffe5e5;
                }

            .ui-c204-12-map .form-group .search-container .autocomplete-suggestions {
                position: relative !important;
                width: 100% !important;
                border: 0;
                background-color: rgba(0, 0, 0, 0);
            }

            .ui-c204-12-map .form-group .search-container .autocomplete-suggestion {
                font-size: 1.6rem;
                line-height: 1.8rem;
                font-family: 'Helvetica Now Text Regular';
                font-weight: 400;
                padding: 10px 15px;
                cursor: pointer;
            }

            .ui-c204-12-map .form-group .search-container .button-reset {
                position: absolute;
                top: 0;
                right: 41px;
                width: 42px;
                height: 48px;
                border: 0;
                background-color: rgba(0, 0, 0, 0);
                background-image: url(../img/svg/icons/map/reset_circle_x.svg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 24px 24px;
                opacity: 0;
                outline: 0;
                transition: opacity 0.3s ease-in-out, visibility 0s 0.3s;
                visibility: hidden;
            }

            .ui-c204-12-map
            .form-group
            .search-container
            .search-question:not(:-moz-placeholder-shown) + .button-reset {
                opacity: 1;
                -moz-transition: opacity 0.3s ease-in-out, visibility 0s 0s;
                transition: opacity 0.3s ease-in-out, visibility 0s 0s;
                visibility: visible;
            }

            .ui-c204-12-map
            .form-group
            .search-container
            .search-question:not(:-ms-input-placeholder) + .button-reset {
                opacity: 1;
                -ms-transition: opacity 0.3s ease-in-out, visibility 0s 0s;
                transition: opacity 0.3s ease-in-out, visibility 0s 0s;
                visibility: visible;
            }

            .ui-c204-12-map
            .form-group
            .search-container
            .search-question:not(:placeholder-shown) + .button-reset {
                opacity: 1;
                transition: opacity 0.3s ease-in-out, visibility 0s 0s;
                visibility: visible;
            }

            .ui-c204-12-map .form-group .search-container .button-search {
                position: absolute;
                top: 0;
                right: 5px;
                width: 42px;
                height: 48px;
                border: 0;
                background-color: rgba(0, 0, 0, 0);
                background-image: url(../img/svg/icons/map/submit_search_arrow.svg);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 16px 32px;
                outline: 0;
            }

    .ui-c204-12-map .ui-output-search-item:not(:first-child) {
        margin-top: 13px;
    }

    .ui-c204-12-map .ui-output-plz {
        padding: 0 0 0 20px;
        border: 0;
        border-bottom: 2px solid #f60;
        background-color: rgba(0, 0, 0, 0);
        background-image: url(../img/svg/icons/map/current_location.svg);
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 13px 13px;
        color: #333;
        outline: 0;
    }

    .ui-c204-12-map .ui-output-state {
        padding: 0 0 0 20px;
        border-bottom: 2px solid #f60;
        background-color: rgba(0, 0, 0, 0);
        background-image: url(../img/svg/icons/map/current_state.svg);
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 13px 13px;
        color: #333;
    }

    .ui-c204-12-map .image-animation {
        position: relative;
        text-align: center;
    }

        .ui-c204-12-map .image-animation img {
            position: absolute;
            top: 100px;
            right: 53%;
            width: 68px;
            height: 59px;
        }

    .ui-c204-12-map .img-responsive {
        z-index: 0;
    }

        .ui-c204-12-map .img-responsive svg {
            -webkit-tap-highlight-color: transparent;
        }

    .ui-c204-12-map .map {
        position: relative;
        z-index: 1;
        display: inline-block;
        width: 100%;
        max-width: 730px;
    }

        .ui-c204-12-map .map object {
            width: 100%;
        }

    .ui-c204-12-map .map-marker {
        font-family: 'Helvetica Now Text XBold';
        font-weight: 400;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        max-height: 0;
    }

    .ui-c204-12-map .map-marker-abbreviation {
        font-size: 1.5rem;
        z-index: 1;
        display: inline-flex;
        width: 43px;
        height: 40px;
        align-items: center;
        justify-content: center;
        color: #fff;
        cursor: pointer;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        text-align: center;
        transition: color 0.3s ease, font-size 0.2s ease, transform 0.3s ease;
        will-change: font-size, line-height, color;
    }

        .ui-c204-12-map .map-marker-abbreviation::before {
            position: absolute;
            z-index: -1;
            top: 4px;
            left: 50%;
            width: 34px;
            height: 42px;
            background-image: url(../img/svg/icons/map/pin-state.svg);
            background-position: 0 -42px;
            background-repeat: no-repeat;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            content: '';
            transition: transform 0.3s ease;
            will-change: transform;
            transform: translate(-50%, 0) scale(1);
        }

    .ui-c204-12-map .is-showing-popover .map-marker-abbreviation,
    .ui-c204-12-map .ui-js-popover.is-active .map-marker-abbreviation,
    .ui-c204-12-map .ui-js-popover.is-hover .map-marker-abbreviation {
        font-size: 2.5rem;
        line-height: 2.4rem;
        color: #f60;
    }

        .ui-c204-12-map .is-showing-popover .map-marker-abbreviation::before,
        .ui-c204-12-map .ui-js-popover.is-active .map-marker-abbreviation::before,
        .ui-c204-12-map .ui-js-popover.is-hover .map-marker-abbreviation::before {
            background-position: 0 0;
            transform: translate(-50%, 0) scale(1.536);
        }

@media screen and (min-width: 768px) {
    .ui-c204-12-map .map-marker:hover .map-marker-abbreviation {
        font-size: 2.5rem;
        line-height: 2.4rem;
        color: #f60;
    }

        .ui-c204-12-map .map-marker:hover .map-marker-abbreviation::before {
            background-position: 0 0;
            transform: translate(-50%, 0) scale(1.536);
        }
}

@media screen and (min-width: 992px) {
    .ui-c204-12-map .form-group .search-container .search-question {
        width: 100%;
    }

    .ui-c204-12-map .is-medium {
        font-size: 4.2rem;
        line-height: 4.2rem;
        margin-bottom: 10px;
    }

    .ui-c204-12-map .form-item label {
        display: block;
    }
}

@media screen and (max-width: 1199px) {
    .ui-c204-12-map .form-group .search-container {
        max-width: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c204-12-map .image-animation img {
        right: 25%;
    }
}

@media screen and (max-width: 767px) {
    .ui-c204-12-map {
        padding-bottom: 20px;
    }

        .ui-c204-12-map .ui-f607-12-forms {
            position: relative;
        }

            .ui-c204-12-map .ui-f607-12-forms > form {
                padding-bottom: 0;
            }

        .ui-c204-12-map .form-group {
            position: absolute;
            z-index: 100;
            width: 100%;
            margin: 1.5rem 0;
        }

        .ui-c204-12-map .is-medium {
            font-size: 3rem;
            line-height: 3rem;
            width: 100%;
            font-size: 30px;
        }

        .ui-c204-12-map h2 {
            margin-bottom: 16px;
        }

        .ui-c204-12-map .form-item label {
            display: block;
            width: 100%;
            font-size: 18px;
        }

        .ui-c204-12-map .form-item .select-open {
            width: 100%;
        }

        .ui-c204-12-map .image-box {
            display: none;
        }

        .ui-c204-12-map .search-container {
            padding: 0;
            background-color: rgba(0, 0, 0, 0);
        }

            .ui-c204-12-map .search-container input[type='text'] {
                display: block;
                width: 100%;
            }

        .ui-c204-12-map .image-animation {
            left: calc((100vw - 100%) / 2 * -1);
            width: 100vw;
            height: 354px;
            max-height: 354px;
            -ms-overflow-style: none;
            overflow-x: scroll;
            overflow-y: hidden;
        }

            .ui-c204-12-map .image-animation::-webkit-scrollbar {
                display: none;
            }

            .ui-c204-12-map .image-animation .img-responsive {
                width: auto;
                max-width: none;
                height: 100%;
            }

            .ui-c204-12-map .image-animation .map {
                width: auto;
                max-width: none;
                height: 100%;
            }

                .ui-c204-12-map .image-animation .map::before {
                    position: absolute;
                    z-index: 100;
                    top: 50%;
                    left: 50vw;
                    width: 150px;
                    height: 150px;
                    margin-top: -75px;
                    margin-left: -75px;
                    -webkit-animation: shake 10s both infinite;
                    animation: shake 10s both infinite;
                    background-image: url(../img/svg/icons/hotspot/swipe-icon.svg);
                    background-size: contain;
                    content: '';
                    opacity: 1;
                    transition: opacity 0.3s, visibility 0s 0s;
                    visibility: visible;
                }

                .ui-c204-12-map .image-animation .map::after {
                    position: absolute;
                    z-index: 100;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    content: '';
                }

                .ui-c204-12-map .image-animation .map.is-touched::before {
                    opacity: 0;
                    transition: opacity 0.3s ease-in-out, visibility 0s 0.3s;
                    visibility: hidden;
                }

                .ui-c204-12-map .image-animation .map.is-touched::after {
                    display: none;
                }
}

@-webkit-keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70% {
        transform: translateX(-7px);
    }

    20%, 40%, 60% {
        transform: translateX(7px);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70% {
        transform: translateX(-7px);
    }

    20%, 40%, 60% {
        transform: translateX(7px);
    }
}

.ui-c208-12-stagehome {
    font-size: 1.4rem;
    line-height: 2.2rem;
    top: 0;
    right: auto;
    left: 0;
    display: block;
    height: calc(100vh - 140px);
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    text-shadow: none;
}

    .ui-c208-12-stagehome.is-height-2 {
        overflow: hidden;
        height: 430px;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c208-12-stagehome.is-height-2 {
        height: 430px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c208-12-stagehome.is-height-2 {
        height: 327px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c208-12-stagehome.is-height-2 {
        height: 360px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c208-12-stagehome.is-height-2 {
        height: 185px;
    }
}

.ui-c208-12-stagehome.xs-addition {
    display: none;
}

.ui-c208-12-stagehome .headline-outer {
    margin-top: 60px;
}

    .ui-c208-12-stagehome .headline-outer.is-textshadow .intro,
    .ui-c208-12-stagehome .headline-outer.is-textshadow .ui-header-headline {
        text-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
    }

    .ui-c208-12-stagehome .headline-outer.is-textshadow.is-inverted .intro,
    .ui-c208-12-stagehome
    .headline-outer.is-textshadow.is-inverted
    .ui-header-headline {
        filter: none;
        text-shadow: none;
    }

    .ui-c208-12-stagehome .headline-outer .ui-header-headline {
        text-transform: uppercase;
    }

@media screen and (max-width: 479px) {
    .ui-c208-12-stagehome .headline-outer .ui-header-headline {
        color: #333;
    }
}

@media screen and (max-width: 479px) {
    .ui-c208-12-stagehome .headline-outer.is-inverted .ui-header-headline {
        color: #333;
    }
}

.ui-c208-12-stagehome .headline-outer.is-inverted .intro,
.ui-c208-12-stagehome .headline-outer.is-inverted .ui-header-headline {
    color: #333;
}

.ui-c208-12-stagehome .headline-outer.is-inverted .btn-arrow {
    background: rgba(0, 0, 0, 0) url(../img/arrow-huge-dark.svg) 0 0 no-repeat;
    transition: background-position 0.5s ease;
}

    .ui-c208-12-stagehome .headline-outer.is-inverted .btn-arrow:hover {
        background-position: 0 -79px;
    }

@media screen and (max-width: 991px) {
    .ui-c208-12-stagehome .headline-outer.is-inverted .btn-arrow {
        background: rgba(0, 0, 0, 0) url(../img/arrow-huge-dark-m.svg) 0 0 no-repeat;
    }

        .ui-c208-12-stagehome .headline-outer.is-inverted .btn-arrow:hover {
            background-position: 0 -60px;
        }
}

.ui-c208-12-stagehome .headline-outer.is-shaded .intro,
.ui-c208-12-stagehome .headline-outer.is-shaded .ui-header-headline {
    display: inline;
    background-color: #fff;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 9px 0 0 #fff, -9px 0 0 #fff;
    color: #333;
    filter: none;
    text-shadow: none;
}

    .ui-c208-12-stagehome .headline-outer.is-shaded .intro.alt-colored,
    .ui-c208-12-stagehome
    .headline-outer.is-shaded
    .ui-header-headline.alt-colored {
        background-color: #fff;
        box-shadow: 9px 0 0 #fff, -9px 0 0 #fff;
        color: #333;
    }

.ui-c208-12-stagehome .headline-outer.is-shaded .ui-header-headline {
    font-size: 42px;
    line-height: 56px;
    text-transform: none;
}

    .ui-c208-12-stagehome .headline-outer.is-shaded .ui-header-headline::after {
        display: block;
        width: 100%;
        height: 1px;
        clear: both;
        content: '';
    }

.ui-c208-12-stagehome .headline-outer.is-shaded .intro {
    line-height: 27px;
}

    .ui-c208-12-stagehome .headline-outer.is-shaded .intro::before {
        display: block;
        width: 100%;
        height: 20px;
        clear: both;
        content: '';
    }

    .ui-c208-12-stagehome .headline-outer.is-shaded .intro::after {
        display: block;
        width: 100%;
        height: 1px;
        clear: both;
        content: '';
    }

.ui-c208-12-stagehome .headline-outer.is-shaded .btn {
    margin-left: -10px;
}

.ui-c208-12-stagehome .headline-outer.alt-colored .intro {
    color: #333;
}

.ui-c208-12-stagehome.alt-colored .is-shaded .intro,
.ui-c208-12-stagehome.alt-colored .is-shaded .ui-header-headline {
    background-color: #fff;
    box-shadow: 9px 0 0 #fff, -9px 0 0 #fff;
    color: #333;
}

.ui-c208-12-stagehome .intro {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-top: 15px;
}

.ui-c208-12-stagehome .btn {
    margin-top: 24px;
}

    .ui-c208-12-stagehome .btn:hover {
        transition: background-color 0.1s linear, color 0.1s linear, border 0.1s linear;
    }

.ui-c208-12-stagehome .btn-arrow {
    display: block;
    width: 48px;
    height: 73px;
    padding: 0;
    border: 0;
    margin-top: 24px;
    background: rgba(0, 0, 0, 0) url(../img/arrow-huge-white.svg) 0 0 no-repeat;
    border-radius: 0;
    transition: background-position 0.5s ease;
}

    .ui-c208-12-stagehome .btn-arrow:hover {
        background-position: 0 -79px;
    }

@media screen and (max-width: 479px) {
    .ui-c208-12-stagehome.xs-compact .headline-outer {
        margin-top: 20px;
    }

        .ui-c208-12-stagehome.xs-compact
        .headline-outer.is-textshadow
        .ui-header-headline {
            text-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
        }

        .ui-c208-12-stagehome.xs-compact
        .headline-outer.is-inverted.is-textshadow
        .ui-header-headline {
            filter: none;
            text-shadow: none;
        }

        .ui-c208-12-stagehome.xs-compact
        .headline-outer.is-shaded
        .ui-header-headline {
            font-size: 2.2rem;
            line-height: 2.8rem;
        }

        .ui-c208-12-stagehome.xs-compact .headline-outer.is-shaded .intro {
            display: none;
        }

    .ui-c208-12-stagehome.xs-compact .hidden-xs {
        display: block !important;
    }

    .ui-c208-12-stagehome.xs-compact .ui-header-headline {
        font-size: 2.5rem;
        line-height: 1;
        color: #fff;
    }

    .ui-c208-12-stagehome.xs-compact .intro {
        display: none;
    }

    .ui-c208-12-stagehome.xs-compact.xs-addition {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .ui-c208-12-stagehome {
        min-height: 530px;
    }

        .ui-c208-12-stagehome.is-height-2 {
            min-height: 0;
        }
}

@media screen and (max-width: 1199px) {
    .ui-c208-12-stagehome .carousel-text .btn {
        margin-top: 30px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c208-12-stagehome {
        height: 530px;
    }

        .ui-c208-12-stagehome .headline-outer {
            margin-top: 40px;
        }
}

@media screen and (max-width: 991px) {
    .ui-c208-12-stagehome {
        height: 432px;
    }

        .ui-c208-12-stagehome .headline-outer {
            margin-top: 40px;
        }
}

@media screen and (max-width: 767px) {
    .ui-c208-12-stagehome {
        height: 339px;
    }

        .ui-c208-12-stagehome .headline-outer {
            margin-top: 30px;
        }

        .ui-c208-12-stagehome .intro {
            font-size: 1.8rem;
            line-height: 2.2rem;
            margin-top: 15px;
        }

        .ui-c208-12-stagehome .btn {
            font-size: 1.4rem;
            line-height: 1;
            padding: 8px 15px 6px;
            margin-top: 8px;
        }

        .ui-c208-12-stagehome .btn-arrow {
            display: none;
        }
}

@media screen and (max-width: 479px) {
    .ui-c208-12-stagehome {
        height: 227px;
    }

        .ui-c208-12-stagehome.xs-addition {
            display: block;
            height: 100%;
            margin-bottom: 20px;
        }

        .ui-c208-12-stagehome .headline-outer {
            margin-top: 15px;
            margin-bottom: 20px;
        }

            .ui-c208-12-stagehome .headline-outer.is-textshadow .intro,
            .ui-c208-12-stagehome .headline-outer.is-textshadow .ui-header-headline {
                filter: none;
                text-shadow: none;
            }

        .ui-c208-12-stagehome .intro,
        .ui-c208-12-stagehome .ui-header-headline {
            color: #333;
        }
}

.ui-c209-08-contenttitle {
    padding-top: 56px;
}

    .ui-c209-08-contenttitle .ui-header-headline {
        margin-bottom: 16px;
        font-family: 'Helvetica Now Text XBold';
        font-size: 23px;
        letter-spacing: -0.3px;
        line-height: 25px;
        text-transform: none;
    }

        .ui-c209-08-contenttitle .ui-header-headline .date {
            font-size: 1.4rem;
            line-height: 1.8rem;
            display: block;
            margin-bottom: 10px;
            color: #fff;
            font-family: 'Helvetica Now Text Bold';
            letter-spacing: 0;
            text-transform: none;
        }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c209-08-contenttitle .ui-header-headline {
        font-size: 32px;
        letter-spacing: -0.5px;
        line-height: 36px;
        margin-bottom: 28px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c209-08-contenttitle .ui-header-headline {
        font-size: 45px;
        letter-spacing: 0.75px;
        line-height: 49px;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 1400px) {
    .ui-c209-08-contenttitle .ui-header-headline {
        font-size: 55px;
        letter-spacing: -1px;
        line-height: 60px;
    }
}

.ui-c209-08-contenttitle.alt-colored .ui-header-headline {
    color: #fff;
}

.ui-c209-08-contenttitle .lead {
    font-size: 1.8rem;
    line-height: 2.3rem;
    font-family: 'Helvetica Now Text Bold', Helvetica, arial, sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
    color: #fff;
}

.ui-c209-08-contenttitle div.morelink a {
    background-image: url(../img/arrow-right.svg);
    color: #fff;
}

    .ui-c209-08-contenttitle div.morelink a:active,
    .ui-c209-08-contenttitle div.morelink a:focus,
    .ui-c209-08-contenttitle div.morelink a:hover {
        background-image: url(../img/arrow-right.svg);
        color: #fff;
    }

.ui-c209-08-contenttitle.is-inverted .ui-header-headline {
    color: #333;
}

    .ui-c209-08-contenttitle.is-inverted .ui-header-headline .date {
        color: #666;
    }

.ui-c209-08-contenttitle.is-inverted .lead {
    color: #333;
}

.ui-c209-08-contenttitle.is-inverted .morelink a {
    background-image: url(../img/arrow-right-orange.svg);
    color: #f60;
}

    .ui-c209-08-contenttitle.is-inverted .morelink a:active,
    .ui-c209-08-contenttitle.is-inverted .morelink a:focus,
    .ui-c209-08-contenttitle.is-inverted .morelink a:hover {
        /*background-image: url(../img/arrow-right-orange-hover.svg);*/
        color: #de450a;
    }

@media screen and (max-width: 767px) {
    .ui-c209-08-contenttitle {
        padding-top: 30px;
    }
}

.ui-c213-08-copyimage {
    margin-bottom: 34px;
}

    .ui-c213-08-copyimage .richtext h3 {
        font-family: 'Helvetica Now Display Regular', Helvetica, arial, sans-serif, Helvetica, arial, sans-serif;
    }

    .ui-c213-08-copyimage .ui-paragraph-headline.is-medium {
        margin-top: 20px;
    }

        .ui-c213-08-copyimage .ui-paragraph-headline.is-medium.is-highlight {
            padding-top: 23px;
            margin-top: 5px;
        }

            .ui-c213-08-copyimage .ui-paragraph-headline.is-medium.is-highlight::before {
                top: 0;
                left: auto;
            }

@media screen and (max-width: 767px) {
    .ui-c213-08-copyimage .ui-paragraph-headline.is-medium.is-highlight {
        padding-top: 14px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c213-08-copyimage .ui-paragraph-headline.is-medium.is-highlight {
        clear: both;
    }
}

.ui-c213-08-copyimage a.add-to-favorites {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    position: relative;
    display: inline-block;
    padding-top: 20px;
    padding-left: 30px;
    border: 0;
    margin-bottom: 60px;
    background: 0 0;
    color: #f60;
    text-transform: uppercase;
}

    .ui-c213-08-copyimage a.add-to-favorites::before {
        position: absolute;
        top: 20px;
        left: 0;
        display: block;
        width: 20px;
        height: 20px;
        background: rgba(0, 0, 0, 0) url(../img/heart.svg) 0 50% no-repeat;
        content: '';
    }

.ui-c213-08-copyimage figure {
    clear: both;
}

.ui-c213-08-copyimage figcaption p {
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin-top: 8px;
    font-family: 'Helvetica Now Text Regular';
}

    .ui-c213-08-copyimage figcaption p a {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1;
        padding-bottom: 0;
        border-bottom: 1px solid #f60;
        background-image: url(../img/textlink-bg.png);
        background-position: 0 30px;
        background-repeat: repeat-x;
        color: #333;
        text-decoration: none;
        transition-duration: 0.4s, 0.4s;
        transition-property: background-position, color;
        vertical-align: bottom;
        font-family: 'Helvetica Now Text Regular' !important;
        font-size: 1.3rem !important;
        line-height: 1.9rem !important;
    }

        .ui-c213-08-copyimage figcaption p a.alt-colored {
            border-bottom-color: #f60;
            color: #333;
        }

        .ui-c213-08-copyimage figcaption p a:active,
        .ui-c213-08-copyimage figcaption p a:focus,
        .ui-c213-08-copyimage figcaption p a:hover {
            border-bottom-color: #f60;
            background-position: 0 1px;
            color: #fff;
        }

            .ui-c213-08-copyimage figcaption p a:active.alt-colored,
            .ui-c213-08-copyimage figcaption p a:focus.alt-colored,
            .ui-c213-08-copyimage figcaption p a:hover.alt-colored {
                color: #333;
            }

    .ui-c213-08-copyimage figcaption p em {
        font-family: 'Helvetica Now Text Italic';
    }

    .ui-c213-08-copyimage figcaption p strong {
        font-size: 1.3rem;
        line-height: 1.9rem;
        font-family: 'Helvetica Now Text Bold';
    }

.ui-c213-08-copyimage .hd-col {
    clear: both;
}

.ui-c213-08-copyimage .main-col {
    display: block;
    margin-bottom: 20px;
}

.ui-c213-08-copyimage .marginal-col {
    font-size: 1.2rem;
    line-height: 1.6rem;
    padding-right: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    clear: both;
    float: right;
    z-index: 1;
}

    .ui-c213-08-copyimage .marginal-col.left {
        padding-right: 12px;
        padding-left: 0;
        margin-right: 10px;
        margin-left: 0;
        float: left;
    }

@media screen and (min-width: 480px) {
    .ui-c213-08-copyimage .marginal-col.left + .ui-paragraph-headline {
        overflow: hidden;
    }

        .ui-c213-08-copyimage
        .marginal-col.left + .ui-paragraph-headline + .richtext {
            overflow: hidden;
        }
}

.ui-c213-08-copyimage .marginal-col .m402-04-contentimage .btn,
.ui-c213-08-copyimage .marginal-col .m403-08-contentimage .btn {
    right: 10px;
}

@media screen and (min-width: 480px) {
    .ui-c213-08-copyimage .marginal-col .m402-04-contentimage,
    .ui-c213-08-copyimage .marginal-col .ui-t315-04-standard,
    .ui-c213-08-copyimage .marginal-col .ui-t328-04-text-16-9,
    .ui-c213-08-copyimage .marginal-col .ui-t358-04-download {
        margin-top: 5px;
    }
}

@media screen and (max-width: 767px) {
    .ui-c213-08-copyimage .marginal-col .back-side,
    .ui-c213-08-copyimage .marginal-col .front-side,
    .ui-c213-08-copyimage .marginal-col .ui-teaser-figure-tile {
        height: 330px;
    }

        .ui-c213-08-copyimage .marginal-col .ui-teaser-figure-tile .headline {
            font-family: 'Helvetica Now Display XBold';
            font-size: 1.8rem;
            line-height: 2.4rem;
        }

        .ui-c213-08-copyimage .marginal-col .ui-teaser-figure-tile .roof-text {
            font-family: 'Helvetica Now Text Bold';
            font-size: 1.4rem;
            line-height: 1.8rem;
        }

        .ui-c213-08-copyimage .marginal-col .ui-teaser-figure-tile .amount-text {
            font-size: 4.8rem;
            line-height: 5.4rem;
        }

        .ui-c213-08-copyimage .marginal-col .ui-teaser-figure-tile .image-box {
            margin-top: 20px;
        }

            .ui-c213-08-copyimage .marginal-col .ui-teaser-figure-tile .image-box img {
                height: 154px;
            }

        .ui-c213-08-copyimage .marginal-col .ui-teaser-figure-tile .back-side,
        .ui-c213-08-copyimage .marginal-col .ui-teaser-figure-tile .front-side {
            padding: 15px 20px;
        }
}

@media screen and (max-width: 991px) {
    .ui-c213-08-copyimage .marginal-col .ui-teaser-figure-tile.is-flipped {
        width: 100%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 360px) and (orientation: portrait) {
    .ui-c213-08-copyimage .marginal-col .ui-teaser-figure-tile {
        width: auto;
    }
}

.ui-c213-08-copyimage .ui-t358-04-download {
    position: relative;
    z-index: 2;
}

.ui-c213-08-copyimage .ui-js-c213-chart-switchbtn {
    font-size: 0;
    background-position: center center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

.ui-c213-08-copyimage .ui-js-c213-chart-switchbtn--chart {
    background-image: url(../img/svg/icons/chart/chart.svg);
}

    .ui-c213-08-copyimage .ui-js-c213-chart-switchbtn--chart.active {
        background-image: url(../img/svg/icons/chart/chart-white.svg);
    }

.ui-c213-08-copyimage .ui-js-c213-chart-switchbtn--table {
    background-image: url(../img/svg/icons/chart/table.svg);
}

    .ui-c213-08-copyimage .ui-js-c213-chart-switchbtn--table.active {
        background-image: url(../img/svg/icons/chart/table-white.svg);
    }

@media screen and (min-width: 992px) {
    .ui-c213-08-copyimage .ui-js-c213-chart-switchbtn {
        width: 32px;
        height: 32px;
    }
}

.ui-c213-08-copyimage .ui-c213-chart-container {
    position: relative;
    width: 100%;
    height: 80vh;
    margin-bottom: 18px;
}

@media screen and (min-width: 480px) {
    .ui-c213-08-copyimage .ui-c213-chart-container {
        height: 60vh;
    }
}

@media screen and (min-width: 768px) {
    .ui-c213-08-copyimage .ui-c213-chart-container {
        height: 516px;
        margin-bottom: 24px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c213-08-copyimage .ui-c213-chart-container {
        height: 568px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c213-08-copyimage .ui-c213-chart-container {
        height: 648px;
    }
}

@media only screen and (max-height: 480px) {
    .ui-c213-08-copyimage .ui-c213-chart-container {
        height: 100vh;
    }
}

.ui-c213-08-copyimage [hidden] {
    display: none !important;
}

.ui-c213-08-copyimage.show-aside-left .richtext ol,
.ui-c213-08-copyimage.show-aside-left .richtext ul {
    overflow: hidden;
}

@media screen and (max-width: 479px) {
    .ui-c213-08-copyimage .marginal-col {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 16px;
        margin-left: 0;
        clear: both;
        float: left;
    }
}

.ui-c218-stage-portrait {
    max-width: 1200px;
    margin: 0 auto 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 48.75% 2.5% 48.75%;
    grid-template-columns: 48.75% 2.5% 48.75%;
    grid-template-rows: auto;
    grid-template-areas: 'teaser-1 . teaser-2' 'teaser-3 teaser-3 teaser-3' 'teaser-4 teaser-4 teaser-4';
}

    .ui-c218-stage-portrait.has-arrow-and-frame {
        padding: 9px;
    }

        .ui-c218-stage-portrait.has-arrow-and-frame
        .is-teaser-1
        .stage-portrait__arrow {
            position: absolute;
            top: 0;
            left: calc(50% - 11px);
            width: 0;
            height: 0;
            border-top: 25px solid #fff;
            border-right: 11px solid transparent;
            border-left: 11px solid transparent;
            z-index: 1;
        }

@media screen and (min-width: 1400px) {
    .ui-c218-stage-portrait.has-arrow-and-frame
    .is-teaser-1
    .stage-portrait__arrow {
        border-left-width: 27.5px;
        border-right-width: 27.5px;
        border-top-width: 60px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (min-width: 1400px) {
    .ui-c218-stage-portrait.has-arrow-and-frame
    .is-teaser-1
    .stage-portrait__arrow {
        border-left-width: 27.5px;
        border-right-width: 27.5px;
        border-top-width: 60px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 991px) {
    .ui-c218-stage-portrait.has-arrow-and-frame {
        padding: 19px 0;
    }
}

@media screen and (min-width: 992px) {
    .ui-c218-stage-portrait.has-arrow-and-frame {
        padding: 25px 0;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait.has-arrow-and-frame {
        padding: 30px 0;
    }
}

.ui-c218-stage-portrait .ui-grid-area-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: teaser-1;
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .ui-grid-area-1 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
}

.ui-c218-stage-portrait .ui-grid-area-2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: teaser-2;
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .ui-grid-area-2 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }
}

.ui-c218-stage-portrait .ui-grid-area-3 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: teaser-3;
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .ui-grid-area-3 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
    }
}

@media screen and (max-width: 767px) {
    .ui-c218-stage-portrait .ui-grid-area-3 {
        margin-top: 8px;
    }
}

.ui-c218-stage-portrait .ui-grid-area-4 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: teaser-4;
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .ui-grid-area-4 {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 3;
    }
}

@media screen and (max-width: 767px) {
    .ui-c218-stage-portrait .ui-grid-area-4 {
        margin-top: 8px;
    }
}

.ui-c218-stage-portrait .ui-teaser {
    position: relative;
    min-height: 50px;
    overflow: hidden;
}

    .ui-c218-stage-portrait .ui-teaser:hover .ui-resp-image img {
        transform: scale(1.05, 1.05);
    }

    .ui-c218-stage-portrait .ui-teaser:hover .ui-video video {
        transform: scale(1.05, 1.05);
    }

    .ui-c218-stage-portrait .ui-teaser .ui-resp-image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .ui-c218-stage-portrait .ui-teaser .ui-resp-image img {
            transition: transform 0.5s ease-out;
        }

    .ui-c218-stage-portrait .ui-teaser .ui-video {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .ui-c218-stage-portrait .ui-teaser .ui-video video {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            transition: transform 0.5s ease-out;
        }

    .ui-c218-stage-portrait .ui-teaser .content {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        width: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        padding: 0 20px 14px 10px;
        justify-content: flex-end;
    }

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .ui-teaser .content {
        padding: 0 15px 20px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c218-stage-portrait .ui-teaser .content {
        padding: 0 20px 25px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait .ui-teaser .content {
        padding: 0 25px 30px;
    }
}

@media screen and (min-width: 375px) {
    .ui-c218-stage-portrait .ui-teaser .content {
        padding: 0 18px 13px;
    }
}

.ui-c218-stage-portrait .ui-teaser .with-gradient-dark {
    background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 89% );
}

    .ui-c218-stage-portrait .ui-teaser .with-gradient-dark .headline {
        color: #fff;
    }

    .ui-c218-stage-portrait .ui-teaser .with-gradient-dark .subline {
        color: #fff;
    }

.ui-c218-stage-portrait .ui-teaser .with-gradient-light {
    background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 89% );
}

    .ui-c218-stage-portrait .ui-teaser .with-gradient-light .headline {
        color: #333;
    }

    .ui-c218-stage-portrait .ui-teaser .with-gradient-light .subline {
        color: #333;
    }

.ui-c218-stage-portrait .ui-teaser .headline {
    font-family: 'Helvetica Now Text XBold';
    font-weight: 400;
    color: #fff;
    overflow-wrap: break-word;
}

.ui-c218-stage-portrait .ui-teaser .subline {
    font-family: 'Helvetica Now Text Bold';
    font-weight: 400;
    color: #fff;
    overflow-wrap: break-word;
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    .ui-c218-stage-portrait .ui-teaser .subline {
        display: none;
    }
}

.ui-c218-stage-portrait .is-teaser-1 {
    padding-top: 133.3333333333%;
}

    .ui-c218-stage-portrait .is-teaser-1 .headline {
        font-size: 4.8vw;
    }

@media screen and (max-width: 479px) {
    .ui-c218-stage-portrait .is-teaser-1 .headline {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c218-stage-portrait .is-teaser-1 .headline {
        margin-bottom: 9px;
    }
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .is-teaser-1 .headline {
        font-size: 3.6vw;
        letter-spacing: -0.5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c218-stage-portrait .is-teaser-1 .headline {
        margin-bottom: -8px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c218-stage-portrait .is-teaser-1 .headline {
        letter-spacing: -0.3px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait .is-teaser-1 .headline {
        font-size: 45px;
        line-height: 49px;
    }
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .is-teaser-1 .subline {
        font-size: 11px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c218-stage-portrait .is-teaser-1 .subline {
        font-size: 1.45vw;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait .is-teaser-1 .subline {
        font-size: 18px;
        line-height: 23px;
    }
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .is-teaser-1 .content {
        padding: 0 25px 30px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c218-stage-portrait .is-teaser-1 .content {
        padding: 0 30px 34px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait .is-teaser-1 .content {
        padding: 0 30px 35px;
    }
}

.ui-c218-stage-portrait .is-teaser-2 {
    padding-top: 133.3333333333%;
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait .is-teaser-2 .content {
        padding: 0 25px 30px;
    }
}

.ui-c218-stage-portrait .is-teaser-2 .headline {
    font-size: 4.8vw;
}

@media screen and (max-width: 479px) {
    .ui-c218-stage-portrait .is-teaser-2 .headline {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c218-stage-portrait .is-teaser-2 .headline {
        margin-bottom: 9px;
    }
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .is-teaser-2 .headline {
        font-size: 2.65vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c218-stage-portrait .is-teaser-2 .headline {
        margin-bottom: 4px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c218-stage-portrait .is-teaser-2 .headline {
        letter-spacing: -0.3px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait .is-teaser-2 .headline {
        font-size: 32px;
        line-height: 35px;
    }
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .is-teaser-2 .subline {
        font-size: 10px;
        letter-spacing: -0.3;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c218-stage-portrait .is-teaser-2 .subline {
        font-size: 1.28vw;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait .is-teaser-2 .subline {
        font-size: 16px;
        line-height: 20px;
    }
}

.ui-c218-stage-portrait .is-teaser-3 {
    padding-top: 32.5%;
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait .is-teaser-3 .content {
        padding: 0 25px 30px;
    }
}

.ui-c218-stage-portrait .is-teaser-3 .headline {
    font-size: 4.8vw;
    max-width: 50%;
}

@media screen and (max-width: 479px) {
    .ui-c218-stage-portrait .is-teaser-3 .headline {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c218-stage-portrait .is-teaser-3 .headline {
        margin-bottom: 9px;
    }
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .is-teaser-3 .headline {
        font-size: 2.65vw;
        max-width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c218-stage-portrait .is-teaser-3 .headline {
        margin-bottom: 4px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait .is-teaser-3 .headline {
        font-size: 32px;
        line-height: 35px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c218-stage-portrait .is-teaser-3 .headline {
        letter-spacing: -0.3px;
    }
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .is-teaser-3 .subline {
        font-size: 10px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c218-stage-portrait .is-teaser-3 .subline {
        font-size: 1.28vw;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait .is-teaser-3 .subline {
        font-size: 16px;
        line-height: 20px;
    }
}

@media screen and (max-width: 767px) {
    .ui-c218-stage-portrait .is-teaser-3 .ui-resp-image {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .is-teaser-3 {
        padding-top: 133.3333333333%;
    }
}

.ui-c218-stage-portrait .is-teaser-4 .headline {
    font-family: 'Helvetica Now Text XBold';
    font-weight: 400;
    font-size: 4.3vw;
    margin: 0;
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .is-teaser-4 .headline {
        font-size: 1.65vw;
        max-width: 65%;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait .is-teaser-4 .headline {
        font-size: 20px;
        line-height: 26px;
    }
}

.ui-c218-stage-portrait .is-teaser-4 .content {
    background-color: #f60;
    padding: 13px 10px;
    display: flex;
    justify-content: center;
    transition: border 0.3s ease-out, background-color 0.3s ease-out;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c218-stage-portrait .is-teaser-4 .content {
        padding: 8px 15px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c218-stage-portrait .is-teaser-4 .content {
        padding: 14px 20px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c218-stage-portrait .is-teaser-4 .content {
        padding: 15px 25px;
    }
}

@media screen and (min-width: 375px) {
    .ui-c218-stage-portrait .is-teaser-4 .content {
        padding: 19px 18px;
    }
}

.ui-c218-stage-portrait .is-teaser-4 .content.is-outline {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #f60;
    transition: border 0.3s ease-out, background-color 0.3s ease-out;
}

    .ui-c218-stage-portrait .is-teaser-4 .content.is-outline .headline {
        color: #f60;
        transition: color 0.3s ease-out;
    }

.ui-c218-stage-portrait .is-teaser-4:hover .content {
    background-color: #d65600;
}

    .ui-c218-stage-portrait .is-teaser-4:hover .content.is-outline {
        background-color: rgba(0, 0, 0, 0);
        border: 2px solid #d65600;
    }

        .ui-c218-stage-portrait .is-teaser-4:hover .content.is-outline .headline {
            color: #d65600;
        }

@media screen and (max-width: 767px) {
    .ui-c218-stage-portrait .is-teaser-4 {
        padding-top: 21.25%;
    }
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait .is-teaser-4 {
        height: 100%;
    }
}

@media screen and (min-width: 768px) {
    .ui-c218-stage-portrait {
        -ms-grid-columns: 35.8333333333% 1.5833333333% 30.5% 1.5833333333% 30.5%;
        grid-template-columns: 35.8333333333% 1.5833333333% 30.5% 1.5833333333% 30.5%;
        grid-template-rows: auto;
        grid-template-areas: 'teaser-1 . teaser-2 . teaser-3' 'teaser-1 . teaser-4 teaser-4 teaser-4';
    }
}

.ui-c220-12-cumulusofferdetails {
    border-width: 0 0 2px;
    -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    border-style: dotted;
    border-color: #ddd;
    padding-top: 20px;
    padding-bottom: 0;
}

    .ui-c220-12-cumulusofferdetails button {
        margin-bottom: 20px;
    }

@media screen and (min-width: 768px) {
    .ui-c220-12-cumulusofferdetails button {
        margin-top: 38px;
    }
}

.ui-c220-12-cumulusofferdetails .headline {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin: 0;
}

@media screen and (min-width: 992px) {
    .ui-c220-12-cumulusofferdetails .headline {
        margin-right: 55px;
    }
}

.ui-c220-12-cumulusofferdetails .text-area {
    padding: 0;
}

    .ui-c220-12-cumulusofferdetails .text-area .aural {
        overflow: hidden;
        color: transparent;
        font: 0/0 serif;
        text-shadow: none;
    }

    .ui-c220-12-cumulusofferdetails .text-area em {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-style: normal;
    }

    .ui-c220-12-cumulusofferdetails .text-area abbr[title] {
        font-size: 2rem;
        line-height: 2.4rem;
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        border-bottom: 0;
        cursor: pointer;
        font-variant: normal;
        letter-spacing: 0;
        text-transform: none;
    }

    .ui-c220-12-cumulusofferdetails .text-area .mod {
        text-align: center;
    }

.ui-c220-12-cumulusofferdetails .date-range {
    display: table;
    width: 100%;
    table-layout: fixed;
    word-spacing: -1em;
    margin-bottom: 25px;
    text-align: left;
}

    .ui-c220-12-cumulusofferdetails .date-range:after,
    .ui-c220-12-cumulusofferdetails .date-range:before {
        display: table;
        content: ' ';
    }

    .ui-c220-12-cumulusofferdetails .date-range:after {
        clear: both;
    }

    .ui-c220-12-cumulusofferdetails .date-range .date {
        display: inline-block;
        vertical-align: top;
        word-spacing: 0;
        padding: 0 7px 0 0;
        float: left;
    }

    .ui-c220-12-cumulusofferdetails .date-range em {
        font-size: 6rem;
        line-height: 1;
        display: block;
        font-style: normal;
    }

.ui-c220-12-cumulusofferdetails .event-details dl {
    margin-bottom: 0;
}

    .ui-c220-12-cumulusofferdetails .event-details dl:after,
    .ui-c220-12-cumulusofferdetails .event-details dl:before {
        display: table;
        content: ' ';
    }

    .ui-c220-12-cumulusofferdetails .event-details dl:after {
        clear: both;
    }

.ui-c220-12-cumulusofferdetails .event-details dd,
.ui-c220-12-cumulusofferdetails .event-details dt {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 8px;
}

.ui-c220-12-cumulusofferdetails .event-details dt {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    margin-right: 0.2em;
    float: left;
}

.ui-c220-12-cumulusofferdetails .event-details dd {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    overflow-wrap: anywhere;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.ui-c220-12-cumulusofferdetails .event-details .mod {
    position: absolute;
    top: auto;
    left: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.ui-c220-12-cumulusofferdetails .list-topic {
    display: block;
    padding-left: 0;
    margin-top: 12px;
    list-style: none;
}

.ui-c220-12-cumulusofferdetails .item-topic {
    margin-bottom: 20px;
}

.ui-c220-12-cumulusofferdetails a {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    line-height: 0;
    display: table;
}

.ui-c220-12-cumulusofferdetails .image-box {
    display: table-cell;
    vertical-align: middle;
}

.ui-c220-12-cumulusofferdetails .image-logo-name {
    line-height: 1.9rem;
    padding-bottom: 5px;
    display: block;
}

.ui-c220-12-cumulusofferdetails .image-logo {
    width: 100%;
    max-width: 176px;
    height: auto;
    max-height: 140px;
    vertical-align: top;
}

@media screen and (max-width: 991px) {
    .ui-c220-12-cumulusofferdetails .image-logo {
        max-width: 150px;
    }
}

.ui-c220-12-cumulusofferdetails .aural {
    overflow: hidden;
    color: transparent;
    font: 0/0 serif;
    text-shadow: none;
}

@media screen and (max-width: 479px) {
    .ui-c220-12-cumulusofferdetails .date-range .date {
        padding: 0 5px 0 0;
    }

    .ui-c220-12-cumulusofferdetails .date-range em {
        font-size: 4.2rem;
        line-height: 4.4rem;
    }

    .ui-c220-12-cumulusofferdetails .text-area abbr[title] {
        font-size: 1.6rem;
        line-height: 1;
    }
}

.ui-c225-12-assortment .ui-paragraph-headline.is-small {
    font-size: 2.6rem;
    line-height: 3rem;
    margin-top: 0;
    margin-bottom: 20px;
}

.ui-c225-12-assortment .linklist {
    width: 100%;
    padding: 0;
    margin: 0 0 24px;
    font-size: 0;
    list-style: none;
}

.ui-c225-12-assortment .listitem {
    position: relative;
    display: inline-block;
    width: 50%;
    padding-right: 12px;
    padding-left: 0;
    float: none;
    vertical-align: top;
}

    .ui-c225-12-assortment .listitem:nth-child(even) {
        padding-right: 0;
        padding-left: 12px;
    }

.ui-c225-12-assortment a.listlink,
.ui-c225-12-assortment span.listlink {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.4rem;
    display: block;
    width: 100%;
    padding-top: 12px;
    padding-right: 40px;
    padding-bottom: 12px;
    margin: 0;
    color: #333;
}

    .ui-c225-12-assortment a.listlink:hover {
        background: url(../img/arrow-right-medium-orange.svg) right 12px top 16px no-repeat;
        color: #f60;
    }

@media screen and (min-width: 768px) {
    .ui-c225-12-assortment .listitem:last-child a.listlink,
    .ui-c225-12-assortment .listitem:last-child span.listlink,
    .ui-c225-12-assortment .listitem:nth-last-child(2) a.listlink,
    .ui-c225-12-assortment .listitem:nth-last-child(2) span.listlink {
        border-width: 2px 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
    }

    .ui-c225-12-assortment .listitem:nth-child(1) a.listlink,
    .ui-c225-12-assortment .listitem:nth-child(1) span.listlink,
    .ui-c225-12-assortment .listitem:nth-child(2) a.listlink,
    .ui-c225-12-assortment .listitem:nth-child(2) span.listlink {
        border: 0 none;
    }

    .ui-c225-12-assortment .listitem:nth-child(2):nth-last-child(2) a.listlink,
    .ui-c225-12-assortment
    .listitem:nth-child(2):nth-last-child(2)
    span.listlink {
        border-width: 0 0 2px;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
    }

    .ui-c225-12-assortment .listitem:nth-child(1):nth-last-child(2) a.listlink,
    .ui-c225-12-assortment .listitem:nth-child(1):nth-last-child(2) span.listlink,
    .ui-c225-12-assortment .listitem:nth-child(2):nth-last-child(1) a.listlink,
    .ui-c225-12-assortment
    .listitem:nth-child(2):nth-last-child(1)
    span.listlink {
        border-width: 2px 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
    }

    .ui-c225-12-assortment .listitem:nth-child(1):nth-last-child(1) a.listlink,
    .ui-c225-12-assortment
    .listitem:nth-child(1):nth-last-child(1)
    span.listlink {
        border-width: 2px 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
    }

    .ui-c225-12-assortment a.listlink,
    .ui-c225-12-assortment span.listlink {
        border-width: 2px 0 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-style: dotted;
        border-color: #ddd;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c225-12-assortment .ui-paragraph-headline.is-small {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .ui-c225-12-assortment .ui-note {
        margin-top: 0;
        margin-bottom: 23px;
    }
}

@media screen and (max-width: 991px) {
    .ui-c225-12-assortment .ui-paragraph-headline.is-small {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .ui-c225-12-assortment a.listlink,
    .ui-c225-12-assortment span.listlink {
        font-size: 1.6rem;
        line-height: 1.8rem;
        padding-right: 28px;
    }

        .ui-c225-12-assortment a.listlink:hover {
            background: url(../img/arrow-right-medium-orange.svg) right 8px top 13px no-repeat;
        }
}

@media screen and (max-width: 767px) {
    .ui-c225-12-assortment .listitem,
    .ui-c225-12-assortment .listitem:nth-child(even) {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .ui-c225-12-assortment a.listlink,
    .ui-c225-12-assortment span.listlink {
        border-width: 0 0 2px;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        padding-left: 0;
    }

        .ui-c225-12-assortment a.listlink:hover {
            background: url(../img/arrow-right-medium-orange.svg) right 2px top 13px no-repeat;
        }
}

@media screen and (max-width: 479px) {
    .ui-c225-12-assortment a.listlink:hover {
        background: url(../img/arrow-right-medium-orange.svg) right 2px top 16px no-repeat;
    }
}

.ui-productcategories {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .ui-productcategories li.item {
        position: relative;
        display: inline-block;
        width: 16%;
        list-style: none;
        text-align: center;
        vertical-align: top;
    }

        .ui-productcategories li.item .icon {
            margin: 30px auto 15px;
        }

        .ui-productcategories li.item .name {
            font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
            font-weight: 400;
            font-size: 1.4rem;
            line-height: 1.6rem;
            display: block;
            width: 120px;
            margin: 0 auto;
            color: #333;
            letter-spacing: 0.03em;
            text-transform: uppercase;
        }

        .ui-productcategories li.item .listlink {
            cursor: pointer;
        }

            .ui-productcategories li.item .listlink:hover .name {
                color: #f60;
            }

        .ui-productcategories li.item .subname {
            font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
            font-weight: 400;
            font-size: 1.4rem;
            line-height: 1.8rem;
            border-bottom: 1px solid #f60;
            color: #333;
            text-transform: none;
        }

            .ui-productcategories li.item .subname::before {
                content: '\a';
                white-space: pre;
            }

@media screen and (max-width: 991px) {
    .ui-productcategories {
        margin-bottom: 18px;
    }

        .ui-productcategories li.item.is-link {
            border-width: 2px 0 0;
            -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
            border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
            border-style: dotted;
            border-color: #ddd;
            display: block;
            width: 100%;
            min-height: 70px;
            text-align: left;
        }

            .ui-productcategories li.item.is-link:last-child {
                border-width: 2px 0;
                -o-border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
                border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
                border-style: dotted;
                border-color: #ddd;
            }

            .ui-productcategories li.item.is-link .listlink {
                display: block;
                background: url(../img/arrow-right-medium-orange.svg) right 50% no-repeat;
            }

            .ui-productcategories li.item.is-link .icon {
                margin: 0;
                float: left;
                transform: translateY(20%);
            }

            .ui-productcategories li.item.is-link .name {
                font-size: 1.6rem;
                line-height: 2.4rem;
                display: block;
                width: 100%;
                padding-top: 22px;
                padding-bottom: 22px;
                padding-left: 100px;
                margin: 0;
            }

            .ui-productcategories li.item.is-link .subname {
                font-size: 1.4rem;
                line-height: 1.8rem;
            }

        .ui-productcategories li.item.is-list {
            width: 100%;
            height: 24px;
            padding-left: 18px;
            list-style: none;
            text-align: left;
            vertical-align: top;
        }

            .ui-productcategories li.item.is-list .icon {
                display: none;
            }

            .ui-productcategories li.item.is-list::before {
                position: absolute;
                top: 7px;
                left: 2px;
                display: block;
                width: 5px;
                height: 5px;
                margin-left: 0;
                background-color: #f60;
                background-image: none;
                border-radius: 50%;
                content: '';
            }

            .ui-productcategories li.item.is-list span {
                font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
                font-weight: 400;
                font-size: 1.6rem;
                line-height: 1.8rem;
                display: block;
                width: 100%;
                margin: 0;
                letter-spacing: 0;
                text-transform: none;
            }
}

@media screen and (max-width: 767px) {
    .ui-productcategories li.item.is-link {
        min-height: 55px;
    }

        .ui-productcategories li.item.is-link .icon {
            width: 40px;
        }

        .ui-productcategories li.item.is-link .name {
            padding-top: 14px;
            padding-bottom: 14px;
            padding-left: 60px;
        }
}

.ui-c256-lastpurchase .controls {
    position: absolute;
    bottom: 16px;
    left: 27px;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c256-lastpurchase .controls {
        position: relative;
        bottom: auto;
        left: 0;
    }
}

.ui-c256-lastpurchase .info-paragraph {
    padding: 42px 0 30px;
    margin: 0;
}

    .ui-c256-lastpurchase .info-paragraph p {
        margin-bottom: 6px;
    }

@media screen and (max-width: 1199px) {
    .ui-c256-lastpurchase .is-small {
        font-size: 1.8rem;
        line-height: 2rem;
    }
}

.ui-c256-lastpurchase .is-xl {
    font-size: 3.2rem;
    line-height: 3.6rem;
    margin-top: 0;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c256-lastpurchase .is-xl {
        font-size: 2.8rem;
        line-height: 3.4rem;
    }
}

@media screen and (max-width: 991px) {
    .ui-c256-lastpurchase .is-xl {
        font-size: 2.2rem;
        line-height: 2.8rem;
        margin-bottom: 30px;
    }
}

.ui-c256-lastpurchase .is-yellow {
    color: #e8df09;
}

.ui-c256-lastpurchase .receipt-wrapper {
    position: absolute;
    right: 60px;
    bottom: 0;
}

    .ui-c256-lastpurchase .receipt-wrapper img {
        max-height: 310px;
    }

.ui-c256-lastpurchase .modal {
    z-index: 1061;
}

    .ui-c256-lastpurchase .modal .modal-header {
        background-color: #fff;
    }

    .ui-c256-lastpurchase .modal .modal-body {
        background-color: #fff;
        text-align: center;
    }

    .ui-c256-lastpurchase .modal .modal-fullscreen .modal-body iframe {
        height: 100%;
    }

@media screen and (max-width: 1199px) {
    .ui-c256-lastpurchase .modal .modal-header {
        padding: 20px;
    }

    .ui-c256-lastpurchase .modal .modal-body {
        padding: 0;
        overflow-x: auto;
    }
}

.ui-c259-08-producer-info .image-list {
    padding: 20px 0;
    margin: 0;
    list-style-type: none;
}

    .ui-c259-08-producer-info .image-list li {
        display: inline-block;
        margin-right: 25px;
    }

    .ui-c259-08-producer-info .image-list img {
        width: 50%;
        height: auto;
    }

.ui-c259-08-producer-info .producer-info {
    width: 100%;
    border-top: 2px solid #cfcac7;
    margin-bottom: 40px;
    border-collapse: separate;
}

    .ui-c259-08-producer-info .producer-info tr {
        line-height: 2.4rem;
    }

        .ui-c259-08-producer-info .producer-info tr td,
        .ui-c259-08-producer-info .producer-info tr th {
            font-size: 1.6rem;
            line-height: 2rem;
            border-width: 0 0 2px;
            -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-style: dotted;
            border-color: #ddd;
            padding-top: 12px;
            padding-bottom: 12px;
            vertical-align: top;
        }

        .ui-c259-08-producer-info .producer-info tr th {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            padding-right: 15px;
        }

    .ui-c259-08-producer-info .producer-info a {
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1;
        position: relative;
        padding-right: 16px;
        border-bottom: 0;
        background: url(../img/arrow-right-orange.svg) 100% 30% no-repeat;
        color: #f60;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

        .ui-c259-08-producer-info .producer-info a:active,
        .ui-c259-08-producer-info .producer-info a:focus,
        .ui-c259-08-producer-info .producer-info a:hover {
            background: url(../img/arrow-right-orange-hover.svg) 100% 30% no-repeat;
            color: #de450a;
        }

        .ui-c259-08-producer-info .producer-info a:not([class]) {
            border-bottom: 0;
        }

.ui-c273-tab-slider {
    position: relative;
}

    .ui-c273-tab-slider .imageslide-background {
        position: absolute;
        z-index: -1;
        bottom: 0;
        width: 100%;
        height: 210px;
    }

        .ui-c273-tab-slider .imageslide-background.above-image {
            z-index: 1;
        }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c273-tab-slider .imageslide-background {
        height: 160px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c273-tab-slider .imageslide-background {
        height: 130px;
    }
}

.ui-c273-tab-slider .slide-top {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 480px;
    height: 360px;
    margin-left: -240px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c273-tab-slider .slide-top {
        width: 420px;
        height: 315px;
        margin-left: -210px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c273-tab-slider .slide-top {
        width: 408px;
        height: 306px;
        margin-left: -204px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c273-tab-slider .slide-top {
        width: 284px;
        height: 213px;
        margin-left: -142px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c273-tab-slider .slide-top {
        top: 0;
        width: 180px;
        height: 135px;
        margin-left: -90px;
    }
}

.ui-c273-tab-slider .slide-background,
.ui-c273-tab-slider .slide-background-mobile {
    width: 100%;
    height: 562px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c273-tab-slider .slide-background,
    .ui-c273-tab-slider .slide-background-mobile {
        height: 374px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c273-tab-slider .slide-background,
    .ui-c273-tab-slider .slide-background-mobile {
        height: 235px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c273-tab-slider .slide-background {
        height: 492px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c273-tab-slider .slide-background {
        height: 478px;
    }
}

.ui-c273-tab-slider .slide-image {
    width: 480px;
    height: 360px;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c273-tab-slider .slide-image {
        width: 420px;
        height: 315px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c273-tab-slider .slide-image {
        width: 408px;
        height: 306px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c273-tab-slider .slide-image {
        width: 284px;
        height: 213px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c273-tab-slider .slide-image {
        width: 180px;
        height: 135px;
    }
}

.ui-c273-tab-slider .tab-slider {
    position: absolute;
    bottom: -30px;
    display: flex;
    width: 100%;
    height: 200px;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 479px) {
    .ui-c273-tab-slider .tab-slider {
        height: 188px;
    }
}

.ui-c273-tab-slider .tab-slider-inner {
    position: relative;
    padding-right: 12px;
    padding-left: 12px;
}

    .ui-c273-tab-slider .tab-slider-inner.is-white .milestone::before {
        background: rgba(0, 0, 0, 0);
        border-color: #fff;
    }

    .ui-c273-tab-slider
    .tab-slider-inner.is-white
    .milestone-wrapper.is-active
    .milestone::before {
        background-color: rgba(0, 0, 0, 0);
        border-width: 3px;
        border-color: #fff;
    }

    .ui-c273-tab-slider .tab-slider-inner.is-white .active-indicator {
        background-color: #fff;
        box-shadow: 0 2px 2px #fff;
    }

    .ui-c273-tab-slider .tab-slider-inner.is-orange .progress-indicator::before {
        background-color: #f60;
    }

@media all and (min-width: 768px) {
    .ui-c273-tab-slider .tab-slider-inner {
        width: 648px;
    }
}

@media all and (min-width: 992px) {
    .ui-c273-tab-slider .tab-slider-inner {
        width: 888px;
    }
}

@media all and (min-width: 1200px) {
    .ui-c273-tab-slider .tab-slider-inner {
        width: 1008px;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    .ui-c273-tab-slider .tab-slider-inner {
        width: 90%;
        max-width: 748px;
    }
}

@media all and (min-width: 375px) and (max-width: 479px) {
    .ui-c273-tab-slider .tab-slider-inner {
        width: 95%;
    }
}

.ui-c273-tab-slider .milestones {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

@media screen and (max-width: 991px) {
    .ui-c273-tab-slider .milestones {
        justify-content: space-between;
    }

        .ui-c273-tab-slider .milestones.is-altered-mobile .tmp-milestone-headline {
            color: #fff;
        }
}

@media screen and (max-width: 479px) {
    .ui-c273-tab-slider .milestones {
        height: 24px;
    }
}

.ui-c273-tab-slider .milestone-wrapper {
    position: relative;
    z-index: 1;
    width: 185px;
    padding-top: 10px;
    cursor: pointer;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .ui-c273-tab-slider .milestone-wrapper {
        width: 100%;
    }

        .ui-c273-tab-slider .milestone-wrapper.is-first {
            width: 50%;
        }

            .ui-c273-tab-slider .milestone-wrapper.is-first .milestone {
                right: auto;
                left: -17px;
                margin-left: 0;
            }

        .ui-c273-tab-slider .milestone-wrapper.is-last {
            width: 50%;
        }

            .ui-c273-tab-slider .milestone-wrapper.is-last .milestone {
                right: -17px;
                left: auto;
                margin-left: 0;
            }

        .ui-c273-tab-slider .milestone-wrapper .milestone::before {
            border-width: 3px;
            width: 17px;
            height: 17px;
        }
}

@media screen and (max-width: 991px) {
    .ui-c273-tab-slider .milestone-wrapper.is-active .milestone::before {
        background-color: rgba(0, 0, 0, 0);
        border-width: 3px;
        border-color: #de450a;
    }
}

.ui-c273-tab-slider .milestone {
    position: absolute;
    top: -20px;
    left: 50%;
    display: flex;
    width: 35px;
    height: 40px;
    align-items: center;
    justify-content: center;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
}

    .ui-c273-tab-slider .milestone::before {
        transition: all 0.45s cubic-bezier(0.31, 0.99, 0.84, 0.97);
        display: block;
        width: 20px;
        height: 20px;
        background: rgba(0, 0, 0, 0);
        border-width: 4px;
        border-style: solid;
        border-color: #f60;
        border-radius: 50%;
        content: '';
    }

    .ui-c273-tab-slider .milestone:focus::before,
    .ui-c273-tab-slider .milestone:hover::before {
        transform: scale(1.35);
        border-color: #de450a;
    }

    .ui-c273-tab-slider .milestone:focus {
        outline: 0;
    }

@media screen and (min-width: 768px) {
    .ui-c273-tab-slider .milestone {
        width: 40px;
    }
}

.ui-c273-tab-slider .milestone-headline {
    font-size: 1.6rem;
    line-height: 1.8rem;
    color: #fff;
    font-family: 'Helvetica Now Text Bold';
    font-weight: 400;
}

@media screen and (max-width: 991px) {
    .ui-c273-tab-slider .milestone-headline {
        display: none;
    }
}

.ui-c273-tab-slider .top-slider {
    position: relative;
}

    .ui-c273-tab-slider .top-slider .item {
        height: 562px;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c273-tab-slider .top-slider .item {
        height: 492px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c273-tab-slider .top-slider .item {
        height: 478px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c273-tab-slider .top-slider .item {
        height: 374px;
    }
}

@media screen and (max-width: 479px) {
    .ui-c273-tab-slider .top-slider .item {
        height: 235px;
    }
}

.ui-c273-tab-slider .top-slider.alt-colored .milestone-headline,
.ui-c273-tab-slider .top-slider.alt-colored .tmp-milestone-headline {
    color: #fff;
}

.ui-c273-tab-slider .top-slider.alt-colored .progress-indicator::before {
    background: #fff;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
}

.ui-c273-tab-slider
.top-slider
.milestone-wrapper.is-inverted
.milestone-headline {
    color: #000;
}

.ui-c273-tab-slider .top-slider.is-inverted .milestone-headline {
    color: #000;
}

.ui-c273-tab-slider .top-slider .milestones.is-inverted .milestone-headline {
    color: #000;
}

.ui-c273-tab-slider .tmp-milestone-headline {
    font-size: 1.6rem;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    color: #333;
    font-family: 'Helvetica Now Text Bold';
    font-weight: 400;
    text-align: center;
}

@media screen and (min-width: 1200px) {
    .ui-c273-tab-slider .tmp-milestone-headline {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c273-tab-slider .tmp-milestone-headline {
        display: none;
    }
}

.ui-c273-tab-slider .active-indicator {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-color: #f60;
    border-radius: 50%;
    box-shadow: 0 2px 2px #de450a;
    cursor: -webkit-grab;
    cursor: grab;
}

html:not(.js) .ui-c273-tab-slider .active-indicator {
    display: none;
}

.ui-c273-tab-slider .active-indicator:focus {
    outline: 0;
}

.ui-c273-tab-slider .active-indicator .is-dragging,
.ui-c273-tab-slider .active-indicator:active {
    background-color: #de450a;
    box-shadow: 0 2px 2px #e03c00;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

@media screen and (max-width: 767px) {
    .ui-c273-tab-slider .active-indicator {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        transform: translateX(3px);
    }
}

.ui-c273-tab-slider .active-indicator-icon {
    display: none;
}

.ui-c273-tab-slider .progress-indicator {
    position: relative;
    height: 40px;
    margin-left: -14px;
    margin-right: -14px;
}

    .ui-c273-tab-slider .progress-indicator:not(.is-dragging) .active-indicator {
        transition: left 0.4s cubic-bezier(0.93, 0, 0.16, 1.02);
    }

@media screen and (min-width: 768px) {
    .ui-c273-tab-slider .progress-indicator {
        margin-left: 42px;
        margin-right: 42px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c273-tab-slider .progress-indicator {
        margin-left: 66px;
        margin-right: 66px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c273-tab-slider .progress-indicator {
        margin-left: 78px;
        margin-right: 78px;
    }
}

.ui-c273-tab-slider .milestone-progress-bar {
    display: block;
    background: #fff;
    height: 4px;
    position: absolute;
    right: 0;
    transform: translateX(calc(100% - 3px));
    border-radius: 5px;
}

@media screen and (min-width: 768px) {
    .ui-c273-tab-slider .milestone-progress-bar {
        transform: translateX(calc(100% - 5px));
    }
}

.ui-c273-tab-slider .sync-slider {
    position: relative;
    z-index: 1;
    margin-top: -20px;
    background-repeat: no-repeat;
    background-size: cover;
}

    .ui-c273-tab-slider .sync-slider .carousel-inner {
        margin-top: -20px;
    }

.ui-c273-tab-slider .indicator {
    height: 20px;
}

    .ui-c273-tab-slider .indicator::before {
        position: absolute;
        z-index: 1;
        left: 50%;
        width: 0;
        height: 0;
        border-top-width: 20px;
        border-top-style: solid;
        border-top-color: inherit;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        margin-left: -20px;
        content: '';
    }

.ui-c273-tab-slider .slide-bottom {
    padding-top: 54px;
}

@media screen and (max-width: 479px) {
    .ui-c273-tab-slider .slide-bottom {
        padding-top: 36px;
    }
}

.ui-c273-tab-slider .is-cumulus .tab-slider-inner .active-indicator {
    box-shadow: 0 2px 2px #00145c;
}

.ui-c273-tab-slider
.is-cumulus.top-slider
.milestone-wrapper
.milestone-headline {
    color: #fff;
}

@media screen and (max-width: 479px) {
    .ui-c273-tab-slider .is-3-tabs .tab-slider-inner {
        width: 180px;
        padding: 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c273-tab-slider .is-3-tabs .tab-slider-inner {
        width: 55%;
    }
}

@media screen and (min-width: 768px) {
    .ui-c273-tab-slider .is-3-tabs .progress-indicator {
        margin-left: 73px;
        margin-right: 73px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c273-tab-slider .is-3-tabs .progress-indicator {
        margin-left: 124px;
        margin-right: 124px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c273-tab-slider .is-3-tabs .progress-indicator {
        margin-left: 143px;
        margin-right: 143px;
    }
}

@media screen and (min-width: 768px) {
    .ui-c273-tab-slider .is-4-tabs .progress-indicator {
        margin-left: 58px;
        margin-right: 58px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c273-tab-slider .is-4-tabs .progress-indicator {
        margin-left: 88px;
        margin-right: 88px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c273-tab-slider .is-4-tabs .progress-indicator {
        margin-left: 103px;
        margin-right: 103px;
    }
}

.ui-c273-tab-slider .ui-c213-08-copyimage {
    margin-bottom: 0;
}

@media screen and (max-width: 479px) {
    .ui-c273-tab-slider .is-height-l > [class^='col-'] {
        height: auto;
    }

    .ui-c273-tab-slider .ui-t309-03-standard,
    .ui-c273-tab-slider .ui-t315-04-standard {
        border: 0;
    }

        .ui-c273-tab-slider .ui-t309-03-standard .link-box,
        .ui-c273-tab-slider .ui-t315-04-standard .link-box {
            display: flex;
            justify-content: space-between;
        }

        .ui-c273-tab-slider .ui-t309-03-standard .ui-resp-image,
        .ui-c273-tab-slider .ui-t315-04-standard .ui-resp-image {
            width: calc(50% - 8px);
        }

        .ui-c273-tab-slider .ui-t309-03-standard .text-area,
        .ui-c273-tab-slider .ui-t315-04-standard .text-area {
            width: calc(50% - 8px);
            padding: 0;
        }

        .ui-c273-tab-slider .ui-t309-03-standard .sub-image-box img,
        .ui-c273-tab-slider .ui-t315-04-standard .sub-image-box img {
            left: 15px;
            right: auto;
        }

        .ui-c273-tab-slider .ui-t309-03-standard .text,
        .ui-c273-tab-slider .ui-t315-04-standard .text {
            font-size: 1.2rem;
            line-height: 1.6rem;
        }

        .ui-c273-tab-slider .ui-t309-03-standard .h4-replace,
        .ui-c273-tab-slider .ui-t315-04-standard .h4-replace {
            font-size: 1.2rem;
            line-height: 1.4rem;
            margin-top: 0;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c273-tab-slider .ui-t309-03-standard .link-area {
        bottom: -35px;
        transform: translate3d(0, -42px, 0);
    }
}

.ui-c284-youtube-video-list .ui-video-item {
    margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
    .ui-c284-youtube-video-list .ui-video-item {
        margin-bottom: 16px;
    }
}

.ui-c284-youtube-video-list .sixteen-nine {
    position: relative;
}

    .ui-c284-youtube-video-list .sixteen-nine::before {
        display: block;
        width: 100%;
        padding-top: 56.25%;
        content: '';
    }

    .ui-c284-youtube-video-list .sixteen-nine > .video-wrap {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

.ui-c286-12plus-product-stage {
    position: relative;
    overflow: hidden;
    max-width: 100vw;
}

    .ui-c286-12plus-product-stage .is-stage-bg {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

@media screen and (max-width: 479px) {
    .ui-c286-12plus-product-stage .is-stage-bg {
        height: calc(100% - 140px);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c286-12plus-product-stage .is-stage-bg {
        height: calc(100% - 140px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c286-12plus-product-stage .is-stage-bg {
        height: calc(100% - 170px);
    }
}

@media screen and (min-width: 992px) {
    .ui-c286-12plus-product-stage .is-stage-bg {
        height: 100%;
    }
}

.ui-c286-12plus-product-stage .ui-stage-video {
    visibility: hidden;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c286-12plus-product-stage .ui-stage-video {
        height: calc(100% - 170px);
        display: block;
        overflow: hidden;
        transform: none;
    }

        .ui-c286-12plus-product-stage .ui-stage-video video {
            width: auto;
            max-height: 100%;
        }
}

@media screen and (min-width: 768px) {
    .ui-c286-12plus-product-stage .ui-stage-video {
        display: block;
        overflow: hidden;
        transform: none;
    }

        .ui-c286-12plus-product-stage .ui-stage-video video {
            top: 50%;
            width: 100vw;
            max-width: 100%;
            transform: translateX(-50%) translateY(-50%);
        }
}

.ui-c286-12plus-product-stage .is-stage-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

    .ui-c286-12plus-product-stage .is-stage-content .is-full-height {
        height: 100%;
    }

        .ui-c286-12plus-product-stage .is-stage-content .is-full-height > .row {
            height: 100%;
        }

    .ui-c286-12plus-product-stage .is-stage-content .is-logo {
        position: absolute;
        z-index: 1001;
        top: 26px;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c286-12plus-product-stage .is-stage-content .is-logo {
        top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .ui-c286-12plus-product-stage .is-stage-content .is-logo {
        top: 10px;
    }
}

.ui-c286-12plus-product-stage .is-stage-content .is-title-nav .title-nav-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
}

@media screen and (max-width: 991px) {
    .ui-c286-12plus-product-stage .is-stage-content .is-title-nav .title-nav-bg {
        opacity: 1;
    }

        .ui-c286-12plus-product-stage
        .is-stage-content
        .is-title-nav
        .title-nav-bg::before {
            position: absolute;
            z-index: -1;
            top: 0;
            right: calc((100vw - 100%) / 2 * -1);
            bottom: -58px;
            left: calc((100vw - 100%) / 2 * -1);
            background-color: inherit;
            content: '';
        }
}

@media screen and (max-width: 767px) {
    .ui-c286-12plus-product-stage .is-stage-content .is-title-nav .title-nav-bg {
        z-index: -1;
    }
}

@media screen and (min-width: 992px) {
    .ui-c286-12plus-product-stage .is-stage-content .is-title-nav {
        position: absolute;
        top: 96px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .ui-c286-12plus-product-stage .is-stage-content .is-title-nav.is-bottom {
            top: auto;
            bottom: 96px;
        }
}

@media screen and (max-width: 991px) {
    .ui-c286-12plus-product-stage .is-stage-content .is-title-nav {
        position: absolute;
        bottom: 0;
    }
}

.ui-c286-12plus-product-stage .is-stage-content .link {
    z-index: 2;
    display: inline-block;
    margin-top: 15px;
}

@media screen and (max-width: 991px) {
    .ui-c286-12plus-product-stage .is-stage-content .link.is-white:active,
    .ui-c286-12plus-product-stage .is-stage-content .link.is-white:hover {
        background: url(../img/arrow-right-white.svg) 100% 50% no-repeat;
        color: #fff;
    }
}

@media screen and (max-width: 991px) {
    .ui-c286-12plus-product-stage .is-stage-content .link {
        position: absolute;
        bottom: 75px;
    }
}

.ui-c286-12plus-product-stage .is-stage-content .logo {
    max-width: 100%;
}

.ui-c286-12plus-product-stage .is-stage-content .headline {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    position: relative;
    z-index: 2;
    margin: 0;
    color: #fff;
    letter-spacing: 0;
    text-transform: uppercase;
}

@media screen and (max-width: 991px) {
    .ui-c286-12plus-product-stage .is-stage-content .headline {
        margin-top: 10px;
    }
}

.ui-c286-12plus-product-stage .is-stage-content .title {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 4rem;
    position: relative;
    z-index: 2;
    margin-top: 4px;
    margin-bottom: 30px;
    color: #fff;
    letter-spacing: 0;
    line-height: 44px;
}

@media screen and (max-width: 991px) {
    .ui-c286-12plus-product-stage .is-stage-content .title {
        margin-bottom: 46px;
    }
}

.ui-c286-12plus-product-stage .is-stage-content .overlay-list {
    position: relative;
    z-index: 2;
    padding: 0;
    list-style: none;
}

    .ui-c286-12plus-product-stage .is-stage-content .overlay-list li {
        margin-bottom: 15px;
    }

@media screen and (max-width: 991px) {
    .ui-c286-12plus-product-stage .is-stage-content .overlay-list li {
        width: 38px;
        height: 38px;
        margin-bottom: 0;
    }
}

.ui-c286-12plus-product-stage .is-stage-content .overlay-list a {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    display: inline-block;
    padding-left: 52px;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    cursor: pointer;
    letter-spacing: 0;
    line-height: 36px;
    text-decoration: none;
    text-transform: none;
}

@media screen and (max-width: 991px) {
    .ui-c286-12plus-product-stage .is-stage-content .overlay-list a {
        width: 38px;
        height: 38px;
        padding-left: 38px;
        color: transparent;
        line-height: 38px;
    }
}

@media screen and (max-width: 991px) {
    .ui-c286-12plus-product-stage .is-stage-content .overlay-list {
        position: relative;
        display: flex;
        height: 58px;
        align-items: center;
        justify-content: space-around;
        margin-right: calc((100vw - 100%) / 2 * -1);
        margin-left: calc((100vw - 100%) / 2 * -1);
        background-color: rgba(0, 0, 0, 0.2);
    }
}

.ui-c286-12plus-product-stage .ui-bubble {
    position: relative;
    width: 75%;
    padding: 20px;
    border: 3px solid #fff;
    border-radius: 20px;
    box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.3);
}

    .ui-c286-12plus-product-stage .ui-bubble:nth-child(odd) {
        z-index: 5;
        margin-top: 20px;
    }

    .ui-c286-12plus-product-stage .ui-bubble:nth-child(even) {
        position: relative;
        z-index: 4;
        top: -20px;
    }

    .ui-c286-12plus-product-stage .ui-bubble.is-right {
        border-width: 5px;
        margin-left: auto;
    }

        .ui-c286-12plus-product-stage .ui-bubble.is-right::before {
            position: absolute;
            z-index: 3;
            right: 13px;
            bottom: -5px;
            width: 24px;
            height: 18px;
            border: 5px solid #fff;
            border-top: 0;
            border-left: 0;
            background-color: rgba(0, 0, 0, 0);
            border-radius: 0 0 3px/5px 0;
            box-shadow: 7px 6px 8px -6px rgba(51, 51, 51, 0.2);
            content: '';
            transform: rotate(-2deg) skew(-13deg, 36deg) translateZ(0);
            transform-origin: bottom left;
        }

        .ui-c286-12plus-product-stage .ui-bubble.is-right::after {
            position: absolute;
            z-index: 2;
            right: 15px;
            bottom: -7px;
            width: 24px;
            height: 18px;
            background-color: inherit;
            content: '';
            transform: rotate(-2deg) skew(-2deg, 46deg) scaleY(1.1) translateZ(0);
            transform-origin: center;
        }

    .ui-c286-12plus-product-stage .ui-bubble.is-left::before {
        position: absolute;
        z-index: 3;
        bottom: -3px;
        left: 38px;
        width: 24px;
        height: 18px;
        border: 3px solid #fff;
        border-top: 0;
        border-bottom-width: 4px;
        border-left: 0;
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0 0 3px/5px 0;
        box-shadow: 7px 6px 8px -6px rgba(0, 0, 0, 0.2);
        content: '';
        transform: scaleX(-1) rotate(-2deg) skew(-13deg, 36deg) translateZ(0);
        transform-origin: bottom left;
    }

    .ui-c286-12plus-product-stage .ui-bubble.is-left::after {
        position: absolute;
        z-index: 3;
        right: 15px;
        bottom: -5px;
        left: 14px;
        width: 24px;
        height: 18px;
        background-color: inherit;
        content: '';
        transform: scaleX(-1) rotate(-2deg) skew(-11deg, 34deg) scaleY(1.1) translateZ(0);
        transform-origin: center;
    }

    .ui-c286-12plus-product-stage .ui-bubble .text-bold {
        transform: perspective(1px) translate3d(0, 0, 0);
    }

@media screen and (max-width: 479px) {
    .ui-c286-12plus-product-stage .ui-bubble .text-bold {
        color: #333;
        font-family: HelveticaNeue-Bold;
        font-size: 14px;
        line-height: 18px;
    }
}

@media screen and (min-width: 480px) {
    .ui-c286-12plus-product-stage .ui-bubble .text-bold {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        color: #333;
        font-size: 20px;
        line-height: 25px;
    }
}

.ui-c286-12plus-product-stage .ui-bubble .text-white {
    transform: perspective(1px) translate3d(0, 0, 0);
}

@media screen and (max-width: 479px) {
    .ui-c286-12plus-product-stage .ui-bubble .text-white {
        color: #fff;
        font-family: 'Helvetica Neue';
        font-size: 14px;
        line-height: 18px;
    }
}

@media screen and (min-width: 480px) {
    .ui-c286-12plus-product-stage .ui-bubble .text-white {
        color: #fff;
        font-family: 'Helvetica Neue';
        font-size: 16px;
        line-height: 22px;
    }
}

.ui-c286-12plus-product-stage .ui-bubble.is-grey {
    background-color: #f1efee;
}

.ui-c286-12plus-product-stage .ui-bubble.is-orange {
    background-color: #f60;
}

@media screen and (max-width: 479px) {
    .ui-c286-12plus-product-stage .ui-bubble {
        width: 85%;
    }
}

.ui-c286-12plus-product-stage .ui-subtitle-headline {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    color: #b7b0ac;
    font-size: 14px;
    letter-spacing: 0.54px;
    text-transform: uppercase;
}

@media screen and (max-width: 479px) {
    .ui-c286-12plus-product-stage {
        height: calc(100% - 74px);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c286-12plus-product-stage {
        height: calc(100% - 107px);
    }
}

@media screen and (min-width: 768px) {
    .ui-c286-12plus-product-stage {
        height: calc(100% - 114px - 47px);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c286-12plus-product-stage {
        max-height: 56.25vw;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-c286-12plus-product-stage {
        max-height: 56.25vw;
    }
}

.ui-c291-infosite .image-box {
    margin-bottom: 20px;
}

.ui-c292-cumulus-login-stage {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    font-weight: 400;
    border: 10px solid #fff;
    height: 170px;
}

    .ui-c292-cumulus-login-stage .ui-spickel {
        position: relative;
    }

    .ui-c292-cumulus-login-stage .ui-spickel__arrow {
        position: absolute;
        top: -1px;
        left: calc(36% - 12px);
        width: 0;
        height: 0;
        border-top: 27px solid #fff;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        z-index: 1;
    }

@media screen and (min-width: 768px) {
    .ui-c292-cumulus-login-stage .ui-spickel__arrow {
        position: absolute;
        top: -1px;
        left: calc(30% - 17.5px);
        width: 0;
        height: 0;
        border-top: 39px solid #fff;
        border-right: 17.5px solid transparent;
        border-left: 17.5px solid transparent;
    }
}

@media screen and (min-width: 992px) {
    .ui-c292-cumulus-login-stage .ui-spickel__arrow {
        position: absolute;
        top: -1px;
        left: calc(28% - 19.5px);
        width: 0;
        height: 0;
        border-top: 43px solid #fff;
        border-right: 19.5px solid transparent;
        border-left: 19.5px solid transparent;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c292-cumulus-login-stage .ui-spickel__arrow {
        position: absolute;
        top: -1px;
        left: calc(24.5% - 23px);
        width: 0;
        height: 0;
        border-top: 51px solid #fff;
        border-right: 23px solid transparent;
        border-left: 23px solid transparent;
    }
}

.ui-c292-cumulus-login-stage .headline {
    font-size: 2.8rem;
    line-height: 3.1rem;
    font-family: 'Helvetica Now Text XBold';
    max-width: 100%;
    color: #003d8d;
    font-weight: 400;
    letter-spacing: -0.5px;
    bottom: 10px;
}

@media screen and (min-width: 1200px) {
    .ui-c292-cumulus-login-stage .headline {
        font-size: 4.5rem;
        line-height: 4.9rem;
        letter-spacing: -0.75px;
        margin-top: 40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c292-cumulus-login-stage .headline {
        font-size: 3.5rem;
        line-height: 4.3rem;
        margin-top: 60px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c292-cumulus-login-stage .headline {
        max-width: 68%;
        margin-top: 35px;
    }
}

@media screen and (max-width: 767px) {
    .ui-c292-cumulus-login-stage .headline {
        font-size: 2.4rem;
        line-height: 2.6rem;
        letter-spacing: -0.25px;
        max-width: 100%;
        margin-top: 45px;
    }
}

.ui-c292-cumulus-login-stage .stage-content {
    padding-top: 30px;
}

@media screen and (max-width: 1199px) {
    .ui-c292-cumulus-login-stage .stage-content {
        padding-top: 25px;
    }
}

@media screen and (max-width: 767px) {
    .ui-c292-cumulus-login-stage .stage-content {
        padding-top: 10px;
    }
}

.ui-c292-cumulus-login-stage .ui-cumulus-steps {
    max-width: 55%;
}

    .ui-c292-cumulus-login-stage .ui-cumulus-steps .sub-headline {
        font-family: 'Helvetica Now Text XBold';
        margin: 20px 0 30px;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c292-cumulus-login-stage .ui-cumulus-steps .sub-headline {
        margin-top: 15px;
    }
}

.ui-c292-cumulus-login-stage .ui-cumulus-steps .steps {
    font-family: 'Helvetica Now Text Regular';
}

@media screen and (min-width: 1200px) {
    .ui-c292-cumulus-login-stage .ui-cumulus-steps {
        max-width: 39%;
    }
}

@media screen and (min-width: 480px) {
    .ui-c292-cumulus-login-stage {
        background-position: center center;
    }
}

@media screen and (min-width: 768px) {
    .ui-c292-cumulus-login-stage {
        border-width: 18px;
        height: 349px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c292-cumulus-login-stage {
        border-width: 30px;
        height: 471px;
    }
}

.ui-c292-cumulus-login-stage-mobile h3 {
    margin-top: 20px;
}

@media screen and (min-width: 480px) {
    .ui-c292-cumulus-login-stage-mobile .ui-cumulus-steps {
        max-width: 69%;
    }
}

@media screen and (min-width: 768px) {
    .ui-c292-cumulus-login-stage-mobile h3 {
        margin-top: 30px;
    }
}

.ui-c293-cumulus-dashboard-stage {
    padding-top: 20px;
}

    .ui-c293-cumulus-dashboard-stage .container-background {
        height: 138px;
        position: absolute;
        width: 100%;
        z-index: -1;
        top: 0;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c293-cumulus-dashboard-stage .container-background {
        height: 128px;
    }
}

@media screen and (max-width: 991px) {
    .ui-c293-cumulus-dashboard-stage .container-background {
        height: 130px;
        background-color: rgba(0, 0, 0, 0) !important;
    }

        .ui-c293-cumulus-dashboard-stage .container-background .headline {
            padding-top: 25px;
        }
}

@media screen and (max-width: 479px) {
    .ui-c293-cumulus-dashboard-stage .container-background .headline {
        padding-top: 30px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c293-cumulus-dashboard-stage.is-sticky .ui-js-sticky-element {
        position: fixed;
        z-index: 1060;
        top: 8px;
        left: 0;
        width: 100%;
    }

    .ui-c293-cumulus-dashboard-stage.is-sticky .headline {
        position: absolute;
    }

    .ui-c293-cumulus-dashboard-stage.is-sticky .ui-sticky-dashboard-cumulus {
        position: relative;
        z-index: 2;
    }

        .ui-c293-cumulus-dashboard-stage.is-sticky
        .ui-sticky-dashboard-cumulus::before {
            top: -8px;
            left: -8px;
            width: calc(100% + 16px);
            height: calc(100% + 16px);
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 0 20px -5px rgba(0, 61, 141, 0.5);
            opacity: 1;
            transition: opacity 0.2s ease-in-out;
        }
}

.ui-c293-cumulus-dashboard-stage.is-s-height {
    height: 119px;
}

@media screen and (min-width: 1200px) {
    .ui-c293-cumulus-dashboard-stage.is-s-height {
        height: 200px;
    }
}

.ui-c293-cumulus-dashboard-stage.is-l-height {
    height: 130px;
}

@media screen and (min-width: 992px) {
    .ui-c293-cumulus-dashboard-stage.is-l-height {
        height: 310px;
    }

        .ui-c293-cumulus-dashboard-stage.is-l-height .stage-content {
            margin-top: 142px;
        }

        .ui-c293-cumulus-dashboard-stage.is-l-height
        .container-background:not(.has-background) {
            margin-top: -20px;
        }
}

@media screen and (min-width: 1200px) {
    .ui-c293-cumulus-dashboard-stage.is-l-height {
        height: 264px;
    }

        .ui-c293-cumulus-dashboard-stage.is-l-height .stage-content {
            margin-top: 148px;
        }
}

.ui-c293-cumulus-dashboard-stage .headline {
    font-size: 5.4rem;
    line-height: 6.2rem;
    font-family: 'Helvetica Now Text XBold';
    color: #003d8d;
    font-weight: 400;
    letter-spacing: -1px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c293-cumulus-dashboard-stage .headline {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1199px) {
    .ui-c293-cumulus-dashboard-stage .headline {
        font-size: 2.8rem;
        line-height: 3.1rem;
        letter-spacing: -0.5px;
    }
}

@media screen and (max-width: 767px) {
    .ui-c293-cumulus-dashboard-stage .headline {
        font-size: 2.4rem;
        line-height: 2.6rem;
        letter-spacing: -0.25px;
        max-width: 100%;
        margin-top: 0;
    }
}

.ui-c293-cumulus-dashboard-stage .ui-js-sticky-element .is-tile-xs-height {
    transform-origin: bottom center;
    transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.ui-c294-12-benefitlist.is-cumulus .headline,
.ui-c294-12-benefitlist.is-cumulus-vista .headline {
    color: #003d8d;
}

.ui-c294-12-benefitlist.is-cumulus .icon-box,
.ui-c294-12-benefitlist.is-cumulus-vista .icon-box {
    background-color: #003d8d;
}

.ui-c294-12-benefitlist.is-cumulus-vista .icon-box {
    background-color: #b4d4fa;
}

.ui-c294-12-benefitlist .benefit-item {
    margin-bottom: 32px;
}

.ui-c294-12-benefitlist .is-flexbox {
    display: flex;
    flex-flow: wrap;
}

.ui-c294-12-benefitlist .icon-box {
    position: relative;
    width: 104px;
    height: 104px;
    background-color: #f60;
    border-radius: 50%;
}

    .ui-c294-12-benefitlist .icon-box img {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 80px;
        height: auto;
        transform: translate(-50%, -50%);
    }

.ui-c294-12-benefitlist .headline {
    margin-top: 28px;
    margin-bottom: 5px;
    color: #f60;
    font-size: 2rem;
    line-height: 25px;
}

.ui-c294-12-benefitlist .text {
    font-size: 1.8rem;
    line-height: 25px;
}

@media screen and (max-width: 767px) {
    .ui-c294-12-benefitlist .benefit-item {
        display: flex;
    }

    .ui-c294-12-benefitlist .icon-box {
        width: 60px;
        height: 60px;
        flex-shrink: 0;
        margin-right: 15px;
    }

        .ui-c294-12-benefitlist .icon-box img {
            max-width: 60px;
        }

    .ui-c294-12-benefitlist .headline {
        margin-top: 5px;
        font-size: 1.6rem;
        line-height: 20px;
    }

    .ui-c294-12-benefitlist .text {
        margin-bottom: 0;
        font-size: 1.4rem;
        line-height: 20px;
    }
}

.ui-c295-12-image-text-bar .title {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    margin-top: 12px;
    margin-bottom: 10px;
    font-size: 1.4rem;
    line-height: 18px;
}

.ui-c295-12-image-text-bar .text {
    font-size: 1.4rem;
    line-height: 18px;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-c295-12-image-text-bar .image-box {
        width: calc(50% - 8px);
    }

    .ui-c295-12-image-text-bar .content-box {
        width: calc(50% - 8px);
    }
}

@media screen and (max-width: 767px) {
    .ui-c295-12-image-text-bar .content-item {
        display: flex;
        margin-bottom: 20px;
    }

    .ui-c295-12-image-text-bar .content-box {
        margin-left: auto;
    }

    .ui-c295-12-image-text-bar .title {
        margin-top: 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-c295-12-image-text-bar .image-box {
        width: calc(50% - 12px);
    }

    .ui-c295-12-image-text-bar .content-box {
        width: calc(50% - 12px);
        margin-left: auto;
    }
}

.ui-c296-content-tabs {
    margin-top: 30px;
}

@media screen and (min-width: 992px) {
    .ui-c296-content-tabs .container .col-md-8 {
        width: calc(66.75% - 24px);
        padding-left: 0;
    }
}

.ui-c296-content-tabs .tab-content > .tab-pane {
    display: none;
}

.ui-c296-content-tabs .tab-content > .active {
    display: block;
}

.ui-c296-content-tabs .tab-content {
    margin-top: 12px;
    margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .ui-c296-content-tabs .tab-content {
        margin-top: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c296-content-tabs .tab-pane .col-sm-8 {
        padding: 0 2px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c296-content-tabs .tab-pane .col-sm-8 {
        padding: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c296-content-tabs .col-sm-8 > .nav {
        padding-left: 2px;
    }
}

.ui-c296-content-tabs .nav {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    list-style-type: none;
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    transition: transform 0.25s ease-out, opacity 0.25s ease-out;
}

    .ui-c296-content-tabs .nav.fixed-item {
        position: fixed;
        z-index: 9998;
        top: 0;
        align-items: center;
        background-color: #fff;
    }

        .ui-c296-content-tabs .nav.fixed-item::before {
            position: absolute;
            display: block;
            content: '';
            z-index: -1;
            top: 0;
            left: calc((100vw - 100%) / 2 * -1);
            width: 100vw;
            height: 100%;
            background-color: #fff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        .ui-c296-content-tabs .nav.fixed-item .nav__item {
            padding: 10px 0;
        }

    .ui-c296-content-tabs .nav.hide-item {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-150px);
        transition: transform 0.25s ease-in, opacity 0.25s ease-in;
    }

@media screen and (min-width: 768px) {
    .ui-c296-content-tabs .nav {
        justify-content: flex-start;
    }
}

.ui-c296-content-tabs .nav__item {
    flex: 0 0 47%;
}

    .ui-c296-content-tabs .nav__item.active .nav__link {
        border-color: #f60;
        background-color: #f60;
        color: #fff;
    }

    .ui-c296-content-tabs .nav__item:not(.active) .nav__link:active,
    .ui-c296-content-tabs .nav__item:not(.active) .nav__link:focus,
    .ui-c296-content-tabs .nav__item:not(.active) .nav__link:hover {
        color: #333;
    }

@media screen and (min-width: 480px) {
    .ui-c296-content-tabs .nav__item {
        flex: 0 0 45%;
    }
}

@media screen and (min-width: 768px) {
    .ui-c296-content-tabs .nav__item {
        flex: 0 1 auto;
        margin-right: 16px;
    }
}

.ui-c296-content-tabs .nav__link {
    font-size: 1.4rem;
    line-height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 0;
    border: 2px solid #cfcac7;
    background-color: #fff;
    border-radius: 22px;
    color: #9f9690;
    font-family: 'Helvetica Now Text Bold';
    text-align: center;
    transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}

@media screen and (min-width: 768px) {
    .ui-c296-content-tabs .nav__link {
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding: 4px 20px;
        border-radius: 18px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c296-content-tabs .nav__link {
        font-size: 1.6rem;
        line-height: 2rem;
        padding: 6px 20px;
    }
}

.ui-c300-guide {
    background-color: #f1efee;
    position: relative;
}

    .ui-c300-guide ::-webkit-scrollbar {
        width: 4px;
    }

    .ui-c300-guide ::-webkit-scrollbar-track {
        box-shadow: none;
        background: rgba(0, 0, 0, 0);
        border-radius: 0;
    }

    .ui-c300-guide ::-webkit-scrollbar-thumb {
        background: rgba(211, 211, 211, 0.32);
        border-radius: 3px;
    }

    .ui-c300-guide .bg-container {
        height: 472px;
        position: relative;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .ui-c300-guide .bg-container::before {
            position: absolute;
            top: -1px;
            left: calc(50% - 23px);
            width: 0;
            height: 0;
            border-top: 52px solid #fff;
            border-right: 23px solid transparent;
            border-left: 23px solid transparent;
            content: '';
        }

@media screen and (max-width: 767px) {
    .ui-c300-guide .bg-container + .container {
        position: absolute;
        height: 472px;
        top: 0;
        left: 0;
        margin-top: 0;
        padding: 115px 0 0;
    }

        .ui-c300-guide .bg-container + .container .row {
            margin: 0;
        }
}

@media screen and (max-width: 374px) {
    .ui-c300-guide .bg-container + .container {
        padding: 85px 0 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c300-guide .bg-container {
        height: 410px;
    }

        .ui-c300-guide .bg-container + .container {
            margin-top: -410px;
        }
}

@media screen and (min-width: 768px) {
    .ui-c300-guide .bg-container::before {
        display: none;
    }

    .ui-c300-guide .bg-container + .container .guide-headline {
        margin-top: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c300-guide .bg-container {
        height: 546px;
    }

        .ui-c300-guide .bg-container + .container {
            margin-top: -546px;
        }
}

@media screen and (min-width: 1200px) {
    .ui-c300-guide .bg-container {
        height: 640px;
    }

        .ui-c300-guide .bg-container + .container {
            margin-top: -640px;
        }
}

@media screen and (min-width: 1400px) {
    .ui-c300-guide .bg-container {
        height: 768px;
    }

        .ui-c300-guide .bg-container + .container {
            margin-top: -768px;
        }
}

@media screen and (min-width: 1680px) {
    .ui-c300-guide .bg-container {
        height: 856px;
    }

        .ui-c300-guide .bg-container + .container {
            margin-top: -856px;
        }
}

@media only screen and (max-device-width: 320px) {
    .ui-c300-guide .bg-container {
        height: 345px;
    }

        .ui-c300-guide .bg-container + .container {
            height: 345px;
        }
}

.ui-c300-guide.is-with-gusset {
    border: 9px solid #fff;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c300-guide.is-with-gusset {
        border-width: 18px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c300-guide.is-with-gusset {
        border-width: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c300-guide.is-with-gusset .guide-headline {
        margin-bottom: 70px;
    }
}

.ui-c300-guide .guide-gusset .arrow-wrap {
    display: flex;
    width: 100%;
    justify-content: center;
}

.ui-c300-guide .guide-gusset .stage-portrait__arrow {
    z-index: 1;
}

@media screen and (min-width: 768px) {
    .ui-c300-guide .guide-gusset .stage-portrait__arrow {
        position: absolute;
        top: -1px;
        left: calc(44% - 17.5px);
        width: 0;
        height: 0;
        border-top: 39px solid #fff;
        border-right: 17.5px solid transparent;
        border-left: 17.5px solid transparent;
    }
}

@media screen and (min-width: 992px) {
    .ui-c300-guide .guide-gusset .stage-portrait__arrow {
        position: absolute;
        top: -1px;
        left: calc(35% - 19.5px);
        width: 0;
        height: 0;
        border-top: 43px solid #fff;
        border-right: 19.5px solid transparent;
        border-left: 19.5px solid transparent;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c300-guide .guide-gusset .stage-portrait__arrow {
        position: absolute;
        top: -1px;
        left: calc(36.5% - 23px);
        width: 0;
        height: 0;
        border-top: 51px solid #fff;
        border-right: 23px solid transparent;
        border-left: 23px solid transparent;
    }
}

@media screen and (min-width: 1400px) {
    .ui-c300-guide .guide-gusset .stage-portrait__arrow {
        position: absolute;
        top: -1px;
        left: calc(47.472% - 30px);
        width: 0;
        height: 0;
        border-top: 68px solid #fff;
        border-right: 30px solid transparent;
        border-left: 30px solid transparent;
    }
}

@media screen and (min-width: 1680px) {
    .ui-c300-guide .guide-gusset .stage-portrait__arrow {
        position: absolute;
        top: -1px;
        left: calc(58% - 37px);
        width: 0;
        height: 0;
        border-top: 83px solid #fff;
        border-right: 37px solid transparent;
        border-left: 37px solid transparent;
    }
}

.ui-c300-guide .guide-headline {
    font-size: 5rem;
    line-height: 5.5rem;
    max-width: 98%;
    margin: 0;
    padding: 0 6px;
    font-family: 'Helvetica Now Text XBold';
    letter-spacing: -2px;
    font-weight: 400;
}

    .ui-c300-guide .guide-headline.is-white {
        color: #fff;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c300-guide .guide-headline {
        font-size: 4.6rem;
        line-height: 5rem;
        letter-spacing: -0.95px;
        padding: 51px 0 0;
        margin-bottom: 56px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c300-guide .guide-headline {
        font-size: 6.4rem;
        line-height: 7rem;
        letter-spacing: -1px;
        padding: 61px 0 0;
        margin-bottom: 60px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c300-guide .guide-headline {
        font-size: 7.6rem;
        line-height: 8.2rem;
        letter-spacing: -2.7px;
        margin-bottom: 80px;
        padding: 105px 0 0;
    }
}

.ui-c300-guide .nav {
    padding: 0;
    height: 0;
    overflow-y: auto;
    max-height: 80%;
}

@media screen and (min-width: 768px) {
    .ui-c300-guide .nav {
        margin-top: 20px;
        height: auto;
        max-height: 86%;
    }
}

.ui-c300-guide .nav-item {
    margin: 0 5px 4px 0;
}

    .ui-c300-guide .nav-item.active .nav-link {
        color: #fff;
        background-color: #de450a;
    }

        .ui-c300-guide .nav-item.active .nav-link::after {
            opacity: 1;
        }

@media screen and (min-width: 768px) {
    .ui-c300-guide .nav-item {
        margin: 2px 5px 0 0;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c300-guide .nav-item {
        margin: 0 10px 0 0;
    }
}

.ui-c300-guide .nav-link {
    font-size: 1.8rem;
    line-height: 2.6rem;
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 7px 10px;
    border-radius: 8px;
    color: #fff;
}

    .ui-c300-guide .nav-link::after {
        content: '';
        width: 10px;
        height: 16px;
        right: 10px;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.892.108L9.635 7.85l-7.743 7.742-1.484-1.484L6.665 7.85.408 1.592z' fill='%23FFF6F6' fill-rule='evenodd'/%3E%3C/svg%3E");
        opacity: 0;
    }

    .ui-c300-guide .nav-link:hover {
        color: #fff;
        background-color: #de450a;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c300-guide .nav-link {
        font-size: 1.6rem;
        line-height: 2rem;
    }
}

@media screen and (min-width: 768px) {
    .ui-c300-guide .nav-link {
        padding: 9px 20px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c300-guide .nav-link {
        line-height: 2.2rem;
    }
}

.ui-c300-guide .mobile-nav-arrow {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}

    .ui-c300-guide .mobile-nav-arrow::before {
        content: '';
        position: absolute;
        right: 14px;
        top: 36px;
        width: 17px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%3Csvg width='23' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.1 11.5L11.26.662.42 11.501l2.08 2.078 8.76-8.76 8.76 8.76z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
        transform: rotateX(180deg);
    }

@media screen and (min-width: 768px) {
    .ui-c300-guide .mobile-nav-arrow {
        display: none;
    }
}

.ui-c300-guide .guide-nav {
    position: relative;
    padding: 0 5px 0 10px;
    height: auto;
    background-color: #f60;
    box-shadow: 0 -3px 8px 0 rgba(0, 0, 0, 0.14);
    border-radius: 8px 8px 0 0;
    font-family: 'Helvetica Now Text XBold';
}

    .ui-c300-guide .guide-nav.is-open {
        height: 525px;
    }

        .ui-c300-guide .guide-nav.is-open::after {
            content: '';
            position: absolute;
            z-index: 4;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 15px;
            opacity: 0.5;
            background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.41) 100% );
        }

        .ui-c300-guide .guide-nav.is-open .tab-headline {
            font-size: 2.8rem;
            line-height: 3.2rem;
            font-weight: 400;
            padding-bottom: 20px;
        }

        .ui-c300-guide .guide-nav.is-open .mobile-nav-arrow::before {
            top: 43px;
            width: 23px;
            height: 14px;
            transform: none;
        }

        .ui-c300-guide .guide-nav.is-open .nav {
            height: auto;
        }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c300-guide .guide-nav {
        height: 670px;
        padding: 30px 5px 0 10px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c300-guide .guide-nav {
        height: 770px;
        padding: 30px 5px 0 10px;
    }
}

.ui-c300-guide .guide-tabs {
    position: relative;
    overflow: hidden;
    height: auto;
    background-color: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -3px 8px 0 rgba(0, 0, 0, 0.4);
    margin-top: -8px;
    z-index: 5;
}

    .ui-c300-guide .guide-tabs::after {
        content: '';
        position: absolute;
        z-index: 4;
        bottom: 0;
        width: 100%;
        height: 15px;
        opacity: 0.5;
        background-image: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.41) 100% );
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c300-guide .guide-tabs {
        height: 670px;
    }
}

@media screen and (min-width: 768px) {
    .ui-c300-guide .guide-tabs {
        margin-top: 0;
        padding-bottom: 0;
        box-shadow: 0 -3px 8px 0 rgba(0, 0, 0, 0.14);
    }
}

@media screen and (min-width: 992px) {
    .ui-c300-guide .guide-tabs {
        height: 770px;
    }
}

.ui-c300-guide .tab-headline {
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 31px 35px 35px 10px;
    position: relative;
    margin: 0;
    color: #fff;
    transition: font 0.2s ease;
    font-weight: 400;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c300-guide .tab-headline {
        font-size: 2.2rem;
        line-height: 2.8rem;
        padding: 0 10px 0 20px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c300-guide .tab-headline {
        font-size: 2.8rem;
        line-height: 3.2rem;
        padding: 0 30px 0 20px;
    }
}

.ui-c300-guide .tab-content {
    height: 100%;
}

    .ui-c300-guide .tab-content > .active {
        display: block;
        height: 100%;
    }

.ui-c300-guide .tab-pane {
    display: none;
    height: auto;
    transition: height 0.5s ease-in;
}

.ui-c300-guide .panel-title {
    margin: 0;
    font-weight: 400;
    overflow-wrap: break-word;
}

.ui-c300-guide .panel-link {
    font-size: 2.2rem;
    line-height: 2.5rem;
    display: block;
    padding: 28px 20px 30px;
    color: #333;
    font-family: 'Helvetica Now Text XBold';
    transition: font 0.2s ease;
}

    .ui-c300-guide .panel-link:active,
    .ui-c300-guide .panel-link:focus,
    .ui-c300-guide .panel-link:hover {
        color: #333;
        outline: 0;
    }

    .ui-c300-guide .panel-link.collapsed {
        font-size: 1.6rem;
        line-height: 2rem;
        font-family: 'Helvetica Now Text XBold';
        letter-spacing: -0.3px;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c300-guide .panel-link {
        line-height: 2.8rem;
    }
}

@media screen and (min-width: 992px) {
    .ui-c300-guide .panel-link {
        font-size: 2.8rem;
        line-height: 3.2rem;
        padding: 28px 30px 30px;
    }

        .ui-c300-guide .panel-link.collapsed {
            font-size: 1.8rem;
            line-height: 2.6rem;
        }
}

.ui-c300-guide .panel-collapse {
    padding: 0 20px;
}

@media screen and (max-width: 767px) {
    .ui-c300-guide .panel-collapse {
        height: 0;
        transition: height 0.3s ease-in-out;
    }

        .ui-c300-guide .panel-collapse.in {
            height: 350px;
            overflow-y: auto;
        }
}

@media screen and (min-width: 992px) {
    .ui-c300-guide .panel-collapse {
        padding: 0 30px;
    }
}

.ui-c300-guide .panel-group .panel {
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin-top: -7px;
    border-radius: 8px 8px 0 0;
    transition: all 0.3s ease-in-out;
}

    .ui-c300-guide .panel-group .panel:not(:first-child) {
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    }

    .ui-c300-guide .panel-group .panel:first-child {
        margin-top: 0;
    }

    .ui-c300-guide .panel-group .panel:nth-child(1n) {
        background-color: #fff;
    }

        .ui-c300-guide .panel-group .panel:nth-child(1n)::-webkit-scrollbar-thumb {
            background: rgba(181, 180, 180, 0.5);
        }

    .ui-c300-guide .panel-group .panel:nth-child(2n) {
        background-color: #f1efee;
    }

    .ui-c300-guide .panel-group .panel:nth-child(3n) .panel-body,
    .ui-c300-guide .panel-group .panel:nth-child(4n) .panel-body {
        color: #fff;
    }

    .ui-c300-guide .panel-group .panel:nth-child(3n) .panel-link,
    .ui-c300-guide .panel-group .panel:nth-child(4n) .panel-link {
        color: #fff;
    }

        .ui-c300-guide .panel-group .panel:nth-child(3n) .panel-link:active,
        .ui-c300-guide .panel-group .panel:nth-child(3n) .panel-link:focus,
        .ui-c300-guide .panel-group .panel:nth-child(3n) .panel-link:hover,
        .ui-c300-guide .panel-group .panel:nth-child(4n) .panel-link:active,
        .ui-c300-guide .panel-group .panel:nth-child(4n) .panel-link:focus,
        .ui-c300-guide .panel-group .panel:nth-child(4n) .panel-link:hover {
            color: #fff;
        }

    .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext ol li,
    .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext ul li,
    .ui-c300-guide .panel-group .panel:nth-child(4n) .richtext ol li,
    .ui-c300-guide .panel-group .panel:nth-child(4n) .richtext ul li {
        color: #fff;
    }

        .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext ol li::before,
        .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext ul li::before,
        .ui-c300-guide .panel-group .panel:nth-child(4n) .richtext ol li::before,
        .ui-c300-guide .panel-group .panel:nth-child(4n) .richtext ul li::before {
            background-color: #fff;
        }

    .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext p,
    .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext strong,
    .ui-c300-guide .panel-group .panel:nth-child(4n) .richtext p,
    .ui-c300-guide .panel-group .panel:nth-child(4n) .richtext strong {
        color: #fff;
    }

    .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext a.disabled,
    .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext a:not([class]),
    .ui-c300-guide .panel-group .panel:nth-child(4n) .richtext a.disabled,
    .ui-c300-guide .panel-group .panel:nth-child(4n) .richtext a:not([class]) {
        color: #fff;
        border-bottom: 1px solid #fff;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v30H0z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
    }

        .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext a.disabled:active,
        .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext a.disabled:focus,
        .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext a.disabled:hover,
        .ui-c300-guide
        .panel-group
        .panel:nth-child(3n)
        .richtext
        a:not([class]):active,
        .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext a:not([class]):focus,
        .ui-c300-guide .panel-group .panel:nth-child(3n) .richtext a:not([class]):hover,
        .ui-c300-guide .panel-group .panel:nth-child(4n) .richtext a.disabled:active,
        .ui-c300-guide .panel-group .panel:nth-child(4n) .richtext a.disabled:focus,
        .ui-c300-guide .panel-group .panel:nth-child(4n) .richtext a.disabled:hover,
        .ui-c300-guide
        .panel-group
        .panel:nth-child(4n)
        .richtext
        a:not([class]):active,
        .ui-c300-guide .panel-group .panel:nth-child(4n) .richtext a:not([class]):focus,
        .ui-c300-guide
        .panel-group
        .panel:nth-child(4n)
        .richtext
        a:not([class]):hover {
            color: #f60;
        }

    .ui-c300-guide .panel-group .panel:nth-child(3n) {
        background-color: #f60;
    }

    .ui-c300-guide .panel-group .panel:nth-child(4n) {
        background-color: #de450a;
    }

@media screen and (min-width: 768px) {
    .ui-c300-guide .panel-group {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

        .ui-c300-guide .panel-group .panel {
            height: 78px;
        }

            .ui-c300-guide .panel-group .panel.is-collapse {
                flex: 1;
                overflow-y: auto;
            }
}

@media screen and (min-width: 992px) {
    .ui-c300-guide .panel-group .panel {
        height: 90px;
    }

        .ui-c300-guide .panel-group .panel:not(.is-collapse):hover,
        .ui-c300-guide .panel-group .panel:not(:first-child):hover {
            height: 100px;
        }
}

.ui-c300-guide .panel-body {
    margin-top: -5px;
    padding-bottom: 15px;
    overflow-wrap: break-word;
}

.ui-c300-guide .image-box + .richtext {
    margin-top: 20px;
}

.ui-c300-guide .richtext {
    font-family: 'Helvetica Now Text Regular';
}

    .ui-c300-guide .richtext b,
    .ui-c300-guide .richtext strong {
        font-family: 'Helvetica Now Text Bold';
    }

.ui-c300-guide .btn {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .ui-c300-guide > .container {
        padding: 0;
        overflow-x: hidden;
    }
}

@media screen and (min-width: 768px) {
    .ui-c300-guide {
        padding-bottom: 124px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c300-guide {
        padding-bottom: 60px;
    }
}

.ui-carousel-introstandard {
    overflow: hidden;
    transform-style: preserve-3d;
}

.ui-introstandard-indicators {
    bottom: 60px;
    left: 50%;
    width: 60%;
    margin-left: -30%;
}

    .ui-introstandard-indicators.is-inverted .ui-introstandard-indicator-item {
        border: 1px solid #333;
        background-color: #333;
    }

    .ui-introstandard-indicators.alt-colored .ui-introstandard-indicator-item {
        border: 1px solid #333;
        background-color: #333;
    }

        .ui-introstandard-indicators.alt-colored
        .ui-introstandard-indicator-item.active {
            border: 1px solid #f60;
            background-color: #f60;
        }

    .ui-introstandard-indicators .ui-introstandard-indicator-item {
        width: 16px;
        height: 16px;
        border: 1px solid #fff;
        background-color: #fff;
        transform: scale(0.5);
        transform-origin: 50% 50%;
        transition: transform 0.2s, background-color 0.2s;
    }

        .ui-introstandard-indicators .ui-introstandard-indicator-item .item-inner {
            display: none;
        }

        .ui-introstandard-indicators .ui-introstandard-indicator-item.active {
            border: 1px solid #f60;
            background-color: #f60;
            transform: scale(1);
        }

        .ui-introstandard-indicators .ui-introstandard-indicator-item:focus,
        .ui-introstandard-indicators .ui-introstandard-indicator-item:hover {
            height: 16px;
            transform: scale(1);
        }

        .ui-introstandard-indicators .ui-introstandard-indicator-item:active,
        .ui-introstandard-indicators .ui-introstandard-indicator-item:focus {
            outline: 0;
        }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-introstandard-indicators {
        bottom: 48px;
    }
}

@media screen and (max-width: 991px) {
    .ui-introstandard-indicators {
        bottom: 20px;
    }
}

@media screen and (max-width: 479px) {
    .ui-introstandard-indicators {
        bottom: 10px;
    }
}

.ui-introstandard-thumbnails {
    bottom: 0;
    width: 1008px;
    margin: 0 0 0 -504px;
    font-size: 0;
}

    .ui-introstandard-thumbnails.is-inverted .ui-introstandard-indicator-item {
        border: 0;
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-introstandard-thumbnails.is-inverted
        .ui-introstandard-indicator-item
        .item-inner {
            background-color: rgba(255, 255, 255, 0.5);
            transition: background-color 0.5s linear, max-height 0.5s ease-out;
        }

        .ui-introstandard-thumbnails.is-inverted .ui-introstandard-indicator-item h4 {
            border-top-color: #333;
            color: #333;
            transition: color 0.5s linear;
        }

    .ui-introstandard-thumbnails .ui-introstandard-indicator-item {
        font-size: 1.4rem;
        position: relative;
        width: 24%;
        height: 60px;
        border: 0;
        margin: 4px 2px 0;
        background-color: rgba(0, 0, 0, 0);
        text-indent: 0;
        transform: none;
        transition: height 0.5s ease-in;
    }

        .ui-introstandard-thumbnails .ui-introstandard-indicator-item .item-inner {
            position: absolute;
            bottom: 0;
            display: block;
            width: 100%;
            max-height: 60px;
            padding-right: 0;
            padding-left: 0;
            background-color: rgba(0, 0, 0, 0.3);
            text-align: left;
            transition: background-color 0.5s linear, max-height 0.5s ease-out;
        }

        .ui-introstandard-thumbnails .ui-introstandard-indicator-item h4 {
            font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
            font-weight: 400;
            font-size: 1.6rem;
            line-height: 1.8rem;
            display: block;
            height: 60px;
            padding: 10px 9px;
            margin: 0;
            color: #fff;
            text-transform: uppercase;
            transition: color 0.5s linear;
        }

        .ui-introstandard-thumbnails .ui-introstandard-indicator-item img {
            width: 100%;
            padding: 0 9px;
        }

        .ui-introstandard-thumbnails .ui-introstandard-indicator-item .content {
            width: 100%;
            height: auto;
        }

@media screen and (min-width: 992px) {
    .ui-introstandard-thumbnails .ui-introstandard-indicator-item:focus,
    .ui-introstandard-thumbnails .ui-introstandard-indicator-item:hover {
        height: 170px;
        transition: height 0.5s ease-out;
    }

        .ui-introstandard-thumbnails
        .ui-introstandard-indicator-item:focus
        .item-inner,
        .ui-introstandard-thumbnails
        .ui-introstandard-indicator-item:hover
        .item-inner {
            max-height: 186px;
        }
}

@media screen and (min-width: 1200px) {
    .ui-introstandard-thumbnails .ui-introstandard-indicator-item:focus,
    .ui-introstandard-thumbnails .ui-introstandard-indicator-item:hover {
        height: 186px;
    }
}

.ui-introstandard-thumbnails .ui-introstandard-indicator-item:focus {
    outline: 4px solid rgba(105, 105, 105, 0.5);
}

.ui-introstandard-thumbnails
.ui-introstandard-indicator-item
.item-inner:focus {
    outline: 4px solid rgba(105, 105, 105, 0.5);
}

.ui-introstandard-thumbnails .ui-introstandard-indicator-item.active {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    cursor: default;
}

    .ui-introstandard-thumbnails
    .ui-introstandard-indicator-item.active
    .item-inner {
        height: 60px;
        transition: background-color 0.5s linear;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-introstandard-thumbnails
    .ui-introstandard-indicator-item.active
    .item-inner {
        height: 45px;
    }
}

.ui-introstandard-thumbnails .ui-introstandard-indicator-item.active h4 {
    border-bottom: 7px solid #f60;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-introstandard-thumbnails .ui-introstandard-indicator-item.active h4 {
        border-bottom-width: 5px;
    }
}

@media screen and (min-width: 992px) {
    .ui-introstandard-thumbnails .ui-introstandard-indicator-item.active {
        height: 60px;
        transition: none;
    }
}

.ui-introstandard-thumbnails .ui-introstandard-indicator-item .sr-only {
    top: 1px;
}

@media screen and (min-width: 992px) {
    .ui-introstandard-thumbnails .ui-introstandard-indicator-item {
        border-radius: 0;
    }
}

.ui-introstandard-thumbnails.alt-colored h4 {
    border-top-color: #333;
    color: #333;
}

.ui-introstandard-thumbnails.alt-colored
.ui-introstandard-indicator-item.active {
    border: 0 none;
    background-color: rgba(0, 0, 0, 0);
}

    .ui-introstandard-thumbnails.alt-colored
    .ui-introstandard-indicator-item.active
    h4 {
        border-top-color: #f60;
    }

.ui-introstandard-thumbnails.alt-colored.is-inverted
.ui-introstandard-indicator-item.active
h4 {
    border-top-color: #f60;
}

.ui-carousel-introstandard.is-with-spikel .carousel-control {
    background-image: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-carousel-introstandard.is-with-spikel .carousel-control {
        top: 18px;
        bottom: 18px;
    }

        .ui-carousel-introstandard.is-with-spikel .carousel-control.left {
            left: 18px;
        }

        .ui-carousel-introstandard.is-with-spikel .carousel-control.right {
            right: 18px;
        }
}

@media screen and (min-width: 992px) {
    .ui-carousel-introstandard.is-with-spikel .carousel-control {
        top: 30px;
        bottom: 30px;
    }

        .ui-carousel-introstandard.is-with-spikel
        .carousel-control:hover.left::before,
        .ui-carousel-introstandard.is-with-spikel
        .carousel-control:hover.right::before {
            opacity: 0.3;
        }

        .ui-carousel-introstandard.is-with-spikel .carousel-control.left::before,
        .ui-carousel-introstandard.is-with-spikel .carousel-control.right::before {
            position: absolute;
            width: 100%;
            height: 100%;
            content: '';
            opacity: 0;
            z-index: -1;
            transition: opacity 0.2s;
        }

        .ui-carousel-introstandard.is-with-spikel .carousel-control.left {
            left: 30px;
        }

            .ui-carousel-introstandard.is-with-spikel .carousel-control.left::before {
                left: 0;
                background-image: linear-gradient( 270deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100% );
            }

        .ui-carousel-introstandard.is-with-spikel .carousel-control.right {
            right: 30px;
        }

            .ui-carousel-introstandard.is-with-spikel .carousel-control.right::before {
                right: 0;
                background-image: linear-gradient( -270deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100% );
            }
}

@media screen and (max-width: 767px) {
    .ui-carousel-introstandard.is-with-spikel .carousel-indicators {
        bottom: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-carousel-introstandard.is-with-spikel .headline-outer {
        margin-bottom: 40px;
    }
}

.ui-carousel-introstandard .carousel-control {
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

    .ui-carousel-introstandard .carousel-control:focus {
        opacity: 0.5;
    }

    .ui-carousel-introstandard .carousel-control:hover {
        opacity: 0.9;
    }

    .ui-carousel-introstandard .carousel-control.left {
        justify-content: flex-start;
    }

    .ui-carousel-introstandard .carousel-control .arrow-left {
        display: block;
        width: 42px;
        height: 69px;
        margin: 0 auto 36px 28px;
        background-image: url(../img/svg/icons/carousel-homestage/arrow-right-white.svg);
        transform: rotate(180deg);
    }

    .ui-carousel-introstandard .carousel-control .arrow-right {
        display: block;
        width: 42px;
        height: 69px;
        margin: 0 28px 36px 0;
        background-image: url(../img/svg/icons/carousel-homestage/arrow-right-white.svg);
    }

    .ui-carousel-introstandard .carousel-control.is-inverted .arrow-left,
    .ui-carousel-introstandard .carousel-control.is-inverted .arrow-right {
        background-image: url(../img/svg/icons/carousel-homestage/arrow-right-dark.svg);
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-carousel-introstandard .carousel-control .arrow-left,
    .ui-carousel-introstandard .carousel-control .arrow-right {
        margin-bottom: 24px;
    }
}

.ui-carousel-introstandard .controls-wrapper {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
}

@media screen and (min-width: 768px) {
    .ui-carousel-introstandard .ui-c201-12-introstandard .btn {
        display: inline-block;
    }
}

@media screen and (max-width: 767px) {
    .ui-carousel-introstandard .ui-c201-12-introstandard .headline-outer {
        margin-bottom: 38px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-carousel-introstandard .controls-wrapper {
        height: 45px;
    }
}

@media screen and (max-width: 767px) {
    .ui-carousel-introstandard .controls-wrapper {
        height: 30px;
    }

    .ui-carousel-introstandard .carousel-indicators {
        bottom: 10px;
    }

    .ui-carousel-introstandard .arrow-left,
    .ui-carousel-introstandard .arrow-right {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .ui-carousel-introstandard .controls-wrapper {
        top: auto;
        bottom: 4px;
        height: 20px;
    }

    .ui-carousel-introstandard .carousel-indicators {
        bottom: 0;
        height: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .ui-carousel-introstandard .ui-introstandard-indicator-item h4 {
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-carousel-introstandard .ui-introstandard-thumbnails {
        width: 888px;
        margin: 0 0 0 -444px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-carousel-introstandard .ui-introstandard-thumbnails {
        width: 648px;
        margin: 0 0 0 -324px;
        transition: none;
    }

        .ui-carousel-introstandard
        .ui-introstandard-thumbnails
        .ui-introstandard-indicator-item {
            height: 45px;
        }

        .ui-carousel-introstandard .ui-introstandard-thumbnails:hover {
            transition: none;
        }

    .ui-carousel-introstandard .ui-introstandard-indicator-item .item-inner {
        max-height: 45px;
    }

    .ui-carousel-introstandard .ui-introstandard-indicator-item h4 {
        font-size: 1.4rem;
        line-height: 1.5rem;
        overflow: hidden;
        height: 40px;
        padding-top: 8px;
        margin-bottom: 10px;
    }

    .ui-carousel-introstandard .ui-introstandard-indicator-item.active h4 {
        height: 45px;
    }
}

@media screen and (max-width: 767px) {
    .ui-carousel-introstandard .ui-introstandard-indicator-item {
        border: 0;
        margin: 1px;
    }

    .ui-carousel-introstandard .ui-introstandard-thumbnails {
        bottom: 10px;
    }

        .ui-carousel-introstandard
        .ui-introstandard-thumbnails
        .ui-introstandard-indicator-item {
            width: 16px;
            height: 16px;
            border: 0 none;
            margin: 1px;
            background-color: #fff;
            transform: scale(0.5);
            transform-origin: 50% 50%;
            transition: transform 0.2s, background-color 0.2s;
        }

            .ui-carousel-introstandard
            .ui-introstandard-thumbnails
            .ui-introstandard-indicator-item.is-inverted {
                background-color: #333;
            }

            .ui-carousel-introstandard
            .ui-introstandard-thumbnails
            .ui-introstandard-indicator-item:hover {
                height: 16px;
                transform: scale(1);
            }

            .ui-carousel-introstandard
            .ui-introstandard-thumbnails
            .ui-introstandard-indicator-item
            .item-inner {
                position: absolute;
                overflow: hidden;
                width: 1px;
                height: 1px;
                padding: 0;
                border: 0;
                margin: -1px;
                clip: rect(0, 0, 0, 0);
            }

            .ui-carousel-introstandard
            .ui-introstandard-thumbnails
            .ui-introstandard-indicator-item.active {
                background-color: #f60;
                transform: scale(1);
            }

        .ui-carousel-introstandard
        .ui-introstandard-thumbnails.is-inverted
        .ui-introstandard-indicator-item {
            border: 1px solid #333;
            background-color: #333;
        }

            .ui-carousel-introstandard
            .ui-introstandard-thumbnails.is-inverted
            .ui-introstandard-indicator-item.active {
                border: 1px solid #f60;
                background-color: #f60;
                transform: scale(1);
            }

    .ui-carousel-introstandard
    .alt-colored
    .ui-introstandard-thumbnails
    .ui-introstandard-indicator-item {
        background-color: #333;
    }

        .ui-carousel-introstandard
        .alt-colored
        .ui-introstandard-thumbnails
        .ui-introstandard-indicator-item.active {
            background-color: #f60;
        }

    .ui-carousel-introstandard
    .alt-colored
    .ui-introstandard-thumbnails.is-inverted
    .ui-introstandard-indicator-item {
        border: 1px solid #333;
        background-color: #333;
    }

    .ui-carousel-introstandard
    .alt-colored
    .ui-introstandard-thumbnails.is-inverted.active {
        border: 1px solid #f60;
        background-color: #f60;
    }
}

@media screen and (max-width: 479px) {
    .ui-carousel-introstandard .ui-introstandard-indicator-item {
        width: 10px;
        height: 10px;
        margin: 4px;
        background-color: #ccc;
        transform: none;
    }

        .ui-carousel-introstandard .ui-introstandard-indicator-item:focus,
        .ui-carousel-introstandard .ui-introstandard-indicator-item:hover {
            height: 10px;
        }

    .ui-carousel-introstandard .ui-introstandard-thumbnails {
        bottom: 0;
    }

        .ui-carousel-introstandard
        .ui-introstandard-thumbnails
        .ui-introstandard-indicator-item {
            width: 10px;
            height: 10px;
            margin: 4px;
            background-color: #ccc;
            transform: none;
        }

            .ui-carousel-introstandard
            .ui-introstandard-thumbnails
            .ui-introstandard-indicator-item:focus,
            .ui-carousel-introstandard
            .ui-introstandard-thumbnails
            .ui-introstandard-indicator-item:hover {
                height: 10px;
            }
}

.ui-carousel-stagehome {
    overflow: hidden;
    transform-style: preserve-3d;
}

.ui-stagehome-indicators {
    bottom: 60px;
    left: 50%;
    width: 60%;
    margin-left: -30%;
}

    .ui-stagehome-indicators.is-inverted .ui-stagehome-indicator-item {
        border: 1px solid #333;
        background-color: #333;
    }

    .ui-stagehome-indicators.alt-colored .ui-stagehome-indicator-item {
        border: 1px solid #333;
        background-color: #333;
    }

        .ui-stagehome-indicators.alt-colored .ui-stagehome-indicator-item.active {
            border: 1px solid #f60;
            background-color: #f60;
        }

    .ui-stagehome-indicators .ui-stagehome-indicator-item {
        width: 16px;
        height: 16px;
        border: 1px solid #fff;
        background-color: #fff;
        transform: scale(0.5);
        transform-origin: 50% 50%;
        transition: transform 0.2s, background-color 0.2s;
    }

        .ui-stagehome-indicators .ui-stagehome-indicator-item .item-inner {
            display: none;
        }

        .ui-stagehome-indicators .ui-stagehome-indicator-item.active {
            border: 1px solid #f60;
            background-color: #f60;
            transform: scale(1);
        }

        .ui-stagehome-indicators .ui-stagehome-indicator-item:focus,
        .ui-stagehome-indicators .ui-stagehome-indicator-item:hover {
            height: 16px;
            transform: scale(1);
        }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-stagehome-indicators {
        bottom: 48px;
    }
}

@media screen and (max-width: 991px) {
    .ui-stagehome-indicators {
        bottom: 20px;
    }
}

@media screen and (max-width: 479px) {
    .ui-stagehome-indicators {
        bottom: 10px;
    }
}

.ui-stagehome-thumbnails {
    bottom: 0;
    width: 1008px;
    margin: 0 0 0 -504px;
    font-size: 0;
}

    .ui-stagehome-thumbnails.is-inverted .ui-stagehome-indicator-item {
        border: 0;
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-stagehome-thumbnails.is-inverted .ui-stagehome-indicator-item .item-inner {
            background-color: rgba(255, 255, 255, 0.5);
            transition: background-color 0.5s linear, max-height 0.5s ease-out;
        }

        .ui-stagehome-thumbnails.is-inverted .ui-stagehome-indicator-item h4 {
            border-top-color: #333;
            color: #333;
            transition: color 0.5s linear;
        }

    .ui-stagehome-thumbnails .ui-stagehome-indicator-item {
        font-size: 1.4rem;
        position: relative;
        width: 24%;
        height: 60px;
        border: 0;
        margin: 4px 2px 0;
        background-color: rgba(0, 0, 0, 0);
        text-indent: 0;
        transform: none;
        transition: height 0.5s ease-in;
    }

        .ui-stagehome-thumbnails .ui-stagehome-indicator-item .item-inner {
            position: absolute;
            bottom: 0;
            display: block;
            width: 100%;
            max-height: 60px;
            padding-right: 0;
            padding-left: 0;
            background-color: rgba(0, 0, 0, 0.3);
            text-align: left;
            transition: background-color 0.5s linear, max-height 0.5s ease-out;
        }

        .ui-stagehome-thumbnails .ui-stagehome-indicator-item h4 {
            font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
            font-weight: 400;
            font-size: 1.6rem;
            line-height: 1.8rem;
            display: block;
            height: 60px;
            padding: 10px 9px;
            margin: 0;
            color: #fff;
            text-transform: uppercase;
            transition: color 0.5s linear;
        }

        .ui-stagehome-thumbnails .ui-stagehome-indicator-item img {
            width: 100%;
            padding: 0 9px;
        }

        .ui-stagehome-thumbnails .ui-stagehome-indicator-item .content {
            width: 100%;
            height: auto;
        }

@media screen and (min-width: 992px) {
    .ui-stagehome-thumbnails .ui-stagehome-indicator-item:focus,
    .ui-stagehome-thumbnails .ui-stagehome-indicator-item:hover {
        height: 170px;
        transition: height 0.5s ease-out;
    }

        .ui-stagehome-thumbnails .ui-stagehome-indicator-item:focus .item-inner,
        .ui-stagehome-thumbnails .ui-stagehome-indicator-item:hover .item-inner {
            max-height: 186px;
        }
}

@media screen and (min-width: 1200px) {
    .ui-stagehome-thumbnails .ui-stagehome-indicator-item:focus,
    .ui-stagehome-thumbnails .ui-stagehome-indicator-item:hover {
        height: 186px;
    }
}

.ui-stagehome-thumbnails .ui-stagehome-indicator-item:focus {
    outline: 4px solid rgba(105, 105, 105, 0.5);
}

.ui-stagehome-thumbnails .ui-stagehome-indicator-item .item-inner:focus {
    outline: 4px solid rgba(105, 105, 105, 0.5);
}

.ui-stagehome-thumbnails .ui-stagehome-indicator-item.active {
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    cursor: default;
}

    .ui-stagehome-thumbnails .ui-stagehome-indicator-item.active .item-inner {
        height: 60px;
        transition: background-color 0.5s linear;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-stagehome-thumbnails .ui-stagehome-indicator-item.active .item-inner {
        height: 45px;
    }
}

.ui-stagehome-thumbnails .ui-stagehome-indicator-item.active h4 {
    border-bottom: 7px solid #f60;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-stagehome-thumbnails .ui-stagehome-indicator-item.active h4 {
        border-bottom-width: 5px;
    }
}

@media screen and (min-width: 992px) {
    .ui-stagehome-thumbnails .ui-stagehome-indicator-item.active {
        height: 60px;
        transition: none;
    }
}

.ui-stagehome-thumbnails .ui-stagehome-indicator-item .sr-only {
    top: 1px;
}

@media screen and (min-width: 992px) {
    .ui-stagehome-thumbnails .ui-stagehome-indicator-item {
        border-radius: 0;
    }
}

.ui-stagehome-thumbnails.alt-colored h4 {
    border-top-color: #333;
    color: #333;
}

.ui-stagehome-thumbnails.alt-colored .ui-stagehome-indicator-item.active {
    border: 0 none;
    background-color: rgba(0, 0, 0, 0);
}

    .ui-stagehome-thumbnails.alt-colored .ui-stagehome-indicator-item.active h4 {
        border-top-color: #f60;
    }

.ui-stagehome-thumbnails.alt-colored.is-inverted
.ui-stagehome-indicator-item.active
h4 {
    border-top-color: #f60;
}

.ui-carousel-stagehome .carousel-control {
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

    .ui-carousel-stagehome .carousel-control:focus {
        opacity: 0.5;
    }

    .ui-carousel-stagehome .carousel-control:hover {
        opacity: 0.9;
    }

    .ui-carousel-stagehome .carousel-control.left {
        justify-content: flex-start;
    }

    .ui-carousel-stagehome .carousel-control .arrow-left {
        display: block;
        width: 42px;
        height: 69px;
        margin: 0 auto 36px 28px;
        background-image: url(../img/svg/icons/carousel-homestage/arrow-right-white.svg);
        transform: rotate(180deg);
    }

    .ui-carousel-stagehome .carousel-control .arrow-right {
        display: block;
        width: 42px;
        height: 69px;
        margin: 0 28px 36px 0;
        background-image: url(../img/svg/icons/carousel-homestage/arrow-right-white.svg);
    }

    .ui-carousel-stagehome .carousel-control.is-inverted .arrow-left,
    .ui-carousel-stagehome .carousel-control.is-inverted .arrow-right {
        background-image: url(../img/svg/icons/carousel-homestage/arrow-right-dark.svg);
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-carousel-stagehome .carousel-control .arrow-left,
    .ui-carousel-stagehome .carousel-control .arrow-right {
        margin-bottom: 24px;
    }
}

.ui-carousel-stagehome .controls-wrapper {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-carousel-stagehome .controls-wrapper {
        height: 45px;
    }
}

@media screen and (max-width: 767px) {
    .ui-carousel-stagehome .controls-wrapper {
        height: 30px;
    }

    .ui-carousel-stagehome .carousel-indicators {
        bottom: 10px;
    }

    .ui-carousel-stagehome .arrow-left,
    .ui-carousel-stagehome .arrow-right {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .ui-carousel-stagehome .controls-wrapper {
        top: auto;
        bottom: 4px;
        height: 20px;
    }

    .ui-carousel-stagehome .carousel-indicators {
        bottom: 0;
        height: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .ui-carousel-stagehome .ui-stagehome-indicator-item h4 {
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-carousel-stagehome .ui-stagehome-thumbnails {
        width: 888px;
        margin: 0 0 0 -444px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-carousel-stagehome .ui-stagehome-thumbnails {
        width: 648px;
        margin: 0 0 0 -324px;
        transition: none;
    }

        .ui-carousel-stagehome .ui-stagehome-thumbnails .ui-stagehome-indicator-item {
            height: 45px;
        }

        .ui-carousel-stagehome .ui-stagehome-thumbnails:hover {
            transition: none;
        }

    .ui-carousel-stagehome .ui-stagehome-indicator-item .item-inner {
        max-height: 45px;
    }

    .ui-carousel-stagehome .ui-stagehome-indicator-item h4 {
        font-size: 1.4rem;
        line-height: 1.5rem;
        overflow: hidden;
        height: 40px;
        padding-top: 8px;
        margin-bottom: 10px;
    }

    .ui-carousel-stagehome .ui-stagehome-indicator-item.active h4 {
        height: 45px;
    }
}

@media screen and (max-width: 767px) {
    .ui-carousel-stagehome .ui-stagehome-indicator-item {
        border: 0;
        margin: 1px;
    }

    .ui-carousel-stagehome .ui-stagehome-thumbnails {
        bottom: 10px;
    }

        .ui-carousel-stagehome .ui-stagehome-thumbnails .ui-stagehome-indicator-item {
            width: 16px;
            height: 16px;
            border: 0 none;
            margin: 1px;
            background-color: #fff;
            transform: scale(0.5);
            transform-origin: 50% 50%;
            transition: transform 0.2s, background-color 0.2s;
        }

            .ui-carousel-stagehome
            .ui-stagehome-thumbnails
            .ui-stagehome-indicator-item.is-inverted {
                background-color: #333;
            }

            .ui-carousel-stagehome
            .ui-stagehome-thumbnails
            .ui-stagehome-indicator-item:hover {
                height: 16px;
                transform: scale(1);
            }

            .ui-carousel-stagehome
            .ui-stagehome-thumbnails
            .ui-stagehome-indicator-item
            .item-inner {
                position: absolute;
                overflow: hidden;
                width: 1px;
                height: 1px;
                padding: 0;
                border: 0;
                margin: -1px;
                clip: rect(0, 0, 0, 0);
            }

            .ui-carousel-stagehome
            .ui-stagehome-thumbnails
            .ui-stagehome-indicator-item.active {
                background-color: #f60;
                transform: scale(1);
            }

        .ui-carousel-stagehome
        .ui-stagehome-thumbnails.is-inverted
        .ui-stagehome-indicator-item {
            border: 1px solid #333;
            background-color: #333;
        }

            .ui-carousel-stagehome
            .ui-stagehome-thumbnails.is-inverted
            .ui-stagehome-indicator-item.active {
                border: 1px solid #f60;
                background-color: #f60;
                transform: scale(1);
            }

    .ui-carousel-stagehome
    .alt-colored
    .ui-stagehome-thumbnails
    .ui-stagehome-indicator-item {
        background-color: #333;
    }

        .ui-carousel-stagehome
        .alt-colored
        .ui-stagehome-thumbnails
        .ui-stagehome-indicator-item.active {
            background-color: #f60;
        }

    .ui-carousel-stagehome
    .alt-colored
    .ui-stagehome-thumbnails.is-inverted
    .ui-stagehome-indicator-item {
        border: 1px solid #333;
        background-color: #333;
    }

    .ui-carousel-stagehome
    .alt-colored
    .ui-stagehome-thumbnails.is-inverted.active {
        border: 1px solid #f60;
        background-color: #f60;
    }
}

@media screen and (max-width: 479px) {
    .ui-carousel-stagehome .ui-stagehome-indicator-item {
        width: 10px;
        height: 10px;
        margin: 4px;
        background-color: #ccc;
        transform: none;
    }

        .ui-carousel-stagehome .ui-stagehome-indicator-item:focus,
        .ui-carousel-stagehome .ui-stagehome-indicator-item:hover {
            height: 10px;
        }

    .ui-carousel-stagehome .ui-stagehome-thumbnails {
        bottom: 0;
    }

        .ui-carousel-stagehome .ui-stagehome-thumbnails .ui-stagehome-indicator-item {
            width: 10px;
            height: 10px;
            margin: 4px;
            background-color: #ccc;
            transform: none;
        }

            .ui-carousel-stagehome
            .ui-stagehome-thumbnails
            .ui-stagehome-indicator-item:focus,
            .ui-carousel-stagehome
            .ui-stagehome-thumbnails
            .ui-stagehome-indicator-item:hover {
                height: 10px;
            }
}

.ui-carousel-teaser {
    font-size: 14px;
}

    .ui-carousel-teaser .content {
        display: block;
        width: 100%;
        height: auto;
    }

    .ui-carousel-teaser .carousel-control {
        z-index: 2;
        top: 50%;
        width: 60px;
        height: 60px;
        margin-top: -30px;
        background: 0 0;
        opacity: 1;
    }

@media screen and (max-width: 767px) {
    .ui-carousel-teaser .carousel-control {
        width: 50px;
        height: 50px;
    }
}

.ui-carousel-teaser .arrow-left,
.ui-carousel-teaser .arrow-right {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    .ui-carousel-teaser .arrow-left,
    .ui-carousel-teaser .arrow-right {
        background-size: 100%;
    }
}

.ui-carousel-teaser .arrow-left {
    background-image: url(../img/carousel-teaser-control.svg);
    background-position: 0 0;
    transform: scaleX(-1);
}

.ui-carousel-teaser .arrow-right {
    background-image: url(../img/carousel-teaser-control.svg);
    background-position: 0 0;
}

.ui-carousel-teaser.is-cumulus .arrow-left {
    background-image: url(../img/carousel-teaser-control-cumulus.svg);
}

.ui-carousel-teaser.is-cumulus .arrow-right {
    background-image: url(../img/carousel-teaser-control-cumulus.svg);
}

.ui-carousel-teaser.is-cumulus-teaser {
    overflow: hidden;
    width: calc(100% + 18px);
    padding-bottom: 70px;
}

    .ui-carousel-teaser.is-cumulus-teaser .carousel-inner {
        overflow: visible;
        width: 100%;
        height: 307px;
    }

        .ui-carousel-teaser.is-cumulus-teaser .carousel-inner .ui-t308-cumulus {
            margin: 0;
            transition: transform 0.6s ease-in-out;
        }

    .ui-carousel-teaser.is-cumulus-teaser .item {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        margin-right: 16px;
        transform: none;
    }

        .ui-carousel-teaser.is-cumulus-teaser .item.next,
        .ui-carousel-teaser.is-cumulus-teaser .item.prev {
            width: auto !important;
        }

        .ui-carousel-teaser.is-cumulus-teaser .item:nth-child(1) {
            left: 0;
        }

            .ui-carousel-teaser.is-cumulus-teaser .item:nth-child(1) .ui-t308-cumulus {
                transform: translateX(0) translateX(0);
            }

            .ui-carousel-teaser.is-cumulus-teaser
            .item:nth-child(1).active
            .ui-t308-cumulus {
                transform: translateX(0) translateX(0);
            }

            .ui-carousel-teaser.is-cumulus-teaser
            .item:nth-child(1).is-prev
            .ui-t308-cumulus {
                transform: translateX(-100%) translateX(-16px);
            }

            .ui-carousel-teaser.is-cumulus-teaser
            .item:nth-child(1).is-prev + .item
            .ui-t308-cumulus {
                transform: translateX(-100%) translateX(-16px);
            }

            .ui-carousel-teaser.is-cumulus-teaser
            .item:nth-child(1).is-prev + .item + .item
            .ui-t308-cumulus {
                transform: translateX(-100%) translateX(-16px);
            }

            .ui-carousel-teaser.is-cumulus-teaser
            .item:nth-child(1).is-prev-prev:not(.is-prev)
            .ui-t308-cumulus {
                transform: translateX(-200%) translateX(-16px);
            }

            .ui-carousel-teaser.is-cumulus-teaser
            .item:nth-child(1).is-prev-prev:not(.is-prev) + .item
            .ui-t308-cumulus {
                transform: translateX(-200%) translateX(-32px);
            }

            .ui-carousel-teaser.is-cumulus-teaser
            .item:nth-child(1).is-prev-prev:not(.is-prev) + .item + .item
            .ui-t308-cumulus {
                transform: translateX(-200%) translateX(-32px);
            }

        .ui-carousel-teaser.is-cumulus-teaser .item:nth-child(2) {
            left: 225px;
        }

        .ui-carousel-teaser.is-cumulus-teaser .item:nth-child(3) {
            left: 450px;
        }

    .ui-carousel-teaser.is-cumulus-teaser .carousel-indicators {
        bottom: 0;
        left: calc(50% - 9px);
        width: 100%;
        margin-left: -50%;
        font-size: 0;
    }

        .ui-carousel-teaser.is-cumulus-teaser .carousel-indicators.is-dark li {
            background-color: #003d8d;
        }

        .ui-carousel-teaser.is-cumulus-teaser .carousel-indicators li {
            width: 60px;
            height: 3px;
            box-sizing: content-box;
            padding-top: 20px;
            padding-bottom: 20px;
            border: 0;
            margin: 0 5px;
            background-clip: content-box;
            background-color: #fff;
            border-radius: 0;
            cursor: pointer;
            outline: 0;
            transition: background-color 250ms 25ms ease-in-out;
        }

            .ui-carousel-teaser.is-cumulus-teaser .carousel-indicators li.active {
                left: 0;
                background-color: #f60;
            }

    .ui-carousel-teaser.is-cumulus-teaser .ui-t308-cumulus {
        width: 209px;
    }

.ie9 .ui-carousel-teaser .carousel-control.left,
.ie9 .ui-carousel-teaser .carousel-control.right {
    filter: none;
}

.ie9 .ui-carousel-teaser .carousel-control .arrow-left {
    border-right: 1px solid transparent;
    transform: none;
}

.ie9 .ui-carousel-teaser .carousel-control .arrow-right {
    border-left: 1px solid transparent;
}

.ui-carousel-wide :focus {
    outline: 0;
}

.ui-carousel-wide .arrow-left,
.ui-carousel-wide .arrow-right {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.ui-carousel-wide .arrow-left {
    background-image: url(../img/arrow-light-left.svg);
    background-position: 20px 45%;
}

.ui-carousel-wide .arrow-right {
    background-image: url(../img/arrow-light-right.svg);
    background-position: calc(100% - 20px) 45%;
}

.ui-carousel-wide .background-img {
    width: inherit;
    height: inherit;
    background-color: #333;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.ui-carousel-wide .caption {
    font-size: 1.3rem;
    line-height: 1.9rem;
    position: static;
    min-height: 56px;
    background-color: #f9f5ef;
    color: #333;
    font-family: 'Helvetica Now Text Regular';
    text-shadow: none;
}

    .ui-carousel-wide .caption em {
        font-family: 'Helvetica Now Text Italic';
    }

    .ui-carousel-wide .caption strong {
        font-family: 'Helvetica Now Text Bold';
    }

.ui-carousel-wide .caption-content {
    padding-top: 16px;
    padding-bottom: 16px;
}

.ui-carousel-wide .carousel-indicators {
    top: 20px;
    height: 0;
}

    .ui-carousel-wide .carousel-indicators .carousel-indicator-item {
        width: 16px;
        height: 16px;
        border: 1px solid #fff;
        background-color: #fff;
        transform: scale(0.5);
        transform-origin: 50% 50%;
        transition: transform 0.2s, background-color 0.2s;
    }

        .ui-carousel-wide .carousel-indicators .carousel-indicator-item:hover {
            transform: scale(1);
        }

        .ui-carousel-wide .carousel-indicators .carousel-indicator-item.alt-colored {
            border-color: #fff;
            background-color: #fff;
        }

        .ui-carousel-wide .carousel-indicators .carousel-indicator-item.active {
            border: 1px solid #f60;
            background-color: #f60;
            transform: scale(1);
        }

            .ui-carousel-wide
            .carousel-indicators
            .carousel-indicator-item.active.alt-colored {
                border-color: #f60;
                background-color: #f60;
            }

.ui-carousel-wide .is-inverted .carousel-indicator-item {
    border: 1px solid #333;
    background-color: #333;
}

.ui-carousel-wide:active,
.ui-carousel-wide:focus,
.ui-carousel-wide:hover {
    cursor: pointer;
}

    .ui-carousel-wide:active .carousel-inner > .active .icon-social,
    .ui-carousel-wide:focus .carousel-inner > .active .icon-social,
    .ui-carousel-wide:hover .carousel-inner > .active .icon-social {
        position: absolute;
        top: 10px;
        left: 20%;
        display: block;
        overflow: hidden;
        width: 38px;
        height: 38px;
        background-color: #f60;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        border-radius: 50%;
        color: transparent;
        font: 0/0 serif;
        text-align: center;
        text-shadow: none;
        transform: translateZ(0);
        transition: background-color 0.4s ease-out;
    }

        .ui-carousel-wide:active .carousel-inner > .active .icon-social:active,
        .ui-carousel-wide:active .carousel-inner > .active .icon-social:focus,
        .ui-carousel-wide:active .carousel-inner > .active .icon-social:hover,
        .ui-carousel-wide:focus .carousel-inner > .active .icon-social:active,
        .ui-carousel-wide:focus .carousel-inner > .active .icon-social:focus,
        .ui-carousel-wide:focus .carousel-inner > .active .icon-social:hover,
        .ui-carousel-wide:hover .carousel-inner > .active .icon-social:active,
        .ui-carousel-wide:hover .carousel-inner > .active .icon-social:focus,
        .ui-carousel-wide:hover .carousel-inner > .active .icon-social:hover {
            background-color: #de450a;
        }

        .ui-carousel-wide:active .carousel-inner > .active .icon-social.pinterest,
        .ui-carousel-wide:focus .carousel-inner > .active .icon-social.pinterest,
        .ui-carousel-wide:hover .carousel-inner > .active .icon-social.pinterest {
            background-image: url(../img/social-media-pinterest.svg);
        }

.ui-carousel-wide .carousel-inner {
    cursor: default;
}

    .ui-carousel-wide .carousel-inner > .item .carousel-control.is-video-slide {
        z-index: 101;
    }

        .ui-carousel-wide
        .carousel-inner > .item
        .carousel-control.is-video-slide
        .arrow-right {
            background-position: calc(100% - 20px) calc(45% + 25px);
        }

        .ui-carousel-wide
        .carousel-inner > .item
        .carousel-control.is-video-slide
        .arrow-left {
            background-position: 20px calc(45% + 25px);
        }

    .ui-carousel-wide .carousel-inner > .item.active.left .carousel-control.left,
    .ui-carousel-wide .carousel-inner > .item.active.left .carousel-control.right,
    .ui-carousel-wide .carousel-inner > .item.active.right .carousel-control.left,
    .ui-carousel-wide .carousel-inner > .item.active.right .carousel-control.right,
    .ui-carousel-wide .carousel-inner > .item.next .carousel-control.left,
    .ui-carousel-wide .carousel-inner > .item.next .carousel-control.right,
    .ui-carousel-wide .carousel-inner > .item.prev .carousel-control.left,
    .ui-carousel-wide .carousel-inner > .item.prev .carousel-control.right,
    .ui-carousel-wide .carousel-inner > .item.previous .carousel-control.left,
    .ui-carousel-wide .carousel-inner > .item.previous .carousel-control.right {
        background-image: none;
    }

        .ui-carousel-wide
        .carousel-inner > .item.active.left
        .carousel-control.left
        .arrow-left,
        .ui-carousel-wide
        .carousel-inner > .item.active.left
        .carousel-control.left
        .arrow-right,
        .ui-carousel-wide
        .carousel-inner > .item.active.left
        .carousel-control.right
        .arrow-left,
        .ui-carousel-wide
        .carousel-inner > .item.active.left
        .carousel-control.right
        .arrow-right,
        .ui-carousel-wide
        .carousel-inner > .item.active.right
        .carousel-control.left
        .arrow-left,
        .ui-carousel-wide
        .carousel-inner > .item.active.right
        .carousel-control.left
        .arrow-right,
        .ui-carousel-wide
        .carousel-inner > .item.active.right
        .carousel-control.right
        .arrow-left,
        .ui-carousel-wide
        .carousel-inner > .item.active.right
        .carousel-control.right
        .arrow-right,
        .ui-carousel-wide
        .carousel-inner > .item.next
        .carousel-control.left
        .arrow-left,
        .ui-carousel-wide
        .carousel-inner > .item.next
        .carousel-control.left
        .arrow-right,
        .ui-carousel-wide
        .carousel-inner > .item.next
        .carousel-control.right
        .arrow-left,
        .ui-carousel-wide
        .carousel-inner > .item.next
        .carousel-control.right
        .arrow-right,
        .ui-carousel-wide
        .carousel-inner > .item.prev
        .carousel-control.left
        .arrow-left,
        .ui-carousel-wide
        .carousel-inner > .item.prev
        .carousel-control.left
        .arrow-right,
        .ui-carousel-wide
        .carousel-inner > .item.prev
        .carousel-control.right
        .arrow-left,
        .ui-carousel-wide
        .carousel-inner > .item.prev
        .carousel-control.right
        .arrow-right,
        .ui-carousel-wide
        .carousel-inner > .item.previous
        .carousel-control.left
        .arrow-left,
        .ui-carousel-wide
        .carousel-inner > .item.previous
        .carousel-control.left
        .arrow-right,
        .ui-carousel-wide
        .carousel-inner > .item.previous
        .carousel-control.right
        .arrow-left,
        .ui-carousel-wide
        .carousel-inner > .item.previous
        .carousel-control.right
        .arrow-right {
            background-image: none;
        }

    .ui-carousel-wide .carousel-inner > .item.active.is-flexbox,
    .ui-carousel-wide .carousel-inner > .item.active.left.is-flexbox,
    .ui-carousel-wide .carousel-inner > .item.active.right.is-flexbox,
    .ui-carousel-wide .carousel-inner > .item.next.is-flexbox,
    .ui-carousel-wide .carousel-inner > .item.prev.is-flexbox {
        display: flex;
    }

@media screen and (max-width: 991px) {
    .ui-carousel-wide .carousel-inner > .item.active.is-flexbox,
    .ui-carousel-wide .carousel-inner > .item.active.left.is-flexbox,
    .ui-carousel-wide .carousel-inner > .item.active.right.is-flexbox,
    .ui-carousel-wide .carousel-inner > .item.next.is-flexbox,
    .ui-carousel-wide .carousel-inner > .item.prev.is-flexbox {
        display: block;
    }
}

.ui-carousel-wide.has-thumbnails .is-thumb {
    display: none;
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .ui-carousel-wide.has-thumbnails .is-thumb {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .ui-carousel-wide.has-thumbnails .carousel-indicators {
        top: 0;
        left: 0;
        display: flex;
        overflow: hidden;
        width: 100%;
        height: 81px;
        justify-content: flex-start;
        padding: 0;
        margin: 0;
    }

        .ui-carousel-wide.has-thumbnails .carousel-indicators.is-center {
            justify-content: center;
        }

        .ui-carousel-wide.has-thumbnails
        .carousel-indicators
        .carousel-indicator-item {
            position: relative;
            display: flex;
            width: 144px;
            height: 81px;
            box-sizing: content-box;
            flex: 0 0 144px;
            align-items: center;
            justify-content: center;
            padding: 0;
            border-top: 0;
            border-right: 2px solid #fff;
            border-bottom: 0;
            border-left: 2px solid #fff;
            margin: 0;
            background-color: #333;
            border-radius: 0;
            transform: none;
            transform-origin: 0;
        }

            .ui-carousel-wide.has-thumbnails
            .carousel-indicators
            .carousel-indicator-item:first-child {
                border-left: 0;
                transition: margin-left 250ms 15ms;
            }

                .ui-carousel-wide.has-thumbnails
                .carousel-indicators
                .carousel-indicator-item:first-child::before {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: -4px;
                    width: 4px;
                    background-color: #fff;
                    content: '';
                }

            .ui-carousel-wide.has-thumbnails
            .carousel-indicators
            .carousel-indicator-item:last-child {
                border-right: 0;
            }

                .ui-carousel-wide.has-thumbnails
                .carousel-indicators
                .carousel-indicator-item:last-child::before {
                    position: absolute;
                    top: 0;
                    right: -4px;
                    bottom: 0;
                    width: 4px;
                    background-color: #fff;
                    content: '';
                }

            .ui-carousel-wide.has-thumbnails
            .carousel-indicators
            .carousel-indicator-item::after {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 4px;
                background-color: rgba(0, 0, 0, 0);
                content: '';
                transition: background-color 150ms 0s;
            }

            .ui-carousel-wide.has-thumbnails
            .carousel-indicators
            .carousel-indicator-item.active::after {
                background-color: #f60;
                transition: background-color 250ms 50ms;
            }

            .ui-carousel-wide.has-thumbnails
            .carousel-indicators
            .carousel-indicator-item
            .is-thumb {
                max-width: 144px;
                max-height: 100%;
            }

            .ui-carousel-wide.has-thumbnails
            .carousel-indicators
            .carousel-indicator-item.is-video::before {
                position: absolute;
                z-index: 1;
                top: 50%;
                left: 50%;
                width: 50%;
                height: 50%;
                background: url(../img/play-button-yt.svg) 8px 0 / contain no-repeat;
                content: '';
                transform: translate(-50%, -50%);
            }

        .ui-carousel-wide.has-thumbnails .carousel-indicators li {
            text-indent: 0;
        }

    .ui-carousel-wide.has-thumbnails .carousel-inner {
        padding-top: 81px;
    }

        .ui-carousel-wide.has-thumbnails .carousel-inner .next,
        .ui-carousel-wide.has-thumbnails .carousel-inner .prev {
            top: 81px;
        }

        .ui-carousel-wide.has-thumbnails .carousel-inner .embed-responsive {
            overflow: visible;
        }

        .ui-carousel-wide.has-thumbnails .carousel-inner .carousel-control {
            top: -81px;
        }

            .ui-carousel-wide.has-thumbnails
            .carousel-inner
            .carousel-control
            .arrow-right {
                background-position: calc(100% - 20px) calc(45% + 40px);
            }

            .ui-carousel-wide.has-thumbnails
            .carousel-inner
            .carousel-control
            .arrow-left {
                background-position: 20px calc(45% + 40px);
            }

            .ui-carousel-wide.has-thumbnails
            .carousel-inner
            .carousel-control.is-video-slide
            .arrow-right {
                background-position: calc(100% - 20px) calc(45% + 80px);
            }

            .ui-carousel-wide.has-thumbnails
            .carousel-inner
            .carousel-control.is-video-slide
            .arrow-left {
                background-position: 20px calc(45% + 80px);
            }

        .ui-carousel-wide.has-thumbnails .carousel-inner .icon-social {
            font-size: 0;
        }
}

.ui-carousel-wide.is-story-telling {
    width: 100%;
    box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}

@media screen and (min-width: 992px) {
    .ui-carousel-wide.is-story-telling:not(.is-full):hover {
        box-shadow: 5px 5px 0 #666, 10px 10px 0 #888;
        transform: translate(-5px, -5px);
    }
}

@media screen and (max-width: 991px) {
    .ui-carousel-wide.is-story-telling:not(.is-full).inview-top {
        box-shadow: 5px 5px 0 #666, 10px 10px 0 #888;
        transform: translate(-5px, -5px);
    }
}

.ui-carousel-wide.is-story-telling .richtext p,
.ui-carousel-wide.is-story-telling .richtext strong {
    color: #fff;
}

.ui-carousel-wide.is-story-telling.is-full .fullscreen-btn-wrapper {
    top: 18px;
    right: 18px;
    bottom: auto;
}

.ui-carousel-wide.is-story-telling.is-full .fullscreen-btn {
    display: none;
}

.ui-carousel-wide.is-story-telling.is-full .standardview-btn {
    display: flex;
    width: 22px;
    height: 22px;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    color: transparent;
    font: 0/0 a;
}

    .ui-carousel-wide.is-story-telling.is-full .standardview-btn:hover::after {
        transform: scale(1.1);
    }

    .ui-carousel-wide.is-story-telling.is-full .standardview-btn::after {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 22px;
        height: 22px;
        background-image: url(../img/reduce-btn.svg);
    }

.ui-carousel-wide.is-story-telling.is-full .embed-responsive-3by4 {
    padding-bottom: 100vh;
}

.ui-carousel-wide.is-story-telling.is-full .ui-youtube-player {
    top: 50%;
    transform: translateY(-50%);
}

.ui-carousel-wide.is-story-telling.is-iphone {
    position: fixed;
    z-index: 9998;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
}

    .ui-carousel-wide.is-story-telling.is-iphone .carousel {
        height: 100%;
    }

    .ui-carousel-wide.is-story-telling.is-iphone .carousel-inner {
        height: 100%;
    }

    .ui-carousel-wide.is-story-telling.is-iphone .item {
        height: 100%;
    }

    .ui-carousel-wide.is-story-telling.is-iphone:hover {
        box-shadow: 0 0 0 transparent, 0 0 0 transparent;
        transform: none;
    }

    .ui-carousel-wide.is-story-telling.is-iphone.inview-top {
        box-shadow: 0 0 0 transparent, 0 0 0 transparent;
        transform: none;
    }

    .ui-carousel-wide.is-story-telling.is-iphone .background-img,
    .ui-carousel-wide.is-story-telling.is-iphone .fallback-img {
        background-position: 50% 50%;
    }

    .ui-carousel-wide.is-story-telling.is-iphone .embed-responsive-3by4 {
        height: 100%;
        padding-bottom: 0;
    }

.ui-carousel-wide.is-story-telling .carousel-control {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

    .ui-carousel-wide.is-story-telling .carousel-control:hover {
        opacity: 1;
    }

.ui-carousel-wide.is-story-telling .caption {
    position: absolute;
    z-index: 102;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
}

    .ui-carousel-wide.is-story-telling .caption.is-hidden-on-play-video {
        opacity: 0;
        pointer-events: none;
    }

@media screen and (min-width: 768px) {
    .ui-carousel-wide.is-story-telling .caption.is-paused-video .caption-content {
        padding: 100px 0 0;
    }
}

@media screen and (min-width: 1200px) {
    .ui-carousel-wide.is-story-telling .caption.is-paused-video .caption-content {
        padding: 130px 0 0;
    }
}

@media screen and (min-width: 768px) {
    .ui-carousel-wide.is-story-telling .caption.is-paused-video {
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
    }
}

.ui-carousel-wide.is-story-telling .caption-content {
    padding: 66px 0 0;
}

@media screen and (min-width: 768px) {
    .ui-carousel-wide.is-story-telling .caption-content {
        padding: 70px 0 0;
    }
}

@media screen and (min-width: 1200px) {
    .ui-carousel-wide.is-story-telling .caption-content {
        padding: 80px 0 0;
    }
}

.ui-carousel-wide.is-story-telling .carousel::before {
    position: absolute;
    display: block;
    content: '';
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

.ui-carousel-wide.is-story-telling .ui-panel-migros {
    border: 0;
}

    .ui-carousel-wide.is-story-telling .ui-panel-migros .panel-title > a {
        font-size: 1.6rem;
        line-height: 2.4rem;
        position: relative;
        padding-top: 22.5px;
        padding-bottom: 12px;
        padding-left: 14px;
        color: #fff;
        font-family: 'Helvetica Now Text Bold';
    }

        .ui-carousel-wide.is-story-telling .ui-panel-migros .panel-title > a::before {
            top: 10.5px;
            left: 14px;
            width: 21px;
            height: 12px;
            background-image: url(../img/dropdown-white.svg);
            background-size: 100%;
            transform: rotate(0);
        }

@media screen and (min-width: 768px) {
    .ui-carousel-wide.is-story-telling .ui-panel-migros .panel-title > a::before {
        top: 14px;
    }
}

@media screen and (min-width: 768px) {
    .ui-carousel-wide.is-story-telling .ui-panel-migros .panel-title > a {
        padding-top: 0;
        padding-bottom: 2px;
        padding-left: 56px;
    }
}

.ui-carousel-wide.is-story-telling
.ui-panel-migros
.panel-heading + .panel-collapse > .panel-body {
    padding-top: 0;
    padding-bottom: 40px;
    padding-left: 24px;
    border: 0;
    overflow-wrap: anywhere;
}

@media screen and (min-width: 768px) {
    .ui-carousel-wide.is-story-telling
    .ui-panel-migros
    .panel-heading + .panel-collapse > .panel-body {
        padding-bottom: 25px;
        padding-left: 66px;
    }
}

.ui-carousel-wide.is-story-telling
.ui-panel-migros
.panel-heading
[aria-expanded='false'] {
    padding-bottom: 48px;
}

    .ui-carousel-wide.is-story-telling
    .ui-panel-migros
    .panel-heading
    [aria-expanded='false']::before {
        transform: rotate(180deg);
    }

@media screen and (min-width: 768px) {
    .ui-carousel-wide.is-story-telling
    .ui-panel-migros
    .panel-heading
    [aria-expanded='false'] {
        padding-bottom: 22.5px;
    }
}

@media screen and (min-width: 768px) {
    .ui-carousel-wide.is-story-telling
    .caption-content.col-sm-12
    .ui-panel-migros
    .panel-heading + .panel-collapse > .panel-body {
        padding-bottom: 50px;
    }
}

.ui-carousel-wide.is-story-telling .background-img,
.ui-carousel-wide.is-story-telling .embed-responsive-item {
    background-color: #e7e5e3;
}

.ui-carousel-wide.is-story-telling .carousel-indicators {
    top: 18px;
    left: 65px;
    display: flex;
    width: calc(100% - 130px);
    height: 4px;
    justify-content: center;
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .ui-carousel-wide.is-story-telling .carousel-indicators {
        left: 30%;
        width: 40%;
    }
}

.ui-carousel-wide.is-story-telling .carousel-indicator-item {
    width: auto;
    height: 4px;
    flex: 1 1 auto;
    border: 0;
    margin: 0 5px 0 0;
    transform: none;
}

    .ui-carousel-wide.is-story-telling .carousel-indicator-item:last-child {
        margin: 0;
    }

    .ui-carousel-wide.is-story-telling .carousel-indicator-item.active {
        border: 0;
        transform: none;
    }

.ui-carousel-wide.is-story-telling .fullscreen-btn-wrapper {
    position: absolute;
    z-index: 103;
    right: 0;
    bottom: 0;
}

.ui-carousel-wide.is-story-telling .fullscreen-btn,
.ui-carousel-wide.is-story-telling .standardview-btn {
    font-size: 1.4rem;
    line-height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 39px 11px 12px;
    border: 0;
    background-color: #f60;
    border-radius: 0;
    color: #fff;
    font-family: 'Helvetica Now Text Bold';
}

    .ui-carousel-wide.is-story-telling .fullscreen-btn:hover::after,
    .ui-carousel-wide.is-story-telling .standardview-btn:hover::after {
        transform: scale(1.1);
    }

    .ui-carousel-wide.is-story-telling .fullscreen-btn::after,
    .ui-carousel-wide.is-story-telling .standardview-btn::after {
        position: absolute;
        display: block;
        content: '';
        right: 12px;
        bottom: 11px;
        width: 17px;
        height: 17px;
        background-image: url(../img/fullscreen-btn.svg);
        background-size: 100%;
        transform-origin: center center;
        transition: transform 0.25s ease-in-out;
    }

.ui-carousel-wide.is-story-telling .standardview-btn {
    display: none;
}

.ui-carousel-wide.is-story-telling .embed-responsive-3by4 {
    padding-bottom: 133.3333333333%;
}

@media screen and (min-width: 768px) {
    .ui-carousel-wide.is-story-telling .embed-responsive-3by4 {
        padding-bottom: 56.25%;
    }
}

@media screen and (max-width: 767px) {
    .ui-carousel-wide.is-story-telling .ui-youtube-player {
        top: 25%;
    }
}

.ui-carousel-wide.is-story-telling .fallback-img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #e7e5e3;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (min-width: 768px) {
    .ui-carousel-wide.is-story-telling .fallback-img {
        display: none;
    }
}

.ui-carousel-wide.is-story-telling .embed-responsive-item video {
    -o-object-fit: cover;
    object-fit: cover;
}

.ui-carousel-wide.is-story-telling .tile-video:hover {
    cursor: pointer;
}

.ui-carousel-wide.is-story-telling .tile-video::before {
    position: absolute;
    display: block;
    content: '';
    z-index: 101;
    top: 50%;
    left: 50%;
    width: 68px;
    height: 47px;
    background: url(../img/svg/icons/tiles/play-video.svg);
    opacity: 1;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: opacity 0.25s ease-in-out;
}

.ui-carousel-wide.is-story-telling .tile-video.play-hidden::before {
    opacity: 0;
}

@media screen and (max-width: 767px) {
    .ui-carousel-wide .carousel-indicators {
        display: none;
    }
}

.alt-colored .carousel-indicators .carousel-indicator-item,
.ui-carousel-wide .alt-colored.carousel-indicators .carousel-indicator-item {
    border-color: #fff;
    background-color: #fff;
}

    .alt-colored .carousel-indicators .carousel-indicator-item.active,
    .ui-carousel-wide
    .alt-colored.carousel-indicators
    .carousel-indicator-item.active {
        border-color: #f60;
        background-color: #f60;
    }

.alt-colored .carousel-indicators .icon-social,
.ui-carousel-wide .alt-colored.carousel-indicators .icon-social {
    background-color: #f60;
}

    .alt-colored .carousel-indicators .icon-social:active,
    .alt-colored .carousel-indicators .icon-social:focus,
    .alt-colored .carousel-indicators .icon-social:hover,
    .ui-carousel-wide .alt-colored.carousel-indicators .icon-social:active,
    .ui-carousel-wide .alt-colored.carousel-indicators .icon-social:focus,
    .ui-carousel-wide .alt-colored.carousel-indicators .icon-social:hover {
        background-color: #de450a;
    }

.ui-carousel-wide.has-thumbnails
.alt-colored.carousel-indicators
.carousel-indicator-item {
    border-color: #fff;
    background-color: rgba(0, 0, 0, 0);
}

.ui-cumulus-dirac-detail {
    --bg-color: var(--campaign-color, #dcecff);
    overflow: hidden;
}

.ui-cumulus-dirac-detail-article {
    margin-bottom: 0;
}

.ui-cumulus-dirac-detail-main {
    padding-top: 23px;
}

.ui-cumulus-dirac-detail-aside {
    padding-top: 15px;
    padding-bottom: 32px;
}

    .ui-cumulus-dirac-detail-aside::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        width: calc(100% + 45px);
        height: 100%;
        background-color: var(--bg-color);
        z-index: -1;
    }

.ui-cumulus-dirac-detail-header {
    margin-top: 23px;
}

.ui-cumulus-dirac-detail .ui-paragraph-headline {
    font-size: 2.2rem;
    line-height: 2.5rem;
    margin-top: 0;
    letter-spacing: 0;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-cumulus-dirac-detail .ui-paragraph-headline {
        font-size: 2.8rem;
        line-height: 3.2rem;
        margin-top: 12px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-cumulus-dirac-detail .ui-paragraph-headline {
        font-size: 3.2rem;
        line-height: 3.6rem;
        letter-spacing: -0.25px;
        margin-top: 15px;
    }
}

.ui-cumulus-dirac-detail .lead {
    font-size: 2rem;
    line-height: 2.3rem;
    font-family: 'Helvetica Now Text Bold', Helvetica, arial, sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .ui-cumulus-dirac-detail .lead {
        line-height: 2.6rem;
    }
}

@media screen and (min-width: 992px) {
    .ui-cumulus-dirac-detail .lead {
        font-size: 2.4rem;
        line-height: 2.8rem;
        margin-bottom: 5px;
    }
}

.ui-cumulus-dirac-detail-figure {
    position: relative;
    margin: 0 auto 20px;
    width: 70%;
}

.ui-cumulus-dirac-detail-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 182px;
}

.ui-cumulus-dirac-detail-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    max-width: 80px;
}

.ui-cumulus-dirac-detail-border,
.ui-cumulus-dirac-detail-side-headline {
    margin-top: 25px;
}

.ui-cumulus-dirac-detail-border {
    border-width: 0 0 2px;
    -o-border-image: url(../img/border-dotted-dark-grey.svg) 0 0 2 0 repeat;
    border-image: url(../img/border-dotted-dark-grey.svg) 0 0 2 0 repeat;
    border-style: dotted;
    border-color: #666;
    padding-bottom: 25px;
}

    .ui-cumulus-dirac-detail-border.not-border-bottom {
        border: 0;
        padding-bottom: 0;
    }

.ui-cumulus-dirac-detail-side-headline {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-family: 'Helvetica Now Text XBold', Helvetica, arial, sans-serif;
    font-weight: 400;
    margin-bottom: 13px;
}

.ui-cumulus-dirac-detail .is-coupon-headline {
    position: relative;
    padding-top: 6px;
    background-size: 0 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzAwM0Q4RCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuOTguMDdDMjcuOS4xIDM1Ljg3NyA4LjEwNiAzNS45MjMgMTguMDc4Yy4wNDQgOS44MS04LjA1NiAxNy44OTgtMTcuOTQ4IDE3LjkyMkM4LjAwMiAzNi4wMjQuMDA2IDI3Ljk3MiAwIDE3LjkwMi0uMDA1IDguMDk1IDguMTE3LjA0IDE3Ljk4LjA3em0uMDUgMS43MTJDOS4wMjYgMS43NSAxLjk1NyA4LjkxNyAxLjcxNCAxNy40ODVjLS4yNjMgOS4yNSA2Ljk5OSAxNi43NzkgMTYuMTk4IDE2Ljc5NiA5LjA3LjAxNyAxNi4yMTgtNy4yNTUgMTYuMzA4LTE2LjE3QzM0LjE2MiA4LjkwNSAyNi44NyAxLjgxNSAxOC4wMyAxLjc4MnoiLz48cGF0aCBkPSJNMTQuNzE2IDIyLjM1Yy4wOTMtLjE0LjE1Ni0uMjczLjI1Mi0uMzczIDMuMjEzLTMuMzU1IDYuNDI3LTYuNzA5IDkuNjUxLTEwLjA1My4yMDItLjIwOS40Ny0uMzY0LjczMi0uNDg5LjMzNS0uMTYuNzM4LS4wMi45NjcuMjguMjQ4LjMyNC4yNzkuNy4wNjggMS4wNDItLjA3OS4xMy0uMTgzLjI0NC0uMjg3LjM1M2EyODExMy4yNyAyODExMy4yNyAwIDAxLTEwLjYxNiAxMS4wNzZjLS41NzIuNTk3LTEuMDUyLjU5NS0xLjYyMy0uMDExLTEuMzAxLTEuMzg0LTIuNi0yLjc3LTMuOS00LjE1NS0uMTA0LS4xMS0uMjEtLjIyMS0uMy0uMzQ0LS4yNy0uMzY3LS4yNDItLjg4Ni4wNTctMS4yMDRhLjg1OC44NTggMCAwMTEuMTU1LS4wOTNjLjEuMDc2LjE4NS4xNzEuMjczLjI2MmwzLjIwNSAzLjM0NWMuMDk1LjA5OS4xOTQuMTkzLjM2Ni4zNjQiLz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: top left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: padding 0.1s linear;
}

.ui-cumulus-dirac-detail .is-active .is-coupon-headline {
    border-width: 0 0 2px;
    -o-border-image: url(../img/border-dotted-dark-grey.svg) 0 0 2 0 repeat;
    border-image: url(../img/border-dotted-dark-grey.svg) 0 0 2 0 repeat;
    border-style: dotted;
    border-color: #666;
    padding-left: 53px;
    padding-bottom: 30px;
    margin-bottom: 25px;
    background-size: 36px 36px;
    transition: padding 0.1s linear, margin 0.1s linear, background-size 0.15s linear;
}

.ui-cumulus-dirac-detail .richtext h3 {
    font-family: HelveticaNowDisplayRegular, Helvetica, arial, sans-serif;
    font-weight: 400;
}

.ui-cumulus-dirac-detail-barcode-img {
    display: block;
    width: 100%;
    max-width: 245px;
}

.ui-cumulus-dirac-detail-clipboard {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}

.ui-cumulus-dirac-detail-code {
    font-size: 3.2rem;
    line-height: 1;
    display: block;
    width: 100%;
    height: 40px;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    outline: 0;
    font-family: 'Helvetica Now Text Regular', Helvetica, arial, sans-serif;
    font-weight: 400;
    cursor: pointer;
    text-overflow: ellipsis;
}

.ui-cumulus-dirac-detail-btn-copy {
    display: block;
    background-color: rgba(0, 0, 0, 0);
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 0;
    font-size: 0;
    line-height: 0;
    padding: 5px;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg width='25' height='33' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.191 1.14l.054.046.024.021 4.796 4.732.042.048.026.03a.77.77 0 01.005.007l-.073-.085a.75.75 0 01.224.513v20.756a.75.75 0 01-.65.744l-.1.006h-5.252v4.185a.75.75 0 01-.648.743l-.101.007H.75a.75.75 0 01-.743-.648L0 32.143V9.713a.75.75 0 01.648-.743l.102-.007H6V6.041a.75.75 0 011.493-.102l.007.102v20.416h15.288V7.223h-4.046a.75.75 0 01-.743-.648l-.007-.101V2.489L6.75 2.491a.75.75 0 01-.743-.648L6 1.74a.75.75 0 01.648-.743L6.75.99 18.735.989a.728.728 0 01.456.15zM6 10.462l-4.501.001v20.93h15.288v-3.435H6.75a.75.75 0 01-.743-.648L6 27.208V10.462zM19.49 3.534v2.189h2.218l-2.218-2.189z' fill='%23f60' fill-rule='nonzero'/%3E%3C/svg%3E") center left no-repeat;
}

    .ui-cumulus-dirac-detail-btn-copy:active,
    .ui-cumulus-dirac-detail-btn-copy:focus,
    .ui-cumulus-dirac-detail-btn-copy:hover {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='33' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.191 1.14l.054.046.024.021 4.796 4.732.042.048.026.03a.77.77 0 01.005.007l-.073-.085a.75.75 0 01.224.513v20.756a.75.75 0 01-.65.744l-.1.006h-5.252v4.185a.75.75 0 01-.648.743l-.101.007H.75a.75.75 0 01-.743-.648L0 32.143V9.713a.75.75 0 01.648-.743l.102-.007H6V6.041a.75.75 0 011.493-.102l.007.102v20.416h15.288V7.223h-4.046a.75.75 0 01-.743-.648l-.007-.101V2.489L6.75 2.491a.75.75 0 01-.743-.648L6 1.74a.75.75 0 01.648-.743L6.75.99 18.735.989a.728.728 0 01.456.15zM6 10.462l-4.501.001v20.93h15.288v-3.435H6.75a.75.75 0 01-.743-.648L6 27.208V10.462zM19.49 3.534v2.189h2.218l-2.218-2.189z' fill='%23de450a' fill-rule='nonzero'/%3E%3C/svg%3E");
    }

.ui-cumulus-dirac-detail-shops {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    width: 100%;
}

.ui-cumulus-dirac-detail-shop {
    margin-right: 15px;
    margin-bottom: 25px;
}

.ui-cumulus-dirac-detail-shop-img {
    display: block;
    max-height: 25px;
    max-width: 100px;
}

.ui-cumulus-dirac-detail-shop.big .ui-cumulus-dirac-detail-shop-img {
    max-height: 30px;
    max-width: 120px;
}

.ui-cumulus-dirac-detail-btn {
    margin-top: 12px;
}

.ui-cumulus-dirac-detail-border.not-border-bottom .ui-cumulus-dirac-detail-btn {
    margin-top: 0;
}

.ui-cumulus-dirac-detail-richtext-bottom {
    margin-top: 35px;
}

@media screen and (min-width: 480px) {
    .ui-cumulus-dirac-detail-aside {
        padding-top: 45px;
        padding-bottom: 35px;
    }
}

@media screen and (min-width: 768px) {
    .ui-cumulus-dirac-detail-main {
        padding-top: 36px;
    }

    .ui-cumulus-dirac-detail-aside {
        padding-top: 30px;
        padding-bottom: 60px;
    }

        .ui-cumulus-dirac-detail-aside::before {
            width: calc(100% + 320px);
        }

    .ui-cumulus-dirac-detail-header {
        margin-top: 23px;
    }

    .ui-cumulus-dirac-detail-figure {
        margin: 0 auto 45px;
    }

    .ui-cumulus-dirac-detail-image {
        max-height: 273px;
    }

    .ui-cumulus-dirac-detail-badge {
        max-width: 120px;
    }

    .ui-cumulus-dirac-detail-richtext-bottom {
        margin-top: 50px;
    }

    .ui-cumulus-dirac-detail-border,
    .ui-cumulus-dirac-detail-side-headline {
        margin-top: 35px;
    }

    .ui-cumulus-dirac-detail-border {
        padding-bottom: 35px;
    }

    .ui-cumulus-dirac-detail .is-coupon-headline {
        margin-top: 29px;
    }

    .ui-cumulus-dirac-detail .is-active .is-coupon-headline {
        padding-bottom: 40px;
        margin-bottom: 35px;
    }

    .ui-cumulus-dirac-detail-shop.big .ui-cumulus-dirac-detail-shop-img {
        max-height: 40px;
        max-width: 160px;
    }

    .ui-cumulus-dirac-detail-btn {
        margin-top: 27px;
    }
}

@media screen and (min-width: 992px) {
    .ui-cumulus-dirac-detail-article {
        display: flex;
        flex-flow: row nowrap;
    }

    .ui-cumulus-dirac-detail-main {
        padding-top: 29px;
        padding-bottom: 29px;
        float: none;
    }

    .ui-cumulus-dirac-detail-aside {
        float: none;
        padding-top: 79px;
        padding-bottom: 59px;
        padding-left: 13px;
    }

        .ui-cumulus-dirac-detail-aside::before {
            top: 15px;
            left: -12px;
            transform: none;
            width: 484px;
            height: calc(100% - 15px);
            background-color: var(--bg-color);
            background-position: top left;
        }

    .ui-cumulus-dirac-detail-border {
        padding-bottom: 40px;
    }

        .ui-cumulus-dirac-detail-border:first-child {
            border-width: 2px 0;
            -o-border-image: url(../img/border-dotted-dark-grey.svg) 2 0 2 0 repeat;
            border-image: url(../img/border-dotted-dark-grey.svg) 2 0 2 0 repeat;
            border-style: dotted;
            border-color: #666;
            margin-top: 0;
        }

        .ui-cumulus-dirac-detail-border.not-border-bottom:last-of-type:first-child {
            border-width: 2px 0 0;
            -o-border-image: url(../img/border-dotted-dark-grey.svg) 2 0 0 0 repeat;
            border-image: url(../img/border-dotted-dark-grey.svg) 2 0 0 0 repeat;
            border-style: dotted;
            border-color: #666;
            padding-top: 40px;
        }

    .ui-cumulus-dirac-detail-figure {
        margin: 0 auto 25px;
    }

    .ui-cumulus-dirac-detail-side-headline {
        margin-bottom: 21px;
    }

    .ui-cumulus-dirac-detail .is-active .is-coupon-headline {
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-cumulus-dirac-detail-aside::before {
        top: 0;
        height: 100%;
    }

    .ui-cumulus-dirac-detail-image {
        max-height: 312px;
    }
}

.ui-cumulus-dirac-filters {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    margin: 17px 0 0;
    padding: 0 20px;
}

    .ui-cumulus-dirac-filters .col:last-child {
        margin-left: auto;
        padding-left: 20px;
    }

    .ui-cumulus-dirac-filters .ui-f607-12-forms .ff-radio .ff-group-inline,
    .ui-cumulus-dirac-filters .ui-f607-12-forms .form-group {
        margin: 0;
    }

    .ui-cumulus-dirac-filters .ui-item-filter {
        margin-bottom: 0;
    }

        .ui-cumulus-dirac-filters .ui-item-filter .dropdown {
            margin-right: 0;
        }

@media screen and (min-width: 480px) {
    .ui-cumulus-dirac-filters {
        padding: 0;
    }
}

@media screen and (min-width: 768px) {
    .ui-cumulus-dirac-filters {
        margin-top: 33px;
    }
}

@media screen and (min-width: 992px) {
    .ui-cumulus-dirac-filters {
        margin-top: 36px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-cumulus-dirac-filters {
        margin-top: 34px;
    }
}

.ui-cumulus-password .line-area {
    border-width: 2px 0 0;
    -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
    border-style: dotted;
    border-color: #ddd;
    margin-top: 24px;
    margin-bottom: 24px;
}

.ui-cumulus-password .btn {
    margin-top: 16px;
}

.ui-donate-cumulus-points {
    margin-bottom: 18px;
}

    .ui-donate-cumulus-points .ui-paragraph-headline {
        font-size: 2.2rem;
        line-height: 2.8rem;
        margin-top: 32px;
        margin-bottom: 18px;
    }

        .ui-donate-cumulus-points .ui-paragraph-headline.is-medium {
            font-size: 2rem;
            line-height: 2.5rem;
        }

        .ui-donate-cumulus-points .ui-paragraph-headline.is-small {
            font-size: 2.2rem;
            line-height: 3rem;
            margin-top: 0;
            margin-bottom: 0;
        }

@media screen and (max-width: 767px) {
    .ui-donate-cumulus-points .ui-paragraph-headline {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

.ui-donate-cumulus-points input[type='text'] {
    padding-left: 55px;
}

    .ui-donate-cumulus-points input[type='text']:focus {
        padding-left: 53px;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-donate-cumulus-points input[type='text']:focus {
        padding-left: 46px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-donate-cumulus-points input[type='text'] {
        padding-left: 48px;
    }
}

.ui-donate-cumulus-points .box {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.4rem;
    width: 40%;
    margin-bottom: 27px;
    color: #333;
    float: left;
}

    .ui-donate-cumulus-points .box .ui-secondary-headline {
        margin-bottom: 10px;
        color: #666;
    }

@media screen and (max-width: 767px) {
    .ui-donate-cumulus-points .box .ui-secondary-headline {
        margin-bottom: 3px;
    }
}

.ui-donate-cumulus-points .box:first-of-type {
    margin-right: 60px;
}

@media screen and (max-width: 479px) {
    .ui-donate-cumulus-points .box {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .ui-donate-cumulus-points .box {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-donate-cumulus-points .box {
        float: none;
    }
}

.ui-donate-cumulus-points .ui-error-message img {
    margin-top: 0;
    margin-bottom: 0;
}

.ui-donate-cumulus-points .additional-link {
    margin-top: 12px;
    margin-bottom: 16px;
    margin-left: 34px;
}

@media screen and (max-width: 767px) {
    .ui-donate-cumulus-points .additional-link {
        margin-left: 0;
    }
}

.ui-donate-cumulus-points .selection {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding: 22px 0 22px 56px;
    background-image: url(../img/checked-blue.svg), none;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

    .ui-donate-cumulus-points .selection .ui-secondary-headline {
        margin-top: 0;
        margin-bottom: 4px;
    }

.ui-donate-cumulus-points .cumulus-number {
    background: 0 0;
    color: inherit;
    pointer-events: none;
    text-decoration: none;
}

.ui-donate-cumulus-points .maintenance img {
    margin-top: 40px;
    margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .ui-donate-cumulus-points .maintenance img {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .ui-donate-cumulus-points .ui-resp-image img {
        margin-top: 20px;
    }
}

.ui-donate-cumulus-points .line-area {
    border-bottom: 2px solid #f1efee;
}

.ui-js-formpart {
    display: none;
}

    .ui-js-formpart.formpart-active {
        display: block;
    }

.no-js .ui-js-formpart {
    display: block;
}

.clickable {
    cursor: pointer;
}

.mui-form-label,
label {
    font-size: 1.4rem;
    position: relative;
    font-family: HelveticaNeueW02-77BdCn, sans-serif;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-block;
    max-width: 100%;
    color: #767676;
}

.ui-f607-12-forms.ui-f633-form-security .form-group textarea {
    min-height: 250px;
}

    .ui-f607-12-forms.ui-f633-form-security .form-group textarea::-moz-placeholder {
        font-family: HelveticaNeueW01-45Ligh, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: #999;
    }

    .ui-f607-12-forms.ui-f633-form-security
    .form-group
    textarea:-ms-input-placeholder {
        font-family: HelveticaNeueW01-45Ligh, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: #999;
    }

    .ui-f607-12-forms.ui-f633-form-security .form-group textarea::placeholder {
        font-family: HelveticaNeueW01-45Ligh, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: #999;
    }

.ui-f607-12-forms .grecaptcha-badge {
    display: none;
}

.ui-f607-12-forms .js-disabled-block {
    display: none;
}

.ui-f607-12-forms[hidden] {
    display: none;
}

.ui-f607-12-forms .ui-paragraph-headline.is-small {
    margin-bottom: 14px;
}

.ui-f607-12-forms a.textlink {
    line-height: 2.4rem;
}

.ui-f607-12-forms .extrabold {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 2.6rem;
}

.ui-f607-12-forms h5 {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 18px;
}

.ui-f607-12-forms .required {
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #757575;
}

    .ui-f607-12-forms .required em {
        font-style: normal;
    }

.ui-f607-12-forms .additional {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 2rem;
    display: block;
    padding-top: 7px;
    color: #333;
    letter-spacing: 0;
    text-transform: none;
}

.ui-f607-12-forms .is-right.tooltip {
    font-size: 1.2rem;
    line-height: 1;
    position: static;
    padding-top: 10px;
    color: #9f9690;
    opacity: 1;
    text-transform: none;
}

.ui-f607-12-forms label.extra + .is-right.tooltip {
    padding-top: 50px;
}

.ui-f607-12-forms .ui-name-field {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 20px;
    color: #767676;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    white-space: normal;
}

    .ui-f607-12-forms .ui-name-field span {
        font-size: 1.6rem;
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        display: block;
        margin-top: 6px;
        color: #333;
        text-transform: none;
    }

.ui-f607-12-forms button[type='submit'] {
    margin-bottom: 16px;
    float: right;
}

@media screen and (max-width: 479px) {
    .ui-f607-12-forms button[type='submit'] {
        float: left;
    }
}

.ui-f607-12-forms button.btn-outline {
    border-color: #767676;
    background-color: rgba(0, 0, 0, 0);
    color: #767676;
}

    .ui-f607-12-forms button.btn-outline.is-back {
        background-image: url(../img/arrow-small-left-grey.svg);
    }

    .ui-f607-12-forms button.btn-outline.is-add {
        border-color: #f60;
        color: #f60;
    }

    .ui-f607-12-forms button.btn-outline:active:not([disabled]):not(.disabled),
    .ui-f607-12-forms button.btn-outline:focus:not([disabled]):not(.disabled),
    .ui-f607-12-forms button.btn-outline:hover:not([disabled]):not(.disabled) {
        border-color: #fb6400;
        background-color: rgba(0, 0, 0, 0);
        color: #f60;
    }

        .ui-f607-12-forms
        button.btn-outline:active:not([disabled]):not(.disabled).is-back,
        .ui-f607-12-forms
        button.btn-outline:focus:not([disabled]):not(.disabled).is-back,
        .ui-f607-12-forms
        button.btn-outline:hover:not([disabled]):not(.disabled).is-back {
            background-image: url(../img/arrow-small-left-orange.svg);
        }

        .ui-f607-12-forms
        button.btn-outline:active:not([disabled]):not(.disabled).is-add,
        .ui-f607-12-forms
        button.btn-outline:focus:not([disabled]):not(.disabled).is-add,
        .ui-f607-12-forms
        button.btn-outline:hover:not([disabled]):not(.disabled).is-add {
            background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fb6400' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Cpath d='M6 0v11.454M0 6h11.455'/%3E%3C/g%3E%3C/svg%3E");
        }

.ui-f607-12-forms .is-submit-bottom button[type='submit'] {
    margin-bottom: 0;
    float: none;
}

@media screen and (min-width: 768px) {
    .ui-f607-12-forms .is-submit-bottom {
        padding-top: calc(1.6rem + 18px);
    }
}

.ui-f607-12-forms form {
    padding-bottom: 30px;
}

    .ui-f607-12-forms form .space-top-15 {
        border-width: 2px 0 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        width: 100%;
    }

    .ui-f607-12-forms form .space-top-25 {
        border-width: 2px 0 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        width: 100%;
    }

    .ui-f607-12-forms form .space-top-40 {
        border-width: 2px 0 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        width: 100%;
    }

    .ui-f607-12-forms form .is-vertical-line::after {
        position: absolute;
        top: 0;
        right: -1px;
        width: 2px;
        height: 100%;
        background-image: linear-gradient( to bottom, #ccc 10%, rgba(255, 255, 255, 0) 40% );
        background-position: right;
        background-repeat: repeat-y;
        background-size: 2px 6px;
        content: '';
    }

    .ui-f607-12-forms form .form-width-l {
        display: inline-block;
        width: 17rem;
    }

    .ui-f607-12-forms form .form-width-s {
        display: table;
        width: 9.4rem;
        float: left;
        vertical-align: top;
    }

        .ui-f607-12-forms form .form-width-s label {
            display: table-cell;
            padding: 0;
            margin-bottom: 0;
            text-align: center;
        }

        .ui-f607-12-forms form .form-width-s input {
            width: 100%;
        }

        .ui-f607-12-forms form .form-width-s .add-group {
            display: table-cell;
            width: 5rem;
            padding: 0 6px;
            margin: 0 auto;
            text-transform: uppercase;
            vertical-align: middle;
        }

.ui-f607-12-forms fieldset {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0;
}

.ui-f607-12-forms legend {
    position: absolute;
    left: -9999px;
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    white-space: normal;
}

.ui-f607-12-forms .input-group-addon-wrapper {
    position: relative;
}

    .ui-f607-12-forms .input-group-addon-wrapper.is-number {
        padding-left: 55px;
    }

    .ui-f607-12-forms .input-group-addon-wrapper .form-control {
        text-overflow: ellipsis;
    }

    .ui-f607-12-forms .input-group-addon-wrapper input[type='password'],
    .ui-f607-12-forms .input-group-addon-wrapper input[type='text'] {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        line-height: 2rem;
        cursor: text;
    }

        .ui-f607-12-forms .input-group-addon-wrapper input[type='password']:focus,
        .ui-f607-12-forms .input-group-addon-wrapper input[type='text']:focus {
            box-shadow: none;
        }

    .ui-f607-12-forms .input-group-addon-wrapper .input-group-addon {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 1;
        position: absolute;
        z-index: 1;
        top: 13px;
        display: inherit;
        padding: 0 0 0 13px;
        border: 0 none;
        background: rgba(0, 0, 0, 0);
        color: #333;
        cursor: default;
    }

        .ui-f607-12-forms
        .input-group-addon-wrapper
        .input-group-addon + input[type='text'] {
            padding-left: 55px;
        }

            .ui-f607-12-forms
            .input-group-addon-wrapper
            .input-group-addon + input[type='text']:focus,
            .ui-f607-12-forms
            .input-group-addon-wrapper
            .input-group-addon + input[type='text']:hover {
                padding-left: 53px;
            }

        .ui-f607-12-forms
        .input-group-addon-wrapper
        .input-group-addon + input[disabled]:hover {
            padding-left: 55px;
        }

    .ui-f607-12-forms .input-group-addon-wrapper .input-group-btn {
        position: absolute;
        z-index: 1;
        top: 11px;
        right: 33px;
        width: 5px;
    }

        .ui-f607-12-forms .input-group-addon-wrapper .input-group-btn > .btn {
            font-size: 1.6rem;
            line-height: 1;
            width: 35px;
            height: 35px;
            padding: 0;
            border: 7px solid transparent;
            background-color: rgba(0, 0, 0, 0);
            border-radius: 50%;
            transition: background-color 0.8s;
        }

            .ui-f607-12-forms
            .input-group-addon-wrapper
            .input-group-btn > .btn:focus:not([disabled]):not(.disabled) {
                border-color: transparent;
                background-color: rgba(0, 0, 0, 0);
                box-shadow: none;
            }

            .ui-f607-12-forms .input-group-addon-wrapper .input-group-btn > .btn .info {
                font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
                font-weight: 400;
                font-size: 1.5rem;
                display: table-cell;
                width: 22px;
                height: 22px;
                padding-left: 1px;
                background-color: #fb6400;
                border-radius: 50%;
                font-style: normal;
                vertical-align: middle;
            }

                .ui-f607-12-forms
                .input-group-addon-wrapper
                .input-group-btn > .btn
                .info::after {
                    display: block;
                    content: '?';
                }

            .ui-f607-12-forms
            .input-group-addon-wrapper
            .input-group-btn > .btn.is-showing-popover
            .info {
                font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
                font-weight: 500;
                font-size: 1.4rem;
            }

                .ui-f607-12-forms
                .input-group-addon-wrapper
                .input-group-btn > .btn.is-showing-popover
                .info::after {
                    content: 'x';
                }

.ui-f607-12-forms .label-wrapper {
    margin-bottom: 5px;
}

    .ui-f607-12-forms .label-wrapper label {
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.5rem;
        display: inline;
        color: #767676;
        letter-spacing: 0.6px;
        text-transform: uppercase;
        white-space: normal;
    }

.ui-f607-12-forms .form-control[placeholder] {
    text-overflow: ellipsis !important;
}

.ui-f607-12-forms .form-control::-moz-placeholder {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    color: #666;
    opacity: 1;
    text-overflow: ellipsis;
}

.ui-f607-12-forms .form-control:-ms-input-placeholder {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    color: #666;
    opacity: 1;
    text-overflow: ellipsis;
}

.ui-f607-12-forms .form-control::placeholder {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    color: #666;
    opacity: 1;
    text-overflow: ellipsis;
}

.ui-f607-12-forms .form-control::-webkit-input-placeholder {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    color: #666;
    text-overflow: ellipsis !important;
}

.ui-f607-12-forms .form-control:-moz-placeholder {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    color: #666;
    opacity: 1;
    text-overflow: ellipsis;
}

.ui-f607-12-forms .form-control::-moz-placeholder {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    color: #666;
    opacity: 1;
    text-overflow: ellipsis;
}

.ui-f607-12-forms .form-control:-ms-input-placeholder {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    color: #666;
    text-overflow: ellipsis;
}

.ui-f607-12-forms .form-group {
    margin: 1.32rem 0 1.5rem;
}

    .ui-f607-12-forms .form-group.filled .label {
        color: #999;
    }

    .ui-f607-12-forms .form-group.filled .form-control {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        padding: 10px 0;
        background: 0 0;
    }

    .ui-f607-12-forms .form-group.colored {
        padding: 10px;
        background-color: #ccc;
    }

    .ui-f607-12-forms .form-group.inline-with-button input {
        width: 60%;
    }

    .ui-f607-12-forms .form-group.is-mnr input {
        letter-spacing: 4px;
    }

    .ui-f607-12-forms .form-group .is-forward {
        float: right;
    }

@media screen and (max-width: 767px) {
    .ui-f607-12-forms .form-group .is-forward {
        float: left;
    }
}

.ui-f607-12-forms .form-group p {
    margin: 10px 0 0;
}

    .ui-f607-12-forms .form-group p.required {
        font-size: 1.4rem;
        line-height: 2rem;
        padding-bottom: 10px;
    }

        .ui-f607-12-forms .form-group p.required * {
            font-size: 100%;
        }

        .ui-f607-12-forms .form-group p.required strong {
            display: inline;
            margin: 0;
            text-transform: none;
        }

    .ui-f607-12-forms .form-group p.textfield {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        margin-top: 0;
    }

    .ui-f607-12-forms .form-group p.is-space-top {
        margin-top: 10px;
    }

.ui-f607-12-forms .form-group strong {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-family: 'Helvetica Now Text XBold', Helvetica, arial, sans-serif;
}

    .ui-f607-12-forms .form-group strong dfn {
        padding-left: 3px;
        font-style: normal;
    }

@media screen and (max-width: 767px) {
    .ui-f607-12-forms .form-group strong {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

.ui-f607-12-forms .form-group .error-box {
    margin-top: 10px;
}

    .ui-f607-12-forms .form-group .error-box p {
        padding-right: 0;
        padding-left: 0;
        margin-top: -3px;
        margin-bottom: 5px;
    }

.ui-f607-12-forms .form-group label strong {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    display: inline-block;
    padding-left: 0;
    margin-bottom: 7px;
    color: #767676;
    letter-spacing: 0.6px;
    text-align: left;
    text-transform: uppercase;
    white-space: normal;
}

    .ui-f607-12-forms .form-group label strong.white {
        color: #fff;
    }

    .ui-f607-12-forms .form-group label strong.hidden {
        position: absolute;
        top: auto;
        left: -10000em;
        overflow: hidden;
        width: 1px;
        height: 1px;
    }

    .ui-f607-12-forms .form-group label strong dfn {
        padding-left: 3px;
        font-style: normal;
    }

    .ui-f607-12-forms .form-group label strong div.normal {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        display: inline;
        letter-spacing: 0;
        text-transform: none;
    }

.ui-f607-12-forms .form-group label .additional strong {
    letter-spacing: 0;
}

.ui-f607-12-forms .form-group label.extra strong {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    margin-top: 20px;
    margin-bottom: 18px;
    color: #767676;
    letter-spacing: 0;
    text-transform: none;
}

.ui-f607-12-forms .form-group .checkbox,
.ui-f607-12-forms .form-group .radio,
.ui-f607-12-forms .form-group .radio-tab,
.ui-f607-12-forms .form-group .select-box,
.ui-f607-12-forms .form-group .select-open {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ui-f607-12-forms .form-group input[type='number']::-webkit-inner-spin-button,
.ui-f607-12-forms .form-group input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.ui-f607-12-forms .form-group input[type='number'] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.ui-f607-12-forms .form-group .checkbox,
.ui-f607-12-forms .form-group .radio,
.ui-f607-12-forms .form-group .radio-tab {
    width: 0;
    margin: 3px;
    opacity: 0;
}

    .ui-f607-12-forms .form-group .checkbox + label,
    .ui-f607-12-forms .form-group .radio + label,
    .ui-f607-12-forms .form-group .radio-tab + label {
        display: inline-block;
        min-height: 24px;
        padding-top: 6px;
        padding-left: 34px;
        cursor: pointer;
    }

.ui-f607-12-forms .form-group .ui-placeholder-text,
.ui-f607-12-forms .form-group input,
.ui-f607-12-forms .form-group textarea {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    min-height: 2.75em;
    margin: 0;
    background-color: #f1efee;
    box-shadow: none;
    font-weight: 400;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    border: 0 none;
    border-bottom: 2px solid #fb6400;
    border-radius: 0;
    color: #333;
    transition: background-color 0.8s;
}

    .ui-f607-12-forms .form-group .ui-placeholder-text[disabled],
    .ui-f607-12-forms .form-group input[disabled],
    .ui-f607-12-forms .form-group textarea[disabled] {
        border-bottom-color: #cfcac7;
        background-image: repeating-linear-gradient( 120deg, #fff, #fff 10px, #f1efee 10px, #f1efee 20px );
        cursor: not-allowed;
    }

        .ui-f607-12-forms .form-group .ui-placeholder-text[disabled]:hover,
        .ui-f607-12-forms .form-group input[disabled]:hover,
        .ui-f607-12-forms .form-group textarea[disabled]:hover {
            padding-top: 10px;
            padding-left: 15px;
            border-top: 0;
            border-right: 0;
            border-bottom-color: #cfcac7;
            border-left: 0;
            cursor: not-allowed;
        }

    .ui-f607-12-forms .form-group .ui-placeholder-text:focus,
    .ui-f607-12-forms .form-group input:focus,
    .ui-f607-12-forms .form-group textarea:focus {
        padding-top: 8px;
        padding-left: 13px;
        background-color: #fff;
        outline: 0;
        border: 2px solid #fb6400;
    }

        .ui-f607-12-forms .form-group .ui-placeholder-text:focus + .ui-placeholder-text,
        .ui-f607-12-forms .form-group input:focus + .ui-placeholder-text,
        .ui-f607-12-forms .form-group textarea:focus + .ui-placeholder-text {
            background-color: #fff;
        }

    .ui-f607-12-forms .form-group .ui-placeholder-text:hover,
    .ui-f607-12-forms .form-group input:hover,
    .ui-f607-12-forms .form-group textarea:hover {
        padding-top: 8px;
        padding-left: 13px;
        border: 2px solid #fb6400;
        cursor: auto;
    }

.ui-f607-12-forms .form-group .ui-placeholder-wrapper {
    position: relative;
}

    .ui-f607-12-forms .form-group .ui-placeholder-wrapper input {
        letter-spacing: 2px;
        background-color: rgba(0, 0, 0, 0);
    }

.ui-f607-12-forms .form-group .ui-placeholder-text {
    font-size: 1.75rem;
    letter-spacing: 2px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    min-height: 1em;
    padding-bottom: 8px;
    border-bottom: 0;
    opacity: 1;
}

    .ui-f607-12-forms .form-group .ui-placeholder-text ins {
        color: transparent;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ui-f607-12-forms .form-group .ui-placeholder-text {
        letter-spacing: 3.2px;
    }
}

.ui-f607-12-forms .form-group input {
    line-height: 1.6rem;
    height: auto;
}

.ui-f607-12-forms .form-group textarea {
    line-height: 2rem;
    min-height: 6.25em;
    resize: vertical;
}

.ui-f607-12-forms .form-group .not-valid-length {
    color: #e00;
}

.ui-f607-12-forms .form-group select {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    width: 100%;
    min-height: 42px;
    padding: 8px 38px 8px 12px;
    border: 2px solid #fb6400;
    margin: 0;
    background: #fff url(../img/selectbox-down.svg) right top repeat-y;
    background-clip: border-box;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
}

    .ui-f607-12-forms .form-group select::-ms-expand {
        display: none;
    }

    .ui-f607-12-forms .form-group select[disabled] {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        border: 2px solid #cfcac7;
        background-image: repeating-linear-gradient( 120deg, #fff, #fff 10px, #f1efee 10px, #f1efee 20px );
        cursor: not-allowed;
    }

        .ui-f607-12-forms .form-group select[disabled]:hover {
            padding: 8px 8px 8px 12px;
            border: 2px solid #cfcac7;
            box-shadow: none;
            cursor: not-allowed;
        }

    .ui-f607-12-forms .form-group select:focus,
    .ui-f607-12-forms .form-group select:hover {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 12px;
        box-shadow: 2px 2px 1px 0 rgba(160, 160, 160, 0.9);
        outline: 0;
    }

    .ui-f607-12-forms .form-group select option {
        border: 0;
        background-color: #fff;
        color: #333;
    }

        .ui-f607-12-forms .form-group select option:disabled {
            background-color: #fff;
            color: #ccc;
        }

.ui-f607-12-forms .form-group .ie9 select {
    border-radius: 0;
}

.ui-f607-12-forms .form-group .select-box.in-content {
    background: #fb6400 url(../img/selectbox-down.svg) 100% 50% no-repeat;
    color: #fff;
}

.ui-f607-12-forms .form-group .select-open {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    display: inline-block;
    padding: 0 26px 4px 0;
    border: 0 none;
    border-bottom: 2px solid #fb6400;
    margin-top: 3px;
    background: rgba(0, 0, 0, 0) url(../img/arrow-down-orange-bold.svg) 100% 60% no-repeat;
    background-size: 18px;
    border-radius: 0;
    color: #333;
    cursor: pointer;
    text-transform: none;
}

    .ui-f607-12-forms .form-group .select-open:active,
    .ui-f607-12-forms .form-group .select-open:focus,
    .ui-f607-12-forms .form-group .select-open:hover {
        padding: 0 26px 4px 0;
    }

    .ui-f607-12-forms .form-group .select-open.alt-colored {
        border-bottom-color: #fb6400;
        color: #fb6400;
    }

    .ui-f607-12-forms .form-group .select-open.is-large {
        font-size: 3.2rem;
        line-height: 3.6rem;
        padding-right: 34px;
        padding-bottom: 3px;
        background-size: 25px;
    }

@media screen and (max-width: 767px) {
    .ui-f607-12-forms .form-group .select-open.is-large {
        font-size: 2rem;
        line-height: 2.4rem;
        padding-right: 24px;
        background-size: 20px;
    }
}

@media all and (-ms-high-contrast: none) {
    .ui-f607-12-forms .form-group select {
        border-radius: 0;
    }

    .ui-f607-12-forms .form-group ::-ms-backdrop,
    .ui-f607-12-forms .form-group select {
        border-radius: 0;
    }
}

.ui-f607-12-forms .ui-results-autocomplete .autocomplete-suggestions {
    overflow: auto;
    border: 1px solid #9f9690;
    background-color: #fff;
}

.ui-f607-12-forms .ui-results-autocomplete .autocomplete-no-suggestion {
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 2px 5px;
    background-color: #f1efee;
    color: #333;
}

    .ui-f607-12-forms .ui-results-autocomplete .autocomplete-no-suggestion::before {
        display: inline-block;
        width: 30px;
        height: 20px;
        margin-bottom: -6px;
        background: url(../img/no-suggest-icon.svg) 0 0 no-repeat;
        content: '';
    }

.ui-f607-12-forms .ui-results-autocomplete .autocomplete-suggestion {
    font-size: 1.6rem;
    overflow: hidden;
    padding: 2px 5px;
    color: #333;
    white-space: nowrap;
}

    .ui-f607-12-forms
    .ui-results-autocomplete
    .autocomplete-suggestion:nth-child(odd) {
        background-color: #f1efee;
    }

    .ui-f607-12-forms
    .ui-results-autocomplete
    .autocomplete-suggestion.autocomplete-selected {
        background-color: #fb6400;
        color: #fff;
    }

    .ui-f607-12-forms .ui-results-autocomplete .autocomplete-suggestion strong {
        font-size: 1.6rem;
    }

.ui-f607-12-forms .invalid.is-hint.form-group .ui-results-autocomplete {
    opacity: 0;
    visibility: hidden;
}

.ui-f607-12-forms .ff-date .ff-group-inline label {
    position: absolute;
    top: -10000em;
    left: -10000em;
    display: block;
}

    .ui-f607-12-forms .ff-date .ff-group-inline label:first-child {
        position: static;
    }

.ui-f607-12-forms .ff-date .ff-group-inline input {
    display: block;
    width: 3.3em;
    padding-right: 5px;
    margin-right: 1.38em;
    float: left;
}

    .ui-f607-12-forms .ff-date .ff-group-inline input:last-child {
        width: 6.3em;
        margin-right: 0;
    }

    .ui-f607-12-forms .ff-date .ff-group-inline input:focus {
        padding-right: 3px;
    }

.ui-f607-12-forms .ff-date .ff-group-inline::after {
    display: block;
    width: 1px;
    height: 1px;
    clear: both;
    content: '';
}

.ui-f607-12-forms .ff-check,
.ui-f607-12-forms .ff-radio,
.ui-f607-12-forms .ff-radio-button {
    margin-top: 1em;
}

    .ui-f607-12-forms .ff-check.grouped,
    .ui-f607-12-forms .ff-radio-button.grouped,
    .ui-f607-12-forms .ff-radio.grouped {
        margin-top: 0;
        margin-bottom: 0;
    }

        .ui-f607-12-forms .ff-check.grouped .ff-group-block,
        .ui-f607-12-forms .ff-radio-button.grouped .ff-group-block,
        .ui-f607-12-forms .ff-radio.grouped .ff-group-block {
            margin-top: 0;
        }

    .ui-f607-12-forms .ff-check .hidden,
    .ui-f607-12-forms .ff-radio .hidden,
    .ui-f607-12-forms .ff-radio-button .hidden {
        display: none !important;
    }

    .ui-f607-12-forms .ff-check p.additional,
    .ui-f607-12-forms .ff-radio p.additional,
    .ui-f607-12-forms .ff-radio-button p.additional {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-bottom: -5px;
    }

        .ui-f607-12-forms .ff-check p.additional.intro,
        .ui-f607-12-forms .ff-radio p.additional.intro,
        .ui-f607-12-forms .ff-radio-button p.additional.intro {
            margin-bottom: 10px;
        }

    .ui-f607-12-forms .ff-check strong.extra,
    .ui-f607-12-forms .ff-radio strong.extra,
    .ui-f607-12-forms .ff-radio-button strong.extra {
        font-size: 2rem;
        line-height: 2.4rem;
        margin-top: 0;
        margin-bottom: 0;
        color: #333;
        letter-spacing: 0;
        text-transform: none;
    }

@media screen and (max-width: 767px) {
    .ui-f607-12-forms .ff-check strong.extra,
    .ui-f607-12-forms .ff-radio strong.extra,
    .ui-f607-12-forms .ff-radio-button strong.extra {
        font-size: 1.8rem;
    }
}

.ui-f607-12-forms .ff-check p,
.ui-f607-12-forms .ff-radio p {
    display: inline-block;
}

    .ui-f607-12-forms .ff-check p strong,
    .ui-f607-12-forms .ff-radio p strong {
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 1.6rem;
        display: block;
        margin-bottom: -20px;
        color: #767676;
        letter-spacing: 0.6px;
        text-transform: uppercase;
    }

.ui-f607-12-forms .ff-check label,
.ui-f607-12-forms .ff-radio label {
    position: relative;
    padding: 5px 0 5px 34px;
    margin-bottom: 0;
    cursor: pointer;
}

    .ui-f607-12-forms .ff-check label span::before,
    .ui-f607-12-forms .ff-radio label span::before {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        content: '';
    }

    .ui-f607-12-forms .ff-check label .additional strong,
    .ui-f607-12-forms .ff-radio label .additional strong {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 2rem;
        margin-top: -7px;
        color: #767676;
        text-transform: none;
    }

    .ui-f607-12-forms .ff-check label .additional .icon,
    .ui-f607-12-forms .ff-radio label .additional .icon {
        max-height: 55px;
        margin-right: 10px;
        margin-bottom: 12px;
    }

        .ui-f607-12-forms .ff-check label .additional .icon:last-child,
        .ui-f607-12-forms .ff-radio label .additional .icon:last-child {
            margin-right: 0;
        }

.ui-f607-12-forms .ff-check .is-inline,
.ui-f607-12-forms .ff-radio .is-inline {
    display: inline-block;
    vertical-align: middle;
}

.ui-f607-12-forms .ff-check input,
.ui-f607-12-forms .ff-radio input {
    position: absolute;
    top: 3px;
    left: 0;
    overflow: hidden;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

.ui-f607-12-forms .ff-check .ff-group-block,
.ui-f607-12-forms .ff-check .ff-group-inline,
.ui-f607-12-forms .ff-radio .ff-group-block,
.ui-f607-12-forms .ff-radio .ff-group-inline {
    margin-top: 15px;
}

    .ui-f607-12-forms .ff-check .ff-group-block label,
    .ui-f607-12-forms .ff-check .ff-group-inline label,
    .ui-f607-12-forms .ff-radio .ff-group-block label,
    .ui-f607-12-forms .ff-radio .ff-group-inline label {
        width: auto;
    }

    .ui-f607-12-forms .ff-check .ff-group-block label,
    .ui-f607-12-forms .ff-radio .ff-group-block label {
        display: block;
        margin-bottom: 14px;
    }

.ui-f607-12-forms .ff-check .ff-group-inline,
.ui-f607-12-forms .ff-radio .ff-group-inline {
    margin-bottom: 10px;
}

    .ui-f607-12-forms .ff-check .ff-group-inline label,
    .ui-f607-12-forms .ff-radio .ff-group-inline label {
        display: inline-block;
        margin-right: 30px;
    }

        .ui-f607-12-forms .ff-check .ff-group-inline label:last-child,
        .ui-f607-12-forms .ff-radio .ff-group-inline label:last-child {
            margin-right: 0;
        }

.ui-f607-12-forms .ff-check .link-box,
.ui-f607-12-forms .ff-radio .link-box {
    padding: 0;
    margin: -20px 0 20px 35px;
}

    .ui-f607-12-forms .ff-check .link-box .link,
    .ui-f607-12-forms .ff-radio .link-box .link {
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
    }

.ui-f607-12-forms .ff-radio label:hover {
    color: #f60;
}

    .ui-f607-12-forms .ff-radio label:hover input:checked ~ span::before {
        background: url(../img/radiobtn-checked-hover.svg) 0 0 no-repeat;
    }

.ui-f607-12-forms .ff-radio label span::before {
    width: 26px;
    height: 26px;
    background: url(../img/radiobtn-unchecked.svg) 0 0 no-repeat;
}

.ui-f607-12-forms .ff-radio input:focus ~ span::before,
.ui-f607-12-forms .ff-radio input:hover ~ span::before {
    background: url(../img/radiobtn-hover.svg) 0 0 no-repeat;
}

.ui-f607-12-forms .ff-radio input:checked ~ span::before,
.ui-f607-12-forms .ff-radio input[disabled]:checked:focus ~ span::before,
.ui-f607-12-forms .ff-radio input[disabled]:checked:hover ~ span::before {
    background: url(../img/radiobtn-checked.svg) 0 0 no-repeat;
}

.ui-f607-12-forms .ff-radio input[disabled] ~ span,
.ui-f607-12-forms .ff-radio input[disabled] ~ span strong {
    color: #cdcac5;
    cursor: not-allowed;
}

    .ui-f607-12-forms .ff-radio input[disabled] ~ span strong::before,
    .ui-f607-12-forms .ff-radio input[disabled] ~ span::before {
        background: url(../img/radiobtn-disabled.svg) 0 0 no-repeat;
    }

.ui-f607-12-forms .ff-check label:hover {
    color: #f60;
}

    .ui-f607-12-forms .ff-check label:hover input:checked ~ span::before {
        background: url(../img/checkbox3-checked-hover.svg) 0 0 no-repeat;
    }

    .ui-f607-12-forms .ff-check label:hover span::before {
        background: url(../img/checkbox3-hover.svg) 0 0 no-repeat;
    }

.ui-f607-12-forms .ff-check label .ui-js-input:focus ~ span::before {
    background: url(../img/checkbox3-hover.svg) 0 0 no-repeat;
}

.ui-f607-12-forms .ff-check label .ui-js-input:checked:focus ~ span::before {
    background: url(../img/checkbox3-checked-hover.svg) 0 0 no-repeat;
}

.ui-f607-12-forms .ff-check label span::before {
    width: 24px;
    height: 24px;
    background: url(../img/checkbox3-unchecked.svg) 0 0 no-repeat;
}

.ui-f607-12-forms .ff-check input:checked ~ span::before,
.ui-f607-12-forms .ff-check input[disabled]:checked:focus ~ span::before,
.ui-f607-12-forms .ff-check input[disabled]:checked:hover ~ span::before {
    background: url(../img/checkbox3-checked.svg) 0 0 no-repeat;
}

.ui-f607-12-forms .ff-check input[disabled] ~ span,
.ui-f607-12-forms .ff-check input[disabled] ~ span strong {
    color: #cdcac5;
    cursor: not-allowed;
}

    .ui-f607-12-forms .ff-check input[disabled] ~ span strong::before,
    .ui-f607-12-forms .ff-check input[disabled] ~ span::before {
        background: url(../img/checkbox3-disabled.svg) 0 0 no-repeat;
    }

@-webkit-keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.ui-f607-12-forms .ff-check input.is-loading ~ span::before {
    opacity: 0.1;
    transition: opacity 0.2s ease;
}

.ui-f607-12-forms .ff-check input.is-loading ~ span::after {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 0.75s linear infinite;
    animation: spin 0.75s linear infinite;
    background: url(../img/checkbox-loading.svg) 0 0 no-repeat;
    content: '';
    transform: translateZ(0);
}

.ui-f607-12-forms .ff-radio-button-group {
    display: flex;
    flex-flow: row wrap;
    margin-top: 15px;
}

@media screen and (min-width: 768px) {
    .ui-f607-12-forms .ff-radio-button-group {
        margin-top: 30px;
    }
}

.ui-f607-12-forms .ff-radio-button-group-item {
    float: none;
    margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
    .ui-f607-12-forms .ff-radio-button-group-item {
        margin-bottom: 24px;
    }
}

.ui-f607-12-forms .ff-radio-button-label {
    position: relative;
    display: block;
    padding: 15px 15px 15px 68px;
    border-radius: 0 0 4px;
    border-right: 2px solid #cfcac7;
    border-bottom: 2px solid #cfcac7;
    min-height: 70px;
    height: 100%;
    margin: 0;
    cursor: pointer;
    transition: border-color 0.1s linear;
    text-transform: none;
}

    .ui-f607-12-forms .ff-radio-button-label::before {
        position: absolute;
        top: 15px;
        left: 15px;
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        background-position: top center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .ui-f607-12-forms .ff-radio-button-label::after {
        content: '';
        display: block;
        border: 2px solid #cfcac7;
        position: absolute;
        top: -2px;
        left: -2px;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        border-radius: 4px;
        opacity: 0;
        transition: opacity 0.1s linear;
    }

    .ui-f607-12-forms .ff-radio-button-label.center {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
    }

    .ui-f607-12-forms .ff-radio-button-label.big {
        min-height: 100px;
        padding: 15px 15px 15px 68px;
    }

        .ui-f607-12-forms .ff-radio-button-label.big::before {
            top: 15px;
        }

    .ui-f607-12-forms .ff-radio-button-label:hover {
        border-color: #cfcac7;
    }

        .ui-f607-12-forms .ff-radio-button-label:hover strong.ff-radio-button-text {
            color: #fb6400;
        }

    .ui-f607-12-forms .ff-radio-button-label.icon-baby::before {
        background-image: url("data:image/svg+xml,%3Csvg width='37' height='42' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12.11 7.693c0 .528.427.95.952.95.521 0 .948-.422.948-.95a.952.952 0 00-.948-.949.953.953 0 00-.952.949z' id='a'/%3E%3Cpath d='M20.793 7.693c0 .528.43.95.954.95a.944.944 0 00.945-.95.948.948 0 00-.945-.949.955.955 0 00-.954.949z' id='c'/%3E%3Cpath d='M16.451 12.03c0 .53.427.957.95.957a.954.954 0 00.952-.956.95.95 0 00-.952-.947.949.949 0 00-.95.947z' id='e'/%3E%3C/defs%3E%3Cg transform='translate(1 1)' fill='none' fill-rule='evenodd'%3E%3Cpath d='M8.16 16.61l-3.983-1.398a1.833 1.833 0 00-2.436.958l-.884 2.029c-.415.952.006 2.067.938 2.489l5.01 2.688a13.376 13.376 0 00-.473 3.521c0 1.818.37 2.004 1.02 3.56L2.724 31.61c-1.348.61-1.956 2.222-1.357 3.598l1.278 2.938c.6 1.376 2.178 1.996 3.527 1.386l5.847-2.65s5.168 1.33 11.214-.003l5.848 2.653c1.348.61 2.928-.01 3.527-1.386l1.278-2.938c.599-1.376-.008-2.988-1.358-3.598l-4.625-1.155c.648-1.555 1.018-1.741 1.018-3.559 0-1.225-.167-2.404-.471-3.52l5.01-2.69c.931-.421 1.352-1.536.938-2.488l-.884-2.03a1.834 1.834 0 00-2.437-.957l-4.038 1.417' stroke='%23f60' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.81.837c-1.377 0-2.528.955-2.892 2.253a9.393 9.393 0 00-6.29-2.392 9.387 9.387 0 00-6.291 2.392C10.974 1.792 9.823.837 8.446.837c-1.67 0-3.024 1.395-3.024 3.115 0 1.72 1.353 3.116 3.024 3.116.126 0 .244-.023.365-.04a8.449 8.449 0 00-.365 2.44c0 4.844 4.11 8.771 9.181 8.771 5.071 0 9.183-3.927 9.183-8.772 0-.846-.133-1.662-.369-2.439.123.017.242.04.369.04 1.67 0 3.023-1.397 3.023-3.116 0-1.72-1.354-3.115-3.023-3.115z' stroke='%23f60' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23767676' xlink:href='%23a'/%3E%3Cpath fill='%23f60' fill-rule='nonzero' mask='url(%23b)' d='M7.459 13.294h11.203V2.093H7.46z'/%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cuse fill='%23767676' xlink:href='%23c'/%3E%3Cpath fill='%23f60' fill-rule='nonzero' mask='url(%23d)' d='M16.142 13.294h11.201V2.093h-11.2z'/%3E%3Cmask id='f' fill='%23fff'%3E%3Cuse xlink:href='%23e'/%3E%3C/mask%3E%3Cuse fill='%23767676' xlink:href='%23e'/%3E%3Cpath fill='%23f60' fill-rule='nonzero' mask='url(%23f)' d='M11.8 17.638h11.204V6.432H11.8z'/%3E%3C/g%3E%3C/svg%3E");
    }

    .ui-f607-12-forms .ff-radio-button-label.icon-clothes::before {
        background-image: url("data:image/svg+xml,%3Csvg width='42' height='41' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23f60' stroke-width='1.5' fill='none' fill-rule='evenodd'%3E%3Cpath d='M35.637 14.72l5.13-4.313s-6.182-6.757-7.414-7.155c-1.208-.388-3.786-.466-5.882-.933-2.096-.466-6.044-.621-6.044-.621h-.39s-3.947.155-6.043.621c-2.095.467-4.674.545-5.883.933-1.232.398-7.413 7.155-7.413 7.155l4.94 4.154'/%3E%3Cpath d='M15.651 2.628s2.257 11.163 5.696 11.163c3.44 0 5.467-11.054 5.467-11.054'/%3E%3Cpath d='M32.685 9.72s-.33 7.095-.66 10.95c-.329 3.857.073 5.751.33 7.25.412 2.39 1.319 10.643 1.319 10.643s-8.24.925-12.558.925-12.558-.925-12.558-.925.907-8.252 1.318-10.642c.257-1.5.658-3.394.33-7.25-.33-3.856-.66-10.95-.66-10.95'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    .ui-f607-12-forms .ff-radio-button-label.icon-flowers::before {
        background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.992.9a3.25 3.25 0 013.102 2.229 3.544 3.544 0 014.375.496 3.543 3.543 0 01.493 4.379 3.29 3.29 0 011.58 1.14 3.25 3.25 0 010 3.912c-.396.525-.944.93-1.577 1.146a3.543 3.543 0 01-.492 4.38 3.526 3.526 0 01-2.5 1.033 3.531 3.531 0 01-1.879-.54 3.275 3.275 0 01-2.282 2.127l-.22.049v7.413c.36-.402.712-.73.933-.926-.023-2.676.738-4.638 2.25-5.842 2.122-1.688 5.057-1.331 6.092-1.134.29.068.48.152.601.245.218 3.346-.62 5.449-2.253 6.679-2.144 1.615-4.98 1.188-5.93.981-.469.417-1.249 1.2-1.606 1.93l-.087.197v1.667c.984.091 1.945.398 2.793.923a7.627 7.627 0 015.785-2.68c2.657 0 5.127 1.399 6.502 3.668a6.462 6.462 0 013.189 2.339 6.45 6.45 0 011.236 3.603l.002.285L1.42 41.1c-.544-2.338.188-3.98 1.374-5.166a6.439 6.439 0 014.565-1.894c.4 0 .805.04 1.211.119a6.452 6.452 0 015.72-3.457c1.794 0 3.487.738 4.707 2.038a6.242 6.242 0 011.113-.251l.282-.032v-1.671c-.3-.782-1.178-1.67-1.69-2.123-.946.207-3.779.633-5.92-.98-1.631-1.228-2.466-3.329-2.466-6.254.569-.605 4.322-1.58 6.9.472 1.51 1.202 2.27 3.16 2.247 5.834.189.166.474.43.777.754l.152.167V21.25a3.302 3.302 0 01-2.497-2.172c-.572.36-1.225.541-1.879.541a3.525 3.525 0 01-3.517-3.2 3.544 3.544 0 01.524-2.212 3.29 3.29 0 01-1.58-1.141 3.25 3.25 0 010-3.913c.395-.525.944-.93 1.576-1.146a3.544 3.544 0 01.493-4.378 3.544 3.544 0 014.378-.493 3.29 3.29 0 011.141-1.58A3.25 3.25 0 0120.992.9zm9.178 31.003c-2.045 0-3.986.998-6.02 2.772A5.208 5.208 0 0021 33.62c-.68 0-1.35.13-2.647.206a5.245 5.245 0 00-4.064-1.923 5.252 5.252 0 00-2.895.868c-.85.56-1.538 1.367-2.648 2.662a5.263 5.263 0 00-1.387-.192c-1.36 0-2.602.52-3.537 1.37A5.253 5.253 0 002.134 39.9h37.731l-.04-.279a5.251 5.251 0 00-1.188-2.513c-.696-.82-1.658-1.48-2.888-1.938a6.423 6.423 0 00-5.579-3.267zm.305-9.989c-.98-.161-3.328-.374-4.956.924-1.18.942-1.778 2.522-1.794 4.691.926.173 3.151.42 4.773-.805 1.236-.934 1.895-2.554 1.977-4.81zm-14.003.93c-1.625-1.297-3.965-1.085-4.947-.924.082 2.252.74 3.87 1.974 4.802 1.618 1.223 3.84.977 4.764.804-.016-2.165-.612-3.742-1.79-4.682zm4.182-8.31c-.12 1.164-.74 2.468-1.732 3.606a2.05 2.05 0 00.628 1.38 2.058 2.058 0 002.886 0c.365-.356.6-.848.623-1.393-.983-1.133-1.604-2.434-2.405-3.593zm-2.75-1.9l-.207.013c-1.047.099-2.308.762-3.332 1.787a2.328 2.328 0 00-.683 1.651 2.328 2.328 0 002.335 2.335c.598 0 1.196-.228 1.651-.683 1.167-1.167 1.865-2.63 1.8-3.74a3.29 3.29 0 01-1.364-1.36h0l-.2-.002zm6.18-.008l-.199.003a3.292 3.292 0 01-1.36 1.364c-.063 1.114.634 2.578 1.796 3.74a2.328 2.328 0 001.651.683 2.33 2.33 0 002.335-2.335c0-.598-.228-1.196-.683-1.652-1.166-1.166-2.63-1.865-3.739-1.8zm-3.092-3.594c-.571 0-1.09.232-1.465.608a2.067 2.067 0 000 2.93 2.066 2.066 0 002.93 0 2.066 2.066 0 000-2.93 2.067 2.067 0 00-1.465-.608zm7.026.007c-.72.626-1.51 1.104-2.288 1.575-.445.27-.887.538-1.31.83 1.164.12 2.47.74 3.607 1.732a2.05 2.05 0 001.38-.629 2.057 2.057 0 00.002-2.884 2.072 2.072 0 00-1.391-.624zm-14.064-.004a2.05 2.05 0 00-1.378.629 2.057 2.057 0 000 2.884c.358.365.85.6 1.395.623.72-.626 1.51-1.105 2.288-1.578.444-.269.884-.536 1.305-.827-1.166-.12-2.472-.738-3.61-1.731zm2.058-5.24a2.328 2.328 0 00-2.334 2.335c0 .597.227 1.195.683 1.65 1.166 1.166 2.627 1.865 3.739 1.8a3.291 3.291 0 011.36-1.363c.062-1.114-.635-2.579-1.796-3.74a2.328 2.328 0 00-1.652-.683zm9.957-.005a2.33 2.33 0 00-1.652.683c-1.166 1.166-1.865 2.63-1.8 3.74.58.306 1.055.78 1.364 1.36 1.112.06 2.578-.635 3.74-1.797a2.329 2.329 0 00.682-1.651A2.329 2.329 0 0025.97 3.79zM20.992 2.1a2.072 2.072 0 00-2.066 1.983c.626.722 1.107 1.512 1.58 2.291.268.443.534.882.825 1.302.12-1.164.74-2.468 1.732-3.606a2.05 2.05 0 00-.628-1.38 2.073 2.073 0 00-1.443-.59z' fill='%23f60' fill-rule='nonzero' stroke='%23f60' stroke-width='.2'/%3E%3C/svg%3E");
    }

    .ui-f607-12-forms .ff-radio-button-label.icon-employees::before {
        background-image: url("data:image/svg+xml,%3Csvg width='34' height='41' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f60' fill-rule='nonzero'%3E%3Cpath d='M33.423 28.483c-.257-1.283-1.22-4.298-4.876-5.453 0 0-3.015-.898-5.196-1.155-.962-.128-1.732-.898-1.925-1.86 2.31-2.31 3.785-6.158 3.914-9.045.449-.513.641-1.347.641-2.502 0-2.566-.385-4.298-1.155-5.517C23.351.577 20.4.385 17 .385c-3.4 0-6.287.192-7.826 2.502-.834 1.219-1.155 3.015-1.155 5.645 0 1.155.192 1.989.641 2.502.129 2.887 1.604 6.608 3.785 8.917a2.314 2.314 0 01-1.988 1.989c-1.99.256-5.068 1.154-5.068 1.154-2.566.77-4.298 2.887-4.876 5.517-.834 4.106.834 9.238.834 9.238s6.8 2.245 15.653 2.245c8.853 0 15.717-2.245 15.717-2.245s1.54-4.811.706-9.366zm-8.083 3.272v-8.212c.449.065.834.193 1.283.321v7.89H25.34zM10.008 11.61c.705.064 1.86-.192 2.822-.449.962-.256 2.117-.577 3.272-.705h1.796c1.155.064 2.31.385 3.272.705 1.026.321 1.988.578 2.822.45-.449 3.913-3.464 9.237-6.992 9.237s-6.48-5.26-6.992-9.238zM24.249 10.2c-.449.32-1.54 0-2.694-.32-1.027-.322-2.246-.642-3.593-.706h-1.924c-1.347.128-2.502.449-3.593.705-1.154.321-2.31.642-2.694.321-.257-.192-.385-.577-.45-1.283 5.005-1.86 10.33-1.86 15.333 0 0 .706-.128 1.155-.385 1.283zM10.264 3.528c1.027-1.603 3.08-1.924 6.736-1.924 3.657 0 5.71.32 6.736 1.924.577.898.834 2.181.898 4.042-5.068-1.796-10.328-1.796-15.396 0 .128-1.86.449-3.208 1.026-4.042zm3.272 17.321c1.026.77 2.181 1.283 3.464 1.283 1.219 0 2.374-.449 3.336-1.219.32.834 1.026 1.54 1.796 1.925l-5.196 3.656-5.196-3.72a3.517 3.517 0 001.796-1.925zM17 28.034l6.8-4.811c.064 0 .128 0 .257.064v8.468H9.943v-8.532c.065 0 .129 0 .193-.065L17 28.034zM7.377 23.8c.45-.128.834-.192 1.283-.32v8.275H7.377V23.8zM1.86 28.675c.385-2.117 1.99-3.977 4.234-4.554v7.634H4.811V37.4l-2.437-.642a17.793 17.793 0 01-.514-8.083zm4.234 9.046v-4.683h21.812v4.683a54.291 54.291 0 01-21.812 0zm25.532-.898l-2.437.641V31.82h-1.283v-7.634c3.336.962 4.105 3.528 4.234 4.555.449 2.373.385 4.81-.514 8.083z'/%3E%3Cpath d='M8.66 34.321h2.566v1.283H8.66zM22.774 34.321h2.566v1.283h-2.566zM15.075 2.887h3.849V4.17h-3.849z'/%3E%3C/g%3E%3C/svg%3E");
    }

    .ui-f607-12-forms .ff-radio-button-label.icon-food::before {
        background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23f60' stroke-width='1.5' fill='none' fill-rule='evenodd'%3E%3Cpath d='M9.44 3.872c2.207 2.217 2.18 5.836 2.18 5.836s-3.603.026-5.809-2.191c-2.206-2.215-2.18-5.835-2.18-5.835s3.603-.026 5.81 2.19zM11.646 11.313s-.445-3.17 2.37-4.012M18.012 17.784c0-3.574-2.862-6.47-6.391-6.47-3.53 0-6.392 2.896-6.392 6.47 0 0 .023 3.583-.492 5.378-.283.99-2.15 4.675-2.348 5.252a.301.301 0 00-.01.023h.003a6.519 6.519 0 00.413 5.157M25.023 10.797c1.629 2.66.731 6.135.731 6.135s-3.54-.836-5.168-3.495c-1.629-2.66-.728-6.137-.728-6.137s3.538.836 5.165 3.497zM25.202 18.537s.288-3.108 3.195-3.21M13.44 30.714a10.438 10.438 0 01.061-4.552c1.27-5.378 6.466-8.658 11.606-7.329 2.653.687 4.77 2.467 6.025 4.77M23.095 40.094c-2.849.404-21.053.901-21.408-1.615-.353-2.52 17.276-7.1 20.125-7.502 2.846-.404 5.443 1.31 5.797 3.827.355 2.519-1.667 4.887-4.514 5.29zM19.888 31.337l.125 4.67M16.975 32.686l-.09 3.147M34.827 36.246c-3.37.474-6.422-1.415-6.422-1.415s2.409-2.657 5.779-3.132c3.37-.474 6.423 1.414 6.423 1.414s-2.41 2.658-5.78 3.133z'/%3E%3Cpath d='M33.139 30.899c-1.722 2.276-4.968 2.736-4.968 2.736s-.454-3.233 1.265-5.51c1.722-2.277 4.969-2.735 4.969-2.735s.457 3.232-1.266 5.509zM33.825 37.327c-2.49-1.676-6.066-1.172-6.066-1.172s.457 3.223 2.944 4.901c2.491 1.677 6.066 1.172 6.066 1.172s-.457-3.223-2.944-4.9z'/%3E%3C/g%3E%3C/svg%3E");
    }

    .ui-f607-12-forms .ff-radio-button-label.icon-dog::before {
        background-image: url("data:image/svg+xml,%3Csvg width='40' height='38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.085 22.773a9.105 9.105 0 00-5.424-4.305.678.678 0 00-.393 1.295c5.613 1.749 6.488 7.329 4.068 11.383-1.01 1.735-3.12 3.342-4.495 4.223l.237-1.552c.36-3.39 1.05-7.05-1.01-10.088-.21-.278-3.885-4.454-5.526-6a39.403 39.403 0 01-6.603-7.526c-2.325-3.349-3.471-5.613-5.803-8.27C13.234.765 11.526.765 10.169.677a3.647 3.647 0 00-2.928 1.071 14.522 14.522 0 01-2.712 2.034L1.736 5.33A2.034 2.034 0 00.84 7.925l.637 1.485a3.79 3.79 0 003.898 2.176l1.356-.183a.84.84 0 01.922.644c.36 1.112-.135 2.536-.413 3.614a7.892 7.892 0 001.24 6.59l1.648 2.285c.71 1.922.99 3.977.82 6.02l-.25 2.712c0 .434-.577.854-.828 1.146-.481.38-1.26.732-1.26 1.478v.725c0 .374.303.678.677.678h3.18c.339.04.956-.59 1.22-.746a2.814 2.814 0 001.105-1.837l1.404-8.95 1.634 3.187c-.109 1.675.63 3.336 1.416 4.787h-1.749a1.64 1.64 0 00-1.64 1.66l.04 1.296c0 .374.304.677.678.677H31.96a.712.712 0 00.272-.054c.922-.4 4.677-2.712 6.277-5.423.658-1.2 2.638-5.207.577-9.12zM12.88 2.63L11.79 6.78a5.112 5.112 0 01-.895 1.464 4.386 4.386 0 01-.461-1.207C9.892 5.681 9.98 3.912 10.27 2c.74.129 2.068.034 2.61.63zm4.305 32.725c0-.157.128-.285.285-.285l2.84.04a.678.678 0 00.618-.975l-1.153-2.32c-1.396-2.596-.468-6.643 2.793-7.11l3.12-.496a.678.678 0 00.562-.773.678.678 0 00-.773-.562l-3.119.494a5.308 5.308 0 00-4.142 3.39l-1.79-3.525a.678.678 0 00-1.274.197L13.45 34.576c-.054.678-.726 1.071-1.207 1.43h-2.176a6.04 6.04 0 001.356-1.172c.356-.369.578-.846.63-1.356l.251-2.712a15.593 15.593 0 00-.922-6.705 10.339 10.339 0 01-.142-5.708.678.678 0 10-1.316-.34 11.729 11.729 0 00-.359 3.499 6.536 6.536 0 01-1.003-5.424c.318-1.24.813-2.752.468-4.027a2.224 2.224 0 00-2.468-1.912l-1.356.183a2.44 2.44 0 01-2.495-1.45L2.075 7.39a.678.678 0 01.305-.875l2.806-1.552C6.542 4.285 7.75 2.929 8.861 2.25a10.847 10.847 0 00.278 5.207c.25 1.301 1.207 2.881 2.563 1.911a5.946 5.946 0 001.356-2.155l.895-3.39c3.274 4.366 6.386 10.27 10.78 14.074 1.674 1.417 5.626 5.912 6.236 6.624 1.73 2.536 1.099 5.96.767 9.125l-.353 2.32h-14.15l-.047-.611z' fill='%23f60' fill-rule='nonzero'/%3E%3C/svg%3E");
    }

    .ui-f607-12-forms .ff-radio-button-label.icon-pizza::before {
        background-image: url("data:image/svg+xml,%3Csvg width='44' height='42' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23f60' stroke-width='1.5' fill='none' fill-rule='evenodd'%3E%3Cpath d='M20.136 39.643c1.34.221 2.724.302 4.135.229 10.53-.552 18.617-9.535 18.065-20.064-.55-10.53-9.534-18.617-20.064-18.065-10.528.551-18.618 9.534-18.065 20.063'/%3E%3Cpath d='M20.973 36.259c.838.124 1.696.18 2.571.166 8.626-.15 15.496-7.265 15.346-15.89C38.739 11.909 31.624 5.04 23 5.189c-8.625.151-15.496 7.267-15.345 15.89'/%3E%3Cpath d='M29.222 29.96a2.582 2.582 0 11-5.163 0 2.582 2.582 0 015.163 0zM34.387 20.142a2.582 2.582 0 11-5.164-.002 2.582 2.582 0 015.164.002zM18.022 15.877a2.582 2.582 0 11-5.163-.001 2.582 2.582 0 015.163.001zM27.345 12.108a2.582 2.582 0 11-5.163-.001 2.582 2.582 0 015.163.001zM21.334 21.928L1.716 25.74c.738 4.53 2.39 8.106 4.961 10.728s5.897 4.127 9.978 4.51l4.679-19.051z' stroke-linejoin='round'/%3E%3Cpath d='M16.786 28.926a2.582 2.582 0 11-5.156.27 2.582 2.582 0 015.156-.27z' stroke-linejoin='round'/%3E%3Cpath d='M4.874 25.904c.815 2.93 1.655 4.978 2.52 6.144a13.489 13.489 0 001.637 1.83c1.952 1.82 4.765 3.076 8.435 3.77'/%3E%3C/g%3E%3C/svg%3E");
    }

.ui-f607-12-forms .ff-radio-button span.ff-radio-button-additional,
.ui-f607-12-forms .ff-radio-button strong.ff-radio-button-text {
    display: block;
    font-family: 'Helvetica Now Text Bold', Helvetica, arial, sans-serif;
    font-weight: 400;
    color: #333;
    text-transform: none;
    transition: color 0.1s linear;
}

.ui-f607-12-forms .ff-radio-button strong.ff-radio-button-text {
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: 0;
    margin-bottom: 0;
    transition: color 0.1s linear;
}

.ui-f607-12-forms .ff-radio-button span.ff-radio-button-additional {
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: -0.16px;
    margin-top: 7px;
}

.ui-f607-12-forms .ff-radio-button .link {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
}

.ui-f607-12-forms .ff-radio-button input {
    position: absolute;
    top: 0;
    left: -1000%;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
}

    .ui-f607-12-forms .ff-radio-button input:active + .ff-radio-button-label,
    .ui-f607-12-forms .ff-radio-button input:checked + .ff-radio-button-label,
    .ui-f607-12-forms .ff-radio-button input:focus + .ff-radio-button-label,
    .ui-f607-12-forms .ff-radio-button input:hover + .ff-radio-button-label {
        border-color: transparent;
    }

        .ui-f607-12-forms .ff-radio-button input:active + .ff-radio-button-label::after,
        .ui-f607-12-forms
        .ff-radio-button
        input:checked + .ff-radio-button-label::after,
        .ui-f607-12-forms .ff-radio-button input:focus + .ff-radio-button-label::after,
        .ui-f607-12-forms .ff-radio-button input:hover + .ff-radio-button-label::after {
            opacity: 1;
        }

        .ui-f607-12-forms .ff-radio-button input:active + .ff-radio-button-label::after,
        .ui-f607-12-forms
        .ff-radio-button
        input:checked + .ff-radio-button-label::after,
        .ui-f607-12-forms .ff-radio-button input:hover + .ff-radio-button-label::after {
            border-color: #fb6400;
        }

        .ui-f607-12-forms
        .ff-radio-button
        input:active + .ff-radio-button-label
        .ff-radio-button-text,
        .ui-f607-12-forms
        .ff-radio-button
        input:active + .ff-radio-button-label
        span.ff-radio-button-additional,
        .ui-f607-12-forms
        .ff-radio-button
        input:checked + .ff-radio-button-label
        .ff-radio-button-text,
        .ui-f607-12-forms
        .ff-radio-button
        input:checked + .ff-radio-button-label
        span.ff-radio-button-additional,
        .ui-f607-12-forms
        .ff-radio-button
        input:hover + .ff-radio-button-label
        .ff-radio-button-text,
        .ui-f607-12-forms
        .ff-radio-button
        input:hover + .ff-radio-button-label
        span.ff-radio-button-additional {
            color: #fb6400;
        }

.ui-f607-12-forms .no-csschecked input[type='checkbox'],
.ui-f607-12-forms .no-csschecked input[type='radio'] {
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
}

    .ui-f607-12-forms .no-csschecked input[type='checkbox']:focus,
    .ui-f607-12-forms .no-csschecked input[type='radio']:focus {
        outline: 1px dotted #000;
    }

.ui-f607-12-forms .ff-file .additional {
    padding-top: 0;
    padding-bottom: 15px;
    color: #767676;
}

.ui-f607-12-forms .ff-file .file-button-wrapper {
    position: relative;
    cursor: pointer;
    float: left;
    max-width: 100%;
    max-height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    transition: opacity 150ms 0.5s ease-in-out, max-width 0.5s 0s ease-in-out, max-height 0.1s 0.4s ease-in-out;
    visibility: visible;
    will-change: max-width, max-height, opacity;
}

    .ui-f607-12-forms .ff-file .file-button-wrapper span {
        position: relative;
        z-index: 1;
    }

    .ui-f607-12-forms .ff-file .file-button-wrapper input[type='file'] {
        position: absolute;
        z-index: 0;
        bottom: 4px;
        left: 0;
        min-height: 10px;
        padding: 0;
    }

    .ui-f607-12-forms .ff-file .file-button-wrapper.show-fat {
        max-width: 0;
        max-height: 0;
        opacity: 0;
        transition: opacity 150ms 0s ease-in-out, max-width 0.5s 150ms ease-in-out, max-height 0.1s 150ms ease-in-out, visibility 0s 150ms;
        visibility: hidden;
    }

@media screen and (max-width: 767px) {
    .ui-f607-12-forms .ff-file .group-wrapper {
        width: 100%;
        float: left;
    }
}

.ui-f607-12-forms .ff-file .filename-text {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    overflow: hidden;
    max-width: 55%;
    padding: 10px 8px 6px 10px;
    padding-bottom: 11px;
    margin-bottom: 10px;
    margin-left: 9px;
    color: #767676;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .ui-f607-12-forms .ff-file .filename-text.show-fat {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        padding-left: 0;
        margin-left: 0;
    }

@media screen and (max-width: 767px) {
    .ui-f607-12-forms .ff-file .filename-text {
        min-width: 70%;
        padding-left: 0;
        margin-left: 0;
    }
}

.ui-f607-12-forms .ff-file .upload-reset {
    display: block;
    cursor: pointer;
    float: right;
}

    .ui-f607-12-forms .ff-file .upload-reset img {
        margin-top: -4px;
    }

.ui-f607-12-forms .ff-file .error-box {
    clear: both;
}

.ui-f607-12-forms .ui-datepicker .input-group-addon-wrapper:focus input,
.ui-f607-12-forms .ui-datepicker .input-group-addon-wrapper:hover input {
    box-shadow: 2px 2px 1px 0 rgba(160, 160, 160, 0.9);
}

.ui-f607-12-forms .ui-datepicker .input-group-addon-wrapper .input-group-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
}

.ui-f607-12-forms .ui-datepicker .form-group input {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    width: 100%;
    padding: 6px 50px 6px 13px;
    border: 2px solid #fb6400;
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
    background-color: #fff;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
}

    .ui-f607-12-forms .ui-datepicker .form-group input:focus,
    .ui-f607-12-forms .ui-datepicker .form-group input:hover {
        padding-top: 6px;
        padding-left: 13px;
        box-shadow: 2px 2px 1px 0 rgba(160, 160, 160, 0.9);
    }

.ui-f607-12-forms .ui-datepicker .btn-calender {
    position: relative;
    top: 2px;
    right: 40px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: #f60;
    background-image: url(../img/calendar-icon.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
    text-align: center;
    transform: translateZ(0);
    transition: background-color 0.4s ease-out;
}

.ui-f607-12-forms .ui-datepicker .invalid.form-group input {
    border-radius: 4px;
}

    .ui-f607-12-forms .ui-datepicker .invalid.form-group input:focus,
    .ui-f607-12-forms .ui-datepicker .invalid.form-group input:hover {
        padding-top: 6px;
    }

.ui-f607-12-forms .ui-datepicker .invalid .popover-wrapper .btn-calender {
    background-color: #e00;
}

.ui-f607-12-forms label + .popover-wrapper {
    margin-top: -3px;
}

.ui-f607-12-forms .popover-wrapper {
    display: inline-block;
    vertical-align: middle;
}

    .ui-f607-12-forms .popover-wrapper button {
        border: 0;
    }

        .ui-f607-12-forms .popover-wrapper button.is-showing-popover {
            background-image: url(../img/icon-close-white.svg);
        }

    .ui-f607-12-forms .popover-wrapper .btn-info-popover {
        position: relative;
        top: -3px;
        left: 5px;
        display: block;
        width: 26px;
        height: 26px;
        padding: 0;
        border: 1px solid #f60;
        background-color: #f60;
        background-image: url(../img/icon-question.svg);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        border-radius: 50%;
        line-height: 32px;
        text-align: center;
        transform: translateZ(0);
        transition: background-color 0.4s ease-out, border-color 0.4s ease-out;
    }

        .ui-f607-12-forms .popover-wrapper .btn-info-popover:active,
        .ui-f607-12-forms .popover-wrapper .btn-info-popover:hover {
            border-color: #de450a;
            background-color: #de450a;
        }

        .ui-f607-12-forms .popover-wrapper .btn-info-popover.is-info {
            background-image: url(../img/information-i-icon-white.svg);
        }

    .ui-f607-12-forms .popover-wrapper em {
        overflow: hidden;
        color: transparent;
        font: 0/0 serif;
        text-shadow: none;
    }

    .ui-f607-12-forms .popover-wrapper.is-cumulus .icon-social {
        background-color: #003d8d;
    }

        .ui-f607-12-forms .popover-wrapper.is-cumulus .icon-social:active,
        .ui-f607-12-forms .popover-wrapper.is-cumulus .icon-social:focus,
        .ui-f607-12-forms .popover-wrapper.is-cumulus .icon-social:hover {
            background-color: #00145c;
        }

.ui-f607-12-forms .error-box p {
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding-right: 12px;
    padding-left: 12px;
    color: #e00;
}

.ui-f607-12-forms .error-box h3 {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2rem;
    margin-top: 38px;
    color: #e00;
}

.ui-f607-12-forms .error-box ul {
    padding-left: 20px;
    margin: 20px 0 30px;
}

.ui-f607-12-forms .error-box li {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 7px;
    color: #e00;
    line-height: 1em;
}

    .ui-f607-12-forms .error-box li .textlink,
    .ui-f607-12-forms .error-box li a {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.5rem;
        border-bottom: 1px solid #e00;
        background: 0 0;
        color: #e00;
        line-height: 1.2em;
    }

        .ui-f607-12-forms .error-box li .textlink:active,
        .ui-f607-12-forms .error-box li .textlink:focus,
        .ui-f607-12-forms .error-box li .textlink:hover,
        .ui-f607-12-forms .error-box li a:active,
        .ui-f607-12-forms .error-box li a:focus,
        .ui-f607-12-forms .error-box li a:hover {
            border-bottom: 0 none;
        }

.ui-f607-12-forms .error-box .textlink,
.ui-f607-12-forms .error-box a {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.7rem;
    border-bottom: 1px solid #e00;
    background: 0 0;
    color: #e00;
}

    .ui-f607-12-forms .error-box .textlink:active,
    .ui-f607-12-forms .error-box .textlink:focus,
    .ui-f607-12-forms .error-box .textlink:hover,
    .ui-f607-12-forms .error-box a:active,
    .ui-f607-12-forms .error-box a:focus,
    .ui-f607-12-forms .error-box a:hover {
        border-bottom: 0 none;
    }

.ui-f607-12-forms .invalid.form-group .form-control {
    padding-left: 13px;
    border: 2px solid #e00;
    background-color: #ffe5e5;
    border-radius: 0;
}

    .ui-f607-12-forms .invalid.form-group .form-control:focus {
        background-color: #fff;
    }

.ui-f607-12-forms .invalid.form-group .ui-placeholder-wrapper .form-control {
    background-color: rgba(0, 0, 0, 0);
}

    .ui-f607-12-forms
    .invalid.form-group
    .ui-placeholder-wrapper
    .form-control:focus + .ui-placeholder-text {
        background-color: #fff;
    }

.ui-f607-12-forms
.invalid.form-group
.ui-placeholder-wrapper
.ui-placeholder-text {
    background-color: #ffe5e5;
}

.ui-f607-12-forms .invalid label strong {
    color: #e00;
}

.ui-f607-12-forms .invalid select {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    border: 2px solid #e00;
    background: #ffe5e5 url(../img/selectbox-down-error.svg) top right repeat-y;
}

.ui-f607-12-forms .invalid input {
    padding-top: 8px;
    background-color: #fff;
}

    .ui-f607-12-forms .invalid input:focus {
        padding-top: 8px;
        padding-left: 13px;
    }

.ui-f607-12-forms .invalid select,
.ui-f607-12-forms .invalid textarea {
    border: 2px solid #e00;
    background-color: #ffe5e5;
}

    .ui-f607-12-forms .invalid textarea,
    .ui-f607-12-forms .invalid textarea:focus,
    .ui-f607-12-forms .invalid textarea:hover {
        padding-top: 8px;
    }

.ui-f607-12-forms .invalid input[type='text']:hover {
    padding-top: 8px;
}

.ui-f607-12-forms .invalid .filename-text {
    border-bottom: solid 2px #e00;
}

.ui-f607-12-forms .invalid .input-group-addon + input[type='text'] {
    padding-left: 53px;
}

    .ui-f607-12-forms .invalid .input-group-addon + input[type='text']:focus,
    .ui-f607-12-forms .invalid .input-group-addon + input[type='text']:hover {
        padding-top: 8px;
    }

.ui-f607-12-forms .invalid.ff-date input {
    padding-right: 3px;
}

.ui-f607-12-forms .invalid.ff-radio input:checked ~ span::before {
    background: url(../img/radiobtn-checked.svg) 0 0 no-repeat;
}

.ui-f607-12-forms .invalid.ff-radio input ~ span::before {
    background: url(../img/radiobtn-validierung.svg) 0 0 no-repeat;
}

.ui-f607-12-forms .invalid.ff-check input:checked ~ span::before {
    background: url(../img/checkbox3-checked.svg) 0 0 no-repeat;
}

.ui-f607-12-forms .invalid.ff-check input ~ span::before {
    background: url(../img/checkbox3-validierung.svg) 0 0 no-repeat;
}

.ui-f607-12-forms.donate-cumulus-points button[type='submit'] {
    margin-top: 32px;
    float: left;
}

.ui-f607-12-forms.donate-cumulus-points .form-group {
    margin-top: 0;
    margin-bottom: 6px;
}

    .ui-f607-12-forms.donate-cumulus-points .form-group .hidden {
        height: 0;
    }

.ui-f607-12-forms.donate-cumulus-points .ff-radio .ff-group-block label {
    margin-bottom: 0;
}

.ui-f607-12-forms.donate-cumulus-points .ff-radio .link-box {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .ui-f607-12-forms.donate-cumulus-points .ff-radio .link-box {
        padding-left: 0;
        margin-left: 0;
    }
}

.ui-f607-12-forms.donate-cumulus-points form .row .ff-select,
.ui-f607-12-forms.donate-cumulus-points form .row .ff-text {
    width: 62%;
    padding-right: 0;
    padding-left: 34px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f607-12-forms.donate-cumulus-points form .row .ff-select,
    .ui-f607-12-forms.donate-cumulus-points form .row .ff-text {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .ui-f607-12-forms.donate-cumulus-points form .row .ff-select,
    .ui-f607-12-forms.donate-cumulus-points form .row .ff-text {
        width: 100%;
        padding-left: 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-f607-12-forms.donate-cumulus-points form .row .ff-text {
        margin-top: 12px;
    }
}

@media screen and (max-width: 767px) {
    .ui-f607-12-forms.donate-cumulus-points .additional {
        padding-top: 18px;
        margin-left: -34px;
    }
}

.ui-f607-12-forms.ui-f610-12-code .form-inline {
    clear: both;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f607-12-forms.ui-f610-12-code .form-inline .form-group {
        display: inline-block;
    }
}

@media screen and (max-width: 767px) {
    .ui-f607-12-forms.ui-f610-12-code .form-inline .form-group {
        display: inline-block;
        float: left;
    }
}

.ui-f607-12-forms.ui-f610-12-code legend {
    position: absolute;
    top: auto;
    left: -10000em;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.ui-f607-12-forms.ui-f610-12-code .form-wrapper .error-box {
    margin-top: 10px;
}

    .ui-f607-12-forms.ui-f610-12-code .form-wrapper .error-box p {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding: 0;
        color: #fff;
    }

@media screen and (max-width: 767px) {
    .ui-f607-12-forms.ui-f610-12-code .form-wrapper .error-box {
        float: left;
    }
}

@media screen and (max-width: 479px) {
    .ui-f607-12-forms.ui-f610-12-code .form-wrapper .error-box {
        margin-top: 0;
    }
}

.ui-f607-12-forms.ui-f610-12-code .form-wrapper .form-group {
    margin-bottom: 10px;
}

    .ui-f607-12-forms.ui-f610-12-code .form-wrapper .form-group label {
        padding: 0;
    }

.ui-f607-12-forms.ui-f610-12-code .form-wrapper .btn {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f607-12-forms.ui-f610-12-code .form-wrapper .btn {
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    .ui-f607-12-forms.ui-f610-12-code .form-wrapper .btn {
        margin-top: 10px;
    }
}

.ui-f607-12-forms.ui-f610-12-code button[type='submit'] {
    float: none;
}

.ui-f607-12-forms.ui-f610-12-code .add-group,
.ui-f607-12-forms.ui-f610-12-code .errormessage {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #fff;
}

.ui-f607-12-forms.ui-f610-12-code.is-banana > .row {
    display: flex;
}

.ui-f607-12-forms.ui-f610-12-code.is-banana .default-form {
    height: 100%;
}

.ui-f607-12-forms.ui-f610-12-code.is-banana .form-wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

    .ui-f607-12-forms.ui-f610-12-code.is-banana .form-wrapper .error-box p {
        color: #e00;
    }

.ui-f607-12-forms.ui-f610-12-code.is-banana .form-group input {
    background-color: #fff;
}

.ui-f607-12-forms.ui-l544-12-receipt-list .form-group input {
    background-color: #fff;
}

.ui-f607-12-forms .richtext b,
.ui-f607-12-forms .richtext h3,
.ui-f607-12-forms .richtext h4,
.ui-f607-12-forms .richtext strong {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
}

.ui-f607-12-forms .richtext a.disabled,
.ui-f607-12-forms .richtext a:not([class]) {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
}

.ui-f607-12-forms .richtext p {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
}

.ui-f607-12-forms .richtext.is-highlight * {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.ui-f607-12-forms .richtext.is-highlight :not(a) {
    color: #767676;
}

.ui-f607-12-forms .richtext.is-highlight p > a:not(.link) {
    color: #767676;
    text-transform: uppercase;
}

.ui-f607-12-forms .richtext.is-highlight a:not(.link):active,
.ui-f607-12-forms .richtext.is-highlight a:not(.link):focus,
.ui-f607-12-forms .richtext.is-highlight a:not(.link):hover {
    color: #fff;
}

.ui-f607-12-forms .ui-js-autoinsert.invalid .ui-js-autoinsert-node.textfield {
    color: #e00;
}

@media screen and (max-width: 767px) {
    .ui-f607-12-forms input[type='tel'].form-control::-moz-placeholder {
        color: transparent;
    }

    .ui-f607-12-forms input[type='tel'].form-control:-ms-input-placeholder {
        color: transparent;
    }

    .ui-f607-12-forms input[type='tel'].form-control::placeholder {
        color: transparent;
    }

    .ui-f607-12-forms input[type='tel'].form-control:-moz-placeholder {
        color: transparent;
    }

    .ui-f607-12-forms input[type='tel'].form-control::-moz-placeholder {
        color: transparent;
    }

    .ui-f607-12-forms input[type='tel'].form-control:-ms-input-placeholder {
        color: transparent;
    }
}

.alt-colored .ui-f607-12-forms .form-group input,
.alt-colored .ui-f607-12-forms .form-group textarea,
.ui-f607-12-forms.alt-colored .form-group input,
.ui-f607-12-forms.alt-colored .form-group textarea {
    border-bottom-color: #fb6400;
}

    .alt-colored .ui-f607-12-forms .form-group input:focus,
    .alt-colored .ui-f607-12-forms .form-group input:hover,
    .alt-colored .ui-f607-12-forms .form-group textarea:focus,
    .alt-colored .ui-f607-12-forms .form-group textarea:hover,
    .ui-f607-12-forms.alt-colored .form-group input:focus,
    .ui-f607-12-forms.alt-colored .form-group input:hover,
    .ui-f607-12-forms.alt-colored .form-group textarea:focus,
    .ui-f607-12-forms.alt-colored .form-group textarea:hover {
        border-color: #fb6400;
    }

.alt-colored .ui-f607-12-forms .form-group label strong,
.ui-f607-12-forms.alt-colored .form-group label strong {
    color: #767676;
}

.alt-colored .ui-f607-12-forms .form-group label.extra strong,
.ui-f607-12-forms.alt-colored .form-group label.extra strong {
    color: #767676;
}

.alt-colored .ui-f607-12-forms .form-group select,
.ui-f607-12-forms.alt-colored .form-group select {
    border-color: #fb6400;
}

.alt-colored .ui-f607-12-forms .select-box,
.ui-f607-12-forms.alt-colored .select-box {
    border-color: #fb6400;
}

    .alt-colored .ui-f607-12-forms .select-box.in-content,
    .ui-f607-12-forms.alt-colored .select-box.in-content {
        background-color: #fb6400;
        color: #fff;
    }

.alt-colored .ui-f607-12-forms .error-box p,
.ui-f607-12-forms.alt-colored .error-box p {
    color: #e00;
}

.ui-l537-12-storelist label {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5rem;
    display: block;
    padding-left: 0;
    margin-bottom: 7px;
    color: #767676;
    letter-spacing: 0.6px;
    text-align: left;
    text-transform: uppercase;
    white-space: normal;
}

.ui-f611-12-utz .ui-f607-12-forms form {
    overflow: visible;
}

.ui-f611-12-utz .ui-f607-12-forms .error-box .ws-errormessage {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    display: inline-block;
    padding: 0 5px;
    margin-top: 7px;
    background-color: rgba(255, 255, 255, 0.7);
}

.ui-f611-12-utz .ui-f607-12-forms .step-2 {
    display: block;
    max-height: 500px;
    transition: max-height 0.45s cubic-bezier(0.17, 0.67, 0.28, 1);
}

    .ui-f611-12-utz .ui-f607-12-forms .step-2.height-0 {
        max-height: 0;
    }

.ui-f611-12-utz .ui-f607-12-forms .form-group label strong {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: #fff;
}

.ui-f611-12-utz .ui-f607-12-forms .ff-text label {
    position: absolute;
    left: -10000em;
}

.ui-f611-12-utz .ui-f607-12-forms.alt-colored .error-box .ws-errormessage {
    color: #e00;
}

.ui-f611-12-utz .ui-f607-12-forms.alt-colored .form-group label strong {
    color: #fff;
}

.ui-email-change-form .ui-form-headline {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    margin-bottom: 22px;
    color: #333;
    letter-spacing: 0;
    text-transform: none;
}

.ui-email-change-form form {
    padding-bottom: 0;
}

.ui-email-change-form .ff-check label {
    display: block;
}

.ui-email-change-form .is-old-required {
    margin-bottom: 72px;
}

@media screen and (max-width: 991px) {
    .ui-email-change-form .is-old-required {
        margin-bottom: 0;
    }
}

.is-cumulus .ui-f607-12-forms .ui-results-autocomplete .autocomplete-selected,
.is-cumulus.ui-f607-12-forms .ui-results-autocomplete .autocomplete-selected {
    background-color: #003d8d;
}

.is-cumulus .ui-f607-12-forms .ff-radio label:hover,
.is-cumulus.ui-f607-12-forms .ff-radio label:hover {
    color: #003d8d;
}

    .is-cumulus
    .ui-f607-12-forms
    .ff-radio
    label:hover
    input:checked ~ span::before,
    .is-cumulus.ui-f607-12-forms
    .ff-radio
    label:hover
    input:checked ~ span::before {
        background-image: url(../img/radiobtn-cumulus-checked-hover.svg);
    }

.is-cumulus .ui-f607-12-forms .ff-radio input:hover ~ span::before,
.is-cumulus.ui-f607-12-forms .ff-radio input:hover ~ span::before {
    background-image: url(../img/radiobtn-cumulus-hover.svg);
}

.is-cumulus .ui-f607-12-forms .ff-radio input:checked ~ span::before,
.is-cumulus
.ui-f607-12-forms
.ff-radio
input[disabled]:checked:focus ~ span::before,
.is-cumulus
.ui-f607-12-forms
.ff-radio
input[disabled]:checked:hover ~ span::before,
.is-cumulus.ui-f607-12-forms .ff-radio input:checked ~ span::before,
.is-cumulus.ui-f607-12-forms
.ff-radio
input[disabled]:checked:focus ~ span::before,
.is-cumulus.ui-f607-12-forms
.ff-radio
input[disabled]:checked:hover ~ span::before {
    background-image: url(../img/radiobtn-cumulus-checked.svg);
}

.is-cumulus .ui-f607-12-forms .ff-check label:hover,
.is-cumulus.ui-f607-12-forms .ff-check label:hover {
    color: #003d8d;
}

    .is-cumulus .ui-f607-12-forms .ff-check label:hover input ~ span::before,
    .is-cumulus.ui-f607-12-forms .ff-check label:hover input ~ span::before {
        background-image: url(../img/checkbox-cumulus-hover.svg);
    }

    .is-cumulus
    .ui-f607-12-forms
    .ff-check
    label:hover
    input:checked ~ span::before,
    .is-cumulus.ui-f607-12-forms
    .ff-check
    label:hover
    input:checked ~ span::before {
        background-image: url(../img/checkbox-cumulus-checked-hover.svg);
    }

.is-cumulus .ui-f607-12-forms .ff-check input:hover ~ span::before,
.is-cumulus.ui-f607-12-forms .ff-check input:hover ~ span::before {
    background-image: url(../img/checkbox-cumulus-hover.svg);
}

.is-cumulus .ui-f607-12-forms .ff-check input:checked ~ span::before,
.is-cumulus
.ui-f607-12-forms
.ff-check
input[disabled]:checked:focus ~ span::before,
.is-cumulus
.ui-f607-12-forms
.ff-check
input[disabled]:checked:hover ~ span::before,
.is-cumulus.ui-f607-12-forms .ff-check input:checked ~ span::before,
.is-cumulus.ui-f607-12-forms
.ff-check
input[disabled]:checked:focus ~ span::before,
.is-cumulus.ui-f607-12-forms
.ff-check
input[disabled]:checked:hover ~ span::before {
    background-image: url(../img/checkbox-cumulus-checked.svg);
}

.is-cumulus .ui-f607-12-forms .form-group input,
.is-cumulus .ui-f607-12-forms .form-group select,
.is-cumulus .ui-f607-12-forms .form-group textarea,
.is-cumulus.ui-f607-12-forms .form-group input,
.is-cumulus.ui-f607-12-forms .form-group select,
.is-cumulus.ui-f607-12-forms .form-group textarea {
    border-color: #003d8d;
}

    .is-cumulus .ui-f607-12-forms .form-group input:active,
    .is-cumulus .ui-f607-12-forms .form-group input:focus,
    .is-cumulus .ui-f607-12-forms .form-group input:hover,
    .is-cumulus .ui-f607-12-forms .form-group select:active,
    .is-cumulus .ui-f607-12-forms .form-group select:focus,
    .is-cumulus .ui-f607-12-forms .form-group select:hover,
    .is-cumulus .ui-f607-12-forms .form-group textarea:active,
    .is-cumulus .ui-f607-12-forms .form-group textarea:focus,
    .is-cumulus .ui-f607-12-forms .form-group textarea:hover,
    .is-cumulus.ui-f607-12-forms .form-group input:active,
    .is-cumulus.ui-f607-12-forms .form-group input:focus,
    .is-cumulus.ui-f607-12-forms .form-group input:hover,
    .is-cumulus.ui-f607-12-forms .form-group select:active,
    .is-cumulus.ui-f607-12-forms .form-group select:focus,
    .is-cumulus.ui-f607-12-forms .form-group select:hover,
    .is-cumulus.ui-f607-12-forms .form-group textarea:active,
    .is-cumulus.ui-f607-12-forms .form-group textarea:focus,
    .is-cumulus.ui-f607-12-forms .form-group textarea:hover {
        border: 2px solid #003d8d;
        cursor: auto;
    }

    .is-cumulus .ui-f607-12-forms .form-group input:focus,
    .is-cumulus .ui-f607-12-forms .form-group select:focus,
    .is-cumulus .ui-f607-12-forms .form-group textarea:focus,
    .is-cumulus.ui-f607-12-forms .form-group input:focus,
    .is-cumulus.ui-f607-12-forms .form-group select:focus,
    .is-cumulus.ui-f607-12-forms .form-group textarea:focus {
        border-bottom-color: #003d8d;
    }

    .is-cumulus .ui-f607-12-forms .form-group input[disabled],
    .is-cumulus .ui-f607-12-forms .form-group select[disabled],
    .is-cumulus .ui-f607-12-forms .form-group textarea[disabled],
    .is-cumulus.ui-f607-12-forms .form-group input[disabled],
    .is-cumulus.ui-f607-12-forms .form-group select[disabled],
    .is-cumulus.ui-f607-12-forms .form-group textarea[disabled] {
        border-bottom-color: #cfcac7;
        background-image: repeating-linear-gradient( 120deg, #fff, #fff 10px, #f1efee 10px, #f1efee 20px );
        cursor: not-allowed;
    }

        .is-cumulus .ui-f607-12-forms .form-group input[disabled]:hover,
        .is-cumulus .ui-f607-12-forms .form-group select[disabled]:hover,
        .is-cumulus .ui-f607-12-forms .form-group textarea[disabled]:hover,
        .is-cumulus.ui-f607-12-forms .form-group input[disabled]:hover,
        .is-cumulus.ui-f607-12-forms .form-group select[disabled]:hover,
        .is-cumulus.ui-f607-12-forms .form-group textarea[disabled]:hover {
            border-top: 0;
            border-right: 0;
            border-bottom-color: #cfcac7;
            border-left: 0;
            cursor: not-allowed;
        }

.is-cumulus .ui-f607-12-forms .form-group select,
.is-cumulus.ui-f607-12-forms .form-group select {
    background-image: url(../img/selectbox-cumulus-down.svg);
}

    .is-cumulus .ui-f607-12-forms .form-group select:focus,
    .is-cumulus.ui-f607-12-forms .form-group select:focus {
        box-shadow: 2px 2px 1px 0 rgba(160, 160, 160, 0.9);
    }

    .is-cumulus .ui-f607-12-forms .form-group select[disabled],
    .is-cumulus.ui-f607-12-forms .form-group select[disabled] {
        border: 2px solid #cfcac7;
    }

        .is-cumulus .ui-f607-12-forms .form-group select[disabled]:hover,
        .is-cumulus.ui-f607-12-forms .form-group select[disabled]:hover {
            padding-right: 12px;
            border: 2px solid #cfcac7;
        }

.is-cumulus .ui-f607-12-forms .form-group.invalid,
.is-cumulus.ui-f607-12-forms .form-group.invalid {
    border-bottom-color: #e00;
}

    .is-cumulus .ui-f607-12-forms .form-group.invalid input:active,
    .is-cumulus .ui-f607-12-forms .form-group.invalid input:focus,
    .is-cumulus .ui-f607-12-forms .form-group.invalid input:hover,
    .is-cumulus.ui-f607-12-forms .form-group.invalid input:active,
    .is-cumulus.ui-f607-12-forms .form-group.invalid input:focus,
    .is-cumulus.ui-f607-12-forms .form-group.invalid input:hover {
        border-color: #e00;
    }

    .is-cumulus .ui-f607-12-forms .form-group.invalid select,
    .is-cumulus.ui-f607-12-forms .form-group.invalid select {
        border-color: #e00;
        background-image: url(../img/selectbox-down-error.svg);
    }

    .is-cumulus
    .ui-f607-12-forms
    .form-group.invalid.ff-radio
    input:checked ~ span::before,
    .is-cumulus.ui-f607-12-forms
    .form-group.invalid.ff-radio
    input:checked ~ span::before {
        background-image: url(../img/radiobtn-cumulus-checked.svg);
    }

    .is-cumulus .ui-f607-12-forms .form-group.invalid.ff-radio input ~ span::before,
    .is-cumulus.ui-f607-12-forms .form-group.invalid.ff-radio input ~ span::before {
        background-image: url(../img/radiobtn-validierung.svg);
    }

    .is-cumulus
    .ui-f607-12-forms
    .form-group.invalid.ff-check
    input:checked ~ span::before,
    .is-cumulus.ui-f607-12-forms
    .form-group.invalid.ff-check
    input:checked ~ span::before {
        background-image: url(../img/checkbox-cumulus-checked.svg);
    }

    .is-cumulus .ui-f607-12-forms .form-group.invalid.ff-check input ~ span::before,
    .is-cumulus.ui-f607-12-forms .form-group.invalid.ff-check input ~ span::before {
        background-image: url(../img/checkbox3-validierung.svg);
    }

.is-cumulus
.ui-f607-12-forms
.form-group
.input-group-addon-wrapper
.form-control:focus + .input-group-btn > .btn,
.is-cumulus.ui-f607-12-forms
.form-group
.input-group-addon-wrapper
.form-control:focus + .input-group-btn > .btn {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0);
}

.is-cumulus
.ui-f607-12-forms
.form-group
.input-group-addon-wrapper
.input-group-btn > .btn
.info,
.is-cumulus.ui-f607-12-forms
.form-group
.input-group-addon-wrapper
.input-group-btn > .btn
.info {
    background-color: #003d8d;
}

.is-cumulus
.ui-f607-12-forms
.form-group
.input-group-addon-wrapper
.input-group-btn > .btn:focus,
.is-cumulus.ui-f607-12-forms
.form-group
.input-group-addon-wrapper
.input-group-btn > .btn:focus {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.is-cumulus .ui-f607-12-forms .ui-datepicker .btn-calender,
.is-cumulus.ui-f607-12-forms .ui-datepicker .btn-calender {
    background-color: #003d8d;
}

.is-cumulus .ui-f607-12-forms .ui-datepicker .invalid .btn-calender,
.is-cumulus.ui-f607-12-forms .ui-datepicker .invalid .btn-calender {
    background-color: #e00;
}

.is-cumulus .ui-f607-12-forms .popover-wrapper .btn-info-popover,
.is-cumulus.ui-f607-12-forms .popover-wrapper .btn-info-popover {
    border-color: #003d8d;
    background-color: #003d8d;
}

    .is-cumulus .ui-f607-12-forms .popover-wrapper .btn-info-popover:active,
    .is-cumulus .ui-f607-12-forms .popover-wrapper .btn-info-popover:hover,
    .is-cumulus.ui-f607-12-forms .popover-wrapper .btn-info-popover:active,
    .is-cumulus.ui-f607-12-forms .popover-wrapper .btn-info-popover:hover {
        border-color: #00145c;
        background-color: #00145c;
    }

.is-cumulus
.ui-f607-12-forms
button.btn-outline:active:not([disabled]):not(.disabled),
.is-cumulus
.ui-f607-12-forms
button.btn-outline:focus:not([disabled]):not(.disabled),
.is-cumulus
.ui-f607-12-forms
button.btn-outline:hover:not([disabled]):not(.disabled),
.is-cumulus.ui-f607-12-forms
button.btn-outline:active:not([disabled]):not(.disabled),
.is-cumulus.ui-f607-12-forms
button.btn-outline:focus:not([disabled]):not(.disabled),
.is-cumulus.ui-f607-12-forms
button.btn-outline:hover:not([disabled]):not(.disabled) {
    border-color: #00145c;
    color: #00145c;
}

    .is-cumulus
    .ui-f607-12-forms
    button.btn-outline:active:not([disabled]):not(.disabled).is-back,
    .is-cumulus
    .ui-f607-12-forms
    button.btn-outline:focus:not([disabled]):not(.disabled).is-back,
    .is-cumulus
    .ui-f607-12-forms
    button.btn-outline:hover:not([disabled]):not(.disabled).is-back,
    .is-cumulus.ui-f607-12-forms
    button.btn-outline:active:not([disabled]):not(.disabled).is-back,
    .is-cumulus.ui-f607-12-forms
    button.btn-outline:focus:not([disabled]):not(.disabled).is-back,
    .is-cumulus.ui-f607-12-forms
    button.btn-outline:hover:not([disabled]):not(.disabled).is-back {
        background-image: url(../img/arrow-small-left-blue-hover.svg);
    }

.is-cumulus .ui-f607-12-forms button.btn-outline.is-add,
.is-cumulus.ui-f607-12-forms button.btn-outline.is-add {
    border-color: #fb6400;
    border-bottom-color: #e00;
    color: #fff;
}

    .is-cumulus
    .ui-f607-12-forms
    button.btn-outline.is-add:active:not([disabled]):not(.disabled),
    .is-cumulus
    .ui-f607-12-forms
    button.btn-outline.is-add:focus:not([disabled]):not(.disabled),
    .is-cumulus
    .ui-f607-12-forms
    button.btn-outline.is-add:hover:not([disabled]):not(.disabled),
    .is-cumulus.ui-f607-12-forms
    button.btn-outline.is-add:active:not([disabled]):not(.disabled),
    .is-cumulus.ui-f607-12-forms
    button.btn-outline.is-add:focus:not([disabled]):not(.disabled),
    .is-cumulus.ui-f607-12-forms
    button.btn-outline.is-add:hover:not([disabled]):not(.disabled) {
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23fb6400' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Cpath d='M6 0v11.454M0 6h11.455'/%3E%3C/g%3E%3C/svg%3E");
    }

.is-cumulus .ui-f607-12-forms button.is-orange,
.is-cumulus.ui-f607-12-forms button.is-orange {
    border-color: #f60;
    border-bottom: 2px solid #e00;
    background-color: #fb6400;
    color: #fff;
}

    .is-cumulus
    .ui-f607-12-forms
    button.is-orange:active:not([disabled]):not(.disabled),
    .is-cumulus
    .ui-f607-12-forms
    button.is-orange:focus:not([disabled]):not(.disabled),
    .is-cumulus
    .ui-f607-12-forms
    button.is-orange:hover:not([disabled]):not(.disabled),
    .is-cumulus.ui-f607-12-forms
    button.is-orange:active:not([disabled]):not(.disabled),
    .is-cumulus.ui-f607-12-forms
    button.is-orange:focus:not([disabled]):not(.disabled),
    .is-cumulus.ui-f607-12-forms
    button.is-orange:hover:not([disabled]):not(.disabled) {
        border-color: #de450a;
        background-color: #de450a;
    }

    .is-cumulus .ui-f607-12-forms button.is-orange:active[disabled],
    .is-cumulus .ui-f607-12-forms button.is-orange:focus[disabled],
    .is-cumulus .ui-f607-12-forms button.is-orange:hover[disabled],
    .is-cumulus.ui-f607-12-forms button.is-orange:active[disabled],
    .is-cumulus.ui-f607-12-forms button.is-orange:focus[disabled],
    .is-cumulus.ui-f607-12-forms button.is-orange:hover[disabled] {
        border-color: #fb6400;
        background-color: #fb6400;
    }

    .is-cumulus .ui-f607-12-forms button.is-orange.btn-outline,
    .is-cumulus.ui-f607-12-forms button.is-orange.btn-outline {
        border-color: #767676;
        background-color: rgba(0, 0, 0, 0);
        color: #767676;
    }

        .is-cumulus
        .ui-f607-12-forms
        button.is-orange.btn-outline:active:not([disabled]):not(.disabled),
        .is-cumulus
        .ui-f607-12-forms
        button.is-orange.btn-outline:focus:not([disabled]):not(.disabled),
        .is-cumulus
        .ui-f607-12-forms
        button.is-orange.btn-outline:hover:not([disabled]):not(.disabled),
        .is-cumulus.ui-f607-12-forms
        button.is-orange.btn-outline:active:not([disabled]):not(.disabled),
        .is-cumulus.ui-f607-12-forms
        button.is-orange.btn-outline:focus:not([disabled]):not(.disabled),
        .is-cumulus.ui-f607-12-forms
        button.is-orange.btn-outline:hover:not([disabled]):not(.disabled) {
            border-color: #de450a;
            background-color: rgba(0, 0, 0, 0);
            color: #de450a;
        }

html[lang='de'] .input-group-btn > .btn .info span::after {
    content: 'anzeigen';
}

html[lang='de'] .input-group-btn > .btn.is-showing-popover .info span::after {
    content: 'ausblenden';
}

html[lang='de'] .popover > .btn span::after {
    content: 'schliessen';
}

html[lang='en'] .input-group-btn > .btn .info span::after {
    content: 'show';
}

html[lang='en'] .input-group-btn > .btn.is-showing-popover .info span::after {
    content: 'close';
}

html[lang='en'] .popover > .btn .info span::after {
    content: 'schliessen';
}

html[lang='fr'] .input-group-btn > .btn .info span::after {
    content: 'montré';
}

html[lang='fr'] .input-group-btn > .btn.is-showing-popover .info span::after {
    content: 'conclure';
}

html[lang='fr'] .popover > .btn .info span::after {
    content: 'schliessen';
}

html[lang='it'] .input-group-btn > .btn .info span::after {
    content: 'mostrare';
}

html[lang='it'] .input-group-btn > .btn.is-showing-popover .info span::after {
    content: 'concludere';
}

html[lang='it'] .popover > .btn .info span::after {
    content: 'schliessen';
}

.modal-footer .ui-f607-12-forms form {
    padding-bottom: 0;
}

.ie9 .ui-f607-12-forms form .form-width-l {
    width: 170px;
}

.ie9 .ui-f607-12-forms form .form-width-s {
    width: 94px;
}

.ie9 .ui-f607-12-forms .form-group select {
    padding-top: 8px;
    padding-right: 8px;
    background-image: none;
}

    .ie9 .ui-f607-12-forms .form-group select option {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.6rem;
        background-color: #fff;
        color: #333;
    }

@media (-ms-high-contrast: none) {
    .ui-f607-12-forms .form-group select {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
    }
}

.ui-f610-12-code .ui-paragraph-headline {
    font-size: 2.2rem;
    line-height: 3rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f610-12-code
    .ui-paragraph-headline + .ui-paragraph-headline + .ui-paragraph-headline {
        margin-top: 20px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-f610-12-code .ui-paragraph-headline + .ui-paragraph-headline {
        margin-top: 20px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-f610-12-code .ui-paragraph-headline {
        font-size: 2.2rem;
        line-height: 3rem;
        margin-top: 32px;
    }
}

@media screen and (max-width: 479px) {
    .ui-f610-12-code .ui-paragraph-headline {
        margin-top: 10px;
    }
}

.ui-f610-12-code .richtext a {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.4rem;
    position: relative;
    padding-right: 16px;
    border-bottom: 0;
    background: url(../img/arrow-right-orange.svg) 100% 30% no-repeat;
    color: #f60;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

    .ui-f610-12-code .richtext a:active,
    .ui-f610-12-code .richtext a:focus,
    .ui-f610-12-code .richtext a:hover {
        background: url(../img/arrow-right-orange-hover.svg) 100% 30% no-repeat;
        color: #de450a;
    }

    .ui-f610-12-code .richtext a:not([class]) {
        border-bottom: 0;
    }

.ui-f610-12-code .ui-t328-04-text-16-9 {
    min-height: 154px;
}

.ui-f610-12-code .maintenance {
    margin-top: 20px;
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .ui-f610-12-code .maintenance {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.ui-f610-12-code + .ui-f610-12-code .ui-paragraph-headline {
    font-size: 2rem;
    line-height: 2.5rem;
}

    .ui-f610-12-code + .ui-f610-12-code
    .ui-paragraph-headline + .ui-paragraph-headline {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-top: 50px;
    }

.ui-f610-12-code + .ui-f610-12-code img {
    margin: 0;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-f610-12-code + .ui-f610-12-code
    .ui-paragraph-headline + .ui-paragraph-headline {
        margin-top: 40px;
    }
}

@media screen and (max-width: 991px) {
    .ui-f610-12-code + .ui-f610-12-code .ui-paragraph-headline,
    .ui-f610-12-code + .ui-f610-12-code
    .ui-paragraph-headline + .ui-paragraph-headline {
        margin-top: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f610-12-code + .ui-f610-12-code .ui-paragraph-headline,
    .ui-f610-12-code + .ui-f610-12-code
    .ui-paragraph-headline + .ui-paragraph-headline {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-f610-12-code + .ui-f610-12-code .ui-paragraph-headline,
    .ui-f610-12-code + .ui-f610-12-code
    .ui-paragraph-headline + .ui-paragraph-headline {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-f610-12-code + .ui-f610-12-code
    .ui-paragraph-headline + .ui-paragraph-headline {
        margin-bottom: 5px;
    }

    .ui-f610-12-code + .ui-f610-12-code .richtext ol {
        padding-left: 35px;
    }
}

@media screen and (max-width: 479px) {
    .ui-f610-12-code + .ui-f610-12-code .ui-paragraph-headline,
    .ui-f610-12-code + .ui-f610-12-code
    .ui-paragraph-headline + .ui-paragraph-headline {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.ui-f611-12-utz .ui-paragraph-headline {
    font-size: 2.2rem;
    line-height: 3rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 10px;
    color: #333;
}

    .ui-f611-12-utz .ui-paragraph-headline.is-inverted {
        color: #fff;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-f611-12-utz .ui-paragraph-headline {
        margin-top: 32px;
    }
}

@media screen and (max-width: 479px) {
    .ui-f611-12-utz .ui-paragraph-headline {
        margin-top: 24px;
    }
}

.ui-f611-12-utz p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    color: #fff;
}

    .ui-f611-12-utz p > strong {
        color: #fff;
    }

.ui-f611-12-utz img {
    margin-top: 45px;
    margin-bottom: 30px;
}

.ui-f611-12-utz .ui-f607-12-forms form {
    overflow: visible;
}

.alt-colored .ui-f611-12-utz .ui-paragraph-headline,
.alt-colored.ui-f611-12-utz .ui-paragraph-headline {
    color: #fff;
}

.alt-colored .ui-f611-12-utz p,
.alt-colored.ui-f611-12-utz p {
    color: #fff;
}

    .alt-colored .ui-f611-12-utz p > strong,
    .alt-colored.ui-f611-12-utz p > strong {
        color: #fff;
    }

.ui-f612-12-filter {
    margin-top: 20px;
}

    .ui-f612-12-filter .linklist {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0;
        margin: 0;
        font-size: 0;
        list-style: none;
    }

    .ui-f612-12-filter .listitem {
        position: relative;
        display: flex;
        width: 227px;
        padding-right: 0;
        padding-left: 0;
        margin-right: 24px;
        float: none;
        vertical-align: top;
    }

.ie9 .ui-f612-12-filter .listitem {
    display: inline-block;
}

.ui-f612-12-filter .listitem:nth-child(4n) {
    margin-right: 0;
}

.ui-f612-12-filter a.listlink,
.ui-f612-12-filter span.listlink {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    border-width: 0 0 2px;
    -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    border-style: dotted;
    border-color: #ddd;
    display: block;
    width: 100%;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    margin: 0;
    color: #333;
}

    .ui-f612-12-filter a.listlink span,
    .ui-f612-12-filter span.listlink span {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
    }

    .ui-f612-12-filter a.listlink:active,
    .ui-f612-12-filter a.listlink:focus {
        color: #de450a;
    }

    .ui-f612-12-filter a.listlink.is-active,
    .ui-f612-12-filter a.listlink:hover {
        color: #f60;
    }

.ui-f612-12-filter .reset-btn {
    display: inline-block;
    max-height: 40px;
    margin-bottom: 12px;
    opacity: 1;
    transition: max-height 0.37s ease-out, opacity 0.37s ease-out;
}

    .ui-f612-12-filter .reset-btn::after {
        display: none;
    }

    .ui-f612-12-filter .reset-btn.is-collapsed {
        overflow: hidden;
        max-height: 0;
        opacity: 0;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-f612-12-filter .listitem {
        width: 197px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f612-12-filter .listitem {
        width: 137px;
    }

    .ui-f612-12-filter a.listlink,
    .ui-f612-12-filter span.listlink {
        font-size: 1.6rem;
        line-height: 1.8rem;
        overflow-wrap: break-word;
    }
}

@media screen and (max-width: 767px) {
    .ui-f612-12-filter .listitem {
        width: 50%;
        padding-right: 8px;
        margin: 0;
    }

        .ui-f612-12-filter .listitem:nth-child(2n) {
            padding-right: 0;
            padding-left: 8px;
        }

        .ui-f612-12-filter .listitem:nth-child(3n) {
            padding-right: 8px;
        }

    .ui-f612-12-filter a.listlink,
    .ui-f612-12-filter span.listlink {
        padding-left: 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-f612-12-filter .linklist {
        margin-bottom: 15px;
    }

    .ui-f612-12-filter .listitem,
    .ui-f612-12-filter .listitem:nth-child(2n),
    .ui-f612-12-filter .listitem:nth-child(3n) {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .ui-f612-12-filter a.listlink,
    .ui-f612-12-filter span.listlink {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

.ui-f613-12-category-filter .headline {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 20px;
}

.ui-f613-12-category-filter .reset-btn {
    display: inline-block;
    max-height: 40px;
    margin-bottom: 12px;
    opacity: 1;
    transition: max-height 0.37s ease-out, opacity 0.37s ease-out, margin 0.37s ease-out;
}

    .ui-f613-12-category-filter .reset-btn::after {
        display: none;
    }

    .ui-f613-12-category-filter .reset-btn.is-collapsed {
        overflow: hidden;
        max-height: 0;
        margin-top: -12px;
        opacity: 0;
    }

.ui-f613-12-category-filter .form-group label {
    margin-bottom: 15px;
}

.ui-f629-12-d-zmv .ui-confirmed-msg,
.ui-f629-12-d-zmv .ui-unconfirmed-msg {
    position: relative;
    min-height: 36px;
    padding-top: 6px;
    padding-left: 47px;
    font-family: HelveticaNeueW01-75Bold;
    font-size: 18px;
    line-height: 24px;
}

    .ui-f629-12-d-zmv .ui-confirmed-msg::before,
    .ui-f629-12-d-zmv .ui-unconfirmed-msg::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 36px;
        height: 36px;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
    }

@media screen and (min-width: 768px) {
    .ui-f629-12-d-zmv .ui-confirmed-msg,
    .ui-f629-12-d-zmv .ui-unconfirmed-msg {
        min-height: 42px;
        padding-top: 8px;
        padding-left: 70px;
    }

        .ui-f629-12-d-zmv .ui-confirmed-msg::before,
        .ui-f629-12-d-zmv .ui-unconfirmed-msg::before {
            width: 42px;
            height: 42px;
        }
}

.ui-f629-12-d-zmv .ui-unconfirmed-msg::before {
    background-image: url(../img/attention.svg);
}

.ui-f629-12-d-zmv .ui-confirmed-msg::before {
    background-image: url(../img/check.svg);
}

.ui-f629-12-d-zmv .line-area {
    padding-top: 20px;
    border-bottom: 2px solid #f1efee;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .ui-f629-12-d-zmv .line-area {
        padding-top: 28px;
        margin-bottom: 28px;
    }
}

.ui-f630-quiz.without-pagination .steps {
    display: none;
}

.ui-f630-quiz .roof-line {
    padding-top: 12px;
    border-top: 1px solid #cfcac7;
    color: #666;
    font-family: 'Helvetica Now Text Bold';
    font-size: 1.4rem;
    line-height: 1.6rem;
}

@media screen and (min-width: 768px) {
    .ui-f630-quiz .roof-line {
        padding-top: 16px;
    }
}

.ui-f630-quiz .quiz-items {
    position: relative;
    overflow: hidden;
    transition: height 0.2s ease-in-out;
    transition-delay: 0.1s;
}

.ui-f630-quiz .quiz-wrap {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    padding: 25px;
    background-color: #e7e5e3;
    border-radius: 4px;
    opacity: 0;
    transform: translateY(25px);
}

    .ui-f630-quiz .quiz-wrap.is-active {
        display: block;
    }

    .ui-f630-quiz .quiz-wrap.is-fade-in {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.2s, transform 0.2s;
        transition-delay: 0.3s;
    }

        .ui-f630-quiz .quiz-wrap.is-fade-in > * {
            opacity: 1;
            transform: translateY(0);
            transition: opacity 250ms, transform 250ms;
            transition-delay: 0.5s;
        }

    .ui-f630-quiz .quiz-wrap.is-fade-out {
        opacity: 0;
        transform: translateY(25px);
        transition: opacity 0.1s, transform 0.1s;
        transition-delay: 50ms;
    }

        .ui-f630-quiz .quiz-wrap.is-fade-out > * {
            opacity: 0;
            transform: translateY(25px);
            transition: opacity 0.1s, transform 0.1s;
            transition-delay: 0s;
        }

@media screen and (min-width: 768px) {
    .ui-f630-quiz .quiz-wrap {
        padding: 30px;
    }
}

.ui-f630-quiz .steps {
    color: #666;
    font-family: 'Helvetica Now Text Bold';
    font-size: 1.4rem;
    line-height: 1.6rem;
}

    .ui-f630-quiz .steps span {
        color: #f60;
    }

.ui-f630-quiz .question {
    font-family: 'Helvetica Now Text Bold';
    font-size: 1.6rem;
    line-height: 2.2rem;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f630-quiz .question {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media screen and (min-width: 992px) {
    .ui-f630-quiz .question {
        padding-bottom: 5px;
        font-size: 2rem;
        line-height: 2.6rem;
    }
}

.ui-f630-quiz .picture img {
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    filter: blur(5px);
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.4s, filter 0.4s;
}

    .ui-f630-quiz .picture img.lazyloaded {
        filter: blur(0);
        opacity: 1;
    }

@media screen and (min-width: 992px) {
    .ui-f630-quiz .answers.is-horizontal {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-right: -6.5px;
        margin-left: -6.5px;
    }

        .ui-f630-quiz .answers.is-horizontal .answer {
            flex-grow: 0;
            flex-shrink: 0;
            margin-right: 6.5px;
            margin-left: 6.5px;
        }
}

@media screen and (min-width: 1200px) {
    .ui-f630-quiz .answers.is-horizontal {
        margin-right: -7.5px;
        margin-left: -7.5px;
    }

        .ui-f630-quiz .answers.is-horizontal .answer {
            margin-right: 7.5px;
            margin-left: 7.5px;
        }
}

@media screen and (min-width: 992px) {
    .ui-f630-quiz .answers {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.ui-f630-quiz .answer {
    display: flex;
    width: 100%;
    padding: 12px;
    border: 0;
    margin-top: 15px;
    background-color: #fff;
    border-radius: 4px;
    outline: 0;
    text-align: center;
}

    .ui-f630-quiz .answer.is-active,
    .ui-f630-quiz .answer:active,
    .ui-f630-quiz .answer:focus,
    .ui-f630-quiz .answer:hover {
        background-color: #f60;
        transition: background-color 250ms 50ms ease-out;
    }

        .ui-f630-quiz .answer.is-active .answer-counter,
        .ui-f630-quiz .answer:active .answer-counter,
        .ui-f630-quiz .answer:focus .answer-counter,
        .ui-f630-quiz .answer:hover .answer-counter {
            color: #fff;
            transition: color 250ms;
        }

        .ui-f630-quiz .answer.is-active .answer-text,
        .ui-f630-quiz .answer:active .answer-text,
        .ui-f630-quiz .answer:focus .answer-text,
        .ui-f630-quiz .answer:hover .answer-text {
            color: #fff;
            transition: color 250ms;
        }

@media screen and (min-width: 992px) {
    .ui-f630-quiz .answer {
        padding: 15px;
    }
}

.ui-f630-quiz .answer-counter {
    margin-right: 12px;
    color: #f60;
    font-family: 'Helvetica Now Text Bold';
    font-size: 1.8rem;
    line-height: 2.3rem;
    text-transform: uppercase;
}

    .ui-f630-quiz .answer-counter + .answer-text {
        margin: 0;
        text-align: left;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-f630-quiz .answer-counter {
        margin-right: 14px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-f630-quiz .answer-counter {
        margin-right: 24px;
    }
}

.ui-f630-quiz .answer-title {
    color: #333;
    font-family: 'Helvetica Now Text Bold';
    font-size: 16px;
    line-height: 24px;
}

.ui-f630-quiz .answer-text {
    margin: 0 auto;
    color: #333;
    font-family: 'Helvetica Now Text Regular';
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .ui-f630-quiz .answer-text {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.ui-f630-quiz .answer-wrapper {
    position: relative;
    padding-top: 56.25%;
    margin-top: 16px;
}

    .ui-f630-quiz .answer-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .ui-f630-quiz .answer-wrapper .answer {
        position: absolute;
        right: 8px;
        bottom: 8px;
        left: 8px;
        width: calc(100% - 16px);
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f630-quiz .answer-wrapper {
        padding-top: 56.25%;
        margin-top: 24px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-f630-quiz .answer-wrapper {
        width: calc(50% - 12px);
        padding-top: calc(0.5625 * (50% - 12px));
    }
}

@media screen and (min-width: 1200px) {
    .ui-f630-quiz .answer-wrapper {
        width: calc(50% - 8.5px);
        padding-top: calc(0.5625 * (50% - 8.5px));
    }
}

.ui-f630-quiz .title {
    color: #666;
    font-family: 'Helvetica Now Text Bold';
    font-size: 1.4rem;
    line-height: 1.6rem;
}

.ui-f630-quiz .text {
    font-family: 'Helvetica Now Text Bold';
    font-size: 1.6rem;
    line-height: 2.2rem;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f630-quiz .text {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media screen and (min-width: 992px) {
    .ui-f630-quiz .text {
        padding-bottom: 5px;
        font-size: 2rem;
        line-height: 2.6rem;
    }
}

.ui-f630-quiz .steps-correct {
    margin-right: 24px;
    color: #f60;
    font-family: 'Helvetica Now Display XBold';
    font-size: 32px;
    letter-spacing: 0;
    line-height: 36px;
}

.ui-f630-quiz .steps-text {
    color: #333;
    font-family: 'Helvetica Now Text Regular';
    font-size: 16px;
    line-height: 24px;
}

.ui-f630-quiz .btn-wrapper.is-right-align {
    text-align: right;
}

.ui-f630-quiz .reset-btn {
    position: relative;
    padding-left: 12px;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #f60;
    font-family: 'Helvetica Now Text Bold';
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 18px;
    outline: 0;
    transition: color 250ms ease-in-out;
}

    .ui-f630-quiz .reset-btn::before {
        position: absolute;
        display: block;
        content: '';
        top: 50%;
        left: 2px;
        display: inline-block;
        padding: 2.5px;
        border: solid #f60;
        border-width: 0 2px 2px 0;
        transform: translateY(-50%) rotate(135deg);
        transition: border-color 250ms ease-in-out;
    }

    .ui-f630-quiz .reset-btn:hover {
        color: #de450a;
    }

        .ui-f630-quiz .reset-btn:hover::before {
            border-color: #de450a;
        }

.ui-f630-quiz .quiz-overlay-wrap {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    align-items: center;
}

    .ui-f630-quiz .quiz-overlay-wrap.is-display-flex {
        display: flex;
    }

    .ui-f630-quiz .quiz-overlay-wrap .quiz-overlay-mask {
        opacity: 0;
        transition: opacity 0.3s 0.1s ease-in;
    }

    .ui-f630-quiz .quiz-overlay-wrap .quiz-overlay-content {
        opacity: 0;
        transition: opacity 0.2s 50ms ease-in;
    }

        .ui-f630-quiz .quiz-overlay-wrap .quiz-overlay-content > * {
            opacity: 0;
            transition: opacity 0.1s 50ms ease-in;
        }

    .ui-f630-quiz .quiz-overlay-wrap.is-fade-in .quiz-overlay-mask {
        opacity: 0.3;
        transition: opacity 0.2s ease-out;
    }

    .ui-f630-quiz .quiz-overlay-wrap.is-fade-in .quiz-overlay-content {
        opacity: 1;
        transition: opacity 0.1s 0.1s ease-out;
    }

        .ui-f630-quiz .quiz-overlay-wrap.is-fade-in .quiz-overlay-content > * {
            opacity: 1;
            transition: opacity 0.2s 0.3s ease-out;
        }

.ui-f630-quiz .quiz-overlay-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0;
}

.ui-f630-quiz .quiz-overlay-content {
    padding: 30px;
    background: #fff;
    opacity: 0;
}

    .ui-f630-quiz .quiz-overlay-content .answer-text {
        margin: 0 0 12px;
        text-align: left;
    }

@media screen and (min-width: 768px) {
    .ui-f630-quiz .quiz-overlay-content {
        padding: 50px;
    }
}

.ui-f630-quiz .btn-cancel-quiz {
    position: relative;
    padding-left: 12px;
    border: 0;
    margin-right: -10px;
    background-color: rgba(0, 0, 0, 0);
    color: #666;
    font-family: 'Helvetica Now Text Bold';
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 18px;
    outline: 0;
    transition: color 250ms ease-in-out;
}

    .ui-f630-quiz .btn-cancel-quiz::before {
        position: absolute;
        display: block;
        content: '';
        top: 50%;
        left: 2px;
        display: inline-block;
        padding: 2.5px;
        border: solid #666;
        border-width: 0 2px 2px 0;
        transform: translateY(-50%) rotate(135deg);
        transition: border-color 250ms ease-in-out;
    }

    .ui-f630-quiz .btn-cancel-quiz::after {
        position: absolute;
        display: block;
        content: '';
        top: 50%;
        left: -5px;
        display: inline-block;
        padding: 2.5px;
        border: solid #666;
        border-width: 0 2px 2px 0;
        transform: translateY(-50%) rotate(-45deg);
        transition: border-color 250ms ease-in-out;
    }

    .ui-f630-quiz .btn-cancel-quiz:hover {
        color: #333;
    }

        .ui-f630-quiz .btn-cancel-quiz:hover::after,
        .ui-f630-quiz .btn-cancel-quiz:hover::before {
            border-color: #333;
        }

@media screen and (min-width: 768px) {
    .ui-f630-quiz .btn-cancel-quiz {
        margin-right: -20px;
    }
}

.ui-f630-quiz .btn-next-question {
    position: relative;
    padding-right: 12px;
    padding-left: 0;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #f60;
    font-family: 'Helvetica Now Text Bold';
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 18px;
    outline: 0;
    transition: color 250ms ease-in-out;
}

    .ui-f630-quiz .btn-next-question::before {
        position: absolute;
        display: block;
        content: '';
        top: 50%;
        right: 2px;
        display: inline-block;
        padding: 2.5px;
        border: solid #f60;
        border-width: 0 2px 2px 0;
        transform: translateY(-50%) rotate(-45deg);
        transition: border-color 250ms ease-in-out;
    }

    .ui-f630-quiz .btn-next-question:hover {
        color: #de450a;
    }

        .ui-f630-quiz .btn-next-question:hover::before {
            border-color: #de450a;
        }

.ui-f631-voting {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: 'content-top' 'picture' 'content-bottom' 'cta';
    margin-bottom: 30px;
    position: relative;
}

    .ui-f631-voting .picture {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: picture;
        display: block;
        position: relative;
        z-index: 1;
    }

        .ui-f631-voting .picture img {
            top: 0;
            left: 0;
            -o-object-fit: contain;
            object-fit: contain;
            max-width: 100%;
            width: 100%;
            opacity: 0;
            filter: blur(5px);
            transition: opacity 0.4s, filter 0.4s;
        }

            .ui-f631-voting .picture img.lazyloaded {
                opacity: 1;
                filter: blur(0);
            }

@media screen and (min-width: 768px) {
    .ui-f631-voting .picture {
        -ms-grid-row: 1;
        -ms-grid-row-span: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
}

.ui-f631-voting .roof-wrapper {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: content-top;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center;
    margin-top: 16px;
}

@media screen and (min-width: 768px) {
    .ui-f631-voting .roof-wrapper {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 1;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f631-voting .roof-wrapper {
        -ms-grid-column: 3;
    }
}

@media screen and (min-width: 992px) {
    .ui-f631-voting .roof-wrapper {
        -ms-grid-column: 4;
    }
}

.ui-f631-voting .pills {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: content-bottom;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    display: flex;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f631-voting .pills {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }
}

@media screen and (min-width: 992px) {
    .ui-f631-voting .pills {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
    }
}

.ui-f631-voting .pill {
    font-family: 'Helvetica Now Display Bold';
    font-size: 14px;
    line-height: 20px;
    border: 2px solid #f60;
    border-radius: 33px;
    background: rgba(0, 0, 0, 0);
    color: #333;
    text-align: center;
    padding: 10px;
    outline: 0;
    width: calc(50% - 15px);
    margin-top: 16px;
}

    .ui-f631-voting .pill.is-preselected,
    .ui-f631-voting .pill:hover:not(:disabled) {
        background: #f60;
        border: 2px solid #f60;
        border-radius: 33px;
        color: #fff;
        transition: background-color 250ms 50ms ease-out, color 250ms;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f631-voting .pill {
        width: calc(50% - 12px);
        margin-top: 10px;
        padding: 9px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-f631-voting .pill {
        width: calc(50% - 8px);
        margin-top: 16px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-f631-voting .pill {
        width: calc(50% - 8px);
        font-size: 16px;
        line-height: 20px;
        padding: 8px;
    }
}

.ui-f631-voting .result {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: content-bottom;
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f631-voting .result {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
    }
}

@media screen and (min-width: 992px) {
    .ui-f631-voting .result {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
    }
}

.ui-f631-voting .result-title {
    font-family: 'Helvetica Now Display XBold';
    font-size: 20px;
    color: #333;
    line-height: 23px;
    margin: 16px 0 0;
}

@media screen and (min-width: 768px) {
    .ui-f631-voting .result-title {
        font-family: 'Helvetica Now Text XBold';
        font-size: 16px;
        color: #333;
        line-height: 20px;
        margin: 12px 0 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-f631-voting .result-title {
        margin: 16px 0 0;
    }
}

@media screen and (min-width: 1200px) {
    .ui-f631-voting .result-title {
        margin: 12px 0 0;
    }
}

.ui-f631-voting .result-list {
    position: relative;
    display: flex;
    list-style: none;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
}

.ui-f631-voting .cta-wrapper {
    grid-area: cta;
    position: relative;
    display: none;
    margin-top: 40px;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
}

    .ui-f631-voting .cta-wrapper::before {
        position: absolute;
        display: block;
        content: '';
        top: -20px;
        width: 100%;
        height: 1px;
        background-color: #cfcac7;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f631-voting .cta-wrapper {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        margin-top: 30px;
    }

        .ui-f631-voting .cta-wrapper::before {
            top: -10px;
        }
}

@media screen and (min-width: 992px) {
    .ui-f631-voting .cta-wrapper {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
    }
}

@media screen and (min-width: 768px) {
    .ui-f631-voting.is-img-right .picture {
        -ms-grid-row: 1;
        -ms-grid-row-span: 5;
        -ms-grid-column-span: 1;
        -ms-grid-column: 3;
    }
}

@media screen and (min-width: 992px) {
    .ui-f631-voting.is-img-right .picture {
        -ms-grid-column: 5;
    }
}

@media screen and (min-width: 768px) {
    .ui-f631-voting.is-img-right .roof-wrapper {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 1;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f631-voting.is-img-right .roof-wrapper {
        -ms-grid-column: 1;
    }
}

@media screen and (min-width: 992px) {
    .ui-f631-voting.is-img-right .roof-wrapper {
        -ms-grid-column: 2;
    }
}

@media screen and (min-width: 768px) {
    .ui-f631-voting.is-img-right .pills,
    .ui-f631-voting.is-img-right .result {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f631-voting.is-img-right .pills,
    .ui-f631-voting.is-img-right .result {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
}

@media screen and (min-width: 992px) {
    .ui-f631-voting.is-img-right .pills,
    .ui-f631-voting.is-img-right .result {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
    }
}

@media screen and (min-width: 768px) {
    .ui-f631-voting.is-img-right .cta-wrapper {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f631-voting.is-img-right .cta-wrapper {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }
}

@media screen and (min-width: 992px) {
    .ui-f631-voting.is-img-right .cta-wrapper {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f631-voting.is-img-right {
        -ms-grid-columns: 1fr calc((1 / 12 * 100%) - 12px - 12px) calc((5 / 12 * 100%) + 12px);
        grid-template-columns: 1fr calc((1 / 12 * 100%) - 12px - 12px) calc( (5 / 12 * 100%) + 12px );
        grid-template-areas: '. . picture' 'content-top . picture' 'content-bottom . picture' 'cta . picture' '. . picture';
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-f631-voting.is-img-right {
        -ms-grid-columns: calc((1 / 12 * 100%) - 12px) calc((4 / 12 * 100%) + 12px + 12px) calc((1 / 12 * 100%) - 12px) 24px calc((6 / 12 * 100%) - 12px);
        grid-template-columns: calc((1 / 12 * 100%) - 12px) calc( (4 / 12 * 100%) + 12px + 12px ) calc((1 / 12 * 100%) - 12px) 24px calc((6 / 12 * 100%) - 12px);
        grid-template-areas: '. . . . picture' '. content-top . . picture' '. content-bottom . . picture' '. cta . . picture' '. . . . picture';
    }
}

@media screen and (min-width: 1200px) {
    .ui-f631-voting.is-img-right {
        -ms-grid-columns: 8.3333333333% calc((4 / 12 * 100%) - 12px) 8.3333333333% 24px calc((6 / 12 * 100%) - 12px);
        grid-template-columns: 8.3333333333% calc( (4 / 12 * 100%) - 12px ) 8.3333333333% 24px calc((6 / 12 * 100%) - 12px);
        grid-template-areas: '. . . . picture' '. content-top . . picture' '. content-bottom . . picture' '. cta . . picture' '. . . . picture';
    }
}

.ui-f631-voting.is-fade-out .cta-wrapper,
.ui-f631-voting.is-fade-out .pills,
.ui-f631-voting.is-fade-out .question,
.ui-f631-voting.is-fade-out .result-list,
.ui-f631-voting.is-fade-out .result-title,
.ui-f631-voting.is-fade-out .roof-line,
.ui-f631-voting.is-fade-out .text-link {
    opacity: 0;
    transform: translateY(25px);
    transition: opacity 0.3s, transform 0.3s;
}

.ui-f631-voting.is-fade-out .percent-bar {
    transform: scale(0, 1);
    transition: transform 250ms 50ms ease-in;
}

.ui-f631-voting.is-fade-out .label,
.ui-f631-voting.is-fade-out .percent {
    opacity: 0;
    transition: transform 150ms 0s ease-in;
}

@media screen and (max-width: 767px) {
    .ui-f631-voting.is-fade-out .picture {
        opacity: 0;
        transform: translateY(25px);
        transition: opacity 0.3s, transform 0.3s;
    }
}

.ui-f631-voting.is-fade-in .cta-wrapper,
.ui-f631-voting.is-fade-in .pills,
.ui-f631-voting.is-fade-in .question,
.ui-f631-voting.is-fade-in .result-list,
.ui-f631-voting.is-fade-in .result-title,
.ui-f631-voting.is-fade-in .roof-line,
.ui-f631-voting.is-fade-in .text-link {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s, transform 0.3s;
}

.ui-f631-voting.is-fade-in .picture,
.ui-f631-voting.is-fade-in .question,
.ui-f631-voting.is-fade-in .result-title {
    transition-delay: 0.1s;
}

.ui-f631-voting.is-fade-in .pills,
.ui-f631-voting.is-fade-in .result-list {
    transition-delay: 0.2s;
}

.ui-f631-voting.is-fade-in .percent-bar {
    transform: scale(0, 1);
}

.ui-f631-voting.is-fade-in .label,
.ui-f631-voting.is-fade-in .percent {
    opacity: 0;
}

.ui-f631-voting.is-fade-in .cta-wrapper {
    transition-delay: 0.3s;
}

@media screen and (max-width: 767px) {
    .ui-f631-voting.is-fade-in .picture {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.3s, transform 0.3s;
    }
}

.ui-f631-voting.show-preselect .question {
    display: block;
}

.ui-f631-voting.show-preselect .text-link.is-result {
    display: block;
}

.ui-f631-voting.show-preselect .text-link.is-question {
    display: none;
}

.ui-f631-voting.show-preselect .pills {
    display: flex;
}

.ui-f631-voting.show-preselect .result {
    display: none;
}

.ui-f631-voting.show-preselect .cta-wrapper {
    display: block;
}

    .ui-f631-voting.show-preselect .cta-wrapper .is-initial {
        display: none;
    }

    .ui-f631-voting.show-preselect .cta-wrapper .is-result {
        display: inline-block;
    }

@media screen and (max-width: 767px) {
    .ui-f631-voting.show-result .picture {
        display: none;
    }
}

.ui-f631-voting.show-result .question {
    display: none;
}

.ui-f631-voting.show-result .pills {
    display: none;
}

.ui-f631-voting.show-result .result {
    display: block;
}

.ui-f631-voting.show-result .text-link.is-result {
    display: none;
}

.ui-f631-voting.show-result .text-link.is-question {
    display: block;
}

.ui-f631-voting.show-result .cta-wrapper {
    display: block;
}

    .ui-f631-voting.show-result .cta-wrapper .is-initial {
        display: none;
    }

    .ui-f631-voting.show-result .cta-wrapper .is-result {
        display: inline-block;
    }

.ui-f631-voting::before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    height: 1px;
    width: 100%;
    background-color: #cfcac7;
}

.ui-f631-voting .roof-line {
    font-family: 'Helvetica Now Text Bold';
    font-size: 14px;
    color: #666;
    line-height: 16px;
    margin: 0;
}

.ui-f631-voting .text-link {
    font-family: 'Helvetica Now Text Bold';
    font-size: 14px;
    color: #f60;
    letter-spacing: 0.5px;
    line-height: 18px;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    outline: 0;
    display: none;
    margin: 0 0 0 auto;
    position: relative;
    transition: color 250ms ease-in-out;
}

    .ui-f631-voting .text-link::before {
        position: absolute;
        display: block;
        content: '';
        border: solid #f60;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2.5px;
        top: 50%;
        transition: border-color 250ms ease-in-out;
    }

    .ui-f631-voting .text-link.is-question {
        padding-left: 12px;
        display: none;
    }

        .ui-f631-voting .text-link.is-question::before {
            transform: translateY(-50%) rotate(135deg);
            left: 2px;
        }

    .ui-f631-voting .text-link.is-result {
        display: none;
        padding-right: 12px;
    }

        .ui-f631-voting .text-link.is-result::before {
            transform: translateY(-50%) rotate(-45deg);
            right: 2px;
        }

    .ui-f631-voting .text-link:hover {
        color: #de450a;
    }

        .ui-f631-voting .text-link:hover::before {
            border-color: #de450a;
        }

.ui-f631-voting .question {
    width: 100%;
    font-family: 'Helvetica Now Display XBold';
    font-size: 20px;
    color: #333;
    line-height: 23px;
    margin: 16px 0;
}

@media screen and (min-width: 992px) {
    .ui-f631-voting .question {
        margin: 16px 0 6px;
    }
}

@media screen and (min-width: 992px) {
    .ui-f631-voting .question {
        font-size: 24px;
        color: #333;
        line-height: 28px;
        margin: 16px 0 12px;
    }
}

.ui-f631-voting .pills .pill:nth-last-child(-n + 3):first-child,
.ui-f631-voting .pills .pill:nth-last-child(-n + 3):first-child ~ .pill {
    width: 100%;
}

.ui-f631-voting .list-item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 16px;
}

@media screen and (min-width: 768px) {
    .ui-f631-voting .list-item {
        margin-top: 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f631-voting .list-item {
        width: calc(50% - 12px);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-f631-voting .list-item {
        width: calc(50% - 8px);
    }
}

.ui-f631-voting .result-list .list-item:nth-last-child(-n + 3):first-child,
.ui-f631-voting
.result-list
.list-item:nth-last-child(-n + 3):first-child ~ .list-item {
    width: 100%;
}

.ui-f631-voting .label {
    font-family: 'Helvetica Now Micro Bold';
    font-size: 10px;
    color: #666;
    margin: 0 0 5px;
    opacity: 1;
    transition: opacity 150ms 0.4s ease-out;
}

.ui-f631-voting .bar {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 60px;
    grid-template-columns: 1fr 60px;
    grid-template-areas: 'left right';
    position: relative;
    height: 24px;
    text-align: right;
    background: #e7e5e3;
    border-radius: 4px;
}

.ui-f631-voting .percent-bar {
    grid-area: left;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    display: block;
    position: relative;
    height: 24px;
    background: #f60;
    border-radius: 4px 0 0 4px;
    transform-origin: left;
    transform: scale(1, 1);
    transition: transform 0.3s 0.1s ease-out;
}

.ui-f631-voting .percent {
    grid-area: right;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    display: block;
    position: relative;
    font-family: 'Helvetica Now Micro Bold';
    font-size: 12px;
    color: #666;
    padding-right: 10px;
    padding-left: 4px;
    align-self: center;
    opacity: 1;
    transition: opacity 150ms 0.4s ease-out;
    line-height: 24px;
}

.ui-f631-voting:not(.show-result):not(.show-preselect)
.cta-wrapper.show-always {
    display: block;
}

    .ui-f631-voting:not(.show-result):not(.show-preselect)
    .cta-wrapper.show-always
    .cta.is-initial {
        display: inline-block;
    }

.ui-f631-voting .cta {
    position: relative;
    display: none;
    font-family: 'Helvetica Now Text Bold';
    font-size: 14px;
    color: #f60;
    letter-spacing: 0.5px;
    line-height: 18px;
    padding-right: 12px;
    transition: color 250ms ease-in-out;
}

    .ui-f631-voting .cta::after {
        position: absolute;
        display: block;
        content: '';
        position: absolute;
        border: solid #f60;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 2.5px;
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        right: 2px;
        transition: border-color 250ms ease-in-out;
    }

    .ui-f631-voting .cta:hover {
        color: #de450a;
    }

        .ui-f631-voting .cta:hover::after {
            border-color: #de450a;
        }

.ui-f631-voting.is-standalone {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: 'content-top' 'content-bottom' 'cta';
    margin-bottom: 30px;
}

    .ui-f631-voting.is-standalone .picture {
        display: none;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }

    .ui-f631-voting.is-standalone .roof-wrapper {
        margin-top: 16px;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }

    .ui-f631-voting.is-standalone .question {
        margin: 16px 0 6px;
    }

    .ui-f631-voting.is-standalone .pills {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }

    .ui-f631-voting.is-standalone .result {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }

    .ui-f631-voting.is-standalone .list-item {
        width: 100%;
    }

    .ui-f631-voting.is-standalone .cta-wrapper {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-f631-voting {
        -ms-grid-columns: calc((5 / 12 * 100%) + 12px) calc((1 / 12 * 100%) - 12px - 12px) 1fr;
        grid-template-columns: calc((5 / 12 * 100%) + 12px) calc( (1 / 12 * 100%) - 12px - 12px ) 1fr;
        grid-template-areas: 'picture . .' 'picture . content-top' 'picture . content-bottom' 'picture . cta' 'picture . .';
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-f631-voting {
        -ms-grid-columns: calc((6 / 12 * 100%) - 12px) 24px calc((1 / 12 * 100%) - 12px) calc((4 / 12 * 100%) + 12px + 12px) calc((1 / 12 * 100%) - 12px);
        grid-template-columns: calc((6 / 12 * 100%) - 12px) 24px calc( (1 / 12 * 100%) - 12px ) calc((4 / 12 * 100%) + 12px + 12px) calc((1 / 12 * 100%) - 12px);
        grid-template-areas: 'picture . . . .' 'picture . . content-top .' 'picture . . content-bottom .' 'picture . . cta .' 'picture . . . .';
    }
}

@media screen and (min-width: 1200px) {
    .ui-f631-voting {
        -ms-grid-columns: calc((6 / 12 * 100%) - 12px) 24px 8.3333333333% calc((4 / 12 * 100%) - 12px) 8.3333333333%;
        grid-template-columns: calc((6 / 12 * 100%) - 12px) 24px 8.3333333333% calc( (4 / 12 * 100%) - 12px ) 8.3333333333%;
        grid-template-areas: 'picture . . . .' 'picture . . content-top .' 'picture . . content-bottom .' 'picture . . cta .' 'picture . . . .';
    }
}

@media screen and (min-width: 992px) {
    .ui-f631-voting {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    body.modal-open {
        position: fixed;
        -webkit-overflow-scrolling: touch;
    }
}

.mui-footer {
    position: relative;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    background-color: #333;
    color: #fff;
}

    .alt-colored .mui-footer,
    .mui-footer.alt-colored {
        background-color: #fff;
        color: #555;
    }

.mui-footer-list-container {
    display: flex;
    height: 100%;
    padding-top: 52px;
    margin-bottom: 48px;
    background-color: #333;
    color: #fff;
}

    .mui-footer-list-container .col-lg-3:not(:last-child)::after,
    .mui-footer-list-container .col-md-3:not(:last-child)::after {
        position: absolute;
        top: 2px;
        right: 0;
        display: block;
        height: 96%;
        border-right: 2px solid #5a5a5a;
        content: '';
    }

.alt-colored .mui-footer-list-container {
    background-color: #fff;
    color: #555;
}

    .alt-colored .mui-footer-list-container .col-lg-3:not(:last-child)::after,
    .alt-colored .mui-footer-list-container .col-md-3:not(:last-child)::after {
        border-right: 2px solid #f1efee;
    }

@media screen and (max-width: 991px) {
    .mui-footer-list-container {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-list-container {
        padding-top: 10px;
    }
}

.mui-footer-list {
    position: relative;
    padding-bottom: 20px;
    padding-left: 0;
    margin-top: 3px;
}

@media screen and (max-width: 991px) {
    .mui-footer-list {
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-list {
        padding-bottom: 28px;
    }

        .mui-footer-list::after {
            content: normal;
        }
}

.mui-footer-last-block::after {
    display: block;
    border-right: 0;
}

.alt-colored .mui-footer-last-block::after {
    border-right: 0;
}

.mui-footer-abstract {
    display: none;
}

@media screen and (max-width: 991px) {
    .mui-footer-abstract {
        display: block;
        padding-left: 12px;
        border-left: 2px solid #5a5a5a;
    }

    .alt-colored .mui-footer-abstract {
        border-left: 2px solid #f1efee;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .mui-footer-abstract.mui-footer-last-block {
        padding-top: 24px;
        margin-top: -24px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .mui-footer-abstract.mui-footer-last-block {
        padding-top: 24px;
        margin-top: -24px;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-abstract.mui-footer-last-block {
        padding-bottom: 28px;
        padding-left: 0;
        border-bottom: 2px solid #5a5a5a;
        border-left: 0;
        margin-top: 0;
        margin-bottom: 16px;
    }

    .alt-colored .mui-footer-abstract.mui-footer-last-block {
        border-bottom: 2px solid #f1efee;
        border-left: 0;
    }
}

.mui-footer-head-item {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    padding-top: 0;
    padding-bottom: 4px;
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    letter-spacing: 0.03em;
}

.alt-colored .mui-footer-head-item {
    color: #555;
}

@media screen and (max-width: 991px) {
    .mui-footer-head-item {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.6rem;
        padding-top: 0;
        padding-bottom: 0;
        letter-spacing: 0.03em;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .mui-footer-head-item {
        margin-left: 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .mui-footer-head-item {
        margin-left: 12px;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-head-item {
        font-size: 1.6rem;
        padding-top: 16px;
    }
}

.mui-footer-list-item {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    padding: 7px 0 0;
    list-style: none;
}

@media screen and (max-width: 991px) {
    .mui-footer-list-item {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        padding-top: 10px;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-list-item {
        padding-top: 10px;
    }
}

.mui-footer-item-link {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    color: #fff;
    letter-spacing: 0.05em;
}

.alt-colored .mui-footer-item-link {
    color: #555;
}

.mui-footer-item-link:hover {
    border-bottom: 1px solid #f60;
    color: #f60;
}

.alt-colored .mui-footer-item-link:hover {
    color: #f60;
}

@media screen and (max-width: 991px) {
    .mui-footer-item-link {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-item-link {
        font-size: 1.4rem;
    }
}

.mui-footer-action-link {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8rem;
    position: relative;
    display: inline-block;
    width: 190px;
    height: 64px;
    background: rgba(0, 0, 0, 0) url(../img/arrow-right-medium-footer.svg) 0 45px no-repeat;
    color: #fff;
}

.alt-colored .mui-footer-action-link {
    background-image: url(../img/arrow-right-medium-hover-footer.svg);
    color: #f60;
}

.mui-footer-action-link:hover {
    background-image: url(../img/arrow-right-medium-hover-footer.svg);
    color: #f60;
}

.alt-colored .mui-footer-action-link:hover {
    background-image: url(../img/arrow-right-medium-orange-hover.svg);
    color: #de450a;
}

@media screen and (max-width: 991px) {
    .mui-footer-action-link {
        height: 130px;
    }

        .mui-footer-action-link + .mui-footer-action-link {
            height: 100px;
            padding-left: 0;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .mui-footer-action-link {
        height: 134px;
        padding-top: 52px;
        background-position: 0 93px;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-action-link {
        display: block;
        width: 100%;
        height: 100px;
        border-bottom: 2px solid #5a5a5a;
        margin-top: 15px;
    }

    .alt-colored .mui-footer-action-link {
        border-bottom: 2px solid #f1efee;
    }

    .mui-footer-action-link + .mui-footer-action-link {
        height: 64px;
        margin-top: 36px;
    }
}

.mui-footer-action-link-title {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.8rem;
    display: block;
    width: 180px;
    letter-spacing: 0.03em;
}

.mui-footer-image {
    position: absolute;
    top: 26px;
    left: 130px;
    width: 66px;
    vertical-align: middle;
}

@media screen and (max-width: 991px) {
    .mui-footer-image {
        top: 10px;
        left: 200px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .mui-footer-image {
        top: 0;
        left: 0;
        width: 50px;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-image {
        top: 4px;
        left: 70%;
    }
}

.mui-footer-subheadline {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    margin-top: 0;
    color: #fff;
    letter-spacing: 0.03em;
}

.alt-colored .mui-footer-subheadline {
    color: #555;
}

@media screen and (max-width: 991px) {
    .mui-footer-subheadline {
        display: inline-block;
        vertical-align: top;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .mui-footer-subheadline {
        margin-right: 40px;
    }
}

.mui-footer-social-links {
    padding-left: 0;
    list-style: none;
}

@media screen and (max-width: 991px) {
    .mui-footer-social-links {
        display: inline-block;
        margin-left: 45px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .mui-footer-social-links {
        margin-left: 0;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-social-links {
        width: 100%;
        padding-bottom: 10px;
        padding-left: 0;
        margin-left: 0;
    }

    .alt-colored .mui-footer-social-links {
        border-bottom: 2px solid #f1efee;
    }
}

.mui-footer-social-links-item {
    display: inline-block;
    padding-right: 3px;
}

    .mui-footer-social-links-item:last-child {
        padding-right: 0;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .mui-footer-social-links-item {
        padding-right: 1px;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-social-links-item {
        padding-right: 15px;
        margin-bottom: 10px;
    }
}

.mui-footer-twitter-icon {
    display: inline-block;
    width: 28px;
    height: 22px;
    background: rgba(0, 0, 0, 0) url(../img/icon-social-twitter-white.svg) 0 0 no-repeat;
    background-size: 85%;
}

.alt-colored .mui-footer-twitter-icon {
    background-image: url(../img/icon-social-twitter-lightgrey.svg);
}

.mui-footer-twitter-icon:hover {
    background-image: url(../img/icon-social-twitter-orange-fill.svg);
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .mui-footer-twitter-icon {
        width: 26px;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-twitter-icon {
        background-size: 100%;
    }
}

.mui-footer-facebook-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: rgba(0, 0, 0, 0) url(../img/icon-social-facebook-white-square.svg) 0 0 no-repeat;
    background-size: 85%;
}

.alt-colored .mui-footer-facebook-icon {
    background-image: url(../img/icon-social-facebook-lightgrey-square.svg);
}

.mui-footer-facebook-icon:hover {
    background-image: url(../img/icon-social-facebook-orange-square.svg);
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .mui-footer-facebook-icon {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-facebook-icon {
        background-size: 100%;
    }
}

.mui-footer-youtube-icon {
    display: inline-block;
    width: 52px;
    height: 22px;
    background: rgba(0, 0, 0, 0) url(../img/icon-social-youtube-white.svg) 0 0 no-repeat;
    background-size: 85%;
}

.alt-colored .mui-footer-youtube-icon {
    background-image: url(../img/icon-social-youtube-lightgrey.svg);
}

.mui-footer-youtube-icon:hover {
    background-image: url(../img/icon-social-youtube-orange.svg);
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .mui-footer-youtube-icon {
        width: 50px;
        background-size: 82%;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-youtube-icon {
        background-size: 100%;
    }
}

.mui-footer-instagram-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: rgba(0, 0, 0, 0) url(../img/icon-social-instagram-white.svg) 0 0 no-repeat;
    background-size: 85%;
}

.alt-colored .mui-footer-instagram-icon {
    background-image: url(../img/icon-social-instagram-lightgrey.svg);
}

.mui-footer-instagram-icon:hover {
    background-image: url(../img/icon-social-instagram-orange.svg);
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .mui-footer-instagram-icon {
        width: 23px;
        height: 23px;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-instagram-icon {
        background-size: 100%;
    }
}

.mui-footer-pinterest-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0) url(../img/icon-social-pinterest-white.svg) 0 0 no-repeat;
    background-size: 85%;
}

.alt-colored .mui-footer-pinterest-icon {
    background-image: url(../img/icon-social-pinterest-lightgrey.svg);
}

.mui-footer-pinterest-icon:hover {
    background-image: url(../img/icon-social-pinterest-orange.svg);
}

@media screen and (max-width: 479px) {
    .mui-footer-pinterest-icon {
        background-size: 100%;
    }
}

.mui-footer-linkedin-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: rgba(0, 0, 0, 0) no-repeat;
    background-size: 85%;
    margin-bottom: -4px;
}

.alt-colored .mui-footer-linkedin-icon {
    background-image: url(../img/icon-social-linkedin-lightgrey.svg);
}

.mui-footer-linkedin-icon:hover {
    background-image: url(../img/icon-social-linkedin-orange.svg);
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .mui-footer-linkedin-icon {
        width: 23px;
        height: 23px;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-linkedin-icon {
        background-size: 100%;
    }
}

.mui-footer-link-area {
    padding-top: 0;
    margin-bottom: 54px;
}

@media screen and (max-width: 991px) {
    .mui-footer-link-area {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .mui-footer-link-area {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 479px) {
    .mui-footer-link-area {
        margin-bottom: 0;
    }
}

.mui-footer-bottom-area {
    position: relative;
    height: 48px;
    background-color: #f60;
}

.alt-colored .mui-footer-bottom-area {
    background-color: #f60;
}

@media screen and (max-width: 479px) {
    .mui-footer-bottom-area {
        margin-top: 65px;
    }
}

.mui-footer-center {
    padding-top: 11px;
}

@media screen and (max-width: 479px) {
    .mui-footer-center {
        text-align: center;
    }
}

.mui-footer-copy {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    display: inline-block;
    margin-top: 4px;
    color: #fff;
    letter-spacing: 0.05em;
}

.alt-colored .mui-footer-copy {
    color: #fff;
}

.mui-footer-language-switch {
    font-size: 1.2rem;
    margin-top: 2px;
    color: #fff;
    float: right;
    letter-spacing: 0.05em;
}

.alt-colored .mui-footer-language-switch {
    color: #fff;
}

@media screen and (max-width: 479px) {
    .mui-footer-language-switch {
        position: absolute;
        top: -45px;
        left: 10px;
    }

    .alt-colored .mui-footer-language-switch {
        color: #555;
    }
}

.mui-footer-language-switch-link {
    font-size: 1.4rem;
    margin-right: 10px;
    margin-left: 10px;
    color: #fff;
    letter-spacing: 0.05em;
}

.alt-colored .mui-footer-language-switch-link {
    color: #fff;
}

.mui-footer-language-switch-link:hover {
    border-bottom: 2px solid #fff;
}

.alt-colored .mui-footer-language-switch-link:hover {
    border-bottom: 2px solid #fff;
    color: #fff;
}

.mui-footer-language-switch-link.is-active {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
}

@media screen and (max-width: 479px) {
    .alt-colored .mui-footer-language-switch-link {
        color: #555;
    }

        .alt-colored .mui-footer-language-switch-link:hover {
            border-bottom: 2px solid #555;
            color: #555;
        }
}

.ui-g102-12-personalized-headerbar {
    position: relative;
    z-index: 1035;
    min-height: 35px;
    background-color: #f8f6f5;
    font-size: 10px;
}

    .ui-g102-12-personalized-headerbar .headerbar-btn-containers {
        display: flex;
        max-width: 100%;
        min-height: 35px;
        align-items: center;
        justify-content: flex-end;
    }

        .ui-g102-12-personalized-headerbar
        .headerbar-btn-containers
        .mui-tooltip-container {
            vertical-align: middle;
        }

        .ui-g102-12-personalized-headerbar
        .headerbar-btn-containers
        .mui-preferred-store-link-text {
            position: absolute;
            overflow: hidden;
            width: 1px;
            height: 1px;
            padding: 0;
            border: 0;
            margin: -1px;
            margin-right: 0;
            clip: rect(0, 0, 0, 0);
        }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-g102-12-personalized-headerbar .headerbar-btn-containers {
        padding-right: 29px;
    }
}

.ui-g102-12-personalized-headerbar .headerbar-list {
    display: flex;
}

.ui-g102-12-personalized-headerbar .is-headerbar-btn {
    position: relative;
    display: inline-block;
    width: auto;
    height: 36px;
    margin: 0 0 0 20px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

    .ui-g102-12-personalized-headerbar .is-headerbar-btn:first-child {
        margin: 0;
    }

    .ui-g102-12-personalized-headerbar .is-headerbar-btn:last-child {
        display: flex;
        align-items: center;
        white-space: normal;
    }

        .ui-g102-12-personalized-headerbar .is-headerbar-btn:last-child .ui-js-profile {
            position: relative;
        }

            .ui-g102-12-personalized-headerbar
            .is-headerbar-btn:last-child
            .ui-js-profile > button {
                white-space: nowrap;
            }

            .ui-g102-12-personalized-headerbar
            .is-headerbar-btn:last-child
            .ui-js-profile
            [data-test-id='msrc-profile'] {
                position: relative;
                display: flex;
            }

    .ui-g102-12-personalized-headerbar .is-headerbar-btn:active,
    .ui-g102-12-personalized-headerbar .is-headerbar-btn:focus,
    .ui-g102-12-personalized-headerbar .is-headerbar-btn:hover {
        outline: 0;
    }

        .ui-g102-12-personalized-headerbar
        .is-headerbar-btn:active
        .headerbar-btn__text,
        .ui-g102-12-personalized-headerbar .is-headerbar-btn:active .name-btn .info,
        .ui-g102-12-personalized-headerbar .is-headerbar-btn:focus .headerbar-btn__text,
        .ui-g102-12-personalized-headerbar .is-headerbar-btn:focus .name-btn .info,
        .ui-g102-12-personalized-headerbar .is-headerbar-btn:hover .headerbar-btn__text,
        .ui-g102-12-personalized-headerbar .is-headerbar-btn:hover .name-btn .info {
            color: #f60;
        }

        .ui-g102-12-personalized-headerbar .is-headerbar-btn:active .name-btn::before,
        .ui-g102-12-personalized-headerbar .is-headerbar-btn:focus .name-btn::before,
        .ui-g102-12-personalized-headerbar .is-headerbar-btn:hover .name-btn::before {
            opacity: 0;
        }

        .ui-g102-12-personalized-headerbar .is-headerbar-btn:active .name-btn::after,
        .ui-g102-12-personalized-headerbar .is-headerbar-btn:focus .name-btn::after,
        .ui-g102-12-personalized-headerbar .is-headerbar-btn:hover .name-btn::after {
            opacity: 1;
        }

    .ui-g102-12-personalized-headerbar .is-headerbar-btn.is-hidden {
        display: none;
    }

    .ui-g102-12-personalized-headerbar .is-headerbar-btn.is-indicator .safety-icon,
    .ui-g102-12-personalized-headerbar .is-headerbar-btn.is-open .safety-icon {
        display: inline-block;
    }

    .ui-g102-12-personalized-headerbar
    .is-headerbar-btn.is-preferred-store-container {
        overflow: visible;
    }

    .ui-g102-12-personalized-headerbar .is-headerbar-btn .safety-icon {
        display: none;
        position: relative;
        background: #fff;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 5px solid #f60;
        top: 2px;
        margin-left: 5px;
    }

    .ui-g102-12-personalized-headerbar .is-headerbar-btn .shopping-icon {
        display: inline-block;
        width: 17px;
        height: 19px;
        background-image: url(../img/icon-shopping-bag-orange.svg);
        position: relative;
        top: 3px;
        margin-right: 5px;
    }

@media screen and (min-width: 1200px) {
    .ui-g102-12-personalized-headerbar .is-headerbar-btn {
        margin: 0 0 0 25px;
    }
}

.ui-g102-12-personalized-headerbar .ui-js-unread-mgs {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    position: relative;
    top: -1px;
    right: auto;
    bottom: auto;
    padding: 1px 6px;
    margin-left: 5px;
    background-color: #f60;
    border-radius: 9px;
    color: #fff;
    font-size: 0.96rem;
    text-align: center;
    line-height: 1;
}

    .ui-g102-12-personalized-headerbar .ui-js-unread-mgs.is-hidden {
        display: none;
    }

.ui-g102-12-personalized-headerbar .headerbar-btn__text,
.ui-g102-12-personalized-headerbar .name-btn .info {
    padding-left: 0;
    color: #474747;
    font-family: HelveticaNeueW01-55Roma;
    font-size: 1.3rem;
    letter-spacing: 0.2px;
    line-height: 36px;
    transition: color 0.25s ease-out;
}

.ui-g102-12-personalized-headerbar .is-info-container {
    padding-right: 0;
}

.ui-g102-12-personalized-headerbar .is-preferred-store-container > a {
    color: #fff;
}

.ui-g102-12-personalized-headerbar .mui-tooltip-container + a {
    display: none;
}

.ui-g102-12-personalized-headerbar .name-btn {
    position: relative;
    display: flex;
    padding-left: 23px;
    color: #474747;
    line-height: 36px;
}

    .ui-g102-12-personalized-headerbar .name-btn::after,
    .ui-g102-12-personalized-headerbar .name-btn::before {
        position: absolute;
        display: block;
        content: '';
        top: 50%;
        left: 0;
        width: 16px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: 100%;
        transform: translateY(-50%);
        transition: opacity 0.25s ease-out;
    }

    .ui-g102-12-personalized-headerbar .name-btn::before {
        background-image: url(../img/person-black.svg);
    }

    .ui-g102-12-personalized-headerbar .name-btn::after {
        background-image: url(../img/person-orange-icon.svg);
        opacity: 0;
    }

    .ui-g102-12-personalized-headerbar .name-btn .info {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .ui-g102-12-personalized-headerbar .name-btn .info:last-child {
            margin-left: 3px;
        }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-g102-12-personalized-headerbar .name-btn .info {
        max-width: 229px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-g102-12-personalized-headerbar .name-btn .info {
        max-width: 261px;
    }
}

@media screen and (max-width: 767px) {
    .ui-g102-12-personalized-headerbar {
        z-index: 1002;
    }
}

.ui-g103-12-navigational-header {
    position: relative;
    border-bottom: 1px solid #d6d6d6;
    padding-top: 8px;
    z-index: 1035;
    background: #fff;
}

    .ui-g103-12-navigational-header.mega-menu-open {
        z-index: 1110;
    }

@media screen and (max-width: 1199px) {
    .ui-g103-12-navigational-header .container {
        position: relative;
    }
}

@media screen and (min-width: 768px) {
    .ui-g103-12-navigational-header .container {
        /*padding: 0 18px;*/
    }
}

@media screen and (max-width: 767px) {
    .ui-g103-12-navigational-header {
        padding-top: 0;
    }
}

@media screen and (min-width: 1200px) {
    .ui-g103-12-navigational-header .container {
        /*padding: 0 12px;*/
    }
}

.ui-g111-pagination .page {
    position: absolute;
    z-index: 1035;
    top: 260px;
}

    .ui-g111-pagination .page .control {
        display: block;
        width: 36px;
        height: 128px;
        background-color: #ccc;
        text-align: center;
    }

    .ui-g111-pagination .page .text-wrapper {
        display: inline-block;
        width: 344px;
    }

    .ui-g111-pagination .page .text-area {
        display: inline-block;
        overflow: hidden;
        width: 0;
        height: 108px;
        margin-top: 10px;
        background-color: #fff;
        box-shadow: 0 0 15px 0 #aaa;
        opacity: 0;
        transition: width 0.45s cubic-bezier(0.17, 0.67, 0.28, 1), opacity 0.25s ease-out;
    }

    .ui-g111-pagination .page .image {
        width: 84px;
        height: 84px;
        margin: 12px;
        background-color: #d3d3d3;
    }

        .ui-g111-pagination .page .image img {
            max-width: 84px;
            max-height: 84px;
        }

    .ui-g111-pagination .page .headline {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.3rem;
        margin: 2rem 0 7px;
        color: gray;
    }

    .ui-g111-pagination .page .text {
        font-size: 1.4rem;
        line-height: 1.6rem;
        color: #000;
    }

@media only screen and (min-width: 1281px) {
    .ui-g111-pagination .page:active .control,
    .ui-g111-pagination .page:focus .control,
    .ui-g111-pagination .page:hover .control {
        background-color: #f60;
    }

    .ui-g111-pagination .page:active .text-area,
    .ui-g111-pagination .page:focus .text-area,
    .ui-g111-pagination .page:hover .text-area {
        width: 344px;
        opacity: 1;
    }
}

.ui-g111-pagination .icon {
    display: block;
    width: 100%;
    height: 100%;
}

    .ui-g111-pagination .icon.left {
        background: url(../img/arrow-left-white-bold.svg) 45% 50% no-repeat;
    }

    .ui-g111-pagination .icon.right {
        background: url(../img/arrow-right-bold-white.svg) 65% 50% no-repeat;
    }

.ui-g111-pagination .prev {
    left: 0;
}

    .ui-g111-pagination .prev .text-area {
        position: relative;
        border-left: 0;
    }

    .ui-g111-pagination .prev .text-wrapper {
        position: absolute;
        right: 0;
    }

.ui-g111-pagination .next {
    right: 0;
}

    .ui-g111-pagination .next .text-area {
        border-right: 0;
        text-align: right;
    }

    .ui-g111-pagination .next .text-wrapper {
        padding-left: 2rem;
    }

@media screen and (max-width: 767px) {
    .ui-g111-pagination {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .ui-g111-pagination .prev.last-page {
        margin-top: 30px;
    }
}

.ui-g140-stage-anchors {
    width: 100%;
    max-width: 832px;
    margin: 0 auto;
}

    .ui-g140-stage-anchors [class^='col-'] {
        padding-right: 0;
        padding-left: 0;
    }

    .ui-g140-stage-anchors .list-topic {
        display: table;
        width: 100%;
        table-layout: fixed;
        word-spacing: -1em;
        display: flex;
        padding: 7px;
        list-style: none;
    }

        .ui-g140-stage-anchors .list-topic:after,
        .ui-g140-stage-anchors .list-topic:before {
            display: table;
            content: ' ';
        }

        .ui-g140-stage-anchors .list-topic:after {
            clear: both;
        }

@media screen and (max-width: 767px) {
    .ui-g140-stage-anchors .list-topic {
        display: block;
        font-size: 0;
    }

        .ui-g140-stage-anchors .list-topic .item-topic {
            width: 32%;
            padding: 1% 0;
            margin-left: 2%;
        }

            .ui-g140-stage-anchors .list-topic .item-topic:nth-child(4) {
                margin-left: 0;
            }
}

@media screen and (max-width: 479px) {
    .ui-g140-stage-anchors .list-topic {
        padding: 0;
    }
}

.ui-g140-stage-anchors .item-topic {
    display: inline-block;
    vertical-align: top;
    word-spacing: 0;
    position: relative;
    z-index: 1;
    width: 25%;
    padding: 6px 0;
    margin-left: 10px;
}

    .ui-g140-stage-anchors .item-topic:first-child {
        margin-left: 0;
    }

    .ui-g140-stage-anchors .item-topic .link-topic {
        position: relative;
        display: block;
        height: 70px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.5);
        line-height: 70px;
        text-align: center;
    }

        .ui-g140-stage-anchors .item-topic .link-topic img {
            max-width: 120px;
            height: auto;
            max-height: 40px;
        }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-g140-stage-anchors .item-topic .link-topic img {
        max-width: 85%;
    }
}

.ui-g140-stage-anchors .item-topic .link-topic .image-logo {
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
}

@media screen and (min-width: 768px) {
    .ui-g140-stage-anchors .item-topic .link-topic::after {
        position: absolute;
        z-index: -1;
        bottom: 2px;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        background: url(../img/arrow-to-bottom.svg) 50% 50% #f60 no-repeat;
        border-radius: 50%;
        content: '';
        transition: 0.3s bottom ease;
    }

    .ui-g140-stage-anchors .item-topic .link-topic:hover::after {
        bottom: -21px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-g140-stage-anchors .item-topic .link-topic {
        height: 61px;
        border-radius: 3px;
        line-height: 61px;
    }

        .ui-g140-stage-anchors .item-topic .link-topic img {
            max-width: 106px;
            max-height: 35px;
        }
}

@media screen and (max-width: 479px) {
    .ui-g140-stage-anchors .item-topic .link-topic {
        height: 41px;
        border-radius: 2px;
        line-height: 41px;
    }

        .ui-g140-stage-anchors .item-topic .link-topic img {
            max-width: 82%;
            max-height: 64%;
        }
}

.ui-g147-XX-tile-icon-navigation-slider .carousel-control.is-hide {
    opacity: 0;
    visibility: hidden;
}

.ui-g147-XX-tile-icon-navigation-slider .col-xs-12,
.ui-g147-XX-tile-icon-navigation-slider .row {
    position: static;
    padding: 0;
}

.ui-g147-XX-tile-icon-navigation-slider .ui-preview-teaser .carousel-track {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}

.ui-g147-XX-tile-icon-navigation-slider .carousel-inner {
    overflow: visible;
}

.ui-g147-XX-tile-icon-navigation-slider .ui-preview-teaser .carousel-inner {
    overflow: hidden;
    min-height: 190px;
    margin: 0 auto;
    transition: width 0.4s, margin 0.4s;
}

.ui-g147-XX-tile-icon-navigation-slider .ui-preview-teaser .carousel-limiter {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 5px;
    left: 5px;
    overflow: hidden;
    height: 100%;
}

.ui-g147-XX-tile-icon-navigation-slider
.ui-preview-teaser
.ui-menu-list-item.is-selected {
    margin-left: 1px;
}

    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item.is-selected
    .ui-menu-list-item-link {
        position: relative;
        top: 0;
        left: 0;
        width: 104px;
        height: 144px;
        padding-top: 28px;
        box-shadow: none;
        transition: all 150ms;
    }

@media screen and (max-width: 991px) {
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item.is-selected
    .ui-menu-list-item-link {
        width: 98px;
    }
}

.ui-g147-XX-tile-icon-navigation-slider
.ui-preview-teaser
.ui-menu-list-item:first-child.is-selected.is-active,
.ui-g147-XX-tile-icon-navigation-slider
.ui-preview-teaser
.ui-menu-list-item:nth-child(2).is-selected.is-active {
    margin-left: 17px;
}

@-moz-document url-prefix() {
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item.is-active ~ .is-selected
    .ui-menu-list-item-link,
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item:first-child.is-selected.is-active
    .ui-menu-list-item-link,
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item:last-child.is-selected
    .ui-menu-list-item-link,
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item:nth-child(2).is-selected.is-active
    .ui-menu-list-item-link {
        box-shadow: 0 0 11px 0 #484952;
    }
}

.ui-g147-XX-tile-icon-navigation-slider
.ui-preview-teaser
.ui-menu-list-item.is-active ~ .is-selected
.ui-menu-list-item-link,
.ui-g147-XX-tile-icon-navigation-slider
.ui-preview-teaser
.ui-menu-list-item:first-child.is-selected.is-active
.ui-menu-list-item-link,
.ui-g147-XX-tile-icon-navigation-slider
.ui-preview-teaser
.ui-menu-list-item:last-child.is-selected
.ui-menu-list-item-link,
.ui-g147-XX-tile-icon-navigation-slider
.ui-preview-teaser
.ui-menu-list-item:nth-child(2).is-selected.is-active
.ui-menu-list-item-link {
    position: absolute;
    z-index: 2;
    top: -9px;
    left: -7px;
    width: 119px;
    height: 163px;
    padding-top: 37px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 #484952;
    transition: all 150ms 0.2s;
}

@media screen and (max-width: 767px) {
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item.is-active ~ .is-selected,
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item:first-child.is-selected.is-active,
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item:last-child.is-selected,
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item:nth-child(2).is-selected.is-active {
        margin-left: 1px;
    }
}

@media screen and (min-device-pixel-ratio: 0) {
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item.is-active ~ .is-selected
    .ui-menu-list-item-link,
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item:first-child.is-selected.is-active
    .ui-menu-list-item-link,
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item:last-child.is-selected
    .ui-menu-list-item-link,
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item:nth-child(2).is-selected.is-active
    .ui-menu-list-item-link {
        box-shadow: 0 0 14px 0 #484952;
    }
}

.ui-g147-XX-tile-icon-navigation-slider
.ui-preview-teaser
.ui-menu-list-item.is-selected.is-minimized {
    margin-left: 1px;
}

    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item.is-selected.is-minimized
    .ui-menu-list-item-link {
        position: relative;
        top: 0;
        left: 0;
        width: 104px;
        height: 144px;
        padding-top: 28px;
        box-shadow: none;
        transition: all 150ms;
    }

@media screen and (max-width: 991px) {
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .ui-menu-list-item.is-selected.is-minimized
    .ui-menu-list-item-link {
        width: 98px;
    }
}

.ui-g147-XX-tile-icon-navigation-slider .ui-preview-teaser .carousel-control {
    z-index: 5;
    top: 50%;
    width: 48px;
    height: 148px;
    border: 2px solid #f60;
    margin-top: -75px;
    background: #f60;
}

    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .carousel-control:hover {
        background: #fff;
    }

        .ui-g147-XX-tile-icon-navigation-slider
        .ui-preview-teaser
        .carousel-control:hover
        .arrow-right {
            background-image: url(../img/arrow-right-orange.svg);
        }

        .ui-g147-XX-tile-icon-navigation-slider
        .ui-preview-teaser
        .carousel-control:hover
        .arrow-left {
            background-image: url(../img/icon-back-orange.svg);
        }

    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .carousel-control.right {
        right: 0;
        border-radius: 0 4px 4px 0;
        box-shadow: -4px 0 5px 0 rgba(0, 0, 0, 0.35);
    }

    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .carousel-control.left {
        left: 0;
        border-radius: 4px 0 0 4px;
        box-shadow: 4px 0 5px 0 rgba(0, 0, 0, 0.35);
    }

    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .carousel-control
    .arrow-left,
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .carousel-control
    .arrow-right {
        position: absolute;
        top: 50%;
        left: 11px;
        width: 25px;
        height: 44px;
        margin-top: -22px;
    }

    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .carousel-control
    .arrow-right {
        background-image: url(../img/arrow-right-white.svg);
    }

    .ui-g147-XX-tile-icon-navigation-slider
    .ui-preview-teaser
    .carousel-control
    .arrow-left {
        background-image: url(../img/icon-back.svg);
    }

.ui-g147-XX-tile-icon-navigation-slider .ui-menu-list {
    display: table;
    padding: 0;
    margin: 20px auto;
    float: none;
    font-size: 0;
    list-style: outside none none;
    word-spacing: -1em;
}

@media only screen and (max-width: 435px) {
    .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list {
        width: 306px;
    }
}

@media only screen and (min-width: 436px) and (max-width: 480px) {
    .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list {
        width: 408px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 490px) {
    .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list {
        width: 408px;
    }
}

@media only screen and (min-width: 491px) and (max-width: 596px) {
    .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list {
        width: 418px;
    }
}

@media only screen and (min-width: 597px) and (max-width: 767px) {
    .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list {
        width: 522px;
    }
}

.ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item {
    position: relative;
    display: inline-block;
    width: 108px;
    height: 148px;
    box-sizing: border-box;
    border: 2px solid transparent;
    margin: 0 2px 3px 1px;
    background-color: #f60;
    border-radius: 4px;
    float: left;
    transition: all 0.3s;
    vertical-align: top;
    word-spacing: 0;
}

    .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item.is-selected {
        position: relative;
    }

@-moz-document url-prefix() {
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-menu-list-item.is-selected
    .ui-menu-list-item-link {
        box-shadow: 0 0 11px 0 #484952;
    }
}

.ui-g147-XX-tile-icon-navigation-slider
.ui-menu-list-item.is-selected
.ui-menu-list-item-link {
    position: absolute;
    z-index: 2;
    top: -9px;
    left: -7px;
    width: 119px;
    height: 163px;
    padding-top: 37px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px 0 #484952;
}

.ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item.is-selected .icon-a {
    display: none;
}

.ui-g147-XX-tile-icon-navigation-slider
.ui-menu-list-item.is-selected
.icon-a__hover {
    display: inline-block;
}

.ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item.is-selected .name {
    color: #f60;
}

@media screen and (min-device-pixel-ratio: 0) {
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-menu-list-item.is-selected
    .ui-menu-list-item-link {
        box-shadow: 0 0 14px 0 #484952;
    }
}

.ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item.is-cumulus-item {
    background-color: #003d8d;
}

    .ui-g147-XX-tile-icon-navigation-slider
    .ui-menu-list-item.is-cumulus-item.is-selected
    .name {
        color: #003d8d;
    }

@media screen and (min-width: 992px) {
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-menu-list-item.is-cumulus-item:active,
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-menu-list-item.is-cumulus-item:hover {
        border: 2px solid #003d8d;
        background: #fff;
    }

        .ui-g147-XX-tile-icon-navigation-slider
        .ui-menu-list-item.is-cumulus-item:active
        .name,
        .ui-g147-XX-tile-icon-navigation-slider
        .ui-menu-list-item.is-cumulus-item:hover
        .name {
            color: #003d8d;
        }
}

.ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item.is-back {
    position: absolute;
    left: -1px;
    margin-top: 20px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.ui-g147-XX-tile-icon-navigation-slider
.ui-menu-list-item
.ui-menu-list-item-link {
    display: block;
    height: 100%;
    padding: 28px 0 0;
    text-align: center;
}

.ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item .img-align {
    display: inline-block;
    width: 1px;
    height: 62px;
    margin-left: -1px;
    vertical-align: middle;
}

.ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item .icon {
    display: inline-block;
    max-height: 62px;
    margin: 0 auto;
}

.ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item .icon-a__hover {
    display: none;
}

.ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item .name {
    font-size: 1.4rem;
    line-height: 1.5rem;
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    display: inline-block;
    width: 94%;
    margin-top: 4px;
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    vertical-align: top;
}

@media screen and (max-width: 991px) {
    .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item {
        width: 102px;
        margin: 0 1px 3px;
    }
}

@media screen and (min-width: 992px) {
    .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item:hover {
        border: 2px solid #f60;
        background-color: #fff;
    }

        .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item:hover .icon-a {
            display: none;
        }

        .ui-g147-XX-tile-icon-navigation-slider
        .ui-menu-list-item:hover
        .icon-a__hover {
            display: inline-block;
        }

        .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item:hover .name {
            color: #f60;
        }
}

.ui-g147-XX-tile-icon-navigation-slider .sticker {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.2rem;
    position: absolute;
    top: -2px;
    left: -2px;
    padding: 3px 5px;
    background-color: #de450a;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: -2px -2px 7px rgba(73, 54, 73, 0.3) inset;
    color: #fff;
}

.ui-g147-XX-tile-icon-navigation-slider.is-cumulus
.ui-menu-list-item:not(.is-back) {
    background-color: #003d8d;
}

    .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
    .ui-menu-list-item:not(.is-back).is-selected
    .name {
        color: #003d8d;
    }

@media screen and (min-width: 992px) {
    .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
    .ui-menu-list-item:not(.is-back):active,
    .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
    .ui-menu-list-item:not(.is-back):hover {
        border: 2px solid #003d8d;
        background: #fff;
    }

        .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
        .ui-menu-list-item:not(.is-back):active
        .name,
        .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
        .ui-menu-list-item:not(.is-back):hover
        .name {
            color: #003d8d;
        }
}

.ui-g147-XX-tile-icon-navigation-slider.is-cumulus
.ui-menu-list-item.is-orange-item {
    background-color: #f60;
}

@media screen and (min-width: 992px) {
    .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
    .ui-menu-list-item.is-orange-item:active,
    .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
    .ui-menu-list-item.is-orange-item:hover {
        border: 2px solid #f60;
        background-color: #fff;
    }

        .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
        .ui-menu-list-item.is-orange-item:active
        .icon-a,
        .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
        .ui-menu-list-item.is-orange-item:hover
        .icon-a {
            display: none;
        }

        .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
        .ui-menu-list-item.is-orange-item:active
        .icon-a__hover,
        .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
        .ui-menu-list-item.is-orange-item:hover
        .icon-a__hover {
            display: inline-block;
        }

        .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
        .ui-menu-list-item.is-orange-item:active
        .name,
        .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
        .ui-menu-list-item.is-orange-item:hover
        .name {
            color: #f60;
        }
}

.ui-g147-XX-tile-icon-navigation-slider.is-cumulus
.ui-preview-teaser
.carousel-control {
    border: 2px solid #0072bd;
    background: #0072bd;
}

    .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
    .ui-preview-teaser
    .carousel-control:hover {
        border: 2px solid #003d8d;
        background: #fff;
    }

        .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
        .ui-preview-teaser
        .carousel-control:hover
        .arrow-left {
            background-image: url(../img/icon-back-cumulus.svg);
        }

        .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
        .ui-preview-teaser
        .carousel-control:hover
        .arrow-right {
            background-image: url(../img/arrow-right-cumulus.svg);
        }

.ui-g147-XX-tile-icon-navigation-slider.is-cumulus .sticker {
    background-color: #00145c;
    box-shadow: -2px -2px 7px rgba(1, 1, 1, 0.7) inset;
}

@media screen and (max-width: 767px) {
    .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item {
        width: 102px;
        margin: 0 1px 2px;
    }

        .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item.is-back {
            position: relative;
            left: auto;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }
}

@media screen and (max-width: 767px) {
    .ui-g147-XX-tile-icon-navigation-slider {
        padding-right: 8px;
        padding-left: 8px;
    }

        .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list {
            padding-right: 0;
            padding-left: 0;
            margin-bottom: 5px;
        }

        .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item {
            width: 99px;
            height: 78px;
            padding-top: 0;
        }

            .ui-g147-XX-tile-icon-navigation-slider
            .ui-menu-list-item:hover
            .icon-a__hover {
                display: none;
            }

            .ui-g147-XX-tile-icon-navigation-slider
            .ui-menu-list-item
            .ui-menu-list-item-link {
                position: relative;
                padding: 0;
            }

            .ui-g147-XX-tile-icon-navigation-slider
            .ui-menu-list-item:not(.is-back)
            .icon {
                display: none;
            }

            .ui-g147-XX-tile-icon-navigation-slider
            .ui-menu-list-item:not(.is-back)
            .name {
                position: absolute;
                top: 50%;
                left: 2px;
                margin-top: 0;
                transform: translateY(-50%);
            }

            .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item .img-align {
                height: 78px;
            }

            .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item .icon {
                height: 44px;
                vertical-align: middle;
            }

            .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item.is-back {
                margin: 0 1px 2px;
            }

                .ui-g147-XX-tile-icon-navigation-slider
                .ui-menu-list-item.is-back
                .ui-menu-list-item-link {
                    padding: 0;
                }

                .ui-g147-XX-tile-icon-navigation-slider
                .ui-menu-list-item.is-back
                .icon::before {
                    display: inline-block;
                    width: 25px;
                    height: 44px;
                    background-image: url(../img/icon-back.svg);
                    content: '';
                }

                .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item.is-back .icon-a {
                    display: none;
                }

                .ui-g147-XX-tile-icon-navigation-slider .ui-menu-list-item.is-back .name {
                    display: none;
                }
}

@media screen and (max-width: 767px) and (min-width: 992px) {
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-menu-list-item.is-back:hover
    .icon::before {
        background-image: url(../img/icon-back-orange.svg);
    }
}

@media screen and (max-width: 767px) {
    .ui-g147-XX-tile-icon-navigation-slider
    .ui-menu-list-item.is-selected
    .ui-menu-list-item-link {
        left: -10px;
        width: 114px;
        height: 90px;
    }

    .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
    .ui-menu-list-item.is-back {
        background: #003d8d;
    }
}

@media screen and (max-width: 767px) and (min-width: 992px) {
    .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
    .ui-menu-list-item:hover.is-back {
        border: 2px solid #003d8d;
        background: #fff;
    }

        .ui-g147-XX-tile-icon-navigation-slider.is-cumulus
        .ui-menu-list-item:hover.is-back
        .icon::before {
            background-image: url(../img/icon-back-cumulus.svg);
        }
}

.js
.ui-g147-XX-tile-icon-navigation-slider.in-view
.ui-preview-teaser
.carousel-control {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    transition: all 350ms 50ms;
}

    .js
    .ui-g147-XX-tile-icon-navigation-slider.in-view
    .ui-preview-teaser
    .carousel-control::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 46px;
        height: 144px;
        background: rgba(0, 0, 0, 0);
        content: '';
        transition: all 250ms 150ms;
    }

    .js
    .ui-g147-XX-tile-icon-navigation-slider.in-view
    .ui-preview-teaser
    .carousel-control
    .arrow-left,
    .js
    .ui-g147-XX-tile-icon-navigation-slider.in-view
    .ui-preview-teaser
    .carousel-control
    .arrow-right {
        opacity: 1;
        transition: opacity 0.2s;
    }

    .js
    .ui-g147-XX-tile-icon-navigation-slider.in-view
    .ui-preview-teaser
    .carousel-control.is-hide {
        width: 0;
        opacity: 0;
        transition: all 250ms 150ms;
        visibility: visible;
    }

@media screen and (min-width: 768px) {
    .js .ui-g147-XX-tile-icon-navigation-slider[data-inview] .carousel-control,
    .js .ui-g147-XX-tile-icon-navigation-slider[data-inview] .ui-menu-list-item {
        transform: translateX(-2000px);
        transition: transform 0.45s cubic-bezier(0.31, 0.99, 0.84, 0.97);
    }

    .js .ui-g147-XX-tile-icon-navigation-slider.in-view .carousel-control,
    .js .ui-g147-XX-tile-icon-navigation-slider.in-view .ui-menu-list-item {
        transform: translateX(0);
    }

        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .carousel-control:nth-child(1),
        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .ui-menu-list-item:nth-child(1) {
            transition-delay: 0.35s;
            transition-duration: 0.35s;
        }

        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .carousel-control:nth-child(2),
        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .ui-menu-list-item:nth-child(2) {
            transition-delay: 0.3s;
            transition-duration: 0.4s;
        }

        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .carousel-control:nth-child(3),
        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .ui-menu-list-item:nth-child(3) {
            transition-delay: 0.25s;
            transition-duration: 0.45s;
        }

        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .carousel-control:nth-child(4),
        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .ui-menu-list-item:nth-child(4) {
            transition-delay: 0.2s;
            transition-duration: 0.5s;
        }

        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .carousel-control:nth-child(5),
        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .ui-menu-list-item:nth-child(5) {
            transition-delay: 0.15s;
            transition-duration: 0.55s;
        }

        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .carousel-control:nth-child(6),
        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .ui-menu-list-item:nth-child(6) {
            transition-delay: 0.1s;
            transition-duration: 0.6s;
        }

        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .carousel-control:nth-child(7),
        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .ui-menu-list-item:nth-child(7) {
            transition-delay: 50ms;
            transition-duration: 0.65s;
        }

        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .carousel-control:nth-child(8),
        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .ui-menu-list-item:nth-child(8) {
            transition-delay: 0s;
            transition-duration: 0.7s;
        }

        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .carousel-control:nth-child(n + 9),
        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .ui-menu-list-item:nth-child(n + 9) {
            transition-delay: -50ms;
            transition-duration: 0.75s;
        }

        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .carousel-control.is-selected,
        .js
        .ui-g147-XX-tile-icon-navigation-slider.in-view
        .ui-menu-list-item.is-selected {
            z-index: 2;
        }
}

.ui-g147-XX-tile-icon-navigation .col-xs-12,
.ui-g147-XX-tile-icon-navigation .row {
    position: static;
}

.ui-g147-XX-tile-icon-navigation .ui-menu-list {
    display: table;
    max-width: 890px;
    padding-left: 0;
    margin: 20px auto 0;
    float: none;
    font-size: 0;
    list-style: outside none none;
    word-spacing: -1em;
}

@media only screen and (max-width: 435px) {
    .ui-g147-XX-tile-icon-navigation .ui-menu-list {
        width: 306px;
    }
}

@media only screen and (min-width: 436px) and (max-width: 480px) {
    .ui-g147-XX-tile-icon-navigation .ui-menu-list {
        width: 408px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 490px) {
    .ui-g147-XX-tile-icon-navigation .ui-menu-list {
        width: 314px;
    }
}

@media only screen and (min-width: 491px) and (max-width: 596px) {
    .ui-g147-XX-tile-icon-navigation .ui-menu-list {
        width: 418px;
    }
}

@media only screen and (min-width: 597px) and (max-width: 767px) {
    .ui-g147-XX-tile-icon-navigation .ui-menu-list {
        width: 522px;
    }
}

.ui-g147-XX-tile-icon-navigation .ui-menu-list-item {
    position: relative;
    display: inline-block;
    width: 108px;
    height: 148px;
    margin: 0 2px 3px 1px;
    background-color: #f60;
    border-radius: 4px;
    float: left;
    vertical-align: top;
    word-spacing: 0;
}

    .ui-g147-XX-tile-icon-navigation .ui-menu-list-item:active,
    .ui-g147-XX-tile-icon-navigation .ui-menu-list-item:focus,
    .ui-g147-XX-tile-icon-navigation .ui-menu-list-item:hover {
        background-color: #de450a;
    }

    .ui-g147-XX-tile-icon-navigation .ui-menu-list-item.is-active {
        background-color: #de450a;
    }

    .ui-g147-XX-tile-icon-navigation .ui-menu-list-item.is-back {
        position: absolute;
        left: -1px;
        width: 59px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

        .ui-g147-XX-tile-icon-navigation
        .ui-menu-list-item.is-back
        .ui-menu-list-item-link {
            padding-top: 34px;
        }

    .ui-g147-XX-tile-icon-navigation .ui-menu-list-item .ui-menu-list-item-link {
        display: block;
        height: 100%;
        padding: 28px 0 0;
        text-align: center;
    }

    .ui-g147-XX-tile-icon-navigation .ui-menu-list-item .img-align {
        display: inline-block;
        width: 1px;
        height: 62px;
        margin-left: -1px;
        vertical-align: middle;
    }

    .ui-g147-XX-tile-icon-navigation .ui-menu-list-item .icon {
        display: inline-block;
        max-height: 62px;
        margin: 0 auto;
    }

    .ui-g147-XX-tile-icon-navigation .ui-menu-list-item .name {
        font-size: 1.4rem;
        line-height: 1.5rem;
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        display: inline-block;
        width: 96%;
        margin-top: 4px;
        color: #fff;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        vertical-align: top;
    }

.ui-g147-XX-tile-icon-navigation .sticker {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 5px;
    background-color: #de450a;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    box-shadow: -2px -2px 7px rgba(73, 54, 73, 0.3) inset;
    color: #fff;
}

.ui-g147-XX-tile-icon-navigation.is-cumulus .ui-menu-list-item {
    background-color: #003d8d;
}

    .ui-g147-XX-tile-icon-navigation.is-cumulus .ui-menu-list-item:active,
    .ui-g147-XX-tile-icon-navigation.is-cumulus .ui-menu-list-item:focus,
    .ui-g147-XX-tile-icon-navigation.is-cumulus .ui-menu-list-item:hover {
        background-color: #00145c;
    }

    .ui-g147-XX-tile-icon-navigation.is-cumulus .ui-menu-list-item.is-active {
        background-color: #00145c;
    }

.ui-g147-XX-tile-icon-navigation.is-cumulus .sticker {
    background-color: #00145c;
    box-shadow: -2px -2px 7px rgba(1, 1, 1, 0.7) inset;
}

@media screen and (min-width: 1200px) {
    .ui-g147-XX-tile-icon-navigation
    .ui-menu-list.tile-9.is-level-1
    .ui-menu-list-item:nth-child(8) {
        clear: left;
    }

    .ui-g147-XX-tile-icon-navigation
    .ui-menu-list.tile-9.is-level-2
    .ui-menu-list-item:nth-child(9) {
        clear: left;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-g147-XX-tile-icon-navigation .ui-menu-list {
        max-width: 794px;
    }

        .ui-g147-XX-tile-icon-navigation
        .ui-menu-list.tile-8.is-level-1
        .ui-menu-list-item:nth-child(7) {
            clear: left;
        }

        .ui-g147-XX-tile-icon-navigation
        .ui-menu-list.tile-8.is-level-2
        .ui-menu-list-item:nth-child(8) {
            clear: left;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-g147-XX-tile-icon-navigation
    .ui-menu-list.tile-7.is-level-1
    .ui-menu-list-item:nth-child(6) {
        clear: left;
    }

    .ui-g147-XX-tile-icon-navigation
    .ui-menu-list.tile-6.is-level-2
    .ui-menu-list-item:nth-child(6) {
        clear: left;
    }
}

@media screen and (max-width: 991px) {
    .ui-g147-XX-tile-icon-navigation .ui-menu-list-item {
        width: 102px;
        margin: 0 1px 2px;
    }

        .ui-g147-XX-tile-icon-navigation .ui-menu-list-item.is-back {
            position: relative;
            left: auto;
            width: 102px;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }
}

@media screen and (max-width: 479px) {
    .ui-g147-XX-tile-icon-navigation {
        padding-right: 8px;
        padding-left: 8px;
    }

        .ui-g147-XX-tile-icon-navigation .ui-menu-list {
            padding-right: 0;
            padding-left: 0;
            margin-bottom: 5px;
        }

        .ui-g147-XX-tile-icon-navigation .ui-menu-list-item {
            width: 99px;
            height: 78px;
            padding-top: 0;
        }

            .ui-g147-XX-tile-icon-navigation .ui-menu-list-item.is-back {
                width: 99px;
                margin: 0 1px 2px;
            }

                .ui-g147-XX-tile-icon-navigation
                .ui-menu-list-item.is-back
                .ui-menu-list-item-link {
                    padding: 0;
                }

            .ui-g147-XX-tile-icon-navigation .ui-menu-list-item .ui-menu-list-item-link {
                position: relative;
                padding: 0;
            }

            .ui-g147-XX-tile-icon-navigation .ui-menu-list-item:not(.is-back) .icon {
                display: none;
            }

            .ui-g147-XX-tile-icon-navigation .ui-menu-list-item:not(.is-back) .name {
                position: absolute;
                top: 50%;
                left: 2px;
                margin-top: 0;
                transform: translateY(-50%);
            }

            .ui-g147-XX-tile-icon-navigation .ui-menu-list-item .img-align {
                height: 78px;
            }
}

.ui-google-map {
    position: relative;
    height: 640px;
    background-color: #fff;
}

    .ui-google-map.is-event {
        height: 560px;
    }

    .ui-google-map .iconpath {
        width: 50%;
        height: 50%;
    }

    .ui-google-map .iconBase {
        width: 50%;
        height: 50%;
    }

    .ui-google-map .map-canvas {
        position: relative;
        height: inherit;
    }

        .ui-google-map .map-canvas img {
            max-width: none;
            max-height: none;
        }

        .ui-google-map .map-canvas .map-icon-loader {
            position: absolute;
            top: 10px;
            left: 50%;
            text-align: center;
        }

        .ui-google-map .map-canvas .text {
            font-size: 1.4rem;
            line-height: 1.8rem;
            line-height: 2.5rem;
            padding-top: 20px;
            color: #f60;
            text-align: center;
        }

    .ui-google-map .controls {
        position: absolute;
        top: 90px;
        right: 10%;
    }

        .ui-google-map .controls li {
            list-style: none;
        }

        .ui-google-map .controls a {
            position: relative;
        }

            .ui-google-map .controls a::before {
                position: absolute;
                right: 0;
                width: 38px;
                height: 38px;
                background-color: #f60;
                background-position: 50%;
                background-repeat: no-repeat;
                border-radius: 50%;
                content: '';
                transition: background-color 0.5s ease-out;
            }

            .ui-google-map .controls a:active::before,
            .ui-google-map .controls a:focus::before,
            .ui-google-map .controls a:hover::before {
                background-color: #de450a;
            }

        .ui-google-map .controls .store::before {
            top: 0;
            background-image: url(../img/heart-white.svg);
        }

        .ui-google-map .controls .route::before {
            top: 60px;
            background-image: url(../img/arrow-map.svg);
        }

    .ui-google-map .controls-event {
        position: absolute;
        z-index: 1;
        top: 457px;
        right: 70px;
        width: 220px;
        height: 80px;
        padding: 0 12px 2px 6px;
        background-color: #fff;
        box-shadow: 2px 2px 2px -2px #999;
    }

        .ui-google-map .controls-event .title {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-size: 1.4rem;
            line-height: 1;
            padding-left: 10px;
        }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-google-map .controls-event .title {
        font-size: 1.7rem;
        line-height: 1;
        display: inline-block;
        margin-top: 8px;
        margin-left: 20px;
        vertical-align: top;
    }
}

@media screen and (max-width: 479px) {
    .ui-google-map .controls-event .title {
        font-size: 1.6rem;
        line-height: 1;
    }
}

.ui-google-map .controls-event ul {
    display: inline-flex;
    padding: 0;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-google-map .controls-event ul {
        display: inline-block;
        padding-left: 30px;
    }
}

.ui-google-map .controls-event li {
    display: inline-block;
    margin: 0 7px;
    list-style: none;
}

    .ui-google-map .controls-event li:last-child {
        margin-right: 0;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-google-map .controls-event li {
        margin: 0 10px;
    }
}

@media screen and (max-width: 479px) {
    .ui-google-map .controls-event li {
        margin: 0 16px;
    }

        .ui-google-map .controls-event li:first-child {
            margin-left: 6px;
        }
}

.ui-google-map .controls-event .route {
    display: inline-block;
    width: 35px;
    height: 31px;
    background-position: 50%;
    background-repeat: no-repeat;
}

    .ui-google-map .controls-event .route.driving {
        background-image: url(../img/directions-driving.svg);
    }

    .ui-google-map .controls-event .route.transit {
        background-image: url(../img/directions-transit.svg);
    }

    .ui-google-map .controls-event .route.bicycling {
        background-image: url(../img/directions-bicycling.svg);
    }

    .ui-google-map .controls-event .route.walking {
        background-image: url(../img/directions-walking.svg);
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-google-map .controls-event {
        top: 228px;
        right: 60px;
        width: 220px;
        height: 80px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-google-map .controls-event {
        border-width: 0 0 2px;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        top: 290px;
        right: 0;
        width: 100%;
        height: 70px;
        padding-top: 15px;
        box-shadow: none;
    }
}

@media screen and (max-width: 479px) {
    .ui-google-map .controls-event {
        border-width: 0 0 2px;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        top: 226px;
        right: 0;
        width: 100%;
        height: 93px;
        box-shadow: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-google-map {
        height: 400px;
    }

        .ui-google-map.is-event {
            height: 560px;
        }

        .ui-google-map .controls {
            top: 60px;
            right: 8%;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-google-map {
        height: 368px;
    }

        .ui-google-map.is-event {
            height: 330px;
        }

        .ui-google-map .controls {
            top: 60px;
            right: 8%;
        }
}

@media screen and (max-width: 767px) {
    .ui-google-map .controls {
        top: 10px;
        right: 0;
        left: 15px;
    }

        .ui-google-map .controls .store::before {
            top: 0;
        }

        .ui-google-map .controls .route::before {
            top: 40px;
        }

        .ui-google-map .controls a::before {
            width: 26px;
            height: 26px;
            background-size: 50%;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-google-map {
        height: 290px;
    }

        .ui-google-map.is-event {
            height: 290px;
            margin-bottom: 58px;
        }

        .ui-google-map .map-canvas {
            height: 290px;
        }
}

@media screen and (max-width: 479px) {
    .ui-google-map {
        height: 305px;
    }

        .ui-google-map .map-canvas {
            height: 196px;
        }

        .ui-google-map.is-event {
            height: 227px;
            margin-bottom: 80px;
        }

            .ui-google-map.is-event .map-canvas {
                height: 227px;
            }
}

.ui-event-map {
    position: relative;
    height: auto;
}

    .ui-event-map .headline-outer {
        position: absolute;
        z-index: 2;
        top: 60px;
        bottom: 20px;
    }

@media screen and (max-width: 991px) {
    .ui-event-map .headline-outer {
        top: 40px;
    }
}

@media screen and (max-width: 479px) {
    .ui-event-map .headline-outer {
        top: 20px;
    }
}

.ui-history {
    position: relative;
}

    .ui-history .ui-history__filter {
        position: relative;
    }

    .ui-history .ui-history__filter-chooser {
        position: relative;
        max-height: 0;
        background-color: #222;
        transition: max-height 0.4s 0.1s ease-in-out;
        will-change: max-height;
    }

        .ui-history .ui-history__filter-chooser .ui-history__filter-chooser-list {
            opacity: 0;
            transition: opacity 0.2s 0s ease-in-out, visibility 0s 0.4s;
            visibility: hidden;
        }

        .ui-history .ui-history__filter-chooser.is-active {
            max-height: 2000px;
            transition: max-height 0.5s ease-in-out;
            will-change: max-height;
        }

            .ui-history
            .ui-history__filter-chooser.is-active
            .ui-history__filter-chooser-list {
                opacity: 1;
                transition: opacity 0.3s 0.2s ease-in-out, visibility 0s 0s;
                visibility: visible;
            }

        .ui-history .ui-history__filter-chooser::before {
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            width: 100vw;
            max-width: 100vw;
            background-color: #222;
            content: '';
            left: calc((100vw - 100%) / 2 * -1);
        }

    .ui-history .ui-history__filter-chooser-list {
        padding: 15px 0 58px;
        list-style: none;
        text-align: left;
    }

    .ui-history .ui-history__filter-chooser-list-item {
        border-bottom: dotted 2px #fff;
        transition: border-bottom 0.3s ease-in-out;
    }

        .ui-history .ui-history__filter-chooser-list-item.is-active {
            border-bottom: dotted 2px #f60;
        }

            .ui-history
            .ui-history__filter-chooser-list-item.is-active
            .ui-history__filter-chooser-link {
                color: #f60;
            }

@media screen and (min-width: 768px) {
    .ui-history .ui-history__filter-chooser-list-item:hover {
        border-bottom: dotted 2px #f60;
    }

        .ui-history
        .ui-history__filter-chooser-list-item:hover
        .ui-history__filter-chooser-link {
            color: #f60;
        }

            .ui-history
            .ui-history__filter-chooser-list-item:hover
            .ui-history__filter-chooser-link::before {
                opacity: 1;
            }

        .ui-history
        .ui-history__filter-chooser-list-item:hover
        .ui-history__filter-chooser-year {
            transform: translateX(-30px);
        }
}

.ui-history .ui-history__filter-chooser-year {
    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}

@media screen and (min-width: 480px) {
    .ui-history .ui-history__filter-chooser-year {
        margin-left: auto;
    }
}

.ui-history .ui-history__filter-chooser-link {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 15px 5px;
    color: #fff;
    font-family: HelveticaNeueW01-75Bold;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    transition: color 0.3s ease-in-out;
}

    .ui-history .ui-history__filter-chooser-link::before {
        position: absolute;
        top: 50%;
        right: 0;
        width: 15px;
        height: 12px;
        background: url(../img/arrow-right-orange.svg) 60% 0 no-repeat;
        content: '';
        opacity: 0;
        transform: translateY(-50%);
        transition: opacity 0.3s ease-in-out;
    }

@media screen and (min-width: 480px) {
    .ui-history .ui-history__filter-chooser-link {
        flex-direction: row;
    }
}

.ui-history .ui-history__filter-choice {
    position: relative;
}

    .ui-history .ui-history__filter-choice::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc((100vw - 100%) / 2 * -1);
        width: 100vw;
        max-width: 100vw;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #222 100%);
        content: '';
    }

@media screen and (max-width: 479px) {
    .ui-history .ui-history__filter-choice::before {
        top: -100%;
        background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0, #222 50%, #222 100% );
    }
}

@media screen and (min-width: 480px) {
    .ui-history .ui-history__filter-choice {
        position: absolute;
        bottom: 100%;
        width: 100%;
    }
}

.ui-history .ui-history__filter-choice-open {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border: 0;
    margin-top: 25px;
    margin-right: 12px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(../img/filter-open.svg) 0 0 / contain no-repeat;
    text-indent: -9999px;
    transition: opacity 0.3s 0.2s ease-in-out, visibility 0s ease-in-out;
}

    .ui-history .ui-history__filter-choice-open::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/filter-open-hover.svg) 0 0 / contain no-repeat;
        content: '';
        opacity: 0;
        visibility: hidden;
    }

@media screen and (min-width: 992px) {
    .ui-history .ui-history__filter-choice-open:hover::after {
        opacity: 1;
        visibility: visible;
    }
}

.ui-history .ui-history__filter-choice-open.is-fade-out {
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
    visibility: hidden;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-history .ui-history__filter-choice-open {
        margin-top: 12px;
    }
}

@media screen and (min-width: 480px) {
    .ui-history .ui-history__filter-choice-open {
        right: auto;
        left: 0;
        margin-right: 0;
        margin-left: 12px;
    }
}

.ui-history .ui-history__filter-choice-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border: 0;
    margin-top: 25px;
    margin-right: 12px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: url(../img/filter-close.svg) 0 0 / contain no-repeat;
    opacity: 1;
    text-indent: -9999px;
    transition: opacity 0.3s ease-in-out, visibility 0s ease-in-out;
    visibility: visible;
}

    .ui-history .ui-history__filter-choice-close::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/filter-close-hover.svg) 0 0 / contain no-repeat;
        content: '';
        opacity: 0;
        visibility: hidden;
    }

@media screen and (min-width: 992px) {
    .ui-history .ui-history__filter-choice-close:hover::after {
        opacity: 1;
        visibility: visible;
    }
}

.ui-history .ui-history__filter-choice-close.is-fade-out {
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
    visibility: hidden;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-history .ui-history__filter-choice-close {
        margin-top: 12px;
    }
}

@media screen and (min-width: 480px) {
    .ui-history .ui-history__filter-choice-close {
        right: auto;
        left: 0;
        margin-right: 0;
        margin-left: 12px;
    }
}

.ui-history .ui-history__contact {
    position: relative;
    background-color: #f60;
}

    .ui-history .ui-history__contact::before {
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        width: 100vw;
        max-width: 100vw;
        background-color: #f60;
        content: '';
        left: calc((100vw - 100%) / 2 * -1);
    }

    .ui-history .ui-history__contact .ui-history__contact-text {
        margin: 20px 0;
        color: #fff;
        font-size: 16px;
        line-height: 22px;
    }

@media screen and (min-width: 992px) {
    .ui-history .ui-history__contact .ui-history__contact-text {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

.ui-history .ui-history__contact .btn:active:not([disabled]):not(.disabled),
.ui-history .ui-history__contact .btn:focus:not([disabled]):not(.disabled),
.ui-history .ui-history__contact .btn:hover:not([disabled]):not(.disabled) {
    border-color: #fff;
    cursor: pointer;
}

@media screen and (max-width: 479px) {
    .ui-history .ui-history__contact .btn {
        padding: 14px 20px;
        margin: 0 0 20px;
        float: left;
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-history .ui-history__contact .btn {
        padding: 14px 20px;
        margin: 0 0 20px;
        float: left;
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (min-width: 768px) {
    .ui-history .ui-history__contact .btn {
        margin: 20px 0;
        float: right;
    }
}

.ui-history .ui-history__filter-choice-text {
    margin: 22px 0;
    color: #fff;
    font-family: HelveticaNeueW01-75Bold;
    font-size: 20px;
    line-height: 24px;
}

@media screen and (min-width: 480px) {
    .ui-history .ui-history__filter-choice-text {
        margin: 20px 0;
        color: #fff;
        font-size: 22px;
        line-height: 28px;
    }
}

@media screen and (min-width: 992px) {
    .ui-history .ui-history__filter-choice-text {
        margin: 20px 0;
        color: #fff;
        font-size: 28px;
        line-height: 34px;
    }
}

.ui-history .ui-history__filter-sticky {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #000;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0s 0.3s;
    visibility: hidden;
}

@media screen and (max-width: 479px) {
    .ui-history .ui-history__filter-sticky > .container {
        padding-right: 12px;
        padding-left: 12px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-history .ui-history__filter-sticky > .container {
        padding-right: 30px;
        padding-left: 30px;
    }
}

.ui-history .ui-history__filter-sticky.is-sticky {
    opacity: 1;
    transition: opacity 0.3s ease-in-out, visibility 0s 0s;
    visibility: visible;
}

.ui-history .ui-history__filter-sticky .is-border::after {
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    left: auto;
    width: 2px;
    border-right: 2px dotted #ccc;
    content: '';
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-history .ui-history__filter-sticky .is-border::after {
        right: 7%;
    }
}

@media screen and (min-width: 992px) {
    .ui-history .ui-history__filter-sticky .is-border::after {
        right: 17%;
    }
}

.ui-history .ui-history__filter-sticky .ui-history__filter-choice-open {
    width: 50px;
    height: 50px;
    margin-top: 15px;
}

@media screen and (min-width: 480px) {
    .ui-history .ui-history__filter-sticky .ui-history__filter-choice-open {
        margin-top: 7px;
    }
}

@media screen and (min-width: 992px) {
    .ui-history .ui-history__filter-sticky .ui-history__filter-choice-open {
        margin-top: 15px;
    }
}

.ui-history .ui-history__filter-sticky .ui-history__filter-choice-close {
    width: 50px;
    height: 50px;
    margin-top: 15px;
}

@media screen and (min-width: 480px) {
    .ui-history .ui-history__filter-sticky .ui-history__filter-choice-close {
        right: auto;
        left: 0;
        margin-top: 7px;
        margin-right: 0;
        margin-left: 12px;
    }
}

@media screen and (min-width: 992px) {
    .ui-history .ui-history__filter-sticky .ui-history__filter-choice-close {
        margin-top: 15px;
    }
}

.ui-history .ui-history__filter-sticky .ui-history__filter-sticky-text {
    margin: 26px 0;
    color: #fff;
    font-family: HelveticaNeueW01-75Bold;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 28px;
}

@media screen and (min-width: 480px) {
    .ui-history .ui-history__filter-sticky .ui-history__filter-sticky-text {
        margin: 19px 0 18px;
        color: #fff;
        font-size: 32px;
        line-height: 28px;
    }
}

@media screen and (min-width: 992px) {
    .ui-history .ui-history__filter-sticky .ui-history__filter-sticky-text {
        margin: 23px 0 24px;
        color: #fff;
        font-size: 32px;
        line-height: 36px;
    }
}

.ui-history .ui-history__filter-sticky .ui-history__filter-choice-text {
    margin: 22px 0;
    color: #fff;
    font-family: HelveticaNeueW01-75Bold;
    font-size: 14px;
    line-height: 18px;
}

@media screen and (min-width: 480px) {
    .ui-history .ui-history__filter-sticky .ui-history__filter-choice-text {
        margin: 13px 0 12px;
        color: #fff;
        font-size: 16px;
        line-height: 20px;
    }
}

@media screen and (min-width: 992px) {
    .ui-history .ui-history__filter-sticky .ui-history__filter-choice-text {
        margin: 21px 0 13px;
        color: #fff;
        font-size: 16px;
        line-height: 20px;
    }
}

.ui-history .ui-history__timeline {
    position: relative;
}

    .ui-history .ui-history__timeline .ui-history__timeline-line {
        display: none;
    }

    .ui-history .ui-history__timeline .ui-ajax-loader {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 200px;
    }

        .ui-history .ui-history__timeline .ui-ajax-loader.is-hidden {
            display: none;
        }

        .ui-history .ui-history__timeline .ui-ajax-loader.is-top {
            background: linear-gradient( to bottom, #fff 0, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100% );
        }

        .ui-history .ui-history__timeline .ui-ajax-loader.is-bottom {
            background: linear-gradient( to top, #fff 0, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0) 100% );
        }

        .ui-history .ui-history__timeline .ui-ajax-loader .ui-ajax-loader-item {
            position: absolute;
            width: 100%;
            height: 100%;
            background: url(../img/icons/loading_animation.gif) center center/contain no-repeat;
            background-size: auto;
            transform: scale(0.3);
        }

@media screen and (min-width: 768px) {
    .ui-history .ui-history__timeline .ui-history__timeline-line {
        position: absolute;
        display: block;
        height: 100%;
        padding-right: 0;
        padding-left: 0;
        opacity: 0;
        transition: opacity 0.5s 1ms ease-in-out;
    }

        .ui-history .ui-history__timeline .ui-history__timeline-line::before {
            position: absolute;
            top: 0;
            bottom: -100px;
            left: 50%;
            width: 5px;
            background: linear-gradient(to top, #fff 0, rgba(255, 255, 255, 0) 200px), url(../img/svg/backgrounds/history-line.svg) 0 5px repeat-y;
            content: '';
            transform: translateX(-50%);
        }
}

@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
    .ui-history .ui-history__timeline .ui-history__timeline-line::before {
        left: 25%;
        transform: none;
    }
}

@media screen and (min-width: 768px) {
    .ui-history .ui-history__timeline .ui-history__timeline-line.is-active {
        opacity: 1;
    }
}

.ui-history .ui-history__timeline-grid {
    position: relative;
    display: block;
    margin-bottom: 200px;
    opacity: 0;
    transition: opacity 0.5s 1ms ease-in-out;
}

    .ui-history .ui-history__timeline-grid.is-active {
        opacity: 1;
    }

.ui-history .ui-history__timeline-grid-item {
    position: relative;
    display: block;
    transition: min-height 0.5s ease-in, max-height 0.5s ease-in, margin-bottom 0.5s ease-in, margin-top 0.5s ease-in, opacity 0.5s ease-in;
}

    .ui-history .ui-history__timeline-grid-item::before {
        position: absolute;
        display: block;
        width: 26px;
        height: 26px;
        border: 6px solid #f60;
        background: #fff;
        border-radius: 50%;
        content: '';
        transition: background 0.5s ease-in-out, opacity 0.4s 0.1s ease-in-out;
    }

    .ui-history .ui-history__timeline-grid-item .ui-paragraph-headline::before {
        transition: translateX 0.5s ease-in-out;
    }

    .ui-history .ui-history__timeline-grid-item.is-left .ui-paragraph-headline {
        text-align: right;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-history
    .ui-history__timeline-grid-item.is-left
    .ui-paragraph-headline::before {
        transform: translateX(-25%);
    }
}

@media screen and (min-width: 992px) {
    .ui-history
    .ui-history__timeline-grid-item.is-left
    .ui-paragraph-headline::before {
        right: 0;
        left: auto;
        transform: translateX(25%);
    }
}

.ui-history .ui-history__timeline-grid-item.is-left::before {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-history .ui-history__timeline-grid-item.is-left::before {
        top: 30px;
        left: 28px;
        display: block;
        transform: translateX(-50%);
    }
}

@media screen and (min-width: 992px) {
    .ui-history .ui-history__timeline-grid-item.is-left::before {
        top: 28px;
        right: 0;
        display: block;
        transform: translateX(50%);
    }
}

.ui-history .ui-history__timeline-grid-item.is-left.is-year::before {
    top: 77px;
    border: 7px solid #888;
}

@media screen and (min-width: 992px) {
    .ui-history .ui-history__timeline-grid-item.is-left .ui-expander-btn-more {
        padding-right: 20px;
        padding-left: 0;
    }

        .ui-history
        .ui-history__timeline-grid-item.is-left
        .ui-expander-btn-more::before {
            right: 0;
            left: auto;
        }

        .ui-history
        .ui-history__timeline-grid-item.is-left
        .ui-expander-btn-more.is-between {
            padding-right: 0;
        }

    .ui-history .ui-history__timeline-grid-item.is-left .ui-expander-btn-less {
        padding-right: 20px;
        padding-left: 0;
    }

        .ui-history
        .ui-history__timeline-grid-item.is-left
        .ui-expander-btn-less::before {
            right: 0;
            left: auto;
        }
}

@media screen and (min-width: 768px) {
    .ui-history
    .ui-history__timeline-grid-item.is-right
    .ui-paragraph-headline::before {
        transform: translateX(-25%);
    }
}

.ui-history .ui-history__timeline-grid-item.is-right::before {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-history .ui-history__timeline-grid-item.is-right::before {
        top: 30px;
        left: 28px;
        display: block;
        transform: translateX(-50%);
    }
}

@media screen and (min-width: 992px) {
    .ui-history .ui-history__timeline-grid-item.is-right::before {
        top: 28px;
        left: 0;
        display: block;
        transform: translateX(-50%);
    }
}

.ui-history .ui-history__timeline-grid-item.is-right.is-year::before {
    top: 77px;
    border: 7px solid #888;
}

.ui-history .ui-history__timeline-grid-item:hover::before {
    background: #f60;
}

.ui-history .ui-history__timeline-grid-item:hover.is-year::before {
    background: #888;
}

.ui-history .ui-history__timeline-grid-item[data-ajax]::before {
    display: none;
}

.ui-history .ui-history__timeline-grid-item.is-spacer {
    min-height: 0;
    max-height: 0;
    clear: both;
}

@media screen and (max-width: 479px) {
    .ui-history .ui-history__timeline-grid-item[data-sticky] {
        min-height: 128px;
        max-height: 128px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-history .ui-history__timeline-grid-item[data-sticky] {
        min-height: 128px;
        max-height: 128px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-history .ui-history__timeline-grid-item[data-sticky] {
        min-height: 138px;
        max-height: 138px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-history .ui-history__timeline-grid-item[data-sticky] {
        min-height: 138px;
        max-height: 138px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-history .ui-history__timeline-grid-item[data-sticky] {
        min-height: 138px;
        max-height: 138px;
    }
}

.ui-history .ui-history__timeline-grid-item.is-loaded {
    min-height: 1px;
    max-height: 9999px;
}

    .ui-history
    .ui-history__timeline-grid-item.is-loaded
    .ui-history__timeline-grid-item-content {
        opacity: 1;
        transition: opacity 0.4s 0.1s ease-in-out, visibilty 0s 0s ease-in-out;
        visibility: visible;
    }

@media screen and (min-width: 768px) {
    .ui-history .ui-history__timeline-grid-item.is-loaded::before {
        opacity: 1;
    }
}

@media screen and (min-width: 768px) {
    .ui-history .ui-history__timeline-grid-item.is-loaded {
        opacity: 1;
        visibility: visible;
    }
}

.ui-history .ui-history__timeline-grid-item.is-loading {
    min-height: 1px;
    max-height: 1000px;
    opacity: 1;
}

    .ui-history .ui-history__timeline-grid-item.is-loading::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/icons/loading_animation.gif) center center/contain no-repeat;
        background-size: auto;
        content: '';
        transform: scale(0.3);
    }

    .ui-history .ui-history__timeline-grid-item.is-loading::before {
        display: none;
    }

@media screen and (min-width: 768px) {
    .ui-history .ui-history__timeline-grid-item.is-loading::before {
        display: block;
        opacity: 0;
        transition: opacity 0.4s 0.1s ease-in-out;
    }
}

.ui-history
.ui-history__timeline-grid-item.is-loading
.ui-history__timeline-grid-item-content {
    opacity: 0;
    visibility: hidden;
}

.ui-history .ui-history__timeline-grid-item .modal-dialog {
    padding-right: 0;
    padding-left: 0;
}

@media screen and (min-width: 992px) {
    .ui-history .ui-history__timeline-grid-item .modal-dialog {
        margin-top: 12px;
    }
}

.ui-history .ui-history__timeline-grid-item .modal-body .close {
    width: 50px;
    height: 50px;
    background: url(../img/filter-close.svg) 0 0 / contain no-repeat;
}

@media screen and (min-width: 992px) {
    .ui-history .ui-history__timeline-grid-item .modal-body .close {
        top: 20px;
    }
}

@media screen and (max-width: 479px) {
    .ui-history .ui-history__timeline-grid-item .modal-body .close {
        top: 45px;
        right: 30px;
    }
}

@media screen and (max-width: 479px) {
    .ui-history .ui-history__timeline-grid-item .modal-body {
        padding-top: 100px;
    }
}

@media screen and (min-width: 992px) {
    .ui-history .ui-history__timeline-grid-item .modal-body {
        padding-top: 70px;
    }
}

@media screen and (max-width: 479px) {
    .ui-history .ui-history__timeline-grid-item .caption-content {
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-history .ui-history__timeline-grid-item .caption-content {
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media screen and (max-width: 479px) {
    .ui-history
    .ui-history__timeline-grid-item
    .ui-modal-gallery
    .ui-carousel-wide
    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 15%;
        height: 100%;
        margin-top: 0;
        background: rgba(0, 0, 0, 0);
        box-shadow: none;
    }
}

.ui-history
.ui-history__timeline-grid-item
.ui-modal-gallery
.ui-carousel-wide
.item {
    cursor: auto;
}

@media screen and (max-width: 479px) {
    .ui-history
    .ui-history__timeline-grid-item
    .ui-modal-gallery
    .ui-carousel-wide
    .carousel-indicators {
        display: none;
    }
}

.ui-history
.ui-history__timeline-grid-item
.ui-modal-gallery
.ui-carousel-wide
.arrow-left,
.ui-history
.ui-history__timeline-grid-item
.ui-modal-gallery
.ui-carousel-wide
.arrow-right {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 31px;
    height: 59px;
    background-position: 0 0;
    transform: translateY(-50%);
}

.ui-history
.ui-history__timeline-grid-item
.ui-modal-gallery
.ui-carousel-wide
.arrow-left {
    right: 0;
    left: auto;
    background-image: url(../img/arrow-light-left.svg);
}

@media screen and (max-width: 479px) {
    .ui-history
    .ui-history__timeline-grid-item
    .ui-modal-gallery
    .ui-carousel-wide
    .arrow-left {
        right: auto;
        left: 20px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-history
    .ui-history__timeline-grid-item
    .ui-modal-gallery
    .ui-carousel-wide
    .arrow-left {
        right: auto;
        left: 20px;
    }
}

@media screen and (min-width: 768px) {
    .ui-history
    .ui-history__timeline-grid-item
    .ui-modal-gallery
    .ui-carousel-wide
    .arrow-left {
        right: auto;
        left: 30px;
    }
}

.ui-history
.ui-history__timeline-grid-item
.ui-modal-gallery
.ui-carousel-wide
.arrow-right {
    right: auto;
    left: 0;
    background-image: url(../img/arrow-light-right.svg);
}

@media screen and (max-width: 479px) {
    .ui-history
    .ui-history__timeline-grid-item
    .ui-modal-gallery
    .ui-carousel-wide
    .arrow-right {
        right: 20px;
        left: auto;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-history
    .ui-history__timeline-grid-item
    .ui-modal-gallery
    .ui-carousel-wide
    .arrow-right {
        right: 20px;
        left: auto;
    }
}

@media screen and (min-width: 768px) {
    .ui-history
    .ui-history__timeline-grid-item
    .ui-modal-gallery
    .ui-carousel-wide
    .arrow-right {
        right: 30px;
        left: auto;
    }
}

@media screen and (min-width: 768px) {
    .ui-history
    .ui-history__timeline-grid-item
    .ui-modal-gallery
    .ui-carousel-wide.has-thumbnails
    .carousel-control {
        top: 0;
    }
}

.ui-history
.ui-history__timeline-grid-item
.ui-carousel-wide
.carousel-inner > .item
.carousel-control.is-video-slide {
    z-index: 101;
}

    .ui-history
    .ui-history__timeline-grid-item
    .ui-carousel-wide
    .carousel-inner > .item
    .carousel-control.is-video-slide
    .arrow-left {
        background-position: 0 0;
    }

    .ui-history
    .ui-history__timeline-grid-item
    .ui-carousel-wide
    .carousel-inner > .item
    .carousel-control.is-video-slide
    .arrow-right {
        background-position: 0 0;
    }

.ui-history .ui-history__timeline-grid-item .ui-expander-content.is-expandable {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .ui-history
    .ui-history__timeline-grid-item
    .ui-expander-content.is-expandable::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background-image: linear-gradient( -180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.7) 57%, #fff 100% );
        content: '';
        opacity: 1;
    }

    .ui-history
    .ui-history__timeline-grid-item
    .ui-expander-content.is-expandable.is-expanded::after {
        opacity: 0;
    }

.ui-history .ui-history__timeline-grid-item .ui-expander-btn-wrapper {
    padding-top: 2px;
    padding-bottom: 2px;
}

.ui-history .ui-history__timeline-grid-item .ui-expander-btn-more {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding-left: 20px;
    color: #f60;
    cursor: pointer;
    text-transform: uppercase;
}

    .ui-history .ui-history__timeline-grid-item .ui-expander-btn-more::before {
        position: absolute;
        display: block;
        content: '';
        top: 2px;
        left: 0;
        width: 0;
        height: 0;
        padding: 3px;
        border-top: 0;
        border-right: 2px solid #f60;
        border-bottom: 2px solid #f60;
        border-left: 0;
        transform: rotate(45deg);
    }

    .ui-history .ui-history__timeline-grid-item .ui-expander-btn-more.is-between {
        display: block;
        padding-left: 0;
        margin-bottom: 20px;
        font-size: 20px;
        letter-spacing: 0.5px;
        line-height: 18px;
    }

        .ui-history
        .ui-history__timeline-grid-item
        .ui-expander-btn-more.is-between::before {
            display: none;
        }

    .ui-history .ui-history__timeline-grid-item .ui-expander-btn-more.is-hidden {
        display: none;
    }

.ui-history .ui-history__timeline-grid-item .ui-expander-btn-less {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding-left: 20px;
    color: #f60;
    cursor: pointer;
    text-transform: uppercase;
}

    .ui-history .ui-history__timeline-grid-item .ui-expander-btn-less::before {
        position: absolute;
        display: block;
        content: '';
        top: 7px;
        left: 2px;
        width: 0;
        height: 0;
        padding: 3px;
        border-top: 0;
        border-right: 2px solid #f60;
        border-bottom: 2px solid #f60;
        border-left: 0;
        transform: rotate(-135deg);
    }

    .ui-history .ui-history__timeline-grid-item .ui-expander-btn-less.is-hidden {
        display: none;
    }

@media screen and (min-width: 992px) {
    .ui-history .ui-history__timeline-grid-item {
        margin-bottom: 40px;
    }

        .ui-history .ui-history__timeline-grid-item.is-right {
            float: right;
        }

            .ui-history .ui-history__timeline-grid-item.is-right.is-year {
                margin-bottom: 40px;
            }

                .ui-history .ui-history__timeline-grid-item.is-right.is-year + .is-left {
                    margin-top: 40px;
                }

        .ui-history .ui-history__timeline-grid-item.is-left {
            float: left;
        }

            .ui-history
            .ui-history__timeline-grid-item.is-left + .is-right:not(.is-spacer) {
                margin-bottom: 80px;
            }

                .ui-history
                .ui-history__timeline-grid-item.is-left + .is-right:not(.is-spacer) + .is-left + .is-right:not(.is-spacer) {
                    margin-top: -80px;
                    clear: both;
                }

            .ui-history .ui-history__timeline-grid-item.is-left + .is-right.is-spacer {
                margin-bottom: 80px;
            }

                .ui-history
                .ui-history__timeline-grid-item.is-left + .is-right.is-spacer + .is-left + .is-right {
                    margin-top: -80px;
                    clear: none;
                    float: right;
                }

            .ui-history .ui-history__timeline-grid-item.is-left.is-year {
                margin-bottom: 40px;
            }

                .ui-history .ui-history__timeline-grid-item.is-left.is-year + .is-right {
                    margin-top: 120px;
                }

                    .ui-history
                    .ui-history__timeline-grid-item.is-left.is-year + .is-right + .is-left {
                        margin-top: 0;
                    }
}

@media screen and (max-width: 479px) {
    .ui-history .ui-history__timeline-grid-item {
        min-height: 495px;
        max-height: 495px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-history .ui-history__timeline-grid-item {
        min-height: 658px;
        max-height: 658px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-history .ui-history__timeline-grid-item {
        min-height: 600px;
        max-height: 600px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-history .ui-history__timeline-grid-item {
        min-height: 495px;
        max-height: 495px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-history .ui-history__timeline-grid-item {
        min-height: 530px;
        max-height: 530px;
    }
}

@media screen and (min-width: 768px) {
    .ui-history .ui-history__timeline-grid-item {
        display: block;
        opacity: 0;
    }
}

.ui-history .ui-history__timeline-grid-item-content {
    position: relative;
    display: block;
    padding-right: 0;
    padding-left: 0;
}

    .ui-history .ui-history__timeline-grid-item-content .ui-header-headline {
        font-size: 6rem;
        line-height: 6.8rem;
        margin-top: 50px;
        margin-bottom: 10px;
    }

@media screen and (min-width: 768px) {
    .ui-history .ui-history__timeline-grid-item-content .ui-header-headline {
        font-size: 7.2rem;
        line-height: 7.8rem;
    }
}

.ui-history .ui-history__gallery + .ui-expander {
    margin-top: 25px;
}

.ui-history .ui-history__gallery .ui-history__gallery-img .modal-link {
    overflow: hidden;
    padding-top: 56.25%;
}

.ui-history .ui-history__gallery .ui-history__gallery-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ui-history
.ui-history__gallery
.ui-history__gallery-img.is-video
.modal-link::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/play-button-yt.svg) center center/contain no-repeat;
    content: '';
    transform: scale(0.3);
}

.ui-history .ui-history__gallery .modal-link {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.ui-history .ui-history__gallery .ui-history__gallery-thumbs {
    display: flex;
    flex: 1 1 0;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}

.ui-history .ui-history__gallery .ui-history__gallery-thumb-item {
    position: relative;
    width: 20vw;
    height: 20vw;
    margin-right: calc((100% - 60vw) / 2);
    cursor: pointer;
}

    .ui-history .ui-history__gallery .ui-history__gallery-thumb-item:last-child {
        margin-right: 0;
    }

    .ui-history .ui-history__gallery .ui-history__gallery-thumb-item img {
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        max-height: 100%;
        transform: translate(-50%, -50%);
    }

    .ui-history
    .ui-history__gallery
    .ui-history__gallery-thumb-item.is-video
    .modal-link::after {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/play-button-yt.svg) center center/contain no-repeat;
        content: '';
        transform: scale(0.5);
    }

    .ui-history .ui-history__gallery .ui-history__gallery-thumb-item.is-more {
        background: #f60;
        border-radius: 4px;
        transition: background 0.3s ease-in-out;
    }

        .ui-history .ui-history__gallery .ui-history__gallery-thumb-item.is-more:hover {
            background: #d65600;
        }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-history .ui-history__gallery .ui-history__gallery-thumb-item {
        width: 147px;
        height: 147px;
        margin-right: calc((100% - 441px) / 2);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-history .ui-history__gallery .ui-history__gallery-thumb-item {
        width: 96px;
        height: 96px;
        margin-right: calc((100% - 288px) / 2);
    }
}

@media screen and (min-width: 1200px) {
    .ui-history .ui-history__gallery .ui-history__gallery-thumb-item {
        width: 107px;
        height: 107px;
        margin-right: calc((100% - 321px) / 2);
    }
}

.ui-history .ui-history__anchor {
    cursor: default;
}

.ui-history .ui-history__gallery-thumbs-more-text {
    font-size: 3.2rem;
    line-height: 4rem;
    margin-right: 4px;
    margin-left: 4px;
    color: #fff;
    font-family: HelveticaNeueW01-75Bold;
}

@media screen and (min-width: 768px) {
    .ui-history .ui-history__gallery-thumbs-more-text {
        font-size: 3.8rem;
        line-height: 4.8rem;
        margin-right: 9px;
        margin-left: 9px;
    }
}

.ui-l508-dynamic-teaserlist {
    overflow: hidden;
    margin-bottom: 35px;
}

@media screen and (min-width: 768px) {
    .ui-l508-dynamic-teaserlist .col-xs-6 .ui-teaser .media-wrapper {
        padding-top: 75%;
    }
}

.ui-l508-dynamic-teaserlist .ui-l508-dynamic-teaserlist-slider {
    display: flex;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow-x: scroll;
    scroll-behavior: smooth;
    scroll-snap-stop: always;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

    .ui-l508-dynamic-teaserlist
    .ui-l508-dynamic-teaserlist-slider::-webkit-scrollbar {
        display: none;
    }

    .ui-l508-dynamic-teaserlist .ui-l508-dynamic-teaserlist-slider > div {
        scroll-snap-align: center;
    }

@media screen and (min-width: 768px) {
    .ui-l508-dynamic-teaserlist .ui-l508-dynamic-teaserlist-slider {
        padding: 0;
    }
}

.ui-l508-dynamic-teaserlist .ui-teaser {
    position: relative;
    overflow: hidden;
    min-height: 50px;
}

    .ui-l508-dynamic-teaserlist .ui-teaser:hover .ui-resp-image img {
        transform: scale(1.05, 1.05);
    }

    .ui-l508-dynamic-teaserlist .ui-teaser:hover .ui-video video {
        transform: scale(1.05, 1.05);
    }

    .ui-l508-dynamic-teaserlist .ui-teaser:hover .headline {
        color: #de450a;
    }

    .ui-l508-dynamic-teaserlist .ui-teaser:hover .content::after {
        background-position: 0 -39px;
    }

    .ui-l508-dynamic-teaserlist .ui-teaser .media-wrapper {
        position: relative;
        overflow: hidden;
        padding-top: 100%;
    }

@media screen and (max-width: 767px) {
    .ui-l508-dynamic-teaserlist .ui-teaser .media-wrapper {
        border-radius: 4px;
    }
}

.ui-l508-dynamic-teaserlist .ui-teaser .ui-resp-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

    .ui-l508-dynamic-teaserlist .ui-teaser .ui-resp-image img {
        transform: scale(1, 1);
        transition: transform 0.5s ease-out;
    }

.ui-l508-dynamic-teaserlist .ui-teaser .ui-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

    .ui-l508-dynamic-teaserlist .ui-teaser .ui-video video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transform: scale(1, 1);
        transition: transform 0.5s ease-out;
    }

.ui-l508-dynamic-teaserlist .ui-teaser .content {
    display: flex;
    overflow: hidden;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 25px;
}

    .ui-l508-dynamic-teaserlist .ui-teaser .content::after {
        position: absolute;
        display: block;
        content: '';
        bottom: 0;
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='background-color:%23ffffff00' viewBox='0 0 11 66'%3E%3Cpath fill='%23FF6600' d='M11 15L1.8163 6 0 7.775 7.3695 15 0 22.225 1.8163 24 11 15z'/%3E%3Cpath fill='%23DE450A' d='M11 49l-9.1837-9L0 41.775 7.3695 49 0 56.225 1.8163 58 11 49z'/%3E%3C/svg%3E");
        background-position: 0 -5px;
        background-repeat: no-repeat;
        background-size: 11px 66px;
        transition: background-position 0.5s ease-out;
    }

@media screen and (min-width: 768px) {
    .ui-l508-dynamic-teaserlist .ui-teaser .content {
        padding: 0 0 30px;
    }
}

@media screen and (min-width: 375px) {
    .ui-l508-dynamic-teaserlist .ui-teaser .content {
        padding: 0 0 25px;
    }
}

.ui-l508-dynamic-teaserlist .ui-teaser .headline {
    font-size: 1.8rem;
    line-height: 2rem;
    padding: 0;
    margin: 10px 0 0;
    color: #f60;
    font-family: 'Helvetica Now Display Bold';
    transition: color 0.3s ease-out;
    overflow-wrap: break-word;
}

@media screen and (min-width: 992px) {
    .ui-l508-dynamic-teaserlist .ui-teaser .headline {
        font-size: 2rem;
        line-height: 2.3rem;
        margin: 12px 0 0;
    }
}

.ui-l508-dynamic-teaserlist .ui-teaser:target {
    scroll-behavior: smooth;
}

.ui-l508-dynamic-teaserlist .ui-teaser .description {
    font-size: 1rem;
    line-height: 1.2rem;
    overflow: hidden;
    margin-top: 5px;
    color: #666;
    font-family: 'Helvetica Now Micro Bold';
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l508-dynamic-teaserlist .ui-teaser .description.is-three,
    .ui-l508-dynamic-teaserlist .ui-teaser .description.is-two {
        font-size: 1.2rem;
        line-height: 1.4rem;
    }
}

@media screen and (min-width: 992px) {
    .ui-l508-dynamic-teaserlist .ui-teaser .description {
        font-size: 1.4rem;
        line-height: 1.6rem;
        margin-top: 8px;
        font-family: 'Helvetica Now Text Bold';
    }
}

.ui-l508-dynamic-teaserlist .ui-l508-dynamic-teaserlist-pagination {
    display: flex;
    max-width: 200px;
    min-height: 50px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 auto;
    list-style: none;
}

    .ui-l508-dynamic-teaserlist
    .ui-l508-dynamic-teaserlist-pagination
    .pagination-item {
        height: 3px;
        padding: 0;
        margin: 0 auto 0 0;
        background-color: #cfcac7;
        transition: background-color 0.5s ease-out;
    }

        .ui-l508-dynamic-teaserlist
        .ui-l508-dynamic-teaserlist-pagination
        .pagination-item:last-child {
            margin: 0;
        }

        .ui-l508-dynamic-teaserlist
        .ui-l508-dynamic-teaserlist-pagination
        .pagination-item.is-active {
            background-color: #f60;
        }

        .ui-l508-dynamic-teaserlist
        .ui-l508-dynamic-teaserlist-pagination
        .pagination-item:nth-last-child(n + 3),
        .ui-l508-dynamic-teaserlist
        .ui-l508-dynamic-teaserlist-pagination
        .pagination-item:nth-last-child(n + 3) ~ li {
            flex-basis: 60px;
        }

        .ui-l508-dynamic-teaserlist
        .ui-l508-dynamic-teaserlist-pagination
        .pagination-item:nth-last-child(n + 4),
        .ui-l508-dynamic-teaserlist
        .ui-l508-dynamic-teaserlist-pagination
        .pagination-item:nth-last-child(n + 4) ~ li {
            flex-basis: 44px;
        }

    .ui-l508-dynamic-teaserlist .ui-l508-dynamic-teaserlist-pagination .aural {
        position: relative;
        overflow: hidden;
        min-height: 50px;
        border: 0;
        background-color: rgba(0, 0, 0, 0);
        color: transparent;
        font: 0/0 serif;
        text-shadow: none;
        transform: translateY(-50%);
    }

@media screen and (min-width: 768px) {
    .ui-l508-dynamic-teaserlist .ui-l508-dynamic-teaserlist-pagination {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l508-dynamic-teaserlist .col-xs-6 .ui-teaser .headline {
        font-size: 2rem;
        line-height: 2.3rem;
    }

    .ui-l508-dynamic-teaserlist .col-sm-3 .ui-teaser .headline {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }
}

@media screen and (max-width: 991px) {
    .ui-l508-dynamic-teaserlist .col-xs-9 {
        min-width: 75%;
    }
}

@media screen and (min-width: 768px) {
    .ui-l508-dynamic-teaserlist .col-sm-3 {
        min-width: 25%;
    }

    .ui-l508-dynamic-teaserlist .col-sm-4 {
        min-width: 33.3333333333%;
    }
}

@media screen and (max-width: 767px) {
    .ui-l509-12-slider .ui-preview-teaser .ui-item-l509.clone {
        display: block;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l509-12-slider .ui-preview-teaser .ui-item-l509 {
        width: calc((100vw - 60px) / 2 + 8px);
    }
}

@media screen and (max-width: 479px) {
    .ui-l509-12-slider .ui-preview-teaser .ui-item-l509 {
        width: calc((100vw - 36px) / 2 + 8px);
        padding: 0 8px;
    }

        .ui-l509-12-slider
        .ui-preview-teaser
        .ui-item-l509
        .ui-t330-06-imagetext
        .image-box {
            min-height: 150px;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l509-12-slider .ui-preview-teaser .ui-item-l509 {
        width: 324px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-l509-12-slider .ui-preview-teaser .ui-item-l509 {
        width: 444px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-l509-12-slider .ui-preview-teaser .ui-item-l509 {
        width: 504px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-l509-12-slider .ui-preview-teaser .carousel-control,
    .ui-l509-12-slider .ui-preview-teaser .carousel-inner {
        max-height: 360px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-l509-12-slider .ui-preview-teaser .carousel-control,
    .ui-l509-12-slider .ui-preview-teaser .carousel-inner {
        max-height: 315px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l509-12-slider .ui-preview-teaser .carousel-control,
    .ui-l509-12-slider .ui-preview-teaser .carousel-inner {
        max-height: 225px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l509-12-slider .ui-preview-teaser {
        margin: 0 -8px;
    }
}

@media screen and (max-width: 767px) {
    .ui-l509-12-slider .ui-preview-teaser .carousel-track {
        margin: 0;
    }

        .ui-l509-12-slider .ui-preview-teaser .carousel-track.is-animated {
            transition: transform 0.4s ease-in-out;
        }

        .ui-l509-12-slider .ui-preview-teaser .carousel-track.is-animated-slow {
            transition: transform 0.6s ease-in-out;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l509-12-slider .ui-preview-teaser .carousel-control {
        top: 42px;
        width: 40px;
        height: 63px;
        background: #fff;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
        opacity: 1;
    }

        .ui-l509-12-slider .ui-preview-teaser .carousel-control.left {
            left: -12px;
            border-radius: 0 3px 3px 0;
        }

        .ui-l509-12-slider .ui-preview-teaser .carousel-control.right {
            right: -12px;
            border-radius: 3px 0 0 3px;
        }

        .ui-l509-12-slider .ui-preview-teaser .carousel-control .arrow-left {
            background-image: url(../img/arrow-left-orange.svg);
        }

        .ui-l509-12-slider .ui-preview-teaser .carousel-control .arrow-right {
            background-image: url(../img/arrow-right-orange.svg);
        }
}

@media screen and (max-width: 479px) {
    .ui-l509-12-slider .ui-preview-teaser {
        margin: 0 -8px;
    }

        .ui-l509-12-slider .ui-preview-teaser .carousel-control {
            top: 25px;
            width: 32px;
            height: 50px;
            background: #fff;
            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
            opacity: 1;
        }

            .ui-l509-12-slider .ui-preview-teaser .carousel-control.left {
                left: -18px;
                border-radius: 0 3px 3px 0;
            }

            .ui-l509-12-slider .ui-preview-teaser .carousel-control.right {
                right: -18px;
                border-radius: 3px 0 0 3px;
            }

            .ui-l509-12-slider .ui-preview-teaser .carousel-control .arrow-left {
                background-image: url(../img/arrow-left-orange-s.svg);
            }

            .ui-l509-12-slider .ui-preview-teaser .carousel-control .arrow-right {
                background-image: url(../img/arrow-right-orange-s.svg);
            }
}

@media screen and (min-width: 375px) and (max-width: 479px) {
    .ui-l509-12-slider .ui-preview-teaser .carousel-control {
        top: 35px;
    }
}

@media only screen and (min-width: 749px) and (max-width: 767px) {
    .ui-l509-12-slider .ui-preview-teaser {
        margin: 0 -8px;
    }
}

.ui-l509-12-slider .ui-show-all {
    text-align: center;
}

@media screen and (max-width: 479px) {
    .ui-l509-12-slider {
        overflow-x: hidden;
    }
}

.ui-l510-12-teaserslider .button-wrapper {
    margin-top: 17px;
    text-align: center;
}

    .ui-l510-12-teaserslider .button-wrapper .btn {
        margin-right: 20px;
    }

        .ui-l510-12-teaserslider .button-wrapper .btn:last-child {
            margin-right: 0;
        }

.ui-l510-12-teaserslider .btn-outline {
    border: 2px solid #f60;
    color: #f60;
}

    .ui-l510-12-teaserslider .btn-outline:active:not([disabled]):not(.disabled),
    .ui-l510-12-teaserslider .btn-outline:focus:not([disabled]):not(.disabled),
    .ui-l510-12-teaserslider .btn-outline:hover:not([disabled]):not(.disabled) {
        border-color: #de450a;
        background-color: rgba(0, 0, 0, 0);
        color: #de450a;
    }

.ui-l510-12-teaserslider .ui-show-all {
    padding: 0 12px;
    text-align: center;
}

.ui-l510-12-teaserslider.with-headline .ui-paragraph-headline.is-highlight {
    margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
    .ui-l510-12-teaserslider.with-headline .ui-paragraph-headline.is-highlight {
        margin-bottom: 34px;
    }
}

.ui-l510-12-teaserslider.is-recipe-slider {
    position: relative;
}

    .ui-l510-12-teaserslider.is-recipe-slider .bg-container {
        position: absolute;
        z-index: 0;
        top: 100px;
        left: 0;
        display: block;
        width: 100%;
        height: 75%;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l510-12-teaserslider.is-recipe-slider .bg-container {
        top: 40px;
        left: -80px;
        background-position: top left;
    }
}

@media screen and (min-width: 768px) {
    .ui-l510-12-teaserslider.is-recipe-slider .bg-container {
        top: 24px;
        left: -100px;
        height: 251px;
        background-position: top left;
    }
}

@media screen and (min-width: 1200px) {
    .ui-l510-12-teaserslider.is-recipe-slider .bg-container {
        top: 20px;
        left: -150px;
        height: 391px;
        background-position: top left;
    }
}

.ui-l510-12-teaserslider.is-recipe-slider .logo-container {
    position: absolute;
    z-index: 1;
    top: 24px;
    right: 0;
    display: block;
    width: 87px;
    height: 38px;
    background: url(../img/svg/icons/recipe-teaser/logo_migusto.svg) no-repeat bottom;
    content: '';
}

@media screen and (max-width: 479px) {
    .ui-l510-12-teaserslider.is-recipe-slider .logo-container {
        right: 18px;
        width: 87px;
        height: 38px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l510-12-teaserslider.is-recipe-slider .logo-container {
        right: 38px;
        width: 87px;
        height: 38px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l510-12-teaserslider.is-recipe-slider .logo-container {
        right: 42px;
        width: 88px;
        height: 40px;
    }
}

@media screen and (min-width: 992px) {
    .ui-l510-12-teaserslider.is-recipe-slider .logo-container {
        right: 12px;
        width: 136px;
        height: 60px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l510-12-teaserslider {
        max-width: none;
    }
}

@media screen and (max-width: 767px) {
    .ui-l510-12-teaserslider .btn {
        margin-top: 20px;
    }
}

.ui-l511-12-diraclist {
    padding-bottom: 10px;
}

    .ui-l511-12-diraclist .ui-error-message {
        padding: 0 20px;
    }

@media screen and (min-width: 480px) {
    .ui-l511-12-diraclist .ui-error-message {
        padding: 0;
    }
}

.ui-l513-12-downloadlist.is-height-s [class^='col-'] {
    height: 253px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-l513-12-downloadlist.is-height-s [class^='col-'] {
        height: 263px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l513-12-downloadlist.is-height-s [class^='col-'] {
        height: 263px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l513-12-downloadlist.is-height-s [class^='col-'] {
        height: 275px;
    }
}

@media screen and (max-width: 479px) {
    .ui-l513-12-downloadlist.is-height-s [class^='col-'] {
        height: auto;
    }
}

.ui-l513-12-downloadlist.is-height-s [class^='col-']:last-child {
    height: 30px;
}

.ui-l513-12-downloadlist .border-area {
    border-width: 2px 0 0;
    -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
    border-style: dotted;
    border-color: #ddd;
    width: 100%;
    height: 2px;
}

.ui-l513-12-downloadlist .ui-paragraph-headline {
    margin-top: 20px;
}

.ui-l515-12-linklist .linklist {
    width: 100%;
    padding: 0;
    margin: 0 0 30px;
    font-size: 0;
    list-style: none;
}

.ui-l515-12-linklist .listitem {
    position: relative;
    display: inline-block;
    width: 50%;
    padding-right: 12px;
    padding-left: 0;
    float: none;
    vertical-align: top;
}

    .ui-l515-12-linklist .listitem:nth-child(even) {
        padding-right: 0;
        padding-left: 12px;
    }

.ui-l515-12-linklist.is-cumulus .linklist .listitem a.listlink {
    background-image: url(../img/arrow-right-medium-blue.svg);
    color: #003d8d;
}

    .ui-l515-12-linklist.is-cumulus .linklist .listitem a.listlink:active,
    .ui-l515-12-linklist.is-cumulus .linklist .listitem a.listlink:focus,
    .ui-l515-12-linklist.is-cumulus .linklist .listitem a.listlink:hover {
        background-image: url(../img/arrow-right-medium-blue-hover.svg);
        color: #00145c;
    }

.ui-l515-12-linklist a.listlink {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-family: 'Helvetica Now Text Bold';
    display: block;
    width: 100%;
    padding-top: 12px;
    padding-right: 40px;
    padding-bottom: 12px;
    margin: 0;
    color: #333;
    background: url(../img/arrow-right-medium-orange.svg) right 12px top 16px no-repeat;
}

    .ui-l515-12-linklist a.listlink:active,
    .ui-l515-12-linklist a.listlink:focus,
    .ui-l515-12-linklist a.listlink:hover {
        background: url(../img/arrow-right-medium-orange.svg) right 12px top 16px no-repeat;
        color: #f60;
    }

.ui-l515-12-linklist.alt-colored a.listlink {
    color: #333;
}

    .ui-l515-12-linklist.alt-colored a.listlink:hover {
        color: #f60;
    }

.ui-l515-12-linklist.small a.listlink {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

@media screen and (min-width: 768px) {
    .ui-l515-12-linklist .listitem:last-child a.listlink,
    .ui-l515-12-linklist .listitem:nth-last-child(2) a.listlink {
        border-width: 2px 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
    }

    .ui-l515-12-linklist .listitem:nth-child(1) a.listlink,
    .ui-l515-12-linklist .listitem:nth-child(2) a.listlink {
        border: 0 none;
    }

    .ui-l515-12-linklist .listitem:nth-child(2):nth-last-child(2) a.listlink {
        border-width: 0 0 2px;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
    }

    .ui-l515-12-linklist .listitem:nth-child(1):nth-last-child(2) a.listlink,
    .ui-l515-12-linklist .listitem:nth-child(2):nth-last-child(1) a.listlink {
        border-width: 2px 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
    }

    .ui-l515-12-linklist .listitem:nth-child(1):nth-last-child(1) a.listlink {
        border-width: 2px 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
    }

    .ui-l515-12-linklist a.listlink {
        border-width: 2px 0 0;
        -o-border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-image: url(../img/border-dotted.png) 2 0 0 0 repeat;
        border-style: dotted;
        border-color: #ddd;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l515-12-linklist a.listlink {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .ui-l515-12-linklist .ui-note {
        margin-top: 0;
        margin-bottom: 23px;
    }
}

@media screen and (max-width: 991px) {
    .ui-l515-12-linklist a.listlink {
        padding-right: 28px;
    }
}

@media screen and (max-width: 767px) {
    .ui-l515-12-linklist .listitem,
    .ui-l515-12-linklist .listitem:nth-child(even) {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .ui-l515-12-linklist a.listlink {
        font-size: 1.6rem;
        line-height: 1.8rem;
        border-width: 0 0 2px;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        padding-left: 0;
        color: #f60;
        background: url(../img/arrow-right-medium-orange.svg) right 12px top 13px no-repeat;
    }

        .ui-l515-12-linklist a.listlink:active,
        .ui-l515-12-linklist a.listlink:focus,
        .ui-l515-12-linklist a.listlink:hover {
            background: url(../img/arrow-right-medium-orange-hover.svg) right 12px top 13px no-repeat;
            color: #de450a;
        }
}

@media screen and (max-width: 479px) {
    .ui-l515-12-linklist a.listlink {
        font-size: 1.6rem;
        line-height: 2.1rem;
        background-position: right 12px top 14px;
    }

        .ui-l515-12-linklist a.listlink:hover {
            background-position: right 12px top 14px;
        }
}

.ui-l516-08-linklist-with-image p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: 'Helvetica Now Text Regular';
    margin-top: 0;
    margin-bottom: 20px;
    color: #333;
}

.ui-l516-08-linklist-with-image .linklist {
    display: table;
    padding: 0;
    margin: 0 0 15px;
    float: none;
    font-size: 0;
    list-style: outside none none;
    word-spacing: -1em;
}

.ui-l516-08-linklist-with-image .listitem {
    position: relative;
    display: inline-block;
    width: 168px;
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 36px;
    float: none;
    text-align: center;
    vertical-align: top;
    word-spacing: 0;
}

    .ui-l516-08-linklist-with-image .listitem:first-child,
    .ui-l516-08-linklist-with-image .listitem:nth-child(6n + 1) {
        width: 156px;
        padding-left: 0;
    }

    .ui-l516-08-linklist-with-image .listitem:nth-child(6n) {
        width: 156px;
        padding-right: 0;
    }

    .ui-l516-08-linklist-with-image .listitem .listitemlink .icon {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto 4px;
    }

    .ui-l516-08-linklist-with-image .listitem .listitemlink:active .name,
    .ui-l516-08-linklist-with-image .listitem .listitemlink:focus .name,
    .ui-l516-08-linklist-with-image .listitem .listitemlink:hover .name {
        color: #de450a;
    }

    .ui-l516-08-linklist-with-image .listitem .listitemlink .name {
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-family: 'Helvetica Now Text Bold';
        display: block;
        color: #f60;
        letter-spacing: 0.5px;
    }

.ui-l516-08-linklist-with-image.is-cumulus .listitem .listitemlink:active .name,
.ui-l516-08-linklist-with-image.is-cumulus .listitem .listitemlink:focus .name,
.ui-l516-08-linklist-with-image.is-cumulus .listitem .listitemlink:hover .name {
    color: #00145c;
}

.ui-l516-08-linklist-with-image.is-cumulus .listitem .listitemlink .name {
    color: #003d8d;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-l516-08-linklist-with-image .linklist {
        margin-bottom: 0;
    }

    .ui-l516-08-linklist-with-image .listitem {
        width: 148px;
        margin-bottom: 32px;
    }

        .ui-l516-08-linklist-with-image .listitem:first-child,
        .ui-l516-08-linklist-with-image .listitem:nth-child(6n + 1) {
            width: 136px;
        }

        .ui-l516-08-linklist-with-image .listitem:nth-child(6n) {
            width: 136px;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l516-08-linklist-with-image .ui-note {
        margin-top: 0;
    }

    .ui-l516-08-linklist-with-image .linklist {
        margin-bottom: 0;
    }

    .ui-l516-08-linklist-with-image .listitem {
        width: 108px;
        margin-bottom: 20px;
    }

        .ui-l516-08-linklist-with-image .listitem:first-child,
        .ui-l516-08-linklist-with-image .listitem:nth-child(6n + 1) {
            width: 96px;
        }

        .ui-l516-08-linklist-with-image .listitem:nth-child(6n) {
            width: 96px;
        }
}

@media screen and (max-width: 767px) {
    .ui-l516-08-linklist-with-image .linklist {
        width: 100%;
        margin-bottom: 25px;
    }

    .ui-l516-08-linklist-with-image .listitem {
        border-width: 0 0 2px;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 0;
        text-align: left;
    }

        .ui-l516-08-linklist-with-image .listitem:first-child,
        .ui-l516-08-linklist-with-image .listitem:nth-child(6n + 1) {
            width: 100%;
        }

        .ui-l516-08-linklist-with-image .listitem:nth-child(6n) {
            width: 100%;
        }

        .ui-l516-08-linklist-with-image .listitem:first-child {
            border-width: 0 0 2px;
            -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-style: dotted;
            border-color: #ddd;
        }

        .ui-l516-08-linklist-with-image .listitem .listitemlink {
            text-align: left;
        }

            .ui-l516-08-linklist-with-image .listitem .listitemlink .icon {
                position: absolute;
                top: 0;
                bottom: 0;
                width: 110px;
                margin: auto;
            }

            .ui-l516-08-linklist-with-image .listitem .listitemlink .name {
                font-size: 1.6rem;
                line-height: 2rem;
                letter-spacing: 0;
                display: block;
                width: 100%;
                padding-top: 24px;
                padding-right: 10px;
                padding-bottom: 22px;
                padding-left: 35%;
                margin: 0;
                background: url(../img/arrow-right-medium-orange.svg) right 10px top 50% no-repeat;
            }

            .ui-l516-08-linklist-with-image .listitem .listitemlink:active .name,
            .ui-l516-08-linklist-with-image .listitem .listitemlink:focus .name,
            .ui-l516-08-linklist-with-image .listitem .listitemlink:hover .name {
                background-image: url(../img/arrow-right-medium-orange-hover.svg);
            }

    .ui-l516-08-linklist-with-image.is-cumulus .listitem .listitemlink .name {
        background-image: url(../img/arrow-right-medium-blue.svg);
    }

        .ui-l516-08-linklist-with-image.is-cumulus
        .listitem
        .listitemlink
        .name:active,
        .ui-l516-08-linklist-with-image.is-cumulus
        .listitem
        .listitemlink
        .name:focus,
        .ui-l516-08-linklist-with-image.is-cumulus
        .listitem
        .listitemlink
        .name:hover {
            background-image: url(../img/arrow-right-medium-blue-hover.svg);
        }
}

@media screen and (max-width: 479px) {
    .ui-l516-08-linklist-with-image .listitem .listitemlink .icon {
        width: 90px;
    }

    .ui-l516-08-linklist-with-image .listitem .listitemlink .name {
        padding-top: 7%;
        padding-bottom: 6%;
    }
}

.ui-l519-12-recommender .is-flex {
    display: flex;
}

.ui-l519-12-recommender .is-align-items-center {
    align-items: center;
}

.ui-l519-12-recommender .is-justify-content-center {
    justify-content: center;
}

.ui-l519-12-recommender .spinner-wrapper {
    display: flex;
    width: 156px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .ui-l519-12-recommender .spinner-wrapper .spinner-img {
        width: 148px;
    }

        .ui-l519-12-recommender .spinner-wrapper .spinner-img img {
            max-width: 100%;
        }

@media screen and (min-width: 768px) {
    .ui-l519-12-recommender .spinner-wrapper {
        width: 308px;
    }
}

.ui-l519-12-recommender .text-box {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: 'Helvetica Now Text Regular';
}

@media screen and (max-width: 767px) {
    .ui-l519-12-recommender .is-image {
        align-self: flex-start;
    }
}

.ui-l522-12-productlist {
    padding-top: 0;
}

    .ui-l522-12-productlist .ui-teaser-addons {
        min-height: 0;
        margin-bottom: 0;
    }

    .ui-l522-12-productlist .ui-t324-03-standardimagetext {
        min-height: 0;
    }

        .ui-l522-12-productlist .ui-t324-03-standardimagetext .link-box {
            min-height: 0;
        }

@media screen and (min-width: 480px) {
    .ui-l522-12-productlist .is-height-m {
        display: flex;
        flex-wrap: wrap;
    }

        .ui-l522-12-productlist .is-height-m::before {
            display: inline-flex;
        }

        .ui-l522-12-productlist .is-height-m > [class^='col-'] {
            height: auto;
            min-height: auto;
        }

            .ui-l522-12-productlist .is-height-m > [class^='col-'] .ui-teaser-addons {
                height: 100%;
            }
}

@media screen and (max-width: 1199px) {
    .ui-l522-12-productlist {
        padding-top: 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-l522-12-productlist:not(.bg) .mui-product-list-no-products,
    .ui-l522-12-productlist:not(.bg) .ui-js-offer,
    .ui-l522-12-productlist:not(.bg) .ui-js-product {
        padding-bottom: 10px;
        border-width: 0 0 2px;
        border-style: dotted;
        border-color: #cfcac7;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    }

    .ui-l522-12-productlist .ui-t324-03-standardimagetext .link-box {
        display: flex;
        justify-content: space-between;
    }

        .ui-l522-12-productlist .ui-t324-03-standardimagetext .link-box .text-area,
        .ui-l522-12-productlist
        .ui-t324-03-standardimagetext
        .link-box
        .ui-resp-image {
            position: relative;
            top: auto;
            right: auto;
            bottom: auto;
            left: auto;
            display: inline-block;
        }

        .ui-l522-12-productlist .ui-t324-03-standardimagetext .link-box .text-area {
            flex-basis: 55%;
        }

        .ui-l522-12-productlist .ui-t324-03-standardimagetext .link-box img {
            padding: 0;
        }

        .ui-l522-12-productlist
        .ui-t324-03-standardimagetext
        .link-box.is-bottom
        .ui-resp-image {
            align-self: flex-end;
        }

        .ui-l522-12-productlist
        .ui-t324-03-standardimagetext
        .link-box.is-top
        .ui-resp-image {
            align-self: flex-start;
        }

        .ui-l522-12-productlist
        .ui-t324-03-standardimagetext
        .link-box.is-centered
        .ui-resp-image {
            align-self: center;
        }
}

.ui-l526-12-accordion-editorial.panel-group {
    margin-bottom: 24px;
}

.ui-l526-12-accordion-editorial .ui-panel-migros:first-child {
    border-top: 2px solid #f60;
}

.ui-l526-12-accordion-editorial .ui-panel-title-icon {
    max-width: 20px;
    max-height: 20px;
    margin-right: 15px;
}

.ui-l526-12-accordion-editorial .ui-panel-headline-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-top: 4px;
    margin-right: 10px;
}

    .ui-l526-12-accordion-editorial .ui-panel-headline-icon img {
        display: block;
        width: 20px;
        max-width: 20px;
        height: 20px;
        max-height: 20px;
    }

@media screen and (min-width: 768px) {
    .ui-l526-12-accordion-editorial .ui-panel-headline-icon {
        padding-top: 2px;
    }
}

.ui-l526-12-accordion-editorial .ui-panel-title {
    margin-top: 40px;
}

    .ui-l526-12-accordion-editorial .ui-panel-title + .ui-panel-migros {
        border-top: 2px solid #f60;
    }

.ui-l526-12-accordion-editorial .panel-body {
    font-size: 1.6rem;
    padding: 12px 0 28px;
}

    .ui-l526-12-accordion-editorial
    .panel-body > .ui-c213-08-copyimage
    .ui-paragraph-headline.is-medium:first-of-type {
        margin-top: 12px;
    }

@media screen and (max-width: 479px) {
    .ui-l526-12-accordion-editorial
    .panel-body > .ui-c213-08-copyimage
    .ui-paragraph-headline.is-medium:first-of-type {
        margin-top: 0;
    }
}

.ui-l526-12-accordion-editorial.alt-colored .ui-panel-migros:first-child {
    border-top-color: #f60;
}

.ui-l526-12-accordion-editorial.alt-colored .ui-panel-title + .ui-panel-migros {
    border-top-color: #f60;
}

.ui-l526-12-accordion-editorial.is-cumulus .ui-panel-migros:first-child {
    border-top: 2px solid #003d8d;
}

.ui-l526-12-accordion-editorial.is-cumulus .ui-panel-title + .ui-panel-migros {
    border-top: 2px solid #003d8d;
}

.ui-l526-12-accordion-editorial.is-cumulus .ui-panel-migros.panel {
    border-bottom-color: #003d8d;
}

.ui-l526-12-accordion-editorial.is-cumulus .ui-panel-migros .panel-title > a {
    color: #003d8d;
}

    .ui-l526-12-accordion-editorial.is-cumulus
    .ui-panel-migros
    .panel-title > a::before {
        background-image: url(../img/dropdown-closed-blue.svg);
    }

@media screen and (max-width: 479px) {
    .ui-l526-12-accordion-editorial.is-cumulus
    .ui-panel-migros
    .panel-title > a::before {
        background-image: url(../img/accordion-small-arrow-blue.svg);
    }
}

.ui-l526-12-accordion-editorial.is-cumulus
.ui-panel-migros
.panel-title > a:hover {
    color: #00145c;
}

    .ui-l526-12-accordion-editorial.is-cumulus
    .ui-panel-migros
    .panel-title > a:hover::before {
        background-image: url(../img/dropdown-closed-blue-hover.svg);
    }

@media screen and (max-width: 479px) {
    .ui-l526-12-accordion-editorial.is-cumulus
    .ui-panel-migros
    .panel-title > a:hover::before {
        background-image: url(../img/accordion-small-arrow-blue.svg);
    }
}

.ui-l526-12-accordion-editorial.is-cumulus
.ui-panel-migros
.panel-heading
[data-toggle='collapse'].collapsed::after {
    background-color: #003d8d;
}

.ui-l526-12-accordion-editorial.is-cumulus .ui-panel-migros > a {
    color: #003d8d;
}

    .ui-l526-12-accordion-editorial.is-cumulus .ui-panel-migros > a:hover {
        color: #00145c;
    }

.ui-l526-12-accordion-editorial.is-cumulus
.ui-panel-migros
.panel-heading + .panel-collapse {
    border-bottom-color: #003d8d;
}

.ui-l526-12-accordion-editorial.is-cumulus .ui-panel-migros .panel-body {
    color: #003d8d;
}

@media screen and (max-width: 479px) {
    .ui-l526-12-accordion-editorial .panel-title > a {
        font-size: 1.6rem;
        line-height: 2.1rem;
        padding: 12px 60px 14px 0;
    }

        .ui-l526-12-accordion-editorial .panel-title > a::before {
            right: 10px;
            width: 20px;
            height: 12px;
            margin-top: -4.5px;
            background-image: url(../img/accordion-small-arrow.svg);
        }

        .ui-l526-12-accordion-editorial .panel-title > a:hover::before {
            background-image: url(../img/accordion-small-arrow.svg);
        }
}

.ui-l526-12-accordion-editorial .ui-c213-08-copyimage {
    width: 66.6666666667%;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l526-12-accordion-editorial .ui-c213-08-copyimage {
        width: 83.3333333333%;
    }
}

@media screen and (max-width: 767px) {
    .ui-l526-12-accordion-editorial .ui-c213-08-copyimage {
        width: 100%;
    }
}

.ui-l526-12-accordion-editorial .ui-product-info-block {
    padding-top: 0;
}

.ui-l526-12-accordion-editorial .ui-panel-migros .panel-title > a,
.ui-l526-12-accordion-editorial > .ui-paragraph-headline {
    font-size: 1.6rem;
    line-height: 2rem;
    font-family: 'Helvetica Now Text Bold';
    font-weight: 400;
}

@media screen and (min-width: 768px) {
    .ui-l526-12-accordion-editorial .ui-panel-migros .panel-title > a,
    .ui-l526-12-accordion-editorial > .ui-paragraph-headline {
        font-size: 1.8rem;
        line-height: 2.3rem;
    }
}

.ui-l535-12-teaserlist-with-filter {
    margin-bottom: 20px;
}

    .ui-l535-12-teaserlist-with-filter .ui-note.has-arrow.is-right-down {
        margin-top: 10px;
        text-align: right;
    }

.ui-l535-12-teaserlist-addons .more-btn-wrapper {
    text-align: center;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l535-12-teaserlist-addons .more-btn-wrapper .btn {
        margin-top: 32px;
    }
}

.ui-l535-12-teaserlist.is-height-ml [class^='col-'] {
    overflow: visible;
    height: 334px;
    margin-bottom: 24px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-l535-12-teaserlist.is-height-ml [class^='col-'] {
        height: 310px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l535-12-teaserlist.is-height-ml [class^='col-'] {
        height: 278px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l535-12-teaserlist.is-height-ml [class^='col-'] {
        height: 320px;
    }
}

@media screen and (max-width: 479px) {
    .ui-l535-12-teaserlist.is-height-ml [class^='col-'] {
        height: auto;
        margin-bottom: 0;
    }
}

@media (min-width: 645px) and (max-width: 767px) {
    .ui-l535-12-teaserlist.is-height-ml [class^='col-'] {
        height: 320px;
    }
}

@media (min-width: 550px) and (max-width: 600px) {
    .ui-l535-12-teaserlist.is-height-ml [class^='col-'] {
        height: 260px;
    }
}

@media (min-width: 478px) and (max-width: 549px) {
    .ui-l535-12-teaserlist.is-height-ml [class^='col-'] {
        height: 240px;
    }
}

.ui-l535-12-teaserlist .ui-secondary-headline {
    margin-bottom: 5px;
}

@media screen and (min-width: 992px) {
    .ui-l535-12-teaserlist .ui-t315-04-standard .text-area {
        padding-bottom: 40px;
    }

    .ui-l535-12-teaserlist .ui-t315-04-standard:active .link,
    .ui-l535-12-teaserlist .ui-t315-04-standard:focus .link,
    .ui-l535-12-teaserlist .ui-t315-04-standard:hover .link {
        transform: translate3d(0, -52px, 0);
    }
}

.ui-l541-12-market-list {
    display: flex;
    flex-wrap: wrap;
}

    .ui-l541-12-market-list .ratio-block {
        position: relative;
    }

        .ui-l541-12-market-list .ratio-block::before {
            display: block;
            width: 100%;
            padding-top: 75%;
            content: '';
        }

@media screen and (max-width: 991px) {
    .ui-l541-12-market-list .ratio-block {
        position: relative;
        margin-top: -25px;
        text-align: center;
    }

        .ui-l541-12-market-list .ratio-block::before {
            position: absolute;
            bottom: 0;
            height: 77px;
            padding: 0;
            border-radius: 5px;
        }
}

@media screen and (max-width: 479px) {
    .ui-l541-12-market-list .ratio-block {
        margin-top: -20px;
    }

        .ui-l541-12-market-list .ratio-block::before {
            position: absolute;
            bottom: 0;
            height: 73px;
            padding: 0;
            border-radius: 5px;
        }
}

.ui-l541-12-market-list .logo-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f1efee;
    border-radius: 4px;
    text-align: center;
    transition: background-color 250ms 0s ease-in-out;
}

    .ui-l541-12-market-list .logo-link:hover {
        background-color: #e7e5e3;
    }

    .ui-l541-12-market-list .logo-link img {
        position: relative;
        top: 50%;
        max-width: 80%;
        height: auto;
        max-height: 80%;
        transform: translateY(-50%);
    }

@media screen and (max-width: 991px) {
    .ui-l541-12-market-list .logo-link {
        position: relative;
        display: block;
        height: 154px;
        background-color: rgba(0, 0, 0, 0) !important;
    }
}

@media screen and (max-width: 479px) {
    .ui-l541-12-market-list .logo-link {
        height: 146px;
    }

        .ui-l541-12-market-list .logo-link img {
            max-width: 65%;
        }
}

.ui-l541-12-market-list .linklist {
    width: 100%;
    padding: 0;
    margin: 8px 0 0;
    font-size: 0;
    list-style: none;
}

.ui-l541-12-market-list .listitem {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 8px;
    border-radius: 4px;
}

    .ui-l541-12-market-list .listitem.is-discount .listlink {
        padding: 14px 30px 15px 45px;
    }

    .ui-l541-12-market-list .listitem.is-discount::before {
        position: absolute;
        top: 50%;
        left: 14px;
        display: block;
        width: 18px;
        height: 22px;
        background: url(../img/svg/icons/teaserstage/discount-white.svg) no-repeat;
        content: '';
        transform: translateY(-50%) translateY(-1px);
    }

.ui-l541-12-market-list .listlink {
    font-size: 1.6rem;
    line-height: 2.2rem;
    position: relative;
    display: block;
    width: 100%;
    padding: 14px 30px 15px 12px;
    color: #fff;
    font-family: HelveticaNeueW01-75Bold;
    letter-spacing: 0;
}

    .ui-l541-12-market-list .listlink::after,
    .ui-l541-12-market-list .listlink::before {
        position: absolute;
        top: 50%;
        right: 16px;
        display: block;
        width: 12px;
        height: 2px;
        background-color: #fff;
        content: '';
        transform-origin: right center;
    }

    .ui-l541-12-market-list .listlink::before {
        transform: rotate(45deg) translateY(1px);
    }

    .ui-l541-12-market-list .listlink::after {
        transform: rotate(-45deg) translateY(-1px);
    }

.ui-l541-12-market-list .market-teaser {
    overflow: hidden;
    margin-bottom: 20px;
}

    .ui-l541-12-market-list .market-teaser .listitem {
        position: relative;
        background-color: #f1efee;
        transition: background-color 250ms 0s ease-in-out;
    }

        .ui-l541-12-market-list .market-teaser .listitem:active,
        .ui-l541-12-market-list .market-teaser .listitem:focus,
        .ui-l541-12-market-list .market-teaser .listitem:hover {
            background-color: #e7e5e3;
        }

        .ui-l541-12-market-list .market-teaser .listitem.is-inverted {
            border: 2px solid #f1efee;
            background-color: rgba(0, 0, 0, 0);
        }

            .ui-l541-12-market-list .market-teaser .listitem.is-inverted:active,
            .ui-l541-12-market-list .market-teaser .listitem.is-inverted:focus,
            .ui-l541-12-market-list .market-teaser .listitem.is-inverted:hover {
                border: 2px solid #e7e5e3;
                background-color: rgba(0, 0, 0, 0);
            }

            .ui-l541-12-market-list .market-teaser .listitem.is-inverted .listlink {
                color: #f1efee;
                transition: color 250ms 0s ease-in-out;
            }

                .ui-l541-12-market-list .market-teaser .listitem.is-inverted .listlink::after,
                .ui-l541-12-market-list .market-teaser .listitem.is-inverted .listlink::before {
                    background-color: #f1efee;
                    transition: background-color 250ms 0s ease-in-out;
                }

                .ui-l541-12-market-list .market-teaser .listitem.is-inverted .listlink:active,
                .ui-l541-12-market-list .market-teaser .listitem.is-inverted .listlink:focus,
                .ui-l541-12-market-list .market-teaser .listitem.is-inverted .listlink:hover {
                    color: #e7e5e3;
                }

                    .ui-l541-12-market-list
                    .market-teaser
                    .listitem.is-inverted
                    .listlink:active::after,
                    .ui-l541-12-market-list
                    .market-teaser
                    .listitem.is-inverted
                    .listlink:active::before,
                    .ui-l541-12-market-list
                    .market-teaser
                    .listitem.is-inverted
                    .listlink:focus::after,
                    .ui-l541-12-market-list
                    .market-teaser
                    .listitem.is-inverted
                    .listlink:focus::before,
                    .ui-l541-12-market-list
                    .market-teaser
                    .listitem.is-inverted
                    .listlink:hover::after,
                    .ui-l541-12-market-list
                    .market-teaser
                    .listitem.is-inverted
                    .listlink:hover::before {
                        background-color: #e7e5e3;
                    }

    .ui-l541-12-market-list .market-teaser.is-migros .listitem {
        background-color: #f60;
    }

        .ui-l541-12-market-list .market-teaser.is-migros .listitem:active,
        .ui-l541-12-market-list .market-teaser.is-migros .listitem:focus,
        .ui-l541-12-market-list .market-teaser.is-migros .listitem:hover {
            background-color: #de450a;
        }

        .ui-l541-12-market-list .market-teaser.is-migros .listitem.is-inverted {
            border: 2px solid #f60;
            background-color: rgba(0, 0, 0, 0);
        }

            .ui-l541-12-market-list .market-teaser.is-migros .listitem.is-inverted:active,
            .ui-l541-12-market-list .market-teaser.is-migros .listitem.is-inverted:focus,
            .ui-l541-12-market-list .market-teaser.is-migros .listitem.is-inverted:hover {
                border: 2px solid #de450a;
                background-color: rgba(0, 0, 0, 0);
            }

            .ui-l541-12-market-list
            .market-teaser.is-migros
            .listitem.is-inverted
            .listlink {
                color: #f60;
                transition: color 250ms 0s ease-in-out;
            }

                .ui-l541-12-market-list
                .market-teaser.is-migros
                .listitem.is-inverted
                .listlink::after,
                .ui-l541-12-market-list
                .market-teaser.is-migros
                .listitem.is-inverted
                .listlink::before {
                    background-color: #f60;
                    transition: background-color 250ms 0s ease-in-out;
                }

                .ui-l541-12-market-list
                .market-teaser.is-migros
                .listitem.is-inverted
                .listlink:active,
                .ui-l541-12-market-list
                .market-teaser.is-migros
                .listitem.is-inverted
                .listlink:focus,
                .ui-l541-12-market-list
                .market-teaser.is-migros
                .listitem.is-inverted
                .listlink:hover {
                    color: #de450a;
                }

                    .ui-l541-12-market-list
                    .market-teaser.is-migros
                    .listitem.is-inverted
                    .listlink:active::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-migros
                    .listitem.is-inverted
                    .listlink:active::before,
                    .ui-l541-12-market-list
                    .market-teaser.is-migros
                    .listitem.is-inverted
                    .listlink:focus::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-migros
                    .listitem.is-inverted
                    .listlink:focus::before,
                    .ui-l541-12-market-list
                    .market-teaser.is-migros
                    .listitem.is-inverted
                    .listlink:hover::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-migros
                    .listitem.is-inverted
                    .listlink:hover::before {
                        background-color: #de450a;
                    }

    .ui-l541-12-market-list .market-teaser.is-cumulus .listitem {
        background-color: #003d8d;
    }

        .ui-l541-12-market-list .market-teaser.is-cumulus .listitem:active,
        .ui-l541-12-market-list .market-teaser.is-cumulus .listitem:focus,
        .ui-l541-12-market-list .market-teaser.is-cumulus .listitem:hover {
            background-color: #00145c;
        }

        .ui-l541-12-market-list .market-teaser.is-cumulus .listitem.is-inverted {
            border: 2px solid #003d8d;
            background-color: rgba(0, 0, 0, 0);
        }

            .ui-l541-12-market-list .market-teaser.is-cumulus .listitem.is-inverted:active,
            .ui-l541-12-market-list .market-teaser.is-cumulus .listitem.is-inverted:focus,
            .ui-l541-12-market-list .market-teaser.is-cumulus .listitem.is-inverted:hover {
                border: 2px solid #00145c;
                background-color: rgba(0, 0, 0, 0);
            }

            .ui-l541-12-market-list
            .market-teaser.is-cumulus
            .listitem.is-inverted
            .listlink {
                color: #003d8d;
                transition: color 250ms 0s ease-in-out;
            }

                .ui-l541-12-market-list
                .market-teaser.is-cumulus
                .listitem.is-inverted
                .listlink::after,
                .ui-l541-12-market-list
                .market-teaser.is-cumulus
                .listitem.is-inverted
                .listlink::before {
                    background-color: #003d8d;
                    transition: background-color 250ms 0s ease-in-out;
                }

                .ui-l541-12-market-list
                .market-teaser.is-cumulus
                .listitem.is-inverted
                .listlink:active,
                .ui-l541-12-market-list
                .market-teaser.is-cumulus
                .listitem.is-inverted
                .listlink:focus,
                .ui-l541-12-market-list
                .market-teaser.is-cumulus
                .listitem.is-inverted
                .listlink:hover {
                    color: #00145c;
                }

                    .ui-l541-12-market-list
                    .market-teaser.is-cumulus
                    .listitem.is-inverted
                    .listlink:active::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-cumulus
                    .listitem.is-inverted
                    .listlink:active::before,
                    .ui-l541-12-market-list
                    .market-teaser.is-cumulus
                    .listitem.is-inverted
                    .listlink:focus::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-cumulus
                    .listitem.is-inverted
                    .listlink:focus::before,
                    .ui-l541-12-market-list
                    .market-teaser.is-cumulus
                    .listitem.is-inverted
                    .listlink:hover::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-cumulus
                    .listitem.is-inverted
                    .listlink:hover::before {
                        background-color: #00145c;
                    }

    .ui-l541-12-market-list .market-teaser.is-doitgarden .listitem {
        background-color: #078550;
    }

        .ui-l541-12-market-list .market-teaser.is-doitgarden .listitem:active,
        .ui-l541-12-market-list .market-teaser.is-doitgarden .listitem:focus,
        .ui-l541-12-market-list .market-teaser.is-doitgarden .listitem:hover {
            background-color: #004519;
        }

        .ui-l541-12-market-list .market-teaser.is-doitgarden .listitem.is-inverted {
            border: 2px solid #078550;
            background-color: rgba(0, 0, 0, 0);
        }

            .ui-l541-12-market-list
            .market-teaser.is-doitgarden
            .listitem.is-inverted:active,
            .ui-l541-12-market-list
            .market-teaser.is-doitgarden
            .listitem.is-inverted:focus,
            .ui-l541-12-market-list
            .market-teaser.is-doitgarden
            .listitem.is-inverted:hover {
                border: 2px solid #004519;
                background-color: rgba(0, 0, 0, 0);
            }

            .ui-l541-12-market-list
            .market-teaser.is-doitgarden
            .listitem.is-inverted
            .listlink {
                color: #078550;
                transition: color 250ms 0s ease-in-out;
            }

                .ui-l541-12-market-list
                .market-teaser.is-doitgarden
                .listitem.is-inverted
                .listlink::after,
                .ui-l541-12-market-list
                .market-teaser.is-doitgarden
                .listitem.is-inverted
                .listlink::before {
                    background-color: #078550;
                    transition: background-color 250ms 0s ease-in-out;
                }

                .ui-l541-12-market-list
                .market-teaser.is-doitgarden
                .listitem.is-inverted
                .listlink:active,
                .ui-l541-12-market-list
                .market-teaser.is-doitgarden
                .listitem.is-inverted
                .listlink:focus,
                .ui-l541-12-market-list
                .market-teaser.is-doitgarden
                .listitem.is-inverted
                .listlink:hover {
                    color: #004519;
                }

                    .ui-l541-12-market-list
                    .market-teaser.is-doitgarden
                    .listitem.is-inverted
                    .listlink:active::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-doitgarden
                    .listitem.is-inverted
                    .listlink:active::before,
                    .ui-l541-12-market-list
                    .market-teaser.is-doitgarden
                    .listitem.is-inverted
                    .listlink:focus::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-doitgarden
                    .listitem.is-inverted
                    .listlink:focus::before,
                    .ui-l541-12-market-list
                    .market-teaser.is-doitgarden
                    .listitem.is-inverted
                    .listlink:hover::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-doitgarden
                    .listitem.is-inverted
                    .listlink:hover::before {
                        background-color: #004519;
                    }

    .ui-l541-12-market-list .market-teaser.is-melectronics .listitem {
        background-color: #039;
    }

        .ui-l541-12-market-list .market-teaser.is-melectronics .listitem:active,
        .ui-l541-12-market-list .market-teaser.is-melectronics .listitem:focus,
        .ui-l541-12-market-list .market-teaser.is-melectronics .listitem:hover {
            background-color: #000236;
        }

        .ui-l541-12-market-list .market-teaser.is-melectronics .listitem.is-inverted {
            border: 2px solid #039;
            background-color: rgba(0, 0, 0, 0);
        }

            .ui-l541-12-market-list
            .market-teaser.is-melectronics
            .listitem.is-inverted:active,
            .ui-l541-12-market-list
            .market-teaser.is-melectronics
            .listitem.is-inverted:focus,
            .ui-l541-12-market-list
            .market-teaser.is-melectronics
            .listitem.is-inverted:hover {
                border: 2px solid #000236;
                background-color: rgba(0, 0, 0, 0);
            }

            .ui-l541-12-market-list
            .market-teaser.is-melectronics
            .listitem.is-inverted
            .listlink {
                color: #039;
                transition: color 250ms 0s ease-in-out;
            }

                .ui-l541-12-market-list
                .market-teaser.is-melectronics
                .listitem.is-inverted
                .listlink::after,
                .ui-l541-12-market-list
                .market-teaser.is-melectronics
                .listitem.is-inverted
                .listlink::before {
                    background-color: #039;
                    transition: background-color 250ms 0s ease-in-out;
                }

                .ui-l541-12-market-list
                .market-teaser.is-melectronics
                .listitem.is-inverted
                .listlink:active,
                .ui-l541-12-market-list
                .market-teaser.is-melectronics
                .listitem.is-inverted
                .listlink:focus,
                .ui-l541-12-market-list
                .market-teaser.is-melectronics
                .listitem.is-inverted
                .listlink:hover {
                    color: #000236;
                }

                    .ui-l541-12-market-list
                    .market-teaser.is-melectronics
                    .listitem.is-inverted
                    .listlink:active::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-melectronics
                    .listitem.is-inverted
                    .listlink:active::before,
                    .ui-l541-12-market-list
                    .market-teaser.is-melectronics
                    .listitem.is-inverted
                    .listlink:focus::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-melectronics
                    .listitem.is-inverted
                    .listlink:focus::before,
                    .ui-l541-12-market-list
                    .market-teaser.is-melectronics
                    .listitem.is-inverted
                    .listlink:hover::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-melectronics
                    .listitem.is-inverted
                    .listlink:hover::before {
                        background-color: #000236;
                    }

    .ui-l541-12-market-list .market-teaser.is-micasa .listitem {
        background-color: #167f77;
    }

        .ui-l541-12-market-list .market-teaser.is-micasa .listitem:active,
        .ui-l541-12-market-list .market-teaser.is-micasa .listitem:focus,
        .ui-l541-12-market-list .market-teaser.is-micasa .listitem:hover {
            background-color: #013f37;
        }

        .ui-l541-12-market-list .market-teaser.is-micasa .listitem.is-inverted {
            border: 2px solid #167f77;
            background-color: rgba(0, 0, 0, 0);
        }

            .ui-l541-12-market-list .market-teaser.is-micasa .listitem.is-inverted:active,
            .ui-l541-12-market-list .market-teaser.is-micasa .listitem.is-inverted:focus,
            .ui-l541-12-market-list .market-teaser.is-micasa .listitem.is-inverted:hover {
                border: 2px solid #013f37;
                background-color: rgba(0, 0, 0, 0);
            }

            .ui-l541-12-market-list
            .market-teaser.is-micasa
            .listitem.is-inverted
            .listlink {
                color: #167f77;
                transition: color 250ms 0s ease-in-out;
            }

                .ui-l541-12-market-list
                .market-teaser.is-micasa
                .listitem.is-inverted
                .listlink::after,
                .ui-l541-12-market-list
                .market-teaser.is-micasa
                .listitem.is-inverted
                .listlink::before {
                    background-color: #167f77;
                    transition: background-color 250ms 0s ease-in-out;
                }

                .ui-l541-12-market-list
                .market-teaser.is-micasa
                .listitem.is-inverted
                .listlink:active,
                .ui-l541-12-market-list
                .market-teaser.is-micasa
                .listitem.is-inverted
                .listlink:focus,
                .ui-l541-12-market-list
                .market-teaser.is-micasa
                .listitem.is-inverted
                .listlink:hover {
                    color: #013f37;
                }

                    .ui-l541-12-market-list
                    .market-teaser.is-micasa
                    .listitem.is-inverted
                    .listlink:active::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-micasa
                    .listitem.is-inverted
                    .listlink:active::before,
                    .ui-l541-12-market-list
                    .market-teaser.is-micasa
                    .listitem.is-inverted
                    .listlink:focus::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-micasa
                    .listitem.is-inverted
                    .listlink:focus::before,
                    .ui-l541-12-market-list
                    .market-teaser.is-micasa
                    .listitem.is-inverted
                    .listlink:hover::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-micasa
                    .listitem.is-inverted
                    .listlink:hover::before {
                        background-color: #013f37;
                    }

    .ui-l541-12-market-list .market-teaser.is-sportxx .listitem {
        background-color: #ff290b;
    }

        .ui-l541-12-market-list .market-teaser.is-sportxx .listitem:active,
        .ui-l541-12-market-list .market-teaser.is-sportxx .listitem:focus,
        .ui-l541-12-market-list .market-teaser.is-sportxx .listitem:hover {
            background-color: #840000;
        }

        .ui-l541-12-market-list .market-teaser.is-sportxx .listitem.is-inverted {
            border: 2px solid #ff290b;
            background-color: rgba(0, 0, 0, 0);
        }

            .ui-l541-12-market-list .market-teaser.is-sportxx .listitem.is-inverted:active,
            .ui-l541-12-market-list .market-teaser.is-sportxx .listitem.is-inverted:focus,
            .ui-l541-12-market-list .market-teaser.is-sportxx .listitem.is-inverted:hover {
                border: 2px solid #840000;
                background-color: rgba(0, 0, 0, 0);
            }

            .ui-l541-12-market-list
            .market-teaser.is-sportxx
            .listitem.is-inverted
            .listlink {
                color: #ff290b;
                transition: color 250ms 0s ease-in-out;
            }

                .ui-l541-12-market-list
                .market-teaser.is-sportxx
                .listitem.is-inverted
                .listlink::after,
                .ui-l541-12-market-list
                .market-teaser.is-sportxx
                .listitem.is-inverted
                .listlink::before {
                    background-color: #ff290b;
                    transition: background-color 250ms 0s ease-in-out;
                }

                .ui-l541-12-market-list
                .market-teaser.is-sportxx
                .listitem.is-inverted
                .listlink:active,
                .ui-l541-12-market-list
                .market-teaser.is-sportxx
                .listitem.is-inverted
                .listlink:focus,
                .ui-l541-12-market-list
                .market-teaser.is-sportxx
                .listitem.is-inverted
                .listlink:hover {
                    color: #840000;
                }

                    .ui-l541-12-market-list
                    .market-teaser.is-sportxx
                    .listitem.is-inverted
                    .listlink:active::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-sportxx
                    .listitem.is-inverted
                    .listlink:active::before,
                    .ui-l541-12-market-list
                    .market-teaser.is-sportxx
                    .listitem.is-inverted
                    .listlink:focus::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-sportxx
                    .listitem.is-inverted
                    .listlink:focus::before,
                    .ui-l541-12-market-list
                    .market-teaser.is-sportxx
                    .listitem.is-inverted
                    .listlink:hover::after,
                    .ui-l541-12-market-list
                    .market-teaser.is-sportxx
                    .listitem.is-inverted
                    .listlink:hover::before {
                        background-color: #840000;
                    }

@media screen and (max-width: 991px) {
    .ui-l541-12-market-list .market-teaser {
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-l541-12-market-list .market-teaser .ratio-block::before {
            background-color: #f1efee;
        }
}

.ui-l544-12-receipt-list {
    padding: 20px 0;
    background-color: #f1efee;
}

@media screen and (min-width: 768px) {
    .ui-l544-12-receipt-list .label-space {
        padding: 13px 19px 11px;
        margin-top: 30px;
    }
}

.ui-l544-12-receipt-list .text {
    margin-top: 30px;
}

.ui-l544-12-receipt-list .info-text {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333;
}

.ui-l544-12-receipt-list .background-wrapper {
    padding: 8px 0;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 4px;
}

    .ui-l544-12-receipt-list .background-wrapper.controls {
        padding: 10px 20px;
        margin: 0 0 20px;
    }

    .ui-l544-12-receipt-list .background-wrapper .sort-menu {
        padding: 14px 14px 0;
    }

    .ui-l544-12-receipt-list .background-wrapper form {
        padding: 0;
    }

.ui-l544-12-receipt-list .table {
    margin-bottom: 10px;
}

    .ui-l544-12-receipt-list .table td,
    .ui-l544-12-receipt-list .table th {
        padding: 14px 0 14px 20px;
        border-bottom: 1px solid #ddd;
    }

        .ui-l544-12-receipt-list .table td:nth-child(2),
        .ui-l544-12-receipt-list .table th:nth-child(2) {
            word-break: normal;
        }

        .ui-l544-12-receipt-list .table td:nth-child(4),
        .ui-l544-12-receipt-list .table td:nth-child(5),
        .ui-l544-12-receipt-list .table th:nth-child(4),
        .ui-l544-12-receipt-list .table th:nth-child(5) {
            text-align: right;
            word-break: normal;
        }

        .ui-l544-12-receipt-list .table td:last-child,
        .ui-l544-12-receipt-list .table th:last-child {
            padding-right: 22px;
        }

@media screen and (min-width: 768px) {
    .ui-l544-12-receipt-list .table td.width-10,
    .ui-l544-12-receipt-list .table th.width-10 {
        width: 10%;
    }
}

.ui-l544-12-receipt-list .table thead th {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    border-width: 2px;
    border-color: #003d8d;
}

    .ui-l544-12-receipt-list .table thead th .listlink {
        color: #333;
    }

        .ui-l544-12-receipt-list .table thead th .listlink:focus,
        .ui-l544-12-receipt-list .table thead th .listlink:hover {
            color: #003d8d;
            outline: 0;
        }

        .ui-l544-12-receipt-list .table thead th .listlink.desc {
            padding-right: 15px;
            background: rgba(0, 0, 0, 0) url(../img/caret-down-orange.svg) 100% 50% no-repeat;
        }

        .ui-l544-12-receipt-list .table thead th .listlink.asc {
            padding-right: 15px;
            background: rgba(0, 0, 0, 0) url(../img/caret-up-orange.svg) 100% 50% no-repeat;
        }

.ui-l544-12-receipt-list .table tbody {
    border-top: 0;
}

    .ui-l544-12-receipt-list .table tbody td,
    .ui-l544-12-receipt-list .table tbody th {
        font-size: 1.6rem;
        line-height: 2.8rem;
        word-break: break-all;
    }

.ui-l544-12-receipt-list .table .ff-check {
    padding-right: 24px;
    text-align: center;
}

    .ui-l544-12-receipt-list .table .ff-check label {
        padding: 10px 0 5px;
    }

.ui-l544-12-receipt-list .table a:not(.listlink) {
    background: 0 0;
    color: #003d8d;
    text-decoration: underline;
}

    .ui-l544-12-receipt-list .table a:not(.listlink):active,
    .ui-l544-12-receipt-list .table a:not(.listlink):focus,
    .ui-l544-12-receipt-list .table a:not(.listlink):hover {
        color: #00145c;
    }

@media screen and (max-width: 767px) {
    .ui-l544-12-receipt-list .table tbody,
    .ui-l544-12-receipt-list .table td,
    .ui-l544-12-receipt-list .table th,
    .ui-l544-12-receipt-list .table thead,
    .ui-l544-12-receipt-list .table tr {
        display: block;
    }

        .ui-l544-12-receipt-list .table thead tr {
            position: absolute;
            top: -10000em;
            left: -10000em;
        }

        .ui-l544-12-receipt-list .table tbody tr {
            padding: 12px 0;
            border-top: 1px solid #ddd;
        }

        .ui-l544-12-receipt-list .table tbody td {
            position: relative;
            padding: 0 13px;
            border: 0;
        }

            .ui-l544-12-receipt-list .table tbody td:nth-child(4),
            .ui-l544-12-receipt-list .table tbody td:nth-child(5) {
                font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
                font-weight: 500;
                display: inline-block;
                width: 49%;
            }

            .ui-l544-12-receipt-list .table tbody td:nth-child(4) {
                text-align: left;
            }

            .ui-l544-12-receipt-list .table tbody td:nth-child(5) {
                text-align: right;
            }
}

.ui-l544-12-receipt-list .button-label {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
}

.ui-l544-12-receipt-list .hr {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px #fff;
}

.ui-l544-12-receipt-list form {
    overflow: visible;
}

    .ui-l544-12-receipt-list form .form-item-hidden {
        display: none;
    }

.ui-l544-12-receipt-list .modal .modal-header {
    background-color: #fff;
}

.ui-l544-12-receipt-list .modal .modal-body {
    background-color: #fff;
    text-align: center;
}

.ui-l544-12-receipt-list .modal .modal-fullscreen .modal-body iframe {
    height: 90%;
}

@media screen and (min-width: 992px) {
    .ui-l544-12-receipt-list .modal.in {
        padding-top: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .ui-l544-12-receipt-list .modal .modal-header {
        padding: 20px;
    }

    .ui-l544-12-receipt-list .modal .modal-body {
        padding: 0;
        overflow-x: auto;
    }
}

.ie9 .ui-l544-12-receipt-list .table thead th {
    padding-top: 0;
    padding-bottom: 5px;
}

.ui-l546-event-calendar {
    padding-top: 20px;
}

    .ui-l546-event-calendar .ui-dropdown-block .ui-item-filter {
        margin: 0;
    }

@media screen and (min-width: 768px) {
    .ui-l546-event-calendar .ui-dropdown-block .ui-item-filter {
        display: inline-block;
        padding: 2px 6px 2px 0;
    }
}

.ui-l546-event-calendar .ui-pill-block {
    margin-top: 17px;
}

    .ui-l546-event-calendar .ui-pill-block .ui-paragraph-headline {
        font-size: 2rem;
        line-height: 2.4rem;
        margin-bottom: 28px;
    }

    .ui-l546-event-calendar .ui-pill-block .ui-event-pills {
        display: inline-block;
        padding: 0;
        margin-bottom: 6px;
    }

    .ui-l546-event-calendar .ui-pill-block .ui-pill {
        display: inline-block;
        padding-bottom: 10px;
        margin-right: 10px;
        list-style: none;
    }

        .ui-l546-event-calendar .ui-pill-block .ui-pill .btn {
            padding-right: 39px;
            background-image: url(../img/arrow-down_white.svg);
            background-repeat: no-repeat;
            background-position: calc(100% - 16px);
        }

        .ui-l546-event-calendar .ui-pill-block .ui-pill .is-active {
            background-image: url(../img/arrow-up_white.svg);
            background-repeat: no-repeat;
            background-position: calc(100% - 16px) 50%;
        }

.ui-l546-event-calendar .ui-checkbox-block .ff-check,
.ui-l546-event-calendar .ui-checkbox-block .ff-radio {
    margin: 0;
}

    .ui-l546-event-calendar .ui-checkbox-block .ff-check span,
    .ui-l546-event-calendar .ui-checkbox-block .ff-radio span {
        font-size: 1.4rem;
        line-height: 1.8rem;
        color: #333;
    }

@media screen and (min-width: 768px) {
    .ui-l546-event-calendar .ui-checkbox-block .ff-check,
    .ui-l546-event-calendar .ui-checkbox-block .ff-radio {
        overflow: hidden;
        padding-top: 5px;
    }
}

.ui-l546-event-calendar
.ui-checkbox-block
.ui-panel-migros
.panel-heading + .panel-collapse > .panel-body {
    border: 0;
}

.ui-l546-event-calendar
.ui-checkbox-block
.ui-l526-12-accordion-editorial
.panel-body {
    padding-top: 0;
    padding-bottom: 0;
}

.ui-l546-event-calendar .ui-checkbox-block .reset-btn {
    transition: none;
}

@media screen and (max-width: 991px) {
    .ui-l546-event-calendar .ui-checkbox-block .reset-btn {
        margin-top: 15px;
    }
}

@media screen and (min-width: 768px) {
    .ui-l546-event-calendar .ui-checkbox-block {
        overflow: hidden;
        padding: 0 16px 0 28px;
        margin-top: 15px;
        background: #f1efee;
    }

        .ui-l546-event-calendar .ui-checkbox-block .ui-l526-12-accordion-editorial,
        .ui-l546-event-calendar .ui-checkbox-block .ui-panel-migros {
            border: 0;
            margin: 0;
        }

            .ui-l546-event-calendar .ui-checkbox-block .ui-panel-migros.panel + .panel {
                margin-top: 0;
            }

        .ui-l546-event-calendar .ui-checkbox-block .ui-panel-migros {
            height: 100%;
        }

            .ui-l546-event-calendar .ui-checkbox-block .ui-panel-migros .row {
                margin-right: 0;
                margin-left: 0;
            }

        .ui-l546-event-calendar .ui-checkbox-block .panel-body {
            margin-top: 40px;
            margin-bottom: 16px;
        }

        .ui-l546-event-calendar .ui-checkbox-block .ui-f613-12-category-filter {
            display: block;
            max-height: 258px;
            overflow-y: auto;
        }

            .ui-l546-event-calendar
            .ui-checkbox-block
            .ui-f613-12-category-filter::-webkit-scrollbar {
                width: 0.5em;
            }

            .ui-l546-event-calendar
            .ui-checkbox-block
            .ui-f613-12-category-filter::-webkit-scrollbar-track {
                background-color: rgba(0, 0, 0, 0);
                border-radius: 0;
            }

            .ui-l546-event-calendar
            .ui-checkbox-block
            .ui-f613-12-category-filter::-webkit-scrollbar-thumb {
                background-color: #d8d8d8;
                border-radius: 6px;
            }

            .ui-l546-event-calendar
            .ui-checkbox-block
            .ui-f613-12-category-filter
            .close-filter-button {
                position: absolute;
                top: -30px;
                right: 0;
            }

                .ui-l546-event-calendar
                .ui-checkbox-block
                .ui-f613-12-category-filter
                .close-filter-button
                .mui-icon-cross {
                    color: #fb6400;
                    font-size: 1.6rem;
                }
}

@media screen and (min-width: 768px) and (-ms-high-contrast: active), screen and (min-width: 768px) and (-ms-high-contrast: none) {
    .ui-l546-event-calendar .ui-checkbox-block .ui-f613-12-category-filter {
        max-height: 257px;
    }
}

@media screen and (min-width: 768px) {
    .ui-l546-event-calendar .ui-checkbox-block .ui-item-filter {
        position: relative;
        overflow: hidden;
        max-height: 305px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar .ui-checkbox-block {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding-right: 0;
        padding-left: 0;
        background: #f1efee;
    }

        .ui-l546-event-calendar .ui-checkbox-block .panel-body > .form-group > .row {
            position: absolute;
            top: 66px;
            bottom: 78px;
            width: calc(100% - 12px);
            overflow-x: hidden;
            overflow-y: auto;
        }

        .ui-l546-event-calendar
        .ui-checkbox-block
        .ui-f613-12-category-filter > .form-group {
            position: fixed;
            top: 50px;
            right: 0;
            bottom: 0;
            left: 0;
            overflow-x: hidden;
            overflow-y: auto;
        }

        .ui-l546-event-calendar .ui-checkbox-block .ff-check,
        .ui-l546-event-calendar .ui-checkbox-block .ff-radio {
            margin: 16px;
        }

        .ui-l546-event-calendar
        .ui-checkbox-block
        .ui-l526-12-accordion-editorial
        .headline,
        .ui-l546-event-calendar
        .ui-checkbox-block
        .ui-l526-12-accordion-editorial
        .panel-group-header {
            font-size: 1.4rem;
            line-height: 5rem;
            font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
            font-weight: 400;
            width: 100%;
            height: 50px;
            padding-left: 16px;
            margin-top: 0;
            margin-bottom: 0;
            background-color: #f60;
            color: #fff;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

        .ui-l546-event-calendar
        .ui-checkbox-block
        .ui-l526-12-accordion-editorial
        .panel-heading {
            padding-left: 0;
        }

            .ui-l546-event-calendar
            .ui-checkbox-block
            .ui-l526-12-accordion-editorial
            .panel-heading.focus,
            .ui-l546-event-calendar
            .ui-checkbox-block
            .ui-l526-12-accordion-editorial
            .panel-heading:hover {
                transform: none;
            }

        .ui-l546-event-calendar
        .ui-checkbox-block
        .ui-l526-12-accordion-editorial
        .panel-title > a {
            font-size: 1.4rem;
            font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
            font-weight: 400;
            padding-left: 0;
            text-transform: uppercase;
            transform: none;
        }

            .ui-l546-event-calendar
            .ui-checkbox-block
            .ui-l526-12-accordion-editorial
            .panel-title > a::before {
                width: 0;
            }

        .ui-l546-event-calendar
        .ui-checkbox-block
        .ui-l526-12-accordion-editorial
        .panel {
            border-width: 0 0 2px;
            -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-style: dotted;
            border-color: #ddd;
            margin-right: 16px;
            margin-left: 16px;
        }

            .ui-l546-event-calendar
            .ui-checkbox-block
            .ui-l526-12-accordion-editorial
            .panel::before {
                position: absolute;
                z-index: -1;
                top: -5px;
                right: -16px;
                bottom: -2px;
                left: -16px;
                background-color: #fff;
                content: '';
            }

        .ui-l546-event-calendar
        .ui-checkbox-block
        .ui-l526-12-accordion-editorial
        .panel-collapse {
            position: fixed;
            z-index: 12;
            top: 0;
            right: 0;
            bottom: 62px;
            left: 0;
            background-color: #f1efee;
            transform: translateX(100%);
            transition: transform 0.3s ease-out;
        }

            .ui-l546-event-calendar
            .ui-checkbox-block
            .ui-l526-12-accordion-editorial
            .panel-collapse.collapse {
                display: block;
            }

            .ui-l546-event-calendar
            .ui-checkbox-block
            .ui-l526-12-accordion-editorial
            .panel-collapse.in {
                z-index: 12;
                transform: translateX(0);
                transition: transform 0.3s ease-out;
            }

            .ui-l546-event-calendar
            .ui-checkbox-block
            .ui-l526-12-accordion-editorial
            .panel-collapse.is-in {
                transform: translateX(0);
                transition: transform 0s 0s ease-out;
            }
}

@media screen and (min-width: 768px) {
    .ui-l546-event-calendar .ui-checkbox-block .headline::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '';
    }
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar
    .ui-checkbox-block
    .ui-l526-12-accordion-editorial
    .panel-group-header {
        font-size: 1.6rem;
        line-height: 5.2rem;
        position: fixed;
        top: 0;
    }

    .ui-l546-event-calendar
    .ui-checkbox-block
    .ui-l526-12-accordion-editorial
    .headline {
        font-size: 1.6rem;
        line-height: 5.2rem;
        padding-left: 40px;
    }
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar .ui-item-filter {
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar .ui-f613-12-category-filter .headline {
        padding-left: 25px;
    }

    .ui-l546-event-calendar .ui-f613-12-category-filter .close-filter-button {
        position: absolute;
        z-index: 1082;
        top: 25px;
        padding-left: 18px;
        transform: translate(0, -50%);
    }

        .ui-l546-event-calendar
        .ui-f613-12-category-filter
        .close-filter-button
        .arrow-left {
            position: absolute;
            top: -8px;
            width: 90px;
            height: 23px;
        }

            .ui-l546-event-calendar
            .ui-f613-12-category-filter
            .close-filter-button
            .arrow-left::before {
                display: block;
                width: 10px;
                height: 17px;
                background: url(../img/arrow-left-medium-white.svg) 0 50% no-repeat;
                content: '';
            }

    .ui-l546-event-calendar
    .ui-f613-12-category-filter
    .close-filter-complete-button {
        position: absolute;
        top: 25px;
        right: 16px;
        padding-left: 12px;
        transform: translate(0, -50%);
    }

        .ui-l546-event-calendar
        .ui-f613-12-category-filter
        .close-filter-complete-button
        .close-filter {
            padding-left: 26px;
            background: url(../img/filter-close.svg) 0 50% no-repeat;
            background-size: 34px;
        }
}

.ui-l546-event-calendar .close-filter-complete-button {
    position: fixed;
    top: 25px;
    right: 16px;
    padding-left: 12px;
    transform: translate(0, -50%);
}

    .ui-l546-event-calendar .close-filter-complete-button .close-filter {
        z-index: 1082;
        padding-left: 26px;
        background: url(../img/filter-close.svg) 0 50% no-repeat;
        background-size: 34px;
    }

.ui-l546-event-calendar .is-ib {
    display: inline-block;
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar .panel-group {
        position: absolute;
        top: 50px;
        right: 0;
        bottom: 62px;
        left: 0;
        border-top: 0;
        margin-bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar .panel-results-mobil {
        position: fixed;
        z-index: 13;
        bottom: 0;
        width: 100%;
        height: 62px;
        background: #f60;
    }

        .ui-l546-event-calendar .panel-results-mobil .btn {
            position: relative;
            top: 50%;
            left: 50%;
            border: 0;
            background: #fff;
            color: #fb6400;
            transform: translate(-50%, -50%);
        }
}

.ui-l546-event-calendar .panel-choosen-mobil {
    background-color: #f1efee;
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar .panel-choosen-mobil {
        padding: 16px;
    }
}

.ui-l546-event-calendar .link.quit {
    display: inline-block;
    padding-left: 16px;
    margin-right: 20px;
    background: url(../img/quit-black.svg) 0 42% no-repeat;
    background-size: 10px;
    color: #333;
    line-height: 24px;
}

    .ui-l546-event-calendar .link.quit.quit-all {
        padding-left: 26px;
        background: url(../img/filter-close.svg) 0 50% no-repeat;
        background-size: 22px;
    }

.ui-l546-event-calendar .inline-text {
    margin-right: 4px;
}

.ui-l546-event-calendar .events-counter {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
}

    .ui-l546-event-calendar .events-counter .counter {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-size: 41px;
    }

    .ui-l546-event-calendar .events-counter .counter-text {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-size: 20px;
    }

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar .is-active-filter-block:not(.ui-mobil-block) {
        display: none !important;
    }
}

.ui-l546-event-calendar .ui-mobil-block {
    z-index: 1080;
    display: none;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(100%);
    transition: all 0.5s;
}

    .ui-l546-event-calendar .ui-mobil-block.is-active-filter-block {
        transform: translateX(0);
    }

    .ui-l546-event-calendar .ui-mobil-block.is-in {
        transform: translateX(0);
        transition: all 0s;
    }

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar .ui-mobil-block {
        display: block !important;
    }
}

.ui-l546-event-calendar.is-newsfilter {
    padding-bottom: 0;
    background-color: #f60;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar.is-newsfilter .panel-group {
        display: flex;
        flex-direction: column;
    }
}

.ui-l546-event-calendar.is-newsfilter .panel-choosen-mobil {
    margin-top: auto;
}

    .ui-l546-event-calendar.is-newsfilter
    .panel-choosen-mobil
    .ui-paragraph-headline {
        color: #f60;
    }

    .ui-l546-event-calendar.is-newsfilter .panel-choosen-mobil .link.quit {
        background: url(../img/quit.svg) 0 42% no-repeat;
        color: #f60;
    }

        .ui-l546-event-calendar.is-newsfilter .panel-choosen-mobil .link.quit.quit-all {
            background: url(../img/filter-close.svg) 0 50% no-repeat;
            background-size: 22px;
            color: #f60;
        }

.ui-l546-event-calendar.is-newsfilter .ui-pill-block {
    margin-top: 12px;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l546-event-calendar.is-newsfilter .ui-pill-block {
        padding-left: 30px;
        margin-top: 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-l546-event-calendar.is-newsfilter .ui-pill-block {
        padding-left: 18px;
        margin-top: 0;
    }
}

.ui-l546-event-calendar.is-newsfilter .ui-js-reset-search {
    right: 45px;
    display: none;
    color: #929292;
}

    .ui-l546-event-calendar.is-newsfilter .ui-js-reset-search.is-show {
        display: block;
    }

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar.is-newsfilter .ui-js-reset-search {
        right: 37px;
    }
}

.ui-l546-event-calendar.is-newsfilter .ui-event-pills .ui-pill .btn {
    border: 2px solid #fff;
    margin-bottom: 12px;
}

    .ui-l546-event-calendar.is-newsfilter .ui-event-pills .ui-pill .btn:active,
    .ui-l546-event-calendar.is-newsfilter .ui-event-pills .ui-pill .btn:focus,
    .ui-l546-event-calendar.is-newsfilter .ui-event-pills .ui-pill .btn:hover {
        background-image: url(../img/arrow-down_orange.svg);
        background-repeat: no-repeat;
        background-position: calc(100% - 16px) 50%;
    }

    .ui-l546-event-calendar.is-newsfilter .ui-event-pills .ui-pill .btn.is-active {
        background-image: url(../img/arrow-up_orange.svg);
        background-repeat: no-repeat;
        background-position: calc(100% - 16px) 50%;
    }

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar.is-newsfilter .ui-event-pills .ui-pill .btn {
        background: url(../img/caret-down.svg) 100% 50% no-repeat;
    }
}

.ui-l546-event-calendar.is-newsfilter .ui-checkbox-block {
    box-shadow: inset 0 20px 12px -20px rgba(0, 0, 0, 0.8);
}

    .ui-l546-event-calendar.is-newsfilter
    .ui-checkbox-block
    .ui-l526-12-accordion-editorial
    .panel::before {
        background-color: #f7f6f4;
    }

@media screen and (min-width: 768px) {
    .ui-l546-event-calendar.is-newsfilter .ui-checkbox-block {
        padding: 0 12px;
        margin-top: 0;
        background-color: #f1efee;
    }
}

@media screen and (max-width: 991px) {
    .ui-l546-event-calendar.is-newsfilter .ui-checkbox-block {
        background-color: #f7f6f4;
    }
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar.is-newsfilter .ui-checkbox-block {
        box-shadow: none;
    }
}

.ui-l546-event-calendar.is-newsfilter .panel-results-mobil .btn {
    padding: 14px 20px 12px;
}

.ui-l546-event-calendar.is-newsfilter .ui-item-filter .btn-open {
    color: #fff;
}

.ui-l546-event-calendar.is-newsfilter .is-ib {
    margin-top: 12px;
    color: #fff;
}

.ui-l546-event-calendar.is-newsfilter .ui-choose-reset {
    padding-top: 17px;
    padding-bottom: 28px;
}

@media screen and (min-width: 768px) {
    .ui-l546-event-calendar.is-newsfilter .ui-choose-reset {
        padding-top: 2px;
    }
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar.is-newsfilter .ui-choose-reset {
        max-width: 100%;
        padding-left: 39px;
        margin-top: 0;
        background-color: #fff;
    }
}

.ui-l546-event-calendar.is-newsfilter .ui-item-filter .btn-open::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 38px);
    height: 2px;
    background-color: #fff;
    content: '';
}

@media screen and (min-width: 768px) {
    .ui-l546-event-calendar.is-newsfilter
    .ui-item-filter
    .dropdown:not(.open)
    .btn-open:not(:hover)
    .close {
        background-image: url(../img/filter-white-open.svg);
    }
}

.ui-l546-event-calendar.is-newsfilter .link.quit {
    margin-top: 12px;
    margin-right: 14px;
    margin-left: 6px;
}

@media screen and (min-width: 768px) {
    .ui-l546-event-calendar.is-newsfilter .link.quit {
        background-image: url(../img/icon-close-white.svg);
        color: #fff;
    }
}

.ui-l546-event-calendar.is-newsfilter .link.quit-all {
    padding-left: 30px;
    margin-right: 20px;
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .ui-l546-event-calendar.is-newsfilter .link.quit-all {
        background-image: url(../img/filter-white-close.svg);
    }
}

.ui-l546-event-calendar.is-newsfilter .counter-container {
    background-color: #fff;
    box-shadow: 0 10px 12px -12px #000 inset;
    color: #333;
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar.is-newsfilter .counter-container {
        box-shadow: none;
    }
}

@media screen and (max-width: 991px) {
    .ui-l546-event-calendar.is-newsfilter .is-flex {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
}

.ui-l546-event-calendar.is-newsfilter .is-flex-col {
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .ui-l546-event-calendar.is-newsfilter .is-flex-col:nth-child(3) {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.ui-l546-event-calendar.is-newsfilter .is-flex-col .ff-select label {
    padding-left: 0;
}

.ui-l546-event-calendar.is-newsfilter .is-flex-col .is-datepicker label {
    padding-left: 0;
}

.ui-l546-event-calendar.is-newsfilter .is-flex-col .is-datepicker input {
    top: inherit;
    opacity: 1;
}

.ui-l546-event-calendar.is-newsfilter .ui-subcategory {
    padding-left: 16px;
}

@media screen and (min-width: 992px) {
    .ui-l546-event-calendar.is-newsfilter .ui-subcategory {
        -moz-column-count: 2;
        column-count: 2;
    }
}

.ui-l546-event-calendar.is-newsfilter
.ui-panel-migros.is-panel-plain
.form-group {
    margin-top: 0;
}

.ui-l546-event-calendar.is-newsfilter .ui-panel-migros.is-panel-plain .row {
    position: relative;
    top: auto;
    bottom: auto;
    padding-top: 16px;
}

@media screen and (max-width: 479px) {
    .ui-l546-event-calendar.is-newsfilter ~ .ui-item-filter-results
    .ui-pagination-separator {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .ui-l546-event-calendar.is-newsfilter ~ .ui-item-filter-results
    .ui-pagination
    .ui-item-filter {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .ui-l546-event-calendar.is-newsfilter ~ .ui-pagination-separator {
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .ui-l546-event-calendar.is-newsfilter ~ .ui-pagination .ui-item-filter {
        display: none;
    }
}

.ui-l546-event-calendar.is-newsfilter .ui-searchbox {
    margin: 28px 0 36px;
}

    .ui-l546-event-calendar.is-newsfilter .ui-searchbox .autocomplete-suggestions {
        box-sizing: border-box;
        border: 2px solid rgba(0, 0, 0, 0.5);
        border-top: 0;
        background-color: #fff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

        .ui-l546-event-calendar.is-newsfilter
        .ui-searchbox
        .autocomplete-suggestions
        .autocomplete-suggestion {
            position: relative;
            padding: 16px 50px 16px 20px;
            color: #000;
            font-size: 24px;
            line-height: 28px;
        }

            .ui-l546-event-calendar.is-newsfilter
            .ui-searchbox
            .autocomplete-suggestions
            .autocomplete-suggestion::after {
                position: absolute;
                bottom: 0;
                left: 0;
                width: calc(100% - 32px);
                height: 2px;
                box-sizing: content-box;
                border-bottom: 2px dotted #ccc;
                margin-left: 16px;
                content: '';
            }

            .ui-l546-event-calendar.is-newsfilter
            .ui-searchbox
            .autocomplete-suggestions
            .autocomplete-suggestion:last-child::after {
                display: none;
            }

    .ui-l546-event-calendar.is-newsfilter
    .ui-searchbox
    .mui-form-control-button-overlay {
        padding: 0 30px 0 20px;
    }

@media screen and (min-width: 768px) {
    .ui-l546-event-calendar.is-newsfilter .ui-searchbox .mui-icon-search {
        top: 18px;
        right: 30px;
    }
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar.is-newsfilter .ui-searchbox {
        margin: 26px 0 8px;
    }

        .ui-l546-event-calendar.is-newsfilter
        .ui-searchbox
        .mui-form-control-button-overlay {
            padding: 0 20px;
        }
}

.ui-l546-event-calendar.is-newsfilter .search-container {
    padding: 0;
}

    .ui-l546-event-calendar.is-newsfilter .search-container input.form-control {
        height: 60px;
        padding: 16px 100px 16px 20px;
        background-color: #f1efee;
        color: #000;
        font-size: 24px;
        line-height: 28px;
    }

        .ui-l546-event-calendar.is-newsfilter
        .search-container
        input.form-control:focus {
            background-color: #fff;
        }

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar.is-newsfilter .search-container input.form-control {
        height: 50px;
        padding-right: 40px;
        font-size: 18px;
    }
}

@media screen and (max-width: 479px) {
    .ui-l546-event-calendar.is-newsfilter .search-container input.form-control {
        height: 50px;
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar.is-newsfilter {
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar.is-newsfilter .ui-pill-block {
        height: 78px;
        background: #f60;
    }

        .ui-l546-event-calendar.is-newsfilter .ui-pill-block .ui-pill {
            position: relative;
            top: 35px;
            padding-bottom: 0;
            transform: translate(0, -50%);
        }

            .ui-l546-event-calendar.is-newsfilter .ui-pill-block .ui-pill .btn {
                font-size: 1.6rem;
                line-height: 1;
                padding: 11px 37px 10px 20px;
                background: url(../img/arrow-down_white.svg) calc(100% - 16px) 50% no-repeat;
            }

            .ui-l546-event-calendar.is-newsfilter .ui-pill-block .ui-pill .btn-outline {
                border-color: #fff;
            }

    .ui-l546-event-calendar.is-newsfilter .ui-choose-reset {
        margin-top: 20px;
    }
}

@media screen and (max-width: 991px) {
    .ui-l546-event-calendar {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .ui-l546-event-calendar {
        padding-top: 15px;
    }

        .ui-l546-event-calendar .ui-pill-block {
            height: 70px;
            background: #f60;
        }

            .ui-l546-event-calendar .ui-pill-block .ui-pill {
                position: relative;
                top: 35px;
                padding-bottom: 0;
                transform: translate(0, -50%);
            }

                .ui-l546-event-calendar .ui-pill-block .ui-pill .btn {
                    font-size: 1.6rem;
                    line-height: 1;
                    padding: 11px 37px 10px 20px;
                }

                .ui-l546-event-calendar .ui-pill-block .ui-pill .btn-outline {
                    border-color: #fff;
                }

                .ui-l546-event-calendar .ui-pill-block .ui-pill .ui-show-filters {
                    background: url(../img/arrow-right.svg) calc(100% - 16px) 50% no-repeat;
                }

        .ui-l546-event-calendar .ui-choose-reset {
            margin-top: 20px;
        }
}

.ui-l553-12-brands-labels-list .ui-brand-anchors {
    position: relative;
}

.ui-l553-12-brands-labels-list .carousel-track {
    margin: -6px -10px;
    font-size: 0;
}

    .ui-l553-12-brands-labels-list .carousel-track.is-animated {
        transition: transform 0.4s ease-in-out;
    }

@media screen and (max-width: 991px) {
    .ui-l553-12-brands-labels-list .carousel-track {
        overflow: hidden;
        height: 39px;
        max-height: 39px;
        margin: 0;
    }
}

.ui-l553-12-brands-labels-list .carousel-control {
    z-index: 2;
    top: 0;
    width: 30px;
    height: 39px;
    opacity: 1;
    transition: opacity 0.3s, visibility 0s 0s;
}

    .ui-l553-12-brands-labels-list .carousel-control.is-hide {
        opacity: 0;
        transition: opacity 0.3s, visibility 0s 0.3s;
        visibility: hidden;
    }

    .ui-l553-12-brands-labels-list .carousel-control.left {
        background-image: linear-gradient( to left, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.32) 25%, #fff 50% );
    }

    .ui-l553-12-brands-labels-list .carousel-control.right {
        background-image: linear-gradient( to right, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.32) 25%, #fff 50% );
    }

    .ui-l553-12-brands-labels-list .carousel-control .arrow-left,
    .ui-l553-12-brands-labels-list .carousel-control .arrow-right {
        display: block;
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .ui-l553-12-brands-labels-list .carousel-control .arrow-left {
        background-image: url(../img/arrow-left-medium-orange.svg);
        background-position: 15% 50%;
    }

@media screen and (max-width: 767px) {
    .ui-l553-12-brands-labels-list .carousel-control .arrow-left {
        background-image: url(../img/arrow-left-back.svg);
    }
}

.ui-l553-12-brands-labels-list .carousel-control .arrow-right {
    background-image: url(../img/arrow-right-medium-orange.svg);
    background-position: 85% 50%;
}

@media screen and (max-width: 767px) {
    .ui-l553-12-brands-labels-list .carousel-control .arrow-right {
        background-image: url(../img/arrow-right-small-orange.svg);
    }
}

.ui-l553-12-brands-labels-list .slider-item {
    font-size: 1.6rem;
    line-height: 1.9rem;
    display: inline-block;
    width: calc(7.69% - 20px);
    border: 2px solid #f60;
    margin: 6px 10px;
    border-radius: 3px;
    font-family: HelveticaNeueW02-77BdCn;
    transition: all 0.3s ease;
}

    .ui-l553-12-brands-labels-list .slider-item.is-selected {
        border: 2px solid #fb6400;
        border-bottom: 2px solid #e00;
        background-color: #fb6400;
    }

        .ui-l553-12-brands-labels-list .slider-item.is-selected a {
            color: #fff;
        }

    .ui-l553-12-brands-labels-list .slider-item a {
        display: block;
        padding: 8px;
        text-align: center;
    }

@media screen and (max-width: 991px) {
    .ui-l553-12-brands-labels-list .slider-item {
        width: 51px;
        margin: 0 0 0 15px;
    }

        .ui-l553-12-brands-labels-list .slider-item:first-child {
            margin-left: 0;
        }
}

@media screen and (max-width: 479px) {
    .ui-l553-12-brands-labels-list .slider-item {
        width: 51px;
        margin: 0 0 0 20px;
    }
}

.ui-l553-12-brands-labels-list .ui-brands-list {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l553-12-brands-labels-list .ui-brands-list {
        margin-top: 23px;
    }
}

@media screen and (max-width: 767px) {
    .ui-l553-12-brands-labels-list .ui-brands-list {
        margin: 10px 0 15px;
    }
}

.ui-l553-12-brands-labels-list .brand-item {
    overflow: hidden;
    max-height: 0;
    order: 99;
    opacity: 0;
    transition: opacity 250ms 0s, max-height 0s 250ms, overflow 0s 250ms, visibility 0s 250ms;
    visibility: hidden;
}

    .ui-l553-12-brands-labels-list .brand-item.is-active {
        overflow: visible;
        max-height: 1000%;
        order: 1;
        opacity: 1;
        transition: opacity 250ms 250ms, max-height 0s 250ms, overflow 0s 250ms, visibility 0s 250ms;
        visibility: visible;
    }

.ui-l553-12-brands-labels-list .linklist {
    width: 100%;
    padding: 0;
    font-size: 0;
}

    .ui-l553-12-brands-labels-list .linklist .listitem {
        display: inline-block;
        width: 33.1%;
        height: 72px;
        padding-left: 20px;
        vertical-align: top;
    }

        .ui-l553-12-brands-labels-list .linklist .listitem:first-child,
        .ui-l553-12-brands-labels-list .linklist .listitem:nth-child(3n + 1) {
            padding-left: 0;
        }

        .ui-l553-12-brands-labels-list .linklist .listitem .listlink {
            border-width: 0 0 2px;
            -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
            border-style: dotted;
            border-color: #ddd;
            display: table;
            width: 100%;
            height: 100%;
            padding: 13px 0;
        }

            .ui-l553-12-brands-labels-list
            .linklist
            .listitem
            .listlink:hover
            .listitem-text {
                color: #f60;
            }

@media screen and (min-width: 992px) {
    .ui-l553-12-brands-labels-list .linklist .listitem .listlink:hover {
        background: url(../img/arrow-right-medium-orange.svg) right 10px center no-repeat;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l553-12-brands-labels-list .linklist .listitem {
        width: 50%;
    }

        .ui-l553-12-brands-labels-list .linklist .listitem:nth-child(3n + 1) {
            padding-left: 20px;
        }

        .ui-l553-12-brands-labels-list .linklist .listitem:first-child,
        .ui-l553-12-brands-labels-list .linklist .listitem:nth-child(2n + 1) {
            padding-left: 0;
        }
}

@media screen and (max-width: 767px) {
    .ui-l553-12-brands-labels-list .linklist .listitem {
        width: 100%;
        padding-left: 0;
    }
}

.ui-l553-12-brands-labels-list .listitem-img {
    position: relative;
    display: table-cell;
    width: 59px;
    max-width: 59px;
    height: 44px;
    max-height: 44px;
    text-align: center;
    vertical-align: middle;
}

    .ui-l553-12-brands-labels-list .listitem-img img {
        width: auto;
        max-width: 59px;
        max-height: 44px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .ui-l553-12-brands-labels-list .listitem-img + .listitem-text {
        padding-left: 10px;
    }

.ui-l553-12-brands-labels-list .listitem-text {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    display: table-cell;
    max-height: 50px;
    padding-right: 5px;
    color: #333;
    transition: color 0.3s;
    vertical-align: middle;
}

@media screen and (min-width: 992px) {
    .ui-l553-12-brands-labels-list .listitem-text {
        padding-right: 25px;
    }
}

.ui-l554-12plus-parallax-slider {
    padding-bottom: 20px;
}

    .ui-l554-12plus-parallax-slider .controls-wrapper {
        bottom: 0;
        height: 20px;
    }

    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control {
        z-index: 10;
        display: block;
        width: 34px;
        height: 54px;
        background: #fff;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
        opacity: 1;
    }

        .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control.left {
            left: 0;
            border-radius: 0 3px 3px 0;
        }

@media screen and (min-width: 992px) {
    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control.left {
        border-radius: 3px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control.left {
        left: calc(50% - (888px) / 2 - 34px);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control.left {
        left: calc(50% - (1008px) / 2 - 34px);
    }
}

.ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control.right {
    right: 0;
    border-radius: 3px 0 0 3px;
}

@media screen and (min-width: 992px) {
    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control.right {
        border-radius: 3px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control.right {
        right: calc(50% - (888px) / 2 - 34px);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control.right {
        right: calc(50% - (1008px) / 2 - 34px);
    }
}

.ui-l554-12plus-parallax-slider
.controls-prev-next
.carousel-control
.arrow-left,
.ui-l554-12plus-parallax-slider
.controls-prev-next
.carousel-control
.arrow-right {
    width: inherit;
    height: inherit;
    margin: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto;
    transform: rotate(0);
}

.ui-l554-12plus-parallax-slider
.controls-prev-next
.carousel-control
.arrow-left {
    background-image: url(../img/arrow-left-orange-s.svg);
}

.ui-l554-12plus-parallax-slider
.controls-prev-next
.carousel-control
.arrow-right {
    background-image: url(../img/arrow-right-orange-s.svg);
}

@media screen and (max-width: 479px) {
    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control {
        top: 213px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control {
        top: 323px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control {
        top: 423px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control {
        top: 513px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control {
        top: 513px;
    }
}

@media screen and (min-width: 992px) {
    .ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control {
        box-shadow: none;
    }
}

.ui-l554-12plus-parallax-slider .ui-stagehome-indicators {
    bottom: 3px;
}

    .ui-l554-12plus-parallax-slider
    .ui-stagehome-indicators
    .ui-stagehome-indicator-item,
    .ui-l554-12plus-parallax-slider
    .ui-stagehome-indicators.is-inverted
    .ui-stagehome-indicator-item {
        width: 10px;
        height: 10px;
        box-sizing: border-box;
        border: 1px solid #f60;
        margin: 0 10px 0 0;
        background-color: #fff;
        transform: scale(1);
    }

        .ui-l554-12plus-parallax-slider
        .ui-stagehome-indicators
        .ui-stagehome-indicator-item.active,
        .ui-l554-12plus-parallax-slider
        .ui-stagehome-indicators.is-inverted
        .ui-stagehome-indicator-item.active {
            width: 10px;
            height: 10px;
            border: 1px solid #f60;
            background-color: #f60;
        }

        .ui-l554-12plus-parallax-slider
        .ui-stagehome-indicators
        .ui-stagehome-indicator-item:focus,
        .ui-l554-12plus-parallax-slider
        .ui-stagehome-indicators
        .ui-stagehome-indicator-item:hover,
        .ui-l554-12plus-parallax-slider
        .ui-stagehome-indicators.is-inverted
        .ui-stagehome-indicator-item:focus,
        .ui-l554-12plus-parallax-slider
        .ui-stagehome-indicators.is-inverted
        .ui-stagehome-indicator-item:hover {
            height: 10px;
            transform: none;
        }

.ui-l554-12plus-parallax-slider .ui-c287-8-counter-list,
.ui-l554-12plus-parallax-slider .ui-c289-8-icon-list {
    overflow: visible;
}

.bg .magazine-article-teaser .magazine-article-teaser-content {
    padding: 10px 15px;
}

.bg .magazine-article-teaser .magazine-article-link {
    padding: 0 15px;
}

.ui-magazine-article-teaser-list {
    display: flex;
    flex-wrap: wrap;
}

    .ui-magazine-article-teaser-list > [class^='col-'] {
        flex: inherit;
        margin-bottom: 25px;
    }

        .ui-magazine-article-teaser-list > [class^='col-']:first-child {
            margin-left: -1px;
        }

.magazine-article-teaser {
    position: relative;
    overflow: hidden;
    height: 221px;
    margin-bottom: 25px;
    background-color: #fff;
}

    .magazine-article-teaser a {
        display: block;
        height: 100%;
        color: inherit;
    }

    .magazine-article-teaser .magazine-article-teaser-content {
        padding: 10px 0 0;
        background-color: #fff;
        transition: transform 0.45s cubic-bezier(0.17, 0.67, 0.28, 1) 0.05s;
    }

    .magazine-article-teaser .magazine-article-link {
        position: absolute;
        bottom: -25px;
        width: 100%;
        transition: transform 0.35s ease 0.1s;
    }

    .magazine-article-teaser .magazine-article-teaser-secondary-headline {
        font-size: 1rem;
        line-height: 1.2rem;
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        display: block;
        max-height: 12px;
        color: #f60;
        letter-spacing: 0.18px;
    }

@media screen and (min-width: 768px) {
    .magazine-article-teaser .magazine-article-teaser-secondary-headline {
        font-size: 1.2rem;
        line-height: 1.4rem;
        max-height: 14px;
        letter-spacing: 0.21px;
    }
}

.magazine-article-teaser .magazine-article-teaser-headline {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    max-height: 38px;
    margin: 7px 0 4px;
    letter-spacing: 0.26px;
    text-transform: uppercase;
}

@media screen and (min-width: 768px) {
    .magazine-article-teaser .magazine-article-teaser-headline {
        font-size: 1.6rem;
        line-height: 1.9rem;
        letter-spacing: 0.3px;
    }
}

.magazine-article-teaser .magazine-article-teaser-intro-text {
    font-size: 1.2rem;
    line-height: 1.5rem;
    max-height: 50px;
}

@media screen and (min-width: 768px) {
    .magazine-article-teaser .magazine-article-teaser-intro-text {
        font-size: 1.4rem;
        line-height: 1.8rem;
        max-height: 70px;
    }
}

@media screen and (min-width: 992px) {
    .magazine-article-teaser:active .magazine-article-link,
    .magazine-article-teaser:active .magazine-article-teaser-content,
    .magazine-article-teaser:focus .magazine-article-link,
    .magazine-article-teaser:focus .magazine-article-teaser-content,
    .magazine-article-teaser:hover .magazine-article-link,
    .magazine-article-teaser:hover .magazine-article-teaser-content {
        transform: translateY(-42px);
    }
}

@media screen and (min-width: 480px) {
    .magazine-article-teaser {
        height: 289px;
    }
}

@media screen and (min-width: 768px) {
    .magazine-article-teaser {
        height: 300px;
    }
}

@media screen and (min-width: 992px) {
    .magazine-article-teaser {
        height: 261px;
    }
}

@media screen and (min-width: 1200px) {
    .magazine-article-teaser {
        height: 290px;
    }
}

.ui-magazine-highlight_teaser {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 70px;
}

    .ui-magazine-highlight_teaser .ui-secondary-headline {
        display: inline-block;
        padding: 3px 8px;
        background-color: #fff;
        color: #f60;
        text-transform: none;
    }

@media screen and (min-width: 992px) {
    .ui-magazine-highlight_teaser .ui-magazine-highlight_teaser-col-image_date {
        position: relative;
        z-index: 1;
        left: -8.3333%;
        width: 108.3333%;
        margin-top: -50%;
        transform: translateY(100%) translateY(-55px);
    }
}

.ui-magazine-highlight_teaser .ui-magazine-highlight_teaser-image img {
    display: block;
    width: 100%;
}

.ui-magazine-highlight_teaser .ui-magazine-highlight_teaser-col-content {
    position: relative;
}

    .ui-magazine-highlight_teaser
    .ui-magazine-highlight_teaser-col-content::before {
        position: absolute;
        z-index: -1;
        top: -60px;
        bottom: 0;
        left: calc((100vw - 100%) / 2 * -1);
        display: block;
        width: 100vw;
        background-color: #d1ecce;
        content: '';
    }

@media screen and (min-width: 992px) {
    .ui-magazine-highlight_teaser
    .ui-magazine-highlight_teaser-col-content::before {
        top: 0;
        left: 0;
        width: 108.3333%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-magazine-highlight_teaser .ui-magazine-highlight_teaser-col-content {
        min-height: 300px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-magazine-highlight_teaser .ui-magazine-highlight_teaser-col-content {
        min-height: 350px;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-highlight_teaser
    .ui-magazine-highlight-teaser-content-wrapper.col-md-offset-5 {
        margin-left: calc(41.6666666667% - 12px);
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-highlight_teaser
    .ui-magazine-highlight-teaser-content-wrapper.col-xs-12.col-md-7 {
        padding-right: 0;
        padding-left: 0;
    }
}

.ui-magazine-highlight_teaser .ui-magazine-highlight-teaser-content {
    margin-top: 20px;
    margin-bottom: 35px;
}

    .ui-magazine-highlight_teaser .ui-magazine-highlight-teaser-content time {
        color: #333;
        font-weight: 700;
    }

@media screen and (min-width: 992px) {
    .ui-magazine-highlight_teaser .ui-magazine-highlight-teaser-content {
        margin-top: 55px;
        margin-bottom: 60px;
    }
}

.ui-magazine-highlight_teaser .ui-magazine-highlight-teaser-link {
    position: relative;
    display: block;
}

    .ui-magazine-highlight_teaser
    .ui-magazine-highlight-teaser-link
    .ui-magazine-highlight-teaser-intro_text:last-child {
        position: relative;
        margin-bottom: 0;
    }

        .ui-magazine-highlight_teaser
        .ui-magazine-highlight-teaser-link
        .ui-magazine-highlight-teaser-intro_text:last-child::before {
            position: absolute;
            right: 0;
            bottom: 24px;
            width: 13px;
            height: 24px;
            background: url(../img/arrow-right-medium-orange.svg) center/contain no-repeat;
            content: '';
            transform: translateY(100%);
        }

    .ui-magazine-highlight_teaser
    .ui-magazine-highlight-teaser-link:hover
    .ui-magazine-highlight-teaser-intro_text:last-child::before {
        background: url(../img/arrow-right-medium-orange-hover.svg) center/contain no-repeat;
    }

    .ui-magazine-highlight_teaser
    .ui-magazine-highlight-teaser-link.is-external
    .ui-magazine-highlight-teaser-intro_text:last-child::before {
        width: 16px;
        background: url(../img/arrow-right-external-orange.svg) center/contain no-repeat;
    }

    .ui-magazine-highlight_teaser
    .ui-magazine-highlight-teaser-link.is-external:hover
    .ui-magazine-highlight-teaser-intro_text:last-child::before {
        background: url(../img/arrow-right-external-orange-hover.svg) center/contain no-repeat;
    }

.ui-magazine-highlight_teaser .ui-magazine-highlight-teaser-title {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 3.3rem;
    letter-spacing: 0.025rem;
    padding-left: 8px;
    margin-top: 2px;
    margin-bottom: 23px;
    color: #333;
}

    .ui-magazine-highlight_teaser .ui-magazine-highlight-teaser-title span {
        display: inline;
        background-color: #fff;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: 8px 0 0 #fff, -8px 0 0 #fff;
    }

@media screen and (min-width: 992px) {
    .ui-magazine-highlight_teaser .ui-magazine-highlight-teaser-title {
        font-size: 3.2rem;
        line-height: 4.3rem;
    }
}

.ui-magazine-highlight_teaser .ui-magazine-highlight-teaser-intro_text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-right: 30px;
    color: #333;
}

@media screen and (min-width: 992px) {
    .ui-magazine-highlight_teaser {
        margin-top: 60px;
    }
}

.ui-magazine-article_item {
    margin-bottom: 40px;
}

    .ui-magazine-article_item .ui-secondary-headline {
        font-size: 1.4rem;
        line-height: 1.8rem;
        letter-spacing: 0.05rem;
        font-family: 'Helvetica Now Text Bold';
        font-weight: 400;
        display: flex;
        justify-content: flex-end;
        margin-top: 15px;
        color: #f60;
        text-transform: none;
    }

        .ui-magazine-article_item .ui-secondary-headline .subheadline {
            flex: 1 0 50%;
        }

        .ui-magazine-article_item
        .ui-secondary-headline + .ui-magazine-article_item-title {
            margin-top: 8px;
        }

@media screen and (min-width: 992px) {
    .ui-magazine-article_item .ui-secondary-headline {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-top: 20px;
    }

        .ui-magazine-article_item
        .ui-secondary-headline + .ui-magazine-article_item-title {
            margin-top: 6px;
        }
}

.ui-magazine-article_item .ui-magazine-article_item-date {
    color: #333;
}

    .ui-magazine-article_item
    .ui-magazine-article_item-date
    .ui-magazine-article_item-image {
        position: relative;
    }

        .ui-magazine-article_item
        .ui-magazine-article_item-date
        .ui-magazine-article_item-image
        img {
            display: block;
            width: 100%;
        }

.ui-magazine-article_item .ui-magazine-article_item-link {
    position: relative;
    display: block;
}

    .ui-magazine-article_item .ui-magazine-article_item-link::before {
        position: absolute;
        right: 0;
        bottom: 22px;
        width: 11px;
        height: 22px;
        background: url(../img/arrow-right-medium-orange.svg) center/contain no-repeat;
        content: '';
        transform: translateY(100%);
    }

    .ui-magazine-article_item .ui-magazine-article_item-link:hover::before {
        background: url(../img/arrow-right-medium-orange-hover.svg) center/contain no-repeat;
    }

    .ui-magazine-article_item .ui-magazine-article_item-link.is-external::before {
        width: 16px;
        background: url(../img/arrow-right-external-orange.svg) center/contain no-repeat;
    }

    .ui-magazine-article_item
    .ui-magazine-article_item-link.is-external:hover::before {
        background: url(../img/arrow-right-external-orange-hover.svg) center/contain no-repeat;
    }

@media screen and (max-width: 767px) {
    .ui-magazine-article_item .ui-magazine-article_item-link::before {
        bottom: 18px;
        width: 9px;
        height: 18px;
    }
}

.ui-magazine-article_item .ui-magazine-article_item-title {
    font-size: 2.2rem;
    line-height: 2.5rem;
    font-family: 'Helvetica Now Text XBold';
    font-weight: 400;
    color: #333;
    padding-right: 30px;
}

@media screen and (min-width: 992px) {
    .ui-magazine-article_item .ui-magazine-article_item-title {
        font-size: 3.2rem;
        line-height: 3.6rem;
        letter-spacing: -0.05rem;
    }
}

.ui-magazine-article_item .ui-magazine-article_item-intro_text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: 'Helvetica Now Text Regular';
    font-weight: 400;
    color: #333;
    padding-right: 30px;
}

    .ui-magazine-article_item .ui-magazine-article_item-intro_text:last-child {
        margin-bottom: 0;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-magazine-article_item {
        max-height: 460px;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-article_item {
        max-height: 497px;
        margin-bottom: 80px;
    }
}

.ui-magazine-category-tag-list {
    font-size: 0;
}

    .ui-magazine-category-tag-list .tag-item {
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1.9rem;
        letter-spacing: 0.062rem;
        display: inline-block;
        padding: 10px 20px;
        margin: 0 12px 12px 0;
        background-color: #f60;
        color: #fff;
        text-transform: uppercase;
        transition: background-color 0.1s linear;
    }

        .ui-magazine-category-tag-list .tag-item:hover {
            background-color: #de450a;
        }

@media screen and (max-width: 991px) {
    .ui-magazine-category-tag-list {
        width: 100%;
        height: 100%;
        padding-bottom: 12px;
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        white-space: nowrap;
    }

        .ui-magazine-category-tag-list .tag-item:last-child {
            margin-right: 0;
        }
}

@media screen and (max-width: 767px) {
    .ui-magazine-category-tag-list {
        width: calc(100% + 18px);
    }
}

.ui-magazine-identifier-teaser {
    position: relative;
    margin: 30px 0 40px;
}

    .ui-magazine-identifier-teaser::before {
        position: absolute;
        display: block;
        content: '';
        z-index: -1;
        left: -25vw;
        width: 125vw;
        height: 100%;
    }

@media screen and (min-width: 768px) {
    .ui-magazine-identifier-teaser::before {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-identifier-teaser.is-with-link:active
    .magazine-identifier-teaser__link-icon,
    .ui-magazine-identifier-teaser.is-with-link:focus
    .magazine-identifier-teaser__link-icon,
    .ui-magazine-identifier-teaser.is-with-link:hover
    .magazine-identifier-teaser__link-icon {
        background-position: 0 -20px;
    }
}

.ui-magazine-identifier-teaser .magazine-identifier__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .ui-magazine-identifier-teaser .magazine-identifier__wrapper {
        justify-content: flex-start;
    }
}

.ui-magazine-identifier-teaser .magazine-identifier-teaser__link-icon {
    display: block;
    width: 12px;
    height: 20px;
    background-image: url(../img/arrow-teaser-orange.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: background-position 0.37s ease-out;
}

.ui-magazine-identifier-teaser .magazine-identifier-teaser__clickarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-magazine-identifier-teaser .magazine-identifier__image-wrapper {
    flex: 0 0 48.5%;
}

@media screen and (min-width: 768px) {
    .ui-magazine-identifier-teaser .magazine-identifier__image-wrapper {
        flex: 0 0 34%;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-identifier-teaser .magazine-identifier__image-wrapper {
        flex: 0 0 35%;
    }
}

.ui-magazine-identifier-teaser .magazine-identifier__content-wrapper {
    flex: 0 0 48.5%;
}

@media screen and (min-width: 768px) {
    .ui-magazine-identifier-teaser .magazine-identifier__content-wrapper {
        flex: 0 0 53%;
        margin-left: 6%;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-identifier-teaser .magazine-identifier__content-wrapper {
        margin-left: 4%;
    }
}

.ui-magazine-identifier-teaser .magazine-identifier__text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.5rem;
    letter-spacing: 0.022rem;
    display: block;
    height: 46px;
    max-height: 46px;
    margin-bottom: 1px;
    color: #333;
}

@media screen and (min-width: 992px) {
    .ui-magazine-identifier-teaser .magazine-identifier__text {
        font-size: 1.8rem;
        line-height: 2.2rem;
        letter-spacing: 0.033rem;
        height: 70px;
        max-height: 70px;
    }
}

@media screen and (min-width: 768px) {
    .ui-magazine-article-row {
        display: flex;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 992px) {
    .ui-magazine-article:last-child .ui-magazine-article_item {
        margin-bottom: 70px;
    }
}

@media screen and (min-width: 768px) {
    .ui-magazine-article:nth-child(odd) .ui-magazine-article_item {
        padding-right: 15px;
    }

    .ui-magazine-article:nth-child(even) .ui-magazine-article_item {
        padding-left: 22px;
    }
}

.ui-magazine-btn-load_more.is-hidden {
    display: none;
}

.ui-magazine-articles {
    margin-bottom: 20px;
}

.ui-magazine-spinner {
    width: 25%;
    margin: 0 auto;
    margin-top: 20px;
}

    .ui-magazine-spinner img {
        max-width: 100%;
    }

@media screen and (min-width: 768px) {
    .ui-magazine-spinner {
        margin-top: 40px;
    }
}

.ui-magazine-color-blue
.ui-magazine-highlight_teaser
.ui-magazine-highlight_teaser-col-content::before,
.ui-magazine-color-blue.ui-magazine-highlight_teaser
.ui-magazine-highlight_teaser-col-content::before {
    background-color: #a7bed0;
}

.ui-magazine-color-blue .ui-magazine-identifier-teaser {
    background-color: #a7bed0;
}

    .ui-magazine-color-blue .ui-magazine-identifier-teaser::before {
        background-color: #a7bed0;
    }

.ui-magazine-color-yellow
.ui-magazine-highlight_teaser
.ui-magazine-highlight_teaser-col-content::before,
.ui-magazine-color-yellow.ui-magazine-highlight_teaser
.ui-magazine-highlight_teaser-col-content::before {
    background-color: #fce8b2;
}

.ui-magazine-color-yellow .ui-magazine-identifier-teaser {
    background-color: #fce8b2;
}

    .ui-magazine-color-yellow .ui-magazine-identifier-teaser::before {
        background-color: #fce8b2;
    }

.ui-magazine-color-orange
.ui-magazine-highlight_teaser
.ui-magazine-highlight_teaser-col-content::before,
.ui-magazine-color-orange.ui-magazine-highlight_teaser
.ui-magazine-highlight_teaser-col-content::before {
    background-color: #e6c4b7;
}

.ui-magazine-color-orange .ui-magazine-identifier-teaser {
    background-color: #e6c4b7;
}

    .ui-magazine-color-orange .ui-magazine-identifier-teaser::before {
        background-color: #e6c4b7;
    }

.ui-magazine-color-green
.ui-magazine-highlight_teaser
.ui-magazine-highlight_teaser-col-content::before,
.ui-magazine-color-green.ui-magazine-highlight_teaser
.ui-magazine-highlight_teaser-col-content::before {
    background-color: #d1ecce;
}

.ui-magazine-color-green .ui-magazine-identifier-teaser {
    background-color: #d1ecce;
}

    .ui-magazine-color-green .ui-magazine-identifier-teaser::before {
        background-color: #d1ecce;
    }

.ui-magazine-btn-back {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    position: relative;
    padding-right: 0;
    padding-left: 16px;
    background: 0 0;
    color: #f60;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 18px;
    margin-bottom: 40px;
    display: inline-block;
}

    .ui-magazine-btn-back::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 7px;
        height: 17px;
        background: url(../img/arrow-right-orange.svg) 0 50% no-repeat;
        content: '';
        transform: rotate(180deg);
        transform-origin: center;
    }

    .ui-magazine-btn-back:hover::before {
        background: url(../img/arrow-right-orange-hover.svg) 0 50% no-repeat;
    }

    .ui-magazine-btn-back.is-uppercase {
        text-transform: uppercase;
    }

.ui-carousel-wide.is-magazine .caption {
    padding-top: 12px;
    padding-bottom: 40px;
    background-color: #fff;
}

    .ui-carousel-wide.is-magazine .caption p {
        font-size: 1.3rem;
        line-height: 1.9rem;
        font-family: 'Helvetica Now Text Regular';
    }

        .ui-carousel-wide.is-magazine .caption p a {
            font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
            font-weight: 400;
            font-size: 1.6rem;
            line-height: 1;
            padding-bottom: 0;
            border-bottom: 1px solid #f60;
            background-image: url(../img/textlink-bg.png);
            background-position: 0 30px;
            background-repeat: repeat-x;
            color: #333;
            text-decoration: none;
            transition-duration: 0.4s, 0.4s;
            transition-property: background-position, color;
            vertical-align: bottom;
            font-family: 'Helvetica Now Text Regular' !important;
            font-size: 1.3rem !important;
            line-height: 1.9rem !important;
        }

            .ui-carousel-wide.is-magazine .caption p a.alt-colored {
                border-bottom-color: #f60;
                color: #333;
            }

            .ui-carousel-wide.is-magazine .caption p a:active,
            .ui-carousel-wide.is-magazine .caption p a:focus,
            .ui-carousel-wide.is-magazine .caption p a:hover {
                border-bottom-color: #f60;
                background-position: 0 1px;
                color: #fff;
            }

                .ui-carousel-wide.is-magazine .caption p a:active.alt-colored,
                .ui-carousel-wide.is-magazine .caption p a:focus.alt-colored,
                .ui-carousel-wide.is-magazine .caption p a:hover.alt-colored {
                    color: #333;
                }

        .ui-carousel-wide.is-magazine .caption p em {
            font-family: 'Helvetica Now Text Italic';
        }

        .ui-carousel-wide.is-magazine .caption p strong {
            font-size: 1.3rem;
            line-height: 1.9rem;
            font-family: 'Helvetica Now Text Bold';
        }

.ui-podcast-player {
    padding-bottom: 27px;
}

@media screen and (min-width: 992px) {
    .ui-podcast-player.is-full-width .podcast-text {
        max-width: 74%;
    }
}

.ui-podcast-player .podcast-text {
    height: 50px;
    margin-top: -8px;
}

    .ui-podcast-player .podcast-text .read-less,
    .ui-podcast-player .podcast-text .read-more {
        color: #333;
    }

    .ui-podcast-player .podcast-text p {
        display: inline;
    }

@media screen and (min-width: 992px) {
    .ui-podcast-player .podcast-text {
        height: 24px;
    }
}

.ui-preview-teaser {
    position: relative;
}

    .ui-preview-teaser .carousel-inner {
        display: block;
        overflow: hidden;
        max-height: 348px;
    }

@media screen and (max-width: 767px) {
    .ui-preview-teaser .carousel-inner {
        max-height: none;
    }
}

.ui-preview-teaser .carousel-track {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    transform: translateX(0);
}

@media screen and (min-width: 768px) {
    .ui-preview-teaser .carousel-track.is-animated {
        transition: transform 0.4s ease-in-out;
    }

    .ui-preview-teaser .carousel-track.is-animated-slow {
        transition: transform 0.6s ease-in-out;
    }
}

.ui-preview-teaser .slider-item {
    display: flex;
    flex-direction: column;
    float: none;
    max-height: 600px;
    transition: max-height 0.3s, opacity 0.1s linear;
}

@media screen and (max-width: 479px) {
    .ui-preview-teaser .slider-item {
        width: calc(100vw - 36px);
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-preview-teaser .slider-item {
        width: 50%;
        max-width: 352px;
        padding: 0 8px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-preview-teaser .slider-item {
        width: 216px;
        padding: 0 12px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-preview-teaser .slider-item {
        width: 222px;
        padding: 0 12px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-preview-teaser .slider-item {
        width: 252px;
        padding: 0 12px;
    }
}

@media screen and (max-width: 767px) {
    .ui-preview-teaser .slider-item.clone {
        display: none;
    }

    .ui-preview-teaser .slider-item.is-collapsed {
        max-height: 0;
        opacity: 0;
    }
}

.ui-preview-teaser .carousel-control {
    z-index: 2;
    top: -10px;
    width: 31px;
    max-height: 300px;
    background-image: none;
}

    .ui-preview-teaser .carousel-control.left {
        left: -45px;
        filter: none;
    }

    .ui-preview-teaser .carousel-control.right {
        right: -45px;
        filter: none;
    }

    .ui-preview-teaser .carousel-control .arrow-left,
    .ui-preview-teaser .carousel-control .arrow-right {
        display: block;
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    .ui-preview-teaser .carousel-control .arrow-left {
        background-image: url(../img/arrow-light-left-orange.svg);
    }

        .ui-preview-teaser .carousel-control .arrow-left.is-blue {
            background-image: url(../img/arrow-light-left-blue.svg);
        }

        .ui-preview-teaser .carousel-control .arrow-left.is-white {
            background-image: url(../img/arrow-light-left.svg);
        }

    .ui-preview-teaser .carousel-control .arrow-right {
        background-image: url(../img/arrow-light-right-orange.svg);
    }

        .ui-preview-teaser .carousel-control .arrow-right.is-blue {
            background-image: url(../img/arrow-light-right-blue.svg);
        }

        .ui-preview-teaser .carousel-control .arrow-right.is-white {
            background-image: url(../img/arrow-light-right.svg);
        }

@media screen and (max-width: 479px) {
    .ui-preview-teaser.is-card-slider .carousel-inner {
        width: 100vw;
        margin-left: -18px;
    }
}

@media screen and (max-width: 767px) {
    .ui-preview-teaser.is-card-slider .carousel-control {
        top: 50%;
        width: 32px;
        height: 50px;
        background: #fff;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
        opacity: 1;
        transform: translateY(-50%);
    }

        .ui-preview-teaser.is-card-slider .carousel-control.left {
            left: calc((100vw - 100%) / 2 * -1);
            border-radius: 0 3px 3px 0;
        }

        .ui-preview-teaser.is-card-slider .carousel-control.right {
            right: calc((100vw - 100%) / 2 * -1);
            border-radius: 3px 0 0 3px;
        }

        .ui-preview-teaser.is-card-slider .carousel-control .arrow-left {
            background-image: url(../img/arrow-left-orange-s.svg);
        }

        .ui-preview-teaser.is-card-slider .carousel-control .arrow-right {
            background-image: url(../img/arrow-right-orange-s.svg);
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-preview-teaser.is-card-slider .carousel-control {
        top: 50%;
        transform: translateY(-50%) translateY(-20px);
    }
}

@media screen and (min-width: 992px) {
    .ui-preview-teaser.is-card-slider .carousel-control {
        top: 50%;
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 479px) {
    .ui-preview-teaser.is-card-slider .carousel-track {
        width: 100vw !important;
        transform: translateX(0) !important;
        transition: none !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-preview-teaser.is-card-slider .carousel-track.is-animated-slow {
        transition: transform 0.6s ease-in-out;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-preview-teaser.is-card-slider
    .slider-item.is-active + .slider-item
    .ui-t338-12-teaser
    .image-box {
        transform: rotate(-3deg) translateZ(0) translateY(1px) translateX(-11px) scale(1);
        transform-origin: top left;
        transition: transform 0.4s 150ms ease-out;
    }

    .ui-preview-teaser.is-card-slider
    .slider-item.is-active + .slider-item
    .ui-t339-12-teaser
    .teaser-wrapper {
        transform: rotate(-3deg) translateZ(0) translateY(1px) translateX(-11px) scale(1);
        transform-origin: top left;
        transition: transform 0.4s 150ms ease-out;
    }
}

@media screen and (min-width: 768px) {
    .ui-preview-teaser.is-card-slider
    .slider-item.is-active + .slider-item
    .ui-t338-12-teaser
    .image-box {
        transform: rotate(-3deg) translateZ(0) translateY(1px) translateX(0) scale(1);
    }

        .ui-preview-teaser.is-card-slider
        .slider-item.is-active + .slider-item
        .ui-t338-12-teaser
        .image-box:hover {
            transform: rotate(0) translateZ(0) translateY(0) translateX(0) scale(1.05);
        }

    .ui-preview-teaser.is-card-slider
    .slider-item.is-active + .slider-item
    .ui-t339-12-teaser
    .teaser-wrapper {
        transform: rotate(-3deg) translateZ(0) translateY(1px) translateX(0) scale(1);
        transform-origin: top left;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item.is-active + .slider-item
        .ui-t339-12-teaser
        .teaser-wrapper:hover {
            transform: rotate(0) translateZ(0) translateY(0) translateX(0) scale(1);
            transform-origin: top left;
        }
}

@media screen and (max-width: 479px) {
    .ui-preview-teaser.is-card-slider .slider-item {
        position: absolute;
        z-index: 0;
        top: 0;
        bottom: 0;
        left: 0;
        display: none;
        width: 100vw;
        max-width: 100vw;
        max-height: none;
        padding: 13.3vw 13.3vw 0;
        float: left;
        visibility: visible;
    }

        .ui-preview-teaser.is-card-slider .slider-item.is-prev {
            z-index: 5;
            display: block;
            transition: visibility 0s 0.4s;
            visibility: hidden;
        }

        .ui-preview-teaser.is-card-slider .slider-item.is-current {
            position: relative;
            z-index: 4;
            display: block;
            transition: visibility 0s 0s;
            -webkit-user-select: all;
            -moz-user-select: all;
            user-select: all;
            visibility: visible;
        }

        .ui-preview-teaser.is-card-slider .slider-item.is-next {
            z-index: 3;
            display: block;
        }

        .ui-preview-teaser.is-card-slider .slider-item.is-next-next {
            z-index: 2;
            display: block;
        }

        .ui-preview-teaser.is-card-slider .slider-item.is-next-next-next {
            z-index: 1;
            display: block;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-preview-teaser.is-card-slider .slider-item {
        width: calc((100vw - 60px) / 2 + 8px);
        max-height: none;
        padding: 0 2vw;
    }

        .ui-preview-teaser.is-card-slider .slider-item.clone {
            display: block;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-preview-teaser.is-card-slider .slider-item {
        width: 162px;
    }
}

@media screen and (max-width: 479px) {
    .ui-preview-teaser.is-card-slider .slider-item .ui-t338-12-teaser {
        opacity: 0;
        transition: opacity 0.4s ease-out;
    }

        .ui-preview-teaser.is-card-slider .slider-item .ui-t338-12-teaser .image-box {
            transform-origin: center center;
            transition: transform 0.4s ease-out;
        }

    .ui-preview-teaser.is-card-slider .slider-item .ui-t339-12-teaser {
        opacity: 0;
        transition: opacity 0.4s ease-out;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item
        .ui-t339-12-teaser
        .teaser-wrapper {
            transform-origin: center center;
            transition: transform 0.4s ease-out;
        }
}

@media screen and (max-width: 479px) {
    .ui-preview-teaser.is-card-slider .slider-item .ui-t338-12-teaser {
        opacity: 0;
    }

        .ui-preview-teaser.is-card-slider .slider-item .ui-t338-12-teaser .image-box {
            transform: translate3d(150vw, 0, 0) scale(1) rotate(35deg);
        }

    .ui-preview-teaser.is-card-slider .slider-item .ui-t339-12-teaser {
        opacity: 0;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item
        .ui-t339-12-teaser
        .teaser-wrapper {
            transform: translate3d(150vw, 0, 0) scale(1) rotate(35deg);
        }

    .ui-preview-teaser.is-card-slider .slider-item.is-prev .ui-t338-12-teaser {
        opacity: 0;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item.is-prev
        .ui-t338-12-teaser
        .image-box {
            transform: translate3d(-150vw, 0, 0) scale(1) rotate(-35deg);
        }

    .ui-preview-teaser.is-card-slider .slider-item.is-prev .ui-t339-12-teaser {
        opacity: 0;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item.is-prev
        .ui-t339-12-teaser
        .teaser-wrapper {
            transform: translate3d(-150vw, 0, 0) scale(1) rotate(-35deg);
        }

    .ui-preview-teaser.is-card-slider .slider-item.is-current .ui-t338-12-teaser {
        opacity: 1;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item.is-current
        .ui-t338-12-teaser
        .image-box {
            transform: translate3d(-3vw, 0, 0) scale(1) rotate(-3deg);
        }

    .ui-preview-teaser.is-card-slider .slider-item.is-current .ui-t339-12-teaser {
        opacity: 1;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item.is-current
        .ui-t339-12-teaser
        .teaser-wrapper {
            transform: translate3d(-3vw, 0, 0) scale(1) rotate(-3deg);
        }

    .ui-preview-teaser.is-card-slider .slider-item.is-next .ui-t338-12-teaser {
        opacity: 1;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item.is-next
        .ui-t338-12-teaser
        .image-box {
            transform: translate3d(0.3vw, -13vw, 0) scale(1) rotate(1deg);
        }

    .ui-preview-teaser.is-card-slider .slider-item.is-next .ui-t339-12-teaser {
        opacity: 1;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item.is-next
        .ui-t339-12-teaser
        .teaser-wrapper {
            transform: translate3d(0.3vw, -13vw, 0) scale(1) rotate(1deg);
        }

    .ui-preview-teaser.is-card-slider
    .slider-item.is-next-next
    .ui-t338-12-teaser {
        opacity: 1;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item.is-next-next
        .ui-t338-12-teaser
        .image-box {
            transform: translate3d(3.6vw, -9.6vw, 0) scale(1) rotate(4deg);
        }

    .ui-preview-teaser.is-card-slider
    .slider-item.is-next-next
    .ui-t339-12-teaser {
        opacity: 1;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item.is-next-next
        .ui-t339-12-teaser
        .teaser-wrapper {
            transform: translate3d(3.6vw, -9.6vw, 0) scale(1) rotate(4deg);
        }

    .ui-preview-teaser.is-card-slider
    .slider-item.is-next-next-next
    .ui-t338-12-teaser {
        opacity: 0;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item.is-next-next-next
        .ui-t338-12-teaser
        .image-box {
            transform: translate3d(150vw, 0, 0) scale(1) rotate(35deg);
        }

    .ui-preview-teaser.is-card-slider
    .slider-item.is-next-next-next
    .ui-t339-12-teaser {
        opacity: 0;
    }

        .ui-preview-teaser.is-card-slider
        .slider-item.is-next-next-next
        .ui-t339-12-teaser
        .teaser-wrapper {
            transform: translate3d(150vw, 0, 0) scale(1) rotate(35deg);
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-preview-teaser.is-card-slider .slider-item .ui-t338-12-teaser .image-box {
        transform: rotate(0) translateZ(0) translateY(0) translateX(0) scale(1);
        transform-origin: top left;
        transition: transform 250ms 150ms ease-in-out;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-preview-teaser {
        margin: 0 -8px;
    }
}

@media screen and (min-width: 768px) {
    .ui-preview-teaser {
        margin: 0 -12px;
    }
}

@media only screen and (min-width: 749px) and (max-width: 767px) {
    .ui-preview-teaser {
        margin: 0;
    }
}

.richtext ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.richtext ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.8);
    background: linear-gradient(to bottom, #fff 0, #e5e5e5 100%);
    border-radius: 8px;
}

.richtext ::-webkit-scrollbar-thumb {
    background: #f60;
    border-radius: 8px;
}

    .richtext ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255, 102, 0, 0.8);
    }

.richtext.is-hint {
    margin-top: 25px;
}

@media screen and (min-width: 992px) {
    .richtext.is-hint {
        margin-top: 24px;
    }
}

.richtext img {
    max-width: 100%;
    height: auto;
}

.richtext .text {
    margin-bottom: 30px;
}

    .richtext .text.mb-small {
        margin-bottom: 4px;
    }

    .richtext .text.big {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .richtext .text.small {
        font-size: 1.4rem;
        line-height: 2rem;
        color: #666;
    }

        .richtext .text.small a:not([class]) {
            font-size: 1.4rem;
            line-height: 2rem;
            color: #666;
        }

            .richtext .text.small a:not([class]):active,
            .richtext .text.small a:not([class]):focus,
            .richtext .text.small a:not([class]):hover {
                color: #fff;
            }

    .richtext .text.extrasmall {
        font-size: 1.2rem;
        line-height: 1.8rem;
        margin-bottom: 20px;
        color: #666;
    }

        .richtext .text.extrasmall a:not([class]) {
            font-size: 1.2rem;
            line-height: 1.8rem;
            color: #666;
        }

            .richtext .text.extrasmall a:not([class]):active,
            .richtext .text.extrasmall a:not([class]):focus,
            .richtext .text.extrasmall a:not([class]):hover {
                color: #fff;
            }

@media screen and (min-width: 768px) {
    .richtext .text.mb-small {
        margin-bottom: 9px;
    }
}

.richtext p,
.richtext strong {
    color: #333;
    font-family: 'Helvetica Now Text Regular', Helvetica, arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
}

    .richtext p.alt-colored,
    .richtext strong.alt-colored {
        color: #333;
    }

.richtext dfn {
    padding-left: 3px;
    font-style: normal;
}

.richtext a {
    overflow-wrap: break-word;
}

    .richtext a.disabled,
    .richtext a:not([class]) {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1;
        padding-bottom: 0;
        border-bottom: 1px solid #f60;
        background-image: url(../img/textlink-bg.png);
        background-position: 0 30px;
        background-repeat: repeat-x;
        color: #333;
        text-decoration: none;
        transition-duration: 0.4s, 0.4s;
        transition-property: background-position, color;
        vertical-align: bottom;
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-family: 'Helvetica Now Text Regular', Helvetica, arial, sans-serif;
    }

        .richtext a.disabled.alt-colored,
        .richtext a:not([class]).alt-colored {
            border-bottom-color: #f60;
            color: #333;
        }

        .richtext a.disabled:active,
        .richtext a.disabled:focus,
        .richtext a.disabled:hover,
        .richtext a:not([class]):active,
        .richtext a:not([class]):focus,
        .richtext a:not([class]):hover {
            border-bottom-color: #f60;
            background-position: 0 1px;
            color: #fff;
        }

            .richtext a.disabled:active.alt-colored,
            .richtext a.disabled:focus.alt-colored,
            .richtext a.disabled:hover.alt-colored,
            .richtext a:not([class]):active.alt-colored,
            .richtext a:not([class]):focus.alt-colored,
            .richtext a:not([class]):hover.alt-colored {
                color: #333;
            }

.richtext b,
.richtext b a.disabled,
.richtext b a:not([class]),
.richtext strong,
.richtext strong a.disabled,
.richtext strong a:not([class]) {
    font-family: 'Helvetica Now Text Bold', Helvetica, arial, sans-serif;
    font-weight: 400;
}

.richtext em,
.richtext em a.disabled,
.richtext em a:not([class]),
.richtext i,
.richtext i a.disabled,
.richtext i a:not([class]) {
    font-family: 'Helvetica Now Text Italic', Helvetica, arial, sans-serif;
    font-style: normal;
}

    .richtext b em,
    .richtext b em a.disabled,
    .richtext b em a:not([class]),
    .richtext b i,
    .richtext b i a.disabled,
    .richtext b i a:not([class]),
    .richtext em b,
    .richtext em b a.disabled,
    .richtext em b a:not([class]),
    .richtext em strong,
    .richtext em strong a.disabled,
    .richtext em strong a:not([class]),
    .richtext i b,
    .richtext i b a.disabled,
    .richtext i b a:not([class]),
    .richtext i strong,
    .richtext i strong a.disabled,
    .richtext i strong a:not([class]),
    .richtext strong em,
    .richtext strong em a.disabled,
    .richtext strong em a:not([class]),
    .richtext strong i,
    .richtext strong i a.disabled,
    .richtext strong i a:not([class]) {
        font-family: 'Helvetica Now Text Bold Italic', Helvetica, arial, sans-serif;
        font-style: normal;
    }

.richtext h3 {
    font-size: 2rem;
    line-height: 2.3rem;
    padding-bottom: 16px;
    margin-top: 0;
    margin-bottom: 0;
    color: #333;
    font-family: 'Helvetica Now Text XBold', Helvetica, arial, sans-serif;
    font-weight: 400;
}

    .richtext h3.alt-colored {
        color: #333;
    }

@media screen and (min-width: 992px) {
    .richtext h3 {
        font-size: 2.4rem;
        line-height: 2.8rem;
        padding-bottom: 22px;
    }
}

@media screen and (min-width: 1200px) {
    .richtext h3 {
        padding-bottom: 25px;
    }
}

.richtext h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
    padding-bottom: 12px;
    margin-top: 0;
    margin-bottom: 0;
    color: #333;
    font-family: 'Helvetica Now Text XBold', Helvetica, arial, sans-serif;
    font-weight: 400;
}

    .richtext h4.alt-colored {
        color: #333;
    }

@media screen and (min-width: 992px) {
    .richtext h4 {
        font-size: 2rem;
        line-height: 2.3rem;
        padding-bottom: 16px;
    }
}

.richtext li {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.richtext ol {
    padding-left: 0;
    margin: 20px 0;
    counter-reset: item;
    list-style: none;
}

    .richtext ol > li {
        position: relative;
        padding-left: 37px;
        margin-bottom: 10px;
        color: #333;
        font-family: 'Helvetica Now Text Regular', Helvetica, arial, sans-serif;
        list-style: none;
    }

        .richtext ol > li::before {
            font-size: 2.2rem;
            line-height: 3.2rem;
            position: absolute;
            top: -6px;
            left: -15px;
            width: 50px;
            color: #f60;
            content: counters(item, '.') '.';
            counter-increment: item;
            font-family: 'Helvetica Now Display Bold', Helvetica, arial, sans-serif;
            text-align: center;
            font-weight: 400;
        }

@media screen and (min-width: 768px) {
    .richtext ol > li::before {
        top: -8px;
    }
}

@media screen and (min-width: 992px) {
    .richtext ol > li::before {
        font-size: 2.8rem;
    }
}

.richtext ol ol > li::before {
    font-size: 2rem;
    line-height: 2.3rem;
    position: absolute;
    top: -1px;
    left: -15px;
    width: 45px;
    content: counters(item, '.') ' ';
    font-family: 'Helvetica Now Display Bold', Helvetica, arial, sans-serif;
    text-align: center;
    font-weight: 400;
}

.richtext > ol > li {
    margin-bottom: 12px;
}

.richtext ul {
    padding-left: 0;
    margin: 14px 0;
    list-style: none;
}

    .richtext ul li {
        position: relative;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 37px;
        margin-bottom: 5px;
        color: #333;
        font-family: 'Helvetica Now Text Regular', Helvetica, arial, sans-serif;
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

        .richtext ul li::before {
            position: absolute;
            top: 10px;
            left: 8px;
            display: block;
            width: 5px;
            height: 5px;
            background-color: #f60;
            border-radius: 50%;
            content: '';
        }

    .richtext ul.checklist li {
        position: relative;
        padding-left: 37px;
        margin-bottom: 5px;
    }

        .richtext ul.checklist li::before {
            position: absolute;
            top: 6px;
            left: 2px;
            width: 19px;
            height: 14px;
            background: rgba(0, 0, 0, 0) url(../img/check-list-orange.svg);
        }

@media screen and (max-width: 479px) {
    .richtext ul li {
        display: inline-block;
        width: 100%;
    }
}

.richtext figure {
    clear: both;
}

.richtext figcaption p {
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-top: 8px;
}

    .richtext figcaption p a {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 1;
        padding-bottom: 0;
        border-bottom: 1px solid #f60;
        background-image: url(../img/textlink-bg.png);
        background-position: 0 30px;
        background-repeat: repeat-x;
        color: #333;
        text-decoration: none;
        transition-duration: 0.4s, 0.4s;
        transition-property: background-position, color;
        vertical-align: bottom;
        font-size: 1.2rem !important;
        line-height: 1.6rem !important;
    }

        .richtext figcaption p a.alt-colored {
            border-bottom-color: #f60;
            color: #333;
        }

        .richtext figcaption p a:active,
        .richtext figcaption p a:focus,
        .richtext figcaption p a:hover {
            border-bottom-color: #f60;
            background-position: 0 1px;
            color: #fff;
        }

            .richtext figcaption p a:active.alt-colored,
            .richtext figcaption p a:focus.alt-colored,
            .richtext figcaption p a:hover.alt-colored {
                color: #333;
            }

.richtext .table-responsive {
    overflow: auto;
    border: 0;
}

    .richtext .table-responsive caption {
        position: absolute;
        top: auto;
        left: -10000px;
        overflow: hidden;
        width: 1px;
        height: 1px;
    }

    .richtext .table-responsive.is-striped thead th:nth-of-type(even) {
        background: #feefe5;
    }

    .richtext .table-responsive.is-striped tbody td:nth-of-type(odd) {
        background: #feefe5;
    }

    .richtext .table-responsive.is-bg-color {
        padding: 10px;
        background: #feefe5;
        color: #333;
    }

        .richtext .table-responsive.is-bg-color.alt-colored {
            background: #feefe5;
            color: #333;
        }

    .richtext .table-responsive .table > tbody > tr > td,
    .richtext .table-responsive .table > tbody > tr > th,
    .richtext .table-responsive .table > tfoot > tr > td,
    .richtext .table-responsive .table > tfoot > tr > th,
    .richtext .table-responsive .table > thead > tr > td,
    .richtext .table-responsive .table > thead > tr > th {
        white-space: normal;
    }

    .richtext .table-responsive .table thead th {
        font-size: 1.4rem;
        line-height: 2.2rem;
        padding: 5px 10px;
        border-bottom: 0;
        text-align: left;
        vertical-align: middle;
    }

    .richtext .table-responsive .table tbody tr {
        border-top: 1px solid #ddd;
    }

    .richtext .table-responsive .table tbody td,
    .richtext .table-responsive .table tbody th {
        padding: 5px 10px;
        border-top: 0;
    }

    .richtext .table-responsive .table tbody th {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 2.4rem;
        text-align: left;
    }

    .richtext .table-responsive .table tbody td {
        font-size: 1.6rem;
        line-height: 2.4rem;
        text-align: left;
    }

    .richtext .table-responsive .table.is-without-lines tbody tr {
        border-width: 0;
        border-style: none;
        border-color: transparent;
        -wekit-border-image: none;
        -o-border-image: none;
        border-image: none;
    }

    .richtext .table-responsive p {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .richtext .table-responsive a {
        vertical-align: middle;
    }

@media screen and (min-width: 768px) {
    .richtext .table-responsive {
        margin-bottom: 0;
    }
}

.richtext .table-fixed-width .table tbody tr {
    border-top: 0;
}

.richtext .table-fixed-width .table tbody td {
    text-align: left;
}

    .richtext .table-fixed-width .table tbody td:first-of-type {
        width: 7.5rem;
        text-align: right;
    }

.alt-colored .richtext h3,
.alt-colored .richtext h4,
.alt-colored.richtext h3,
.alt-colored.richtext h4 {
    color: #333;
}

.alt-colored .richtext p,
.alt-colored.richtext p {
    color: #333;
}

.alt-colored .richtext b,
.alt-colored .richtext strong,
.alt-colored.richtext b,
.alt-colored.richtext strong {
    color: #333;
}

.alt-colored .richtext ol li,
.alt-colored.richtext ol li {
    color: #333;
}

    .alt-colored .richtext ol li::before,
    .alt-colored.richtext ol li::before {
        color: #f60;
    }

.alt-colored .richtext ul li,
.alt-colored.richtext ul li {
    color: #333;
}

    .alt-colored .richtext ul li::before,
    .alt-colored.richtext ul li::before {
        background-color: #f60;
    }

.alt-colored .richtext .table-responsive.is-bg-color,
.alt-colored.richtext .table-responsive.is-bg-color {
    background: #feefe5;
    color: #333;
}

.is-cumulus .richtext ol li::before,
.is-cumulus.richtext ol li::before {
    color: #003d8d;
}

.is-cumulus .richtext ul li::before,
.is-cumulus.richtext ul li::before {
    background-color: #003d8d;
}

.is-cumulus .richtext ul.checklist li,
.is-cumulus.richtext ul.checklist li {
    padding-left: 40px;
}

    .is-cumulus .richtext ul.checklist li::before,
    .is-cumulus.richtext ul.checklist li::before {
        position: absolute;
        left: 0;
        width: 19px;
        height: 14px;
        background: rgba(0, 0, 0, 0) url(../img/check-list-blue.svg);
    }

.is-cumulus .richtext a.disabled,
.is-cumulus .richtext a:not([class]),
.is-cumulus.richtext a.disabled,
.is-cumulus.richtext a:not([class]) {
    border-bottom-color: #003d8d;
    background-image: url(../img/textlink-bg-blue.png);
    color: #333;
}

    .is-cumulus .richtext a.disabled:active,
    .is-cumulus .richtext a.disabled:focus,
    .is-cumulus .richtext a.disabled:hover,
    .is-cumulus .richtext a:not([class]):active,
    .is-cumulus .richtext a:not([class]):focus,
    .is-cumulus .richtext a:not([class]):hover,
    .is-cumulus.richtext a.disabled:active,
    .is-cumulus.richtext a.disabled:focus,
    .is-cumulus.richtext a.disabled:hover,
    .is-cumulus.richtext a:not([class]):active,
    .is-cumulus.richtext a:not([class]):focus,
    .is-cumulus.richtext a:not([class]):hover {
        border-bottom-color: #00145c;
        color: #fff;
    }

.widget-search form {
    margin-right: -12px;
    margin-left: -12px;
}

    .widget-search form:after,
    .widget-search form:before {
        display: table;
        content: ' ';
    }

    .widget-search form:after {
        clear: both;
    }

    .widget-search form .search-field-group {
        position: relative;
        min-height: 1px;
        padding-right: 12px;
        padding-left: 12px;
    }

@media (min-width: 768px) {
    .widget-search form .search-field-group {
        float: left;
        width: 50%;
    }
}

.widget-search form #migros-search-field {
    width: 100%;
}

.widget-search form .submit-group {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
}

@media (min-width: 768px) {
    .widget-search form .submit-group {
        float: left;
        width: 25%;
    }
}

.widget-search .tab-navigation {
    padding: 0;
    list-style-type: none;
}

    .widget-search .tab-navigation li {
        margin-bottom: 8px;
    }

    .widget-search .tab-navigation a {
        display: block;
        padding: 6px 12px;
        border-bottom: 2px solid #fff;
        background-color: #fff;
        border-radius: 4px;
        font-weight: 700;
    }

        .widget-search .tab-navigation a:focus,
        .widget-search .tab-navigation a:hover {
            text-decoration: none;
        }

        .widget-search .tab-navigation a.active {
            background-color: #337ab7;
            color: #fff;
        }

        .widget-search .tab-navigation a .search-type-count {
            float: right;
            font-weight: 400;
        }

            .widget-search .tab-navigation a .search-type-count[data-loaded='true'] {
                padding: 0 4px;
                background: #bbb;
                border-radius: 4px;
                color: #fff;
            }

.widget-search .search-content {
    margin-right: -12px;
    margin-left: -12px;
    padding-top: 2em;
}

    .widget-search .search-content:after,
    .widget-search .search-content:before {
        display: table;
        content: ' ';
    }

    .widget-search .search-content:after {
        clear: both;
    }

    .widget-search .search-content .search-navigation {
        position: relative;
        min-height: 1px;
        padding-right: 12px;
        padding-left: 12px;
    }

@media (min-width: 768px) {
    .widget-search .search-content .search-navigation {
        float: left;
        width: 33.3333333333%;
    }
}

.widget-search .search-content .tab-content {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
}

@media (min-width: 768px) {
    .widget-search .search-content .tab-content {
        float: left;
        width: 66.6666666667%;
    }
}

.widget-search .search-content .tab-content .more-results {
    display: block;
    text-align: center;
}

.widget-search .search-content .results-container .results-page {
    border-bottom: 1px solid #eee;
    margin-bottom: 24px;
}

    .widget-search .search-content .results-container .results-page:last-child {
        border-bottom: 0;
    }

.widget-search .search-content .results-container ol {
    padding-left: 0;
    list-style-type: none;
}

.widget-search .search-content .results-container li {
    min-height: 100px;
    margin-bottom: 24px;
}

    .widget-search .search-content .results-container li:after,
    .widget-search .search-content .results-container li:before {
        display: table;
        content: ' ';
    }

    .widget-search .search-content .results-container li:after {
        clear: both;
    }

.widget-search .search-content .results-container a.image {
    width: 100px;
    height: 100px;
    margin-right: 20px;
    margin-bottom: 10px;
    float: left;
    text-align: center;
}

    .widget-search .search-content .results-container a.image img {
        max-width: 100px;
        max-height: 100px;
    }

.widget-search .search-content .results-container h2 {
    display: inline-block;
    margin-top: 0;
    font-size: 16px;
}

.widget-search .search-content .results-container .description {
    margin-bottom: 0;
}

.widget-search .search-content .results-container .price {
    display: inline-block;
    margin-left: 0.5em;
    font-size: 20px;
    font-weight: 700;
}

    .widget-search .search-content .results-container .display-quantity,
    .widget-search .search-content .results-container .price.regional {
        margin-left: 0.5em;
        font-size: 16px;
        font-weight: 400;
    }

.widget-search .search-content .results-container .url {
    color: #de450a;
}

.widget-search .search-content .more-results {
    margin-top: 4em;
}

.widget-search .search-content .no-search-results h3 {
    margin-top: 0;
}

.ui-campaign-stage-video,
.ui-stage-video {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transform: none;
}

    .ui-campaign-stage-video video,
    .ui-stage-video video {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 50%;
        width: 100vw;
        min-width: 100%;
        min-height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transform: translateX(-50%);
    }

@media screen and (max-width: 767px) {
    .ui-campaign-stage-video {
        position: absolute;
        top: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        transform: none;
    }

        .ui-campaign-stage-video video {
            position: absolute;
            top: 0;
            bottom: auto;
            left: 50%;
            width: 100vw;
            min-width: 100%;
            min-height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            transform: translateX(-50%);
        }
}

_:-ms-input-placeholder .ui-campaign-stage-video video,
:root .ui-campaign-stage-video video {
    top: 0 !important;
    left: 0 !important;
    width: auto !important;
    max-width: 150vw !important;
    margin-top: 0 !important;
    transform: none;
}

@supports (-ms-ime-align: auto) {
    .ui-campaign-stage-video video {
        top: 0 !important;
        left: 0 !important;
        width: auto !important;
        max-width: 150vw !important;
        margin-top: 0 !important;
        transform: none;
    }
}

.ui-sticky-dashboard-cumulus {
    display: flex;
    justify-content: space-between;
}

    .ui-sticky-dashboard-cumulus::before {
        position: absolute;
        content: '';
        opacity: 0;
    }

    .ui-sticky-dashboard-cumulus .is-tile-xs-height {
        position: relative;
        width: calc(20% - 12px);
    }

        .ui-sticky-dashboard-cumulus .is-tile-xs-height.is-active::before {
            position: absolute;
            z-index: 2;
            bottom: 0;
            width: 100%;
            border-bottom: 4px solid #f60;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            content: '';
        }

    .ui-sticky-dashboard-cumulus .content-box {
        padding: 10px;
        box-shadow: 0 0 15px -5px rgba(0, 61, 141, 0.4);
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-sticky-dashboard-cumulus .content-box {
        padding: 9px;
    }
}

.ui-sticky-dashboard-cumulus .icon {
    margin-right: 8px;
}

    .ui-sticky-dashboard-cumulus .icon img {
        max-height: 16px;
    }

.ui-sticky-dashboard-cumulus .tile-header {
    height: 16px;
}

.ui-sticky-dashboard-cumulus .title {
    font-size: 1.1rem;
    font-family: 'Helvetica Now Text Bold';
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-sticky-dashboard-cumulus .title {
        font-size: 1rem;
    }
}

.ui-sticky-dashboard-cumulus .big-amount {
    font-size: 3rem;
    margin-right: 0;
    letter-spacing: -0.5px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-sticky-dashboard-cumulus .big-amount {
        font-size: 2.5rem;
        letter-spacing: -2.34px;
    }
}

.ui-sticky-dashboard-cumulus .small-amount {
    font-size: 2rem;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-sticky-dashboard-cumulus .small-amount {
        font-size: 1.7rem;
    }
}

.ui-sticky-dashboard-cumulus .amount-box {
    margin-top: 0;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-sticky-dashboard-cumulus .amount-box {
        line-height: 3rem;
        margin-top: 10px;
    }
}

.ui-sticky-dashboard-cumulus .text {
    display: none;
}

.ui-sticky-dashboard-cumulus .info-text {
    display: none;
}

.ui-sticky-dashboard-cumulus .info-text-blue {
    margin-top: 22px;
}

    .ui-sticky-dashboard-cumulus .info-text-blue.is-date {
        font-size: 1.9rem;
        margin-top: 25px;
        font-family: 'Helvetica Now Text Extra Light';
        letter-spacing: -0.5px;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-sticky-dashboard-cumulus .info-text-blue.is-date {
        font-size: 1.7rem;
        letter-spacing: -0.5px;
        margin-top: 13px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-sticky-dashboard-cumulus .info-text-blue {
        line-height: 3rem;
        margin-top: 14px;
    }

        .ui-sticky-dashboard-cumulus .info-text-blue em {
            font-size: 2.5rem;
        }
}

.ui-sticky-dashboard-cumulus a.content-box:focus .link::before,
.ui-sticky-dashboard-cumulus a.content-box:hover .link::before {
    background-position: 0 -15px;
}

.ui-sticky-dashboard-cumulus .link {
    bottom: 8px;
    width: 8px;
    height: 14px;
    text-indent: -9999px;
    padding-right: 0;
}

    .ui-sticky-dashboard-cumulus .link::before {
        height: 14px;
        width: 7px;
    }

.ui-sticky-dashboard-cumulus .bar-box-row {
    display: none;
}

.ui-t332__wrapper {
    position: relative;
}

@media screen and (min-width: 992px) {
    .ui-t332__wrapper:hover .teaser-highlight__arrow-icon {
        background-position: 0 -20px;
    }
}

@media screen and (min-width: 992px) {
    .ui-t332__wrapper:hover .teaser-highlight__image-box img {
        transform: scale(1.05);
    }
}

.ui-t332__wrapper.has-space-around .teaser-highlight__wrapper {
    display: flex;
    height: 200px;
    align-items: center;
    justify-content: flex-start;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t332__wrapper.has-space-around .teaser-highlight__wrapper {
        height: 200px;
    }
}

@media screen and (max-width: 479px) {
    .ui-t332__wrapper.has-space-around .teaser-highlight__wrapper {
        height: auto;
    }
}

.ui-t332__wrapper.has-space-around .teaser-highlight__text-box {
    height: 200px;
}

@media screen and (max-width: 479px) {
    .ui-t332__wrapper.has-space-around .teaser-highlight__text-box {
        height: auto;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t332__wrapper.has-space-around .teaser-highlight__text-box {
        height: auto;
    }
}

.ui-t332__wrapper.has-space-around .teaser-highlight__image-box {
    height: 200px;
    margin: 0;
}

    .ui-t332__wrapper.has-space-around
    .teaser-highlight__image-box
    .vertical-helper {
        position: relative;
        top: 50%;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        transform: translateY(-50%);
    }

        .ui-t332__wrapper.has-space-around
        .teaser-highlight__image-box
        .vertical-helper
        img {
            width: 100%;
            max-width: 100%;
            height: auto;
            margin-top: 0;
        }

@media screen and (max-width: 479px) {
    .ui-t332__wrapper.has-space-around
    .teaser-highlight__image-box
    .vertical-helper
    img {
        width: 100%;
        max-width: initial;
        max-height: initial;
        margin: 0 auto;
    }
}

@media screen and (max-width: 479px) {
    .ui-t332__wrapper.has-space-around .teaser-highlight__image-box {
        height: 136px;
        padding: 4px 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t332__wrapper.has-space-around .teaser-highlight__image-box {
        height: 136px;
        padding: 4px 0;
    }
}

.ui-t332__wrapper .teaser-highlight__wrapper {
    height: 234px;
    margin-right: 0;
    margin-left: 0;
}

    .ui-t332__wrapper .teaser-highlight__wrapper .move-row {
        height: 100%;
        padding-left: 0;
    }

@media screen and (max-width: 767px) {
    .ui-t332__wrapper .teaser-highlight__wrapper {
        display: flex;
        height: 100%;
        align-items: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t332__wrapper .teaser-highlight__wrapper {
        height: 144px;
    }
}

.ui-t332__wrapper .teaser-highlight__image-box {
    position: relative;
    display: block;
    height: 100%;
    margin: 0;
}

    .ui-t332__wrapper .teaser-highlight__image-box img {
        display: block;
        max-width: 100%;
        transition: transform 0.5s ease-out;
    }

    .ui-t332__wrapper .teaser-highlight__image-box .ui-resp-image img {
        width: auto;
        max-width: 100%;
        height: auto;
        margin: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }

@media screen and (min-width: 768px) {
    .ui-t332__wrapper .teaser-highlight__image-box .ui-resp-image img {
        height: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-t332__wrapper .teaser-highlight__image-box {
        padding: 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t332__wrapper .teaser-highlight__image-box {
        padding: 0;
    }
}

.ui-t332__wrapper .teaser-highlight__text-box {
    display: flex;
    height: 234px;
    align-items: center;
    justify-content: flex-start;
    padding-top: 18px;
    padding-bottom: 18px;
}

    .ui-t332__wrapper
    .teaser-highlight__text-box.is-white
    .teaser-highlight__arrow-icon {
        background-image: url(../img/arrow-right-small-white.svg);
    }

@media screen and (min-width: 992px) {
    .ui-t332__wrapper
    .teaser-highlight__text-box.is-white
    .teaser-highlight__arrow-icon {
        background-image: url(../img/arrow-teaser.svg);
    }
}

.ui-t332__wrapper
.teaser-highlight__text-box.is-white
.teaser-highlight__category,
.ui-t332__wrapper
.teaser-highlight__text-box.is-white
.teaser-highlight__headline {
    color: #fff;
}

.ui-t332__wrapper
.teaser-highlight__text-box.is-cumulus
.teaser-highlight__category {
    color: #666;
}

.ui-t332__wrapper
.teaser-highlight__text-box.is-cumulus
.teaser-highlight__headline {
    color: #003d8d;
}

.ui-t332__wrapper
.teaser-highlight__text-box.is-orange
.teaser-highlight__category {
    color: #666;
}

.ui-t332__wrapper
.teaser-highlight__text-box.is-orange
.teaser-highlight__headline {
    color: #f60;
}

.ui-t332__wrapper
.teaser-highlight__text-box.is-standard
.teaser-highlight__category,
.ui-t332__wrapper
.teaser-highlight__text-box.standard
.teaser-highlight__category {
    color: #fff;
}

.ui-t332__wrapper
.teaser-highlight__text-box.is-standard
.teaser-highlight__headline,
.ui-t332__wrapper
.teaser-highlight__text-box.standard
.teaser-highlight__headline {
    color: #f60;
}

@media screen and (max-width: 767px) {
    .ui-t332__wrapper .teaser-highlight__text-box {
        height: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t332__wrapper .teaser-highlight__text-box {
        height: 144px;
    }
}

.ui-t332__wrapper .teaser-highlight__category {
    font-size: 1.2rem;
    line-height: 1.4rem;
    display: none;
    color: #666;
    font-family: 'Helvetica Now Text Regular';
    letter-spacing: 0;
    text-transform: none;
}

@media screen and (min-width: 768px) {
    .ui-t332__wrapper .teaser-highlight__category {
        display: block;
    }
}

@media screen and (min-width: 992px) {
    .ui-t332__wrapper .teaser-highlight__category {
        font-size: 1.4rem;
        line-height: 1.6rem;
        font-family: 'Helvetica Now Text Bold';
    }
}

.ui-t332__wrapper .teaser-highlight__headline {
    font-size: 1.4rem;
    line-height: 1.6rem;
    max-height: 49px;
    color: #f60;
    font-family: 'Helvetica Now Text Bold';
}

@media screen and (min-width: 768px) {
    .ui-t332__wrapper .teaser-highlight__headline {
        font-size: 2rem;
        line-height: 2.3rem;
        max-height: 70px;
        font-family: 'Helvetica Now Text XBold';
    }
}

@media screen and (min-width: 992px) {
    .ui-t332__wrapper .teaser-highlight__headline {
        font-size: 2.2rem;
        line-height: 2.5rem;
        max-height: 76px;
        letter-spacing: -0.5px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-t332__wrapper .teaser-highlight__headline {
        font-size: 2.6rem;
        line-height: 3rem;
        max-height: 91px;
    }
}

.ui-t332__wrapper .teaser-highlight__content {
    width: 95%;
}

@media screen and (min-width: 1200px) {
    .ui-t332__wrapper .teaser-highlight__content {
        width: 90%;
    }
}

.ui-t332__wrapper .teaser-highlight__arrow-icon {
    display: block;
    width: 8px;
    height: 14px;
    margin-top: 5px;
    background-image: url(../img/arrow-right-orange-small.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 8px;
    transition: background-position 0.37s ease-out;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t332__wrapper .teaser-highlight__arrow-icon {
        margin-top: 10px;
    }
}

@media screen and (min-width: 992px) {
    .ui-t332__wrapper .teaser-highlight__arrow-icon {
        width: 11px;
        height: 20px;
        margin-top: 8px;
        background-image: url(../img/arrow-teaser-orange-1.svg);
        background-size: 11px 40px;
    }
}

.ui-t333-06-highlight2 {
    margin-bottom: 20px;
}

    .ui-t333-06-highlight2.ui-t12-highlight2 {
        height: 171px;
    }

        .ui-t333-06-highlight2.ui-t12-highlight2 .image-box img {
            max-height: 171px;
        }

        .ui-t333-06-highlight2.ui-t12-highlight2 .text-box {
            height: 171px;
        }

        .ui-t333-06-highlight2.ui-t12-highlight2 .centered {
            width: 98%;
        }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t333-06-highlight2.ui-t12-highlight2 .image-box img {
        max-height: 148px;
    }

    .ui-t333-06-highlight2.ui-t12-highlight2 .text-box {
        height: 148px;
    }

    .ui-t333-06-highlight2.ui-t12-highlight2 h4 {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t333-06-highlight2.ui-t12-highlight2 {
        background-color: #f1efee;
    }

        .ui-t333-06-highlight2.ui-t12-highlight2 .image-box {
            padding: 10px 2px 10px 10px;
        }

            .ui-t333-06-highlight2.ui-t12-highlight2 .image-box img {
                max-height: 74px;
            }

        .ui-t333-06-highlight2.ui-t12-highlight2 .text-box {
            height: auto;
            padding: 10px 0 0 10px;
        }

        .ui-t333-06-highlight2.ui-t12-highlight2 h4 {
            font-size: 2rem;
            line-height: 2.5rem;
        }

        .ui-t333-06-highlight2.ui-t12-highlight2.ui-t12-highlight2 {
            height: 94px;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t333-06-highlight2.ui-t12-highlight2 {
        height: auto;
    }

        .ui-t333-06-highlight2.ui-t12-highlight2 .image-box {
            padding-left: 20px;
        }

        .ui-t333-06-highlight2.ui-t12-highlight2 .text-box {
            height: auto;
            padding: 24px 10px 0 24px;
        }

        .ui-t333-06-highlight2.ui-t12-highlight2 [class^='col-'] + [class^='col-'] {
            margin-left: -8px;
        }

        .ui-t333-06-highlight2.ui-t12-highlight2 h4 {
            line-height: 2rem;
        }
}

@media screen and (max-width: 479px) {
    .ui-t333-06-highlight2.ui-t12-highlight2 {
        height: auto;
        background-color: #f1efee;
    }

        .ui-t333-06-highlight2.ui-t12-highlight2 .image-box {
            padding: 10px 0 10px 10px;
        }

        .ui-t333-06-highlight2.ui-t12-highlight2 .text-box {
            height: auto;
            padding: 20px 20px 12px 0;
        }
}

@media (min-width: 320px) and (max-width: 350px) {
    .ui-t333-06-highlight2.ui-t12-highlight2 .text-box {
        height: auto;
        padding: 10px 20px 12px 0;
    }
}

.ui-t12-highlight1 {
    height: 200px;
    margin-right: 0;
    margin-left: 0;
}

    .ui-t12-highlight1.is-bk {
        margin-right: -12px;
        margin-left: -12px;
    }

    .ui-t12-highlight1 .image-box {
        position: relative;
        display: block;
        margin: -30px 0;
    }

        .ui-t12-highlight1 .image-box img {
            display: block;
            max-width: 100%;
            transition: transform 0.5s ease-out;
        }

        .ui-t12-highlight1 .image-box .ui-resp-image img {
            width: auto;
            height: 262px;
            margin: auto;
        }

        .ui-t12-highlight1 .image-box .vertical-helper img {
            width: 100%;
            height: 262px;
            margin: auto;
        }

        .ui-t12-highlight1 .image-box.var {
            height: 200px;
            margin: 0;
        }

            .ui-t12-highlight1 .image-box.var .vertical-helper {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
            }

                .ui-t12-highlight1 .image-box.var .vertical-helper img {
                    height: auto;
                    margin-top: 0;
                }

@media screen and (max-width: 479px) {
    .ui-t12-highlight1 .image-box.var .vertical-helper img {
        max-width: 77%;
        max-height: 100%;
        margin: auto;
    }
}

.ui-t12-highlight1 .text-box {
    height: 200px;
}

    .ui-t12-highlight1 .text-box::before {
        display: inline-block;
        height: 100%;
        margin-right: -0.25em;
        content: '';
        vertical-align: middle;
    }

.ui-t12-highlight1 .centered {
    display: inline-block;
    width: 90%;
    vertical-align: middle;
}

.ui-t12-highlight1 .ui-secondary-headline {
    margin-bottom: 8px;
    color: #fff;
}

.ui-t12-highlight1 .h4-replace,
.ui-t12-highlight1 h4 {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 3.3rem;
    position: relative;
    margin-top: 0;
    color: #fff;
    overflow-wrap: break-word;
}

    .ui-t12-highlight1 .h4-replace::after,
    .ui-t12-highlight1 h4::after {
        position: absolute;
        bottom: -24px;
        left: 0;
        width: 12px;
        height: 20px;
        background-image: url(../img/arrow-teaser.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        content: '';
        transition: background-position 0.37s ease-out;
    }

.ui-t12-highlight1.is-orange-text .h4-replace,
.ui-t12-highlight1.is-orange-text h4 {
    color: #f60;
}

    .ui-t12-highlight1.is-orange-text .h4-replace::after,
    .ui-t12-highlight1.is-orange-text h4::after {
        background-image: url(../img/arrow-teaser-orange.svg);
    }

.ui-t12-highlight1.is-dark-text .ui-secondary-headline {
    color: #666;
}

.ui-t12-highlight1.is-dark-text .h4-replace,
.ui-t12-highlight1.is-dark-text h4 {
    color: #333;
}

    .ui-t12-highlight1.is-dark-text .h4-replace::after,
    .ui-t12-highlight1.is-dark-text h4::after {
        background-image: url(../img/arrow-teaser-black.svg);
    }

.ui-t12-highlight1.is-cumulus .ui-secondary-headline {
    color: #666;
}

.ui-t12-highlight1.is-cumulus .h4-replace,
.ui-t12-highlight1.is-cumulus h4 {
    color: #003d8d;
}

    .ui-t12-highlight1.is-cumulus .h4-replace::after,
    .ui-t12-highlight1.is-cumulus h4::after {
        background-image: url(../img/arrow-teaser-orange.svg);
    }

.ui-t12-highlight1:hover {
    cursor: pointer;
}

    .ui-t12-highlight1:hover .image-box img {
        transform: scale(1.05, 1.05);
    }

    .ui-t12-highlight1:hover .h4-replace::after,
    .ui-t12-highlight1:hover h4::after {
        background-position: 0 -20px;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t12-highlight1 .h4-replace,
    .ui-t12-highlight1 h4 {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 1199px) {
    .ui-t12-highlight1 .centered {
        width: 98%;
    }

    .ui-t12-highlight1:hover .image-box img {
        transform: none;
    }
}

@media screen and (max-width: 991px) {
    .ui-t12-highlight1 .h4-replace::after,
    .ui-t12-highlight1 h4::after {
        bottom: -20px;
        width: 8px;
        height: 14px;
        background-image: url(../img/arrow-right-small-white.svg);
        background-position: 0 0;
    }

    .ui-t12-highlight1:active .h4-replace::after,
    .ui-t12-highlight1:active h4::after,
    .ui-t12-highlight1:focus .h4-replace::after,
    .ui-t12-highlight1:focus h4::after,
    .ui-t12-highlight1:hover .h4-replace::after,
    .ui-t12-highlight1:hover h4::after {
        background-position: 0 0;
    }

    .ui-t12-highlight1.is-dark-text .h4-replace::after,
    .ui-t12-highlight1.is-dark-text h4::after {
        background-image: url(../img/arrow-right-small-black.svg);
    }

    .ui-t12-highlight1.is-cumulus .h4-replace::after,
    .ui-t12-highlight1.is-cumulus h4::after {
        background-image: url(../img/arrow-right-orange-small.svg);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t12-highlight1 .image-box {
        margin: 0;
    }

        .ui-t12-highlight1 .image-box .ui-resp-image img,
        .ui-t12-highlight1 .image-box .vertical-helper img {
            max-height: 200px;
        }

    .ui-t12-highlight1 .h4-replace,
    .ui-t12-highlight1 h4 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .ui-t12-highlight1 .ui-secondary-headline {
        margin-bottom: 4px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t12-highlight1 .image-box {
        padding: 12px 0;
        margin: 0;
    }

        .ui-t12-highlight1 .image-box .ui-resp-image img,
        .ui-t12-highlight1 .image-box .vertical-helper img {
            max-height: 220px;
            margin-top: 19px;
        }

    .ui-t12-highlight1 .h4-replace,
    .ui-t12-highlight1 h4 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-t12-highlight1 {
        height: 136px;
    }

        .ui-t12-highlight1 .text-box {
            height: auto;
            padding: 12px 0;
        }

            .ui-t12-highlight1 .text-box::before {
                display: none;
            }

        .ui-t12-highlight1 .centered {
            width: 100%;
        }

        .ui-t12-highlight1 .image-box {
            padding: 12px;
            margin: 0;
        }

            .ui-t12-highlight1 .image-box.var {
                height: 130px;
            }

                .ui-t12-highlight1 .image-box.var .vertical-helper {
                    position: relative;
                    top: auto;
                    height: 105px;
                    transform: none;
                }

                    .ui-t12-highlight1 .image-box.var .vertical-helper img {
                        width: auto;
                        max-width: initial;
                        height: 105px;
                        max-height: initial;
                    }

        .ui-t12-highlight1 .h4-replace,
        .ui-t12-highlight1 h4 {
            font-size: 1.2rem;
            line-height: 1.5rem;
            max-height: 70px;
        }

            .ui-t12-highlight1 .h4-replace::after,
            .ui-t12-highlight1 h4::after {
                bottom: -22px;
            }

        .ui-t12-highlight1 img {
            max-height: 105px;
            margin: 0 auto;
        }

        .ui-t12-highlight1 .ui-secondary-headline {
            font-size: 1.2rem;
            line-height: 1.5rem;
        }
}

.ui-t12-highlight2 {
    overflow: hidden;
    height: 234px;
}

    .ui-t12-highlight2 a > div:first-of-type {
        z-index: 1;
    }

    .ui-t12-highlight2 [class^='col-'] + [class^='col-'] {
        margin-left: -12px;
        background-color: #f1efee;
    }

    .ui-t12-highlight2 .image-box {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .ui-t12-highlight2 .image-box img {
            display: block;
            max-width: 100%;
            height: auto;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transition: transform 0.5s ease-out;
        }

    .ui-t12-highlight2 .text-box {
        height: 237px;
        padding-left: 12px;
    }

        .ui-t12-highlight2 .text-box::before {
            display: inline-block;
            height: 100%;
            margin-right: -0.25em;
            content: '';
            vertical-align: middle;
        }

    .ui-t12-highlight2 .centered {
        display: inline-block;
        width: 90%;
        vertical-align: middle;
    }

    .ui-t12-highlight2 .ui-secondary-headline {
        margin-bottom: 8px;
    }

    .ui-t12-highlight2 .h4-replace,
    .ui-t12-highlight2 h4 {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2.6rem;
        line-height: 3.3rem;
        position: relative;
        margin-top: 0;
        color: #f60;
        overflow-wrap: break-word;
    }

        .ui-t12-highlight2 .h4-replace::after,
        .ui-t12-highlight2 h4::after {
            position: absolute;
            bottom: -24px;
            left: 0;
            width: 12px;
            height: 20px;
            background-image: url(../img/arrow-teaser-orange.svg), none;
            background-position: 0 0;
            background-repeat: no-repeat;
            content: '';
            transition: background-position 0.5s ease;
        }

    .ui-t12-highlight2.is-dark-text .h4-replace,
    .ui-t12-highlight2.is-dark-text h4 {
        color: #333;
    }

        .ui-t12-highlight2.is-dark-text .h4-replace::after,
        .ui-t12-highlight2.is-dark-text h4::after {
            background-image: url(../img/arrow-teaser-black.svg);
        }

    .ui-t12-highlight2.is-orange [class^='col-'] + [class^='col-'] {
        height: 100%;
        background-color: #f60;
        border-radius: 0 4px 4px 0;
    }

    .ui-t12-highlight2.is-orange .h4-replace,
    .ui-t12-highlight2.is-orange a,
    .ui-t12-highlight2.is-orange h4 {
        color: #fff;
    }

        .ui-t12-highlight2.is-orange .h4-replace::after,
        .ui-t12-highlight2.is-orange h4::after {
            display: none;
        }

    .ui-t12-highlight2.is-orange:hover div.centered:last-child::after {
        background-position: 0 -20px;
    }

    .ui-t12-highlight2.is-orange div.centered {
        margin-top: -10px;
    }

        .ui-t12-highlight2.is-orange div.centered:last-child {
            position: relative;
        }

            .ui-t12-highlight2.is-orange div.centered:last-child::after {
                position: absolute;
                bottom: -12px;
                left: 0;
                width: 12px;
                height: 20px;
                background-image: url(../img/arrow-teaser.svg), none;
                background-position: 0 0;
                background-repeat: no-repeat;
                content: '';
                transition: background-position 0.5s ease;
            }

            .ui-t12-highlight2.is-orange div.centered:last-child p.subline {
                font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
                font-weight: 400;
                margin-top: -6px;
                overflow-wrap: break-word;
            }

    .ui-t12-highlight2.is-cumulus .h4-replace,
    .ui-t12-highlight2.is-cumulus h4 {
        color: #003d8d;
    }

        .ui-t12-highlight2.is-cumulus .h4-replace::after,
        .ui-t12-highlight2.is-cumulus h4::after {
            background-image: url(../img/arrow-teaser-orange.svg);
        }

    .ui-t12-highlight2:hover {
        cursor: pointer;
    }

        .ui-t12-highlight2:hover .image-box img {
            transform: scale(1.05, 1.05);
        }

        .ui-t12-highlight2:hover .h4-replace::after,
        .ui-t12-highlight2:hover h4::after {
            background-position: 0 -20px;
        }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t12-highlight2 {
        height: 204px;
    }

        .ui-t12-highlight2 .text-box {
            height: 204px;
        }

        .ui-t12-highlight2 .h4-replace,
        .ui-t12-highlight2 h4 {
            font-size: 2.2rem;
            line-height: 2.8rem;
        }

        .ui-t12-highlight2 .centered {
            width: 95%;
        }
}

@media screen and (max-width: 991px) {
    .ui-t12-highlight2 h4::after,
    .ui-t12-highlight2.is-orange div.centered:last-child::after {
        bottom: -20px;
        width: 8px;
        height: 14px;
        background-image: url(../img/arrow-right-orange-small.svg);
        background-position: 0 0;
    }

    .ui-t12-highlight2:active .h4-replace::after,
    .ui-t12-highlight2:active h4::after,
    .ui-t12-highlight2:focus .h4-replace::after,
    .ui-t12-highlight2:focus h4::after,
    .ui-t12-highlight2:hover .h4-replace::after,
    .ui-t12-highlight2:hover h4::after {
        background-position: 0 0;
    }

    .ui-t12-highlight2.is-orange div.centered {
        margin-top: 0;
    }

        .ui-t12-highlight2.is-orange div.centered:last-child::after {
            bottom: -12px;
            background-image: url(../img/arrow-right-small-white.svg);
        }

    .ui-t12-highlight2.is-orange .h4-replace,
    .ui-t12-highlight2.is-orange h4 {
        margin-top: -5px;
        margin-bottom: 10px;
    }

    .ui-t12-highlight2.is-orange p.subline {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 4px;
    }

    .ui-t12-highlight2.is-orange:active div.centered:last-child::after,
    .ui-t12-highlight2.is-orange:focus div.centered:last-child::after,
    .ui-t12-highlight2.is-orange:hover div.centered:last-child::after {
        background-position: 0 0;
    }

    .ui-t12-highlight2.is-dark-text .h4-replace::after,
    .ui-t12-highlight2.is-dark-text h4::after {
        background-image: url(../img/arrow-right-small-black.svg);
    }

    .ui-t12-highlight2.is-cumulus .h4-replace::after,
    .ui-t12-highlight2.is-cumulus h4::after {
        background-image: url(../img/arrow-right-orange-small.svg);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t12-highlight2 {
        height: 144px;
    }

        .ui-t12-highlight2 .text-box {
            height: 144px;
        }

        .ui-t12-highlight2 .centered {
            width: 95%;
        }

        .ui-t12-highlight2 .h4-replace,
        .ui-t12-highlight2 h4 {
            font-size: 2rem;
            line-height: 2.5rem;
            margin-bottom: 24px;
        }

        .ui-t12-highlight2 .ui-secondary-headline {
            margin-bottom: 4px;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t12-highlight2 {
        height: auto;
        margin: 0;
        background-color: #f1efee;
    }

        .ui-t12-highlight2 .is-flexbox {
            display: flex;
        }

        .ui-t12-highlight2 .image-box {
            padding: 24px 0 24px 12px;
        }

        .ui-t12-highlight2 .text-box {
            height: auto;
            padding-top: 24px;
        }

        .ui-t12-highlight2 .centered {
            width: 95%;
        }

        .ui-t12-highlight2 .h4-replace,
        .ui-t12-highlight2 h4 {
            font-size: 1.8rem;
            line-height: 2.4rem;
            margin-bottom: 36px;
        }

        .ui-t12-highlight2:active .image-box img,
        .ui-t12-highlight2:focus .image-box img,
        .ui-t12-highlight2:hover .image-box img {
            transform: none;
        }

        .ui-t12-highlight2.is-orange {
            padding-right: 10px;
            padding-left: 10px;
            margin-right: -30px;
            margin-left: -30px;
            background-color: #f60;
        }

            .ui-t12-highlight2.is-orange [class^='col-'] + [class^='col-'] {
                height: auto;
            }
}

@media screen and (max-width: 479px) {
    .ui-t12-highlight2 {
        height: auto;
    }

        .ui-t12-highlight2 [class^='col-'] + [class^='col-'] {
            height: auto;
            background: rgba(0, 0, 0, 0);
        }

        .ui-t12-highlight2 .ui-secondary-headline {
            font-size: 1.2rem;
            line-height: 1.5rem;
        }

        .ui-t12-highlight2 .text-box {
            height: auto;
            padding: 0;
            background-color: rgba(0, 0, 0, 0);
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }

            .ui-t12-highlight2 .text-box::before {
                content: none;
            }

        .ui-t12-highlight2 .h4-replace,
        .ui-t12-highlight2 h4 {
            font-size: 1.3rem;
            line-height: 1.5rem;
            max-height: 65px;
            margin-bottom: 24px;
        }

            .ui-t12-highlight2 .h4-replace::after,
            .ui-t12-highlight2 h4::after {
                bottom: -22px;
            }

        .ui-t12-highlight2 .centered {
            width: 100%;
        }

        .ui-t12-highlight2:active .image-box img,
        .ui-t12-highlight2:focus .image-box img,
        .ui-t12-highlight2:hover .image-box img {
            transform: none;
        }

        .ui-t12-highlight2.is-orange .is-flexbox {
            display: flex;
        }

        .ui-t12-highlight2.is-orange [class^='col-'] + [class^='col-'] {
            height: auto;
            padding-bottom: 15px;
            background-color: #f60;
            border-radius: 0;
        }

            .ui-t12-highlight2.is-orange [class^='col-'] + [class^='col-'] .text-box {
                padding-top: 15px;
                padding-right: 0;
                padding-left: 0;
                background: rgba(0, 0, 0, 0);
            }

        .ui-t12-highlight2.is-orange .h4-replace,
        .ui-t12-highlight2.is-orange h4 {
            font-size: 1.2rem;
            line-height: 1.5rem;
            height: auto;
            margin-bottom: 12px;
        }

        .ui-t12-highlight2.is-orange div.centered:last-child::after {
            bottom: -17px;
        }

        .ui-t12-highlight2 p.subline {
            font-size: 1.2rem;
            line-height: 1.5rem;
        }
}

@media all and (max-width: 374px) {
    .ui-t12-highlight2 .h4-replace,
    .ui-t12-highlight2 h4 {
        max-height: 50px;
    }

    .ui-t12-highlight2.is-orange p.subline {
        line-height: 1.6rem;
        font-size: 11.9px;
    }

    .ui-t12-highlight2.is-orange .h4-replace,
    .ui-t12-highlight2.is-orange h4 {
        margin-bottom: 9px;
    }

    .ui-t12-highlight2.is-orange div.centered:last-child::after {
        bottom: -15px;
    }
}

.ui-t335-12plus-campaign-teaser {
    min-height: 110px;
    margin-top: 60px;
    margin-bottom: 60px;
    background-color: #f60;
}

    .ui-t335-12plus-campaign-teaser .container {
        min-height: 110px;
    }

    .ui-t335-12plus-campaign-teaser .is-flex-row {
        display: flex;
        min-height: 110px;
    }

    .ui-t335-12plus-campaign-teaser .image-box {
        position: relative;
        top: 50%;
        width: 100%;
        height: 100%;
    }

        .ui-t335-12plus-campaign-teaser .image-box .vertical-helper {
            position: absolute;
            width: 100%;
            padding-bottom: 100%;
            transform: translateY(-50%);
        }

        .ui-t335-12plus-campaign-teaser .image-box img {
            position: absolute;
            top: 50%;
            left: 50%;
            width: auto;
            min-width: 100%;
            max-width: 100%;
            height: auto;
            max-height: 100%;
            transform: translate(-50%, -50%);
            transition: transform 0.5s ease-out;
        }

    .ui-t335-12plus-campaign-teaser .content {
        display: flex;
        min-height: 70px;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

@media screen and (max-width: 767px) {
    .ui-t335-12plus-campaign-teaser .content {
        flex-direction: column;
        justify-content: center;
    }
}

.ui-t335-12plus-campaign-teaser .text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin: 0;
    margin-bottom: 20px;
    color: #fff;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t335-12plus-campaign-teaser .text {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 992px) {
    .ui-t335-12plus-campaign-teaser .text {
        font-size: 2.6rem;
        line-height: 3.3rem;
        margin-bottom: 0;
    }
}

.ui-t335-12plus-campaign-teaser .btn {
    margin: 0;
}

@media screen and (max-width: 767px) {
    .ui-t335-12plus-campaign-teaser .btn {
        font-size: 1.4rem;
        line-height: 1.6rem;
        letter-spacing: 0.054rem;
        padding: 7px 20px 6px;
    }
}

@media screen and (min-width: 768px) {
    .ui-t335-12plus-campaign-teaser .btn {
        font-size: 1.6rem;
        line-height: 1.9rem;
        letter-spacing: 0.062rem;
    }
}

.ui-t335-12plus-campaign-teaser .btn-outline {
    border: 2px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}

.ui-t335-12plus-campaign-teaser.is-no-bg-color {
    background-color: rgba(0, 0, 0, 0);
}

.ui-t335-12plus-campaign-teaser.is-orange-text .text {
    color: #f60;
}

.ui-t335-12plus-campaign-teaser.is-orange-text .btn-outline {
    border: 2px solid #f60;
    background-color: rgba(0, 0, 0, 0);
    color: #f60;
}

.ui-t335-12plus-campaign-teaser.is-dark-text .text {
    color: #333;
}

.ui-t335-12plus-campaign-teaser.is-dark-text .btn-outline {
    border: 2px solid #333;
    background-color: rgba(0, 0, 0, 0);
    color: #333;
}

@media screen and (min-width: 768px) {
    .ui-t335-12plus-campaign-teaser {
        margin-top: 110px;
        margin-bottom: 110px;
    }
}

@media screen and (min-width: 768px) {
    .ui-t335-12plus-campaign-teaser:hover .image-box img {
        transform: translate(-50%, -50%) scale(1.05, 1.05);
    }

    .ui-t335-12plus-campaign-teaser:hover .btn-outline {
        border: 2px solid #efefef;
        background-color: rgba(0, 0, 0, 0);
        color: #efefef;
    }

    .ui-t335-12plus-campaign-teaser:hover.is-orange-text .btn-outline {
        border: 2px solid #de450a;
        background-color: rgba(0, 0, 0, 0);
        color: #de450a;
    }

    .ui-t335-12plus-campaign-teaser:hover.is-dark-text .btn-outline {
        border: 2px solid #626262;
        background-color: rgba(0, 0, 0, 0);
        color: #626262;
    }
}

.ui-c-teaserlist-special + .ui-c-teaserlist-special {
    margin-top: 20px;
}

.ui-c-teaserlist-special img {
    display: block;
    max-width: 100%;
    height: auto;
}

.ui-c-teaserlist-special .headline {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.4rem;
    width: 170px;
    padding-top: 0;
    margin-top: 0;
    overflow-wrap: break-word;
}

    .ui-c-teaserlist-special .headline em {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 7rem;
        line-height: 6.4rem;
        color: #f60;
        font-style: normal;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c-teaserlist-special .headline em {
        font-size: 6.5rem;
        line-height: 6rem;
    }
}

@media screen and (max-width: 991px) {
    .ui-c-teaserlist-special .headline {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
}

@media screen and (max-width: 767px) {
    .ui-c-teaserlist-special .headline em {
        font-size: 5.5rem;
        line-height: 5rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-c-teaserlist-special .headline {
        width: 145px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c-teaserlist-special .headline.offset {
        margin-left: 75px;
    }

    .ui-c-teaserlist-special .btn {
        margin-left: 75px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c-teaserlist-special .headline {
        width: 150px;
    }
}

@-webkit-keyframes spinit-0 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(0);
    }

    100% {
        transform: translateY(-9em);
    }
}

@keyframes spinit-0 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(0);
    }

    100% {
        transform: translateY(-9em);
    }
}

@-webkit-keyframes spinit-1 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-1em);
    }

    100% {
        transform: translateY(-10em);
    }
}

@keyframes spinit-1 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-1em);
    }

    100% {
        transform: translateY(-10em);
    }
}

@-webkit-keyframes spinit-2 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-2em);
    }

    100% {
        transform: translateY(-11em);
    }
}

@keyframes spinit-2 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-2em);
    }

    100% {
        transform: translateY(-11em);
    }
}

@-webkit-keyframes spinit-3 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-3em);
    }

    100% {
        transform: translateY(-12em);
    }
}

@keyframes spinit-3 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-3em);
    }

    100% {
        transform: translateY(-12em);
    }
}

@-webkit-keyframes spinit-4 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-4em);
    }

    100% {
        transform: translateY(-13em);
    }
}

@keyframes spinit-4 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-4em);
    }

    100% {
        transform: translateY(-13em);
    }
}

@-webkit-keyframes spinit-5 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-5em);
    }

    100% {
        transform: translateY(-14em);
    }
}

@keyframes spinit-5 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-5em);
    }

    100% {
        transform: translateY(-14em);
    }
}

@-webkit-keyframes spinit-6 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-6em);
    }

    100% {
        transform: translateY(-15em);
    }
}

@keyframes spinit-6 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-6em);
    }

    100% {
        transform: translateY(-15em);
    }
}

@-webkit-keyframes spinit-7 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-7em);
    }

    100% {
        transform: translateY(-16em);
    }
}

@keyframes spinit-7 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-7em);
    }

    100% {
        transform: translateY(-16em);
    }
}

@-webkit-keyframes spinit-8 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-8em);
    }

    100% {
        transform: translateY(-17em);
    }
}

@keyframes spinit-8 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-8em);
    }

    100% {
        transform: translateY(-17em);
    }
}

@-webkit-keyframes spinit-9 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-9em);
    }

    100% {
        transform: translateY(-18em);
    }
}

@keyframes spinit-9 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, 0.5)) drop-shadow(0 20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, 0.6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, 0.5));
        transform: translateY(-9em);
    }

    100% {
        transform: translateY(-18em);
    }
}

.ui-t362-12-searchresult-dynamic {
    overflow: hidden;
    height: 220px;
}

    .ui-t362-12-searchresult-dynamic.is-atlantis {
        background: #98cd4e;
        transition: background 0.3s ease-out;
    }

        .ui-t362-12-searchresult-dynamic.is-atlantis:not(.no-link):active,
        .ui-t362-12-searchresult-dynamic.is-atlantis:not(.no-link):focus,
        .ui-t362-12-searchresult-dynamic.is-atlantis:not(.no-link):hover {
            background: #75b714;
        }

    .ui-t362-12-searchresult-dynamic.is-blue {
        background: #00aecf;
        transition: background 0.3s ease-out;
    }

        .ui-t362-12-searchresult-dynamic.is-blue:not(.no-link):active,
        .ui-t362-12-searchresult-dynamic.is-blue:not(.no-link):focus,
        .ui-t362-12-searchresult-dynamic.is-blue:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t362-12-searchresult-dynamic.is-dark-blue {
        background: #039;
        transition: background 0.3s ease-out;
    }

        .ui-t362-12-searchresult-dynamic.is-dark-blue:not(.no-link):active,
        .ui-t362-12-searchresult-dynamic.is-dark-blue:not(.no-link):focus,
        .ui-t362-12-searchresult-dynamic.is-dark-blue:not(.no-link):hover {
            background: #000573;
        }

    .ui-t362-12-searchresult-dynamic.is-cumulus {
        background: #003d8d;
        transition: background 0.3s ease-out;
    }

        .ui-t362-12-searchresult-dynamic.is-cumulus:not(.no-link):active,
        .ui-t362-12-searchresult-dynamic.is-cumulus:not(.no-link):focus,
        .ui-t362-12-searchresult-dynamic.is-cumulus:not(.no-link):hover {
            background: #00145c;
        }

    .ui-t362-12-searchresult-dynamic.is-cyan {
        background: #0daacf;
        transition: background 0.3s ease-out;
    }

        .ui-t362-12-searchresult-dynamic.is-cyan:not(.no-link):active,
        .ui-t362-12-searchresult-dynamic.is-cyan:not(.no-link):focus,
        .ui-t362-12-searchresult-dynamic.is-cyan:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-t362-12-searchresult-dynamic.is-gray {
        background: #b7b0ac;
        transition: background 0.3s ease-out;
    }

        .ui-t362-12-searchresult-dynamic.is-gray:not(.no-link):active,
        .ui-t362-12-searchresult-dynamic.is-gray:not(.no-link):focus,
        .ui-t362-12-searchresult-dynamic.is-gray:not(.no-link):hover {
            background: #9f9690;
        }

    .ui-t362-12-searchresult-dynamic.is-orange {
        background: #f60;
        transition: background 0.3s ease-out;
    }

        .ui-t362-12-searchresult-dynamic.is-orange:not(.no-link):active,
        .ui-t362-12-searchresult-dynamic.is-orange:not(.no-link):focus,
        .ui-t362-12-searchresult-dynamic.is-orange:not(.no-link):hover {
            background: #e03c00;
        }

    .ui-t362-12-searchresult-dynamic.is-pink-red {
        background: #ff0036;
        transition: background 0.3s ease-out;
    }

        .ui-t362-12-searchresult-dynamic.is-pink-red:not(.no-link):active,
        .ui-t362-12-searchresult-dynamic.is-pink-red:not(.no-link):focus,
        .ui-t362-12-searchresult-dynamic.is-pink-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t362-12-searchresult-dynamic.is-red {
        background: #ff290b;
        transition: background 0.3s ease-out;
    }

        .ui-t362-12-searchresult-dynamic.is-red:not(.no-link):active,
        .ui-t362-12-searchresult-dynamic.is-red:not(.no-link):focus,
        .ui-t362-12-searchresult-dynamic.is-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-t362-12-searchresult-dynamic.is-white {
        background: #fff;
    }

        .ui-t362-12-searchresult-dynamic.is-white.with-image .text-area h3,
        .ui-t362-12-searchresult-dynamic.is-white.with-image .text-area p {
            color: #333;
        }

        .ui-t362-12-searchresult-dynamic.is-white.with-image .text-area::after {
            background-image: url(../img/arrow-teaser-black.svg);
        }

    .ui-t362-12-searchresult-dynamic.is-atlantis {
        background-color: #98cd4e;
    }

    .ui-t362-12-searchresult-dynamic [class^='col-'] + [class^='col-'] {
        margin-left: -12px;
    }

    .ui-t362-12-searchresult-dynamic .highlight-box {
        display: block;
        height: 220px;
    }

        .ui-t362-12-searchresult-dynamic .highlight-box::before {
            display: inline-block;
            height: 100%;
            content: '';
            vertical-align: middle;
        }

    .ui-t362-12-searchresult-dynamic .text {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 12rem;
        line-height: 13.2rem;
        display: table;
        margin: 0 0 0 auto;
        color: #fff;
        text-align: right;
    }

        .ui-t362-12-searchresult-dynamic .text > div {
            display: inline-block;
            overflow: hidden;
            max-width: 0.6em;
            height: 1em;
            float: left;
            line-height: 1em;
        }

            .ui-t362-12-searchresult-dynamic .text > div > span {
                display: block;
            }

        .ui-t362-12-searchresult-dynamic .text .number-1 {
            transform: translateY(0);
        }

        .ui-t362-12-searchresult-dynamic .text .number-2 {
            transform: translateY(-1em);
        }

        .ui-t362-12-searchresult-dynamic .text .number-3 {
            transform: translateY(-2em);
        }

        .ui-t362-12-searchresult-dynamic .text .number-4 {
            transform: translateY(-3em);
        }

        .ui-t362-12-searchresult-dynamic .text .number-5 {
            transform: translateY(-4em);
        }

        .ui-t362-12-searchresult-dynamic .text .number-6 {
            transform: translateY(-5em);
        }

        .ui-t362-12-searchresult-dynamic .text .number-7 {
            transform: translateY(-6em);
        }

        .ui-t362-12-searchresult-dynamic .text .number-8 {
            transform: translateY(-7em);
        }

        .ui-t362-12-searchresult-dynamic .text .number-9 {
            transform: translateY(-8em);
        }

        .ui-t362-12-searchresult-dynamic .text .number-0 {
            transform: translateY(-9em);
        }

    .ui-t362-12-searchresult-dynamic .text-box {
        height: 220px;
        padding-left: 12px;
    }

        .ui-t362-12-searchresult-dynamic .text-box::before {
            display: inline-block;
            height: 100%;
            margin-right: -0.25em;
            content: '';
            vertical-align: middle;
        }

    .ui-t362-12-searchresult-dynamic .centered {
        display: inline-block;
        width: 98%;
        vertical-align: middle;
    }

    .ui-t362-12-searchresult-dynamic h4 {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 2.6rem;
        line-height: 3.3rem;
        position: relative;
        margin-top: 0;
        color: #fff;
        overflow-wrap: break-word;
    }

        .ui-t362-12-searchresult-dynamic h4::after {
            position: absolute;
            bottom: -26px;
            left: 0;
            width: 12px;
            height: 30px;
            background-image: url(../img/arrow-teaser-big.svg);
            background-position: 0 0;
            background-repeat: no-repeat;
            content: '';
            transition: background-position 0.37s ease-out;
        }

    .ui-t362-12-searchresult-dynamic:hover {
        cursor: pointer;
    }

        .ui-t362-12-searchresult-dynamic:hover h4::after {
            background-position: 0 -34px;
        }

@media screen and (min-width: 1200px) {
    .ui-t362-12-searchresult-dynamic .inview .text {
        overflow: hidden;
        height: 1em;
    }

        .ui-t362-12-searchresult-dynamic .inview .text .number-0 {
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-name: spinit-0;
            animation-name: spinit-0;
        }

        .ui-t362-12-searchresult-dynamic .inview .text .number-1 {
            -webkit-animation-duration: 1.9s;
            animation-duration: 1.9s;
            -webkit-animation-name: spinit-1;
            animation-name: spinit-1;
        }

        .ui-t362-12-searchresult-dynamic .inview .text .number-2 {
            -webkit-animation-duration: 1.8s;
            animation-duration: 1.8s;
            -webkit-animation-name: spinit-2;
            animation-name: spinit-2;
        }

        .ui-t362-12-searchresult-dynamic .inview .text .number-3 {
            -webkit-animation-duration: 1.7s;
            animation-duration: 1.7s;
            -webkit-animation-name: spinit-3;
            animation-name: spinit-3;
        }

        .ui-t362-12-searchresult-dynamic .inview .text .number-4 {
            -webkit-animation-duration: 1.6s;
            animation-duration: 1.6s;
            -webkit-animation-name: spinit-4;
            animation-name: spinit-4;
        }

        .ui-t362-12-searchresult-dynamic .inview .text .number-5 {
            -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
            -webkit-animation-name: spinit-5;
            animation-name: spinit-5;
        }

        .ui-t362-12-searchresult-dynamic .inview .text .number-6 {
            -webkit-animation-duration: 1.4s;
            animation-duration: 1.4s;
            -webkit-animation-name: spinit-6;
            animation-name: spinit-6;
        }

        .ui-t362-12-searchresult-dynamic .inview .text .number-7 {
            -webkit-animation-duration: 1.3s;
            animation-duration: 1.3s;
            -webkit-animation-name: spinit-7;
            animation-name: spinit-7;
        }

        .ui-t362-12-searchresult-dynamic .inview .text .number-8 {
            -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s;
            -webkit-animation-name: spinit-8;
            animation-name: spinit-8;
        }

        .ui-t362-12-searchresult-dynamic .inview .text .number-9 {
            -webkit-animation-duration: 1.1s;
            animation-duration: 1.1s;
            -webkit-animation-name: spinit-9;
            animation-name: spinit-9;
        }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-t362-12-searchresult-dynamic .highlight-box,
    .ui-t362-12-searchresult-dynamic .text-box {
        height: 200px;
    }

    .ui-t362-12-searchresult-dynamic .text {
        font-size: 11rem;
        line-height: 13.2rem;
    }

    .ui-t362-12-searchresult-dynamic h4 {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 991px) {
    .ui-t362-12-searchresult-dynamic .highlight-box,
    .ui-t362-12-searchresult-dynamic .text-box {
        height: 200px;
    }

    .ui-t362-12-searchresult-dynamic .centered {
        width: 96%;
    }

    .ui-t362-12-searchresult-dynamic h4::after {
        bottom: -20px;
        width: 8px;
        height: 14px;
        background-image: url(../img/arrow-right-small-white.svg);
        background-position: 0 0;
    }

    .ui-t362-12-searchresult-dynamic:active h4::after,
    .ui-t362-12-searchresult-dynamic:focus h4::after,
    .ui-t362-12-searchresult-dynamic:hover h4::after {
        background-position: 0 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-t362-12-searchresult-dynamic {
        height: 200px;
    }

        .ui-t362-12-searchresult-dynamic .highlight-box,
        .ui-t362-12-searchresult-dynamic .text-box {
            height: 200px;
        }

        .ui-t362-12-searchresult-dynamic .text {
            font-size: 7.5rem;
            line-height: 9.7rem;
        }

        .ui-t362-12-searchresult-dynamic h4 {
            font-size: 2rem;
            line-height: 2.5rem;
            margin-bottom: 24px;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-t362-12-searchresult-dynamic {
        height: 200px;
    }

        .ui-t362-12-searchresult-dynamic [class^='col-'] + [class^='col-'] {
            margin-left: -10px;
        }

        .ui-t362-12-searchresult-dynamic .highlight-box,
        .ui-t362-12-searchresult-dynamic .text-box {
            height: 200px;
        }

        .ui-t362-12-searchresult-dynamic .text {
            font-size: 5.8rem;
            line-height: 9.7rem;
        }

        .ui-t362-12-searchresult-dynamic h4 {
            font-size: 1.8rem;
            line-height: 2.4rem;
            margin-bottom: 36px;
        }
}

@media screen and (max-width: 479px) {
    .ui-t362-12-searchresult-dynamic {
        height: auto;
        padding: 6px;
        margin-right: 18px;
        margin-left: 18px;
        border-radius: 4px;
    }

        .ui-t362-12-searchresult-dynamic [class^='col-'] + [class^='col-'] {
            height: auto;
            padding: 0 12px;
            margin: 0;
            background-color: rgba(0, 0, 0, 0);
        }

        .ui-t362-12-searchresult-dynamic .highlight-box {
            height: auto;
        }

        .ui-t362-12-searchresult-dynamic .text-box {
            height: auto;
            padding: 0;
        }

        .ui-t362-12-searchresult-dynamic h4 {
            font-size: 1.8rem;
            line-height: 2.4rem;
            margin-bottom: 24px;
        }

        .ui-t362-12-searchresult-dynamic .text {
            font-size: 5.8rem;
            line-height: 6rem;
            padding: 0;
            margin: 0 auto 0 0;
            text-align: left;
        }
}

.ui-l528-12-content-tabs .note-spacer {
    height: 59px;
}

.ui-l528-12-content-tabs .nav-tabs {
    max-height: 50px;
    padding-left: 0;
    border-bottom: 0;
    list-style: none;
}

    .ui-l528-12-content-tabs .nav-tabs::before {
        display: table;
        content: '';
    }

    .ui-l528-12-content-tabs .nav-tabs::after {
        display: table;
        clear: both;
        content: '';
    }

    .ui-l528-12-content-tabs .nav-tabs > li {
        margin-bottom: 0;
        float: left;
    }

        .ui-l528-12-content-tabs .nav-tabs > li > a,
        .ui-l528-12-content-tabs .nav-tabs > li > a:active,
        .ui-l528-12-content-tabs .nav-tabs > li > a:focus,
        .ui-l528-12-content-tabs .nav-tabs > li > a:hover {
            border-width: 6px 0;
            border-style: solid;
        }

        .ui-l528-12-content-tabs .nav-tabs > li > a {
            font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
            font-weight: 400;
            font-size: 1.6rem;
            line-height: 2rem;
            display: block;
            height: 50px;
            padding: 10px 15px;
            border-color: #cfcac7;
            margin-right: 5px;
            background-color: #cfcac7;
            border-radius: 0;
            color: #333;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            white-space: nowrap;
            transition: border-top-color, 0.3s;
        }

            .ui-l528-12-content-tabs .nav-tabs > li > a:active,
            .ui-l528-12-content-tabs .nav-tabs > li > a:focus,
            .ui-l528-12-content-tabs .nav-tabs > li > a:hover {
                border-top-color: #f60;
                text-decoration: none;
            }

@media screen and (max-width: 479px) {
    .ui-l528-12-content-tabs .nav-tabs > li > a {
        line-height: 1.8rem;
        display: table;
        overflow: hidden;
        width: 100%;
        padding: 0;
        text-align: center;
    }

        .ui-l528-12-content-tabs .nav-tabs > li > a span {
            display: table-cell;
            padding: 0 7px;
            vertical-align: middle;
        }
}

.ui-l528-12-content-tabs .nav-tabs > li.active > a {
    border-top-color: #f60;
    border-bottom-color: #fff;
    background-color: #fff;
}

    .ui-l528-12-content-tabs .nav-tabs > li.active > a:hover {
        cursor: default;
    }

@media screen and (max-width: 479px) {
    .ui-l528-12-content-tabs .nav-tabs > li {
        width: calc(50% - 2px);
        margin: 0 2px;
    }

        .ui-l528-12-content-tabs .nav-tabs > li:first-child {
            margin-left: 0;
        }

        .ui-l528-12-content-tabs .nav-tabs > li:last-child {
            margin-right: 0;
        }
}

.ui-l528-12-content-tabs .tab-content .tab-pane {
    display: none;
    margin-top: 40px;
}

    .ui-l528-12-content-tabs .tab-content .tab-pane.active {
        display: block;
    }

@media screen and (min-width: 768px) {
    .ui-l528-12-content-tabs .tab-content .tab-pane .container {
        margin-right: -12px;
        margin-left: -12px;
    }
}

.ui-l528-12-content-tabs.is-cumulus .nav-tabs > li > a {
    background-image: none;
}

    .ui-l528-12-content-tabs.is-cumulus .nav-tabs > li > a:active,
    .ui-l528-12-content-tabs.is-cumulus .nav-tabs > li > a:focus,
    .ui-l528-12-content-tabs.is-cumulus .nav-tabs > li > a:hover {
        border-top-color: #003d8d;
        border-bottom-color: #cfcac7;
        color: #333;
    }

.ui-l528-12-content-tabs.is-cumulus .nav-tabs > li.active > a {
    border-top-color: #003d8d;
    border-bottom-color: #fff;
}

    .ui-l528-12-content-tabs.is-cumulus .nav-tabs > li.active > a:focus,
    .ui-l528-12-content-tabs.is-cumulus .nav-tabs > li.active > a:hover {
        cursor: default;
    }

.ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs {
    position: relative;
    display: flex;
}

    .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs::before {
        position: absolute;
        display: block;
        content: '';
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        z-index: 1;
        width: calc(100vw - 17px);
        height: 100%;
        background-color: #f1efee;
        z-index: -1;
    }

    .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item {
        margin: 0;
        background-color: #f1efee;
        padding-right: 10px;
        width: auto;
    }

        .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item:last-child {
            padding-right: 20px;
        }

        .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item a {
            font-size: 1.4rem;
            min-width: auto;
            padding: 10px 18px 6px;
            background-color: #d3d3d3;
            border-color: #d3d3d3;
            margin: 0;
            height: auto;
            text-align: center;
        }

            .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item a:active,
            .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item a:focus,
            .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item a:hover {
                border-bottom-color: #d3d3d3;
            }

        .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item.active > a {
            background-color: #fff;
        }

            .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item.active > a:active,
            .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item.active > a:focus,
            .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item.active > a:hover {
                border-bottom-color: #fff;
            }

@media screen and (max-width: 767px) {
    .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs::before {
        width: 100vw;
    }
}

@media screen and (max-width: 479px) {
    .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        padding-left: 20px;
        scrollbar-width: none;
    }

        .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs::-webkit-scrollbar {
            display: none;
        }

        .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item span {
            padding: 0 2px;
        }
}

@media screen and (min-width: 768px) {
    .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item a {
        font-size: 1.6rem;
        padding: 10px 15px 8px;
        max-height: 50px;
        min-width: 200px;
    }
}

@media screen and (min-width: 992px) {
    .ui-l528-12-content-tabs.is-scroll-mobile .nav-tabs .nav-item a {
        min-width: 221px;
    }
}

.ui-teaser-addons {
    height: 100%;
    min-height: 310px;
    margin-bottom: 17px;
}

    .ui-teaser-addons.is-atlantis {
        background: #98cd4e;
        transition: background 0.3s ease-out;
    }

        .ui-teaser-addons.is-atlantis:not(.no-link):active,
        .ui-teaser-addons.is-atlantis:not(.no-link):focus,
        .ui-teaser-addons.is-atlantis:not(.no-link):hover {
            background: #75b714;
        }

    .ui-teaser-addons.is-blue {
        background: #00aecf;
        transition: background 0.3s ease-out;
    }

        .ui-teaser-addons.is-blue:not(.no-link):active,
        .ui-teaser-addons.is-blue:not(.no-link):focus,
        .ui-teaser-addons.is-blue:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-teaser-addons.is-dark-blue {
        background: #039;
        transition: background 0.3s ease-out;
    }

        .ui-teaser-addons.is-dark-blue:not(.no-link):active,
        .ui-teaser-addons.is-dark-blue:not(.no-link):focus,
        .ui-teaser-addons.is-dark-blue:not(.no-link):hover {
            background: #000573;
        }

    .ui-teaser-addons.is-cumulus {
        background: #003d8d;
        transition: background 0.3s ease-out;
    }

        .ui-teaser-addons.is-cumulus:not(.no-link):active,
        .ui-teaser-addons.is-cumulus:not(.no-link):focus,
        .ui-teaser-addons.is-cumulus:not(.no-link):hover {
            background: #00145c;
        }

    .ui-teaser-addons.is-cyan {
        background: #0daacf;
        transition: background 0.3s ease-out;
    }

        .ui-teaser-addons.is-cyan:not(.no-link):active,
        .ui-teaser-addons.is-cyan:not(.no-link):focus,
        .ui-teaser-addons.is-cyan:not(.no-link):hover {
            background: #0089ad;
        }

    .ui-teaser-addons.is-gray {
        background: #b7b0ac;
        transition: background 0.3s ease-out;
    }

        .ui-teaser-addons.is-gray:not(.no-link):active,
        .ui-teaser-addons.is-gray:not(.no-link):focus,
        .ui-teaser-addons.is-gray:not(.no-link):hover {
            background: #9f9690;
        }

    .ui-teaser-addons.is-orange {
        background: #f60;
        transition: background 0.3s ease-out;
    }

        .ui-teaser-addons.is-orange:not(.no-link):active,
        .ui-teaser-addons.is-orange:not(.no-link):focus,
        .ui-teaser-addons.is-orange:not(.no-link):hover {
            background: #e03c00;
        }

    .ui-teaser-addons.is-pink-red {
        background: #ff0036;
        transition: background 0.3s ease-out;
    }

        .ui-teaser-addons.is-pink-red:not(.no-link):active,
        .ui-teaser-addons.is-pink-red:not(.no-link):focus,
        .ui-teaser-addons.is-pink-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-teaser-addons.is-red {
        background: #ff290b;
        transition: background 0.3s ease-out;
    }

        .ui-teaser-addons.is-red:not(.no-link):active,
        .ui-teaser-addons.is-red:not(.no-link):focus,
        .ui-teaser-addons.is-red:not(.no-link):hover {
            background: #e00009;
        }

    .ui-teaser-addons.is-white {
        background: #fff;
    }

        .ui-teaser-addons.is-white.with-image .text-area h3,
        .ui-teaser-addons.is-white.with-image .text-area p {
            color: #333;
        }

        .ui-teaser-addons.is-white.with-image .text-area::after {
            background-image: url(../img/arrow-teaser-black.svg);
        }

    .ui-teaser-addons ul {
        padding-left: 0;
        list-style: none;
    }

    .ui-teaser-addons li {
        width: 100%;
    }

    .ui-teaser-addons .has-rounded-corners,
    .ui-teaser-addons.has-rounded-corners {
        border-radius: 4px;
    }

    .ui-teaser-addons .mui-product-list-no-products li:hover .mui-product-tile {
        border: 1px solid transparent;
        border-left: 1px solid #f1efee;
        border-radius: 0;
        box-shadow: none;
    }

@media screen and (max-width: 1199px) {
    .ui-teaser-addons {
        min-height: 280px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-teaser-addons {
        min-height: 310px;
    }
}

@media screen and (max-width: 479px) {
    .ui-teaser-addons {
        height: auto;
        min-height: 110px;
        margin-top: 17px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 479px) {
    .col-xs-6 .ui-teaser-addons {
        width: 100%;
        margin-top: 0;
    }

        .col-xs-6 .ui-teaser-addons .mui-product-tile {
            height: 280px;
            min-height: 280px;
            margin-top: 0;
        }
}

.tiles-layout-wrapper.is-grill-wall .tile-cell {
    width: calc(33.33% - 12px);
}

    .tiles-layout-wrapper.is-grill-wall .tile-cell.is-full {
        width: calc(66.66% - 12px);
    }

.tiles-layout-wrapper.is-grill-wall .sub-tile-cell {
    width: 100%;
}

    .tiles-layout-wrapper.is-grill-wall .sub-tile-cell::before {
        display: none;
    }

@media screen and (min-width: 992px) {
    .tiles-layout-wrapper .ui-tiles-layout .tile-headline {
        font-size: 4rem;
        line-height: 1;
        min-width: 220px;
        max-width: 230px;
    }

    .tiles-layout-wrapper .ui-tiles-layout .ui-bubble::before {
        right: 31px;
        bottom: -22px;
        width: 32px;
        height: 28px;
    }

    .tiles-layout-wrapper .ui-tiles-layout .ui-bubble::after {
        right: 37px;
        bottom: -10px;
        width: 26px;
        height: 28px;
    }
}

@media screen and (max-width: 1199px) {
    .tiles-layout-wrapper.container {
        width: 100%;
        padding: 0;
    }
}

.ui-tiles-layout {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -8px;
}

    .ui-tiles-layout .sub-tile-content::after {
        position: absolute;
        top: 10px;
        left: 10px;
        display: block;
        width: 36px;
        height: 36px;
        background-image: url(../img/checked-tile.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        border-radius: 50%;
        box-shadow: -1px 4px 4px 1px rgba(0, 0, 0, 0.5);
        content: '';
        opacity: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        visibility: hidden;
    }

@media screen and (min-width: 768px) {
    .ui-tiles-layout .sub-tile-content::after {
        width: 50px;
        height: 50px;
    }
}

.ui-tiles-layout .sub-tile-content.is-checked::after {
    opacity: 1;
    transition: opacity 250ms 250ms ease-in-out, visibility 0s 0s;
    visibility: visible;
}

.ui-tiles-layout .sub-tile-content:active .stripe-headline,
.ui-tiles-layout .sub-tile-content:focus .stripe-headline,
.ui-tiles-layout .sub-tile-content:hover .stripe-headline {
    background-color: #e03c00;
    box-shadow: 10px 0 0 #e03c00, -18px 0 0 #e03c00;
}

    .ui-tiles-layout .sub-tile-content:active .stripe-headline::after,
    .ui-tiles-layout .sub-tile-content:focus .stripe-headline::after,
    .ui-tiles-layout .sub-tile-content:hover .stripe-headline::after {
        background-color: #e03c00;
        background-position: 3px -34px;
        box-shadow: 0 0 0 #e03c00, -30px 0 0 #e03c00;
    }

.ui-tiles-layout .tile-cell {
    position: relative;
    display: flex;
    width: calc(50% - 8px);
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 8px 0;
    color: #fff;
    font-size: 180px;
}

    .ui-tiles-layout .tile-cell.is-full .sub-tile-cell {
        width: 100%;
        height: 100%;
    }

    .ui-tiles-layout
    .tile-cell.is-horizontal
    .sub-tile-cell:first-child.is-lg-horizontal {
        margin-bottom: 16px;
    }

    .ui-tiles-layout
    .tile-cell.is-horizontal
    .sub-tile-cell:nth-child(2).is-lg-horizontal {
        margin-top: 0;
    }

    .ui-tiles-layout
    .tile-cell.is-horizontal
    .sub-tile-cell:nth-child(3).is-lg-horizontal {
        margin-top: 16px;
    }

    .ui-tiles-layout
    .tile-cell.is-horizontal
    .sub-tile-cell:not(.is-lg-horizontal):nth-child(3) {
        margin-top: 0;
    }

@media screen and (max-width: 767px) {
    .ui-tiles-layout .tile-cell {
        width: 100%;
    }
}

.ui-tiles-layout .sub-tile-cell {
    position: relative;
    overflow: hidden;
    width: calc(50% - 8px);
    text-align: center;
}

    .ui-tiles-layout .sub-tile-cell::before {
        display: block;
        width: 100%;
        padding-top: 100%;
        content: '';
    }

    .ui-tiles-layout .sub-tile-cell > .sub-tile-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .ui-tiles-layout .sub-tile-cell:not(.is-lg-horizontal):nth-child(3),
    .ui-tiles-layout .sub-tile-cell:not(.is-lg-horizontal):nth-child(4) {
        margin-top: 16px;
    }

    .ui-tiles-layout .sub-tile-cell.is-lg-horizontal {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

        .ui-tiles-layout .sub-tile-cell.is-lg-horizontal::before {
            display: block;
            width: 100%;
            padding-top: 50%;
            content: '';
        }

        .ui-tiles-layout .sub-tile-cell.is-lg-horizontal > .sub-tile-content {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .ui-tiles-layout .sub-tile-cell.is-lg-horizontal::before {
            padding-top: calc(50% - 8px);
        }

    .ui-tiles-layout .sub-tile-cell.is-lg-vertical {
        position: relative;
    }

        .ui-tiles-layout .sub-tile-cell.is-lg-vertical::before {
            display: block;
            width: 100%;
            padding-top: 200%;
            content: '';
        }

        .ui-tiles-layout .sub-tile-cell.is-lg-vertical > .sub-tile-content {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .ui-tiles-layout .sub-tile-cell.is-lg-vertical .tile-img {
            height: 100%;
        }

.ui-tiles-layout .sub-tile-cell-wrapper {
    display: flex;
    width: calc(50% - 8px);
    flex-wrap: wrap;
}

    .ui-tiles-layout .sub-tile-cell-wrapper .sub-tile-cell {
        width: 100%;
    }

        .ui-tiles-layout .sub-tile-cell-wrapper .sub-tile-cell:not(.is-lg-vertical) {
            height: calc(50% - 8px);
        }

            .ui-tiles-layout
            .sub-tile-cell-wrapper
            .sub-tile-cell:not(.is-lg-vertical):first-child {
                margin-bottom: 16px;
            }

.ui-tiles-layout .tile-img,
.ui-tiles-layout .video-img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.ui-tiles-layout .video-img {
    display: none;
}

@media screen and (max-width: 1199px) {
    .ui-tiles-layout .video-img {
        display: block;
    }
}

.ui-tiles-layout .tile-video {
    position: absolute;
    left: 50%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    transform: translateX(-50%);
}

    .ui-tiles-layout .tile-video video {
        height: 100%;
    }

.ui-tiles-layout .ui-bubble {
    position: absolute;
    z-index: 3;
    top: 23px;
    left: 23px;
    border: 10px solid #fff;
    background-color: #f8b900;
    border-radius: 59px/63px;
}

    .ui-tiles-layout .ui-bubble::before {
        position: absolute;
        z-index: 2;
        right: 41px;
        bottom: -26px;
        width: 43px;
        height: 36px;
        border-top: 0;
        border-left: 0;
        background-color: #fff;
        border-radius: 0 0 10px/10px 0;
        box-shadow: 6px 7px 3px -5px rgba(0, 0, 0, 0.2);
        content: '';
        transform: skew(-11deg, 38deg);
        transform-origin: center;
    }

    .ui-tiles-layout .ui-bubble::after {
        position: absolute;
        z-index: 3;
        right: 48px;
        bottom: -10px;
        width: 43px;
        height: 36px;
        background-color: #f8b900;
        content: '';
        transform: skew(-11deg, 38deg) scale(1, 1);
        transform-origin: center;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-tiles-layout .ui-bubble {
        top: 43px;
        left: 43px;
    }
}

@media screen and (max-width: 479px) {
    .ui-tiles-layout .ui-bubble::before {
        z-index: 2;
        right: 29px;
        bottom: -19px;
        width: 27px;
        height: 22px;
        transform: skew(-11deg, 35deg) scale(1, 1);
    }

    .ui-tiles-layout .ui-bubble::after {
        right: 35px;
        bottom: -6px;
        width: 26px;
        height: 18px;
        transform: skew(-11deg, 35deg) scale(1, 1);
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .ui-tiles-layout .ui-bubble::before {
        right: 31px;
        bottom: -22px;
        width: 32px;
        height: 28px;
    }

    .ui-tiles-layout .ui-bubble::after {
        right: 37px;
        bottom: -10px;
        width: 26px;
        height: 28px;
    }
}

.ui-tiles-layout .tile-headline {
    font-size: 5rem;
    line-height: 1;
    position: relative;
    z-index: 5;
    min-width: 263px;
    max-width: 270px;
    padding: 0 18px;
    margin: 0;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 479px) {
    .ui-tiles-layout .tile-headline {
        font-size: 2.5rem;
        line-height: 1;
        min-width: 155px;
        max-width: 176px;
        padding: 0 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .ui-tiles-layout .tile-headline {
        font-size: 4rem;
        line-height: 1;
        min-width: 230px;
        padding: 0 18px;
    }
}

.ui-tiles-layout .stripe-wrap {
    position: absolute;
    bottom: 50px;
    left: 15px;
    width: 72%;
    color: #fff;
    font-size: 0;
    text-align: left;
}

@media screen and (max-width: 1199px) {
    .ui-tiles-layout .stripe-wrap {
        width: 92%;
    }
}

@media screen and (max-width: 479px) {
    .ui-tiles-layout .stripe-wrap {
        bottom: 0;
        left: 0;
        width: 100%;
    }
}

.ui-tiles-layout .stripe-headline {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2.6rem;
    line-height: 3.3rem;
    display: inline;
    background-color: #f60;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    box-shadow: 10px 0 0 #f60, -18px 0 0 #f60;
}

    .ui-tiles-layout .stripe-headline::after {
        position: absolute;
        bottom: -31px;
        left: 0;
        width: 37px;
        height: 30px;
        background-color: #f60;
        background-image: url(../img/arrow-teaser-big.svg);
        background-position: 3px 0;
        background-repeat: no-repeat;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        box-shadow: 0 0 0 #f60, -20px 0 0 #f60;
        content: '';
        transition: background-position 0.37s ease-out;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-tiles-layout .stripe-headline {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 479px) {
    .ui-tiles-layout .stripe-headline {
        font-size: 1.4rem;
        line-height: 1.6rem;
        display: inline-block;
        width: 100%;
        padding: 8px 55px 8px 8px;
        margin: 0;
    }

        .ui-tiles-layout .stripe-headline::after {
            position: static;
            right: 20px;
            bottom: -22px;
            left: 0;
            display: block;
            width: 26px;
            height: 22px;
            background-image: url(../img/arrow-right-small-white.svg);
            background-position: 0 50%;
            box-shadow: 0 0 0 #f60, -20px 0 0 #f60;
            transition: none;
        }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-tiles-layout {
        margin-top: -6px;
    }

        .ui-tiles-layout .tile-cell {
            width: calc(50% - 6px);
            margin: 6px 0;
        }

            .ui-tiles-layout
            .tile-cell.is-horizontal
            .sub-tile-cell:first-child.is-lg-horizontal {
                margin-bottom: 12px;
            }

            .ui-tiles-layout
            .tile-cell.is-horizontal
            .sub-tile-cell:nth-child(3).is-lg-horizontal {
                margin-top: 12px;
            }

        .ui-tiles-layout .sub-tile-cell {
            width: calc(50% - 6px);
        }

            .ui-tiles-layout .sub-tile-cell:not(.is-lg-horizontal):nth-child(3),
            .ui-tiles-layout .sub-tile-cell:not(.is-lg-horizontal):nth-child(4) {
                margin-top: 12px;
            }

            .ui-tiles-layout .sub-tile-cell.is-lg-horizontal::before {
                padding-top: calc(50% - 6px);
            }

        .ui-tiles-layout .sub-tile-cell-wrapper {
            width: calc(50% - 6px);
        }

            .ui-tiles-layout .sub-tile-cell-wrapper .sub-tile-cell:not(.is-lg-vertical) {
                height: calc(50% - 6px);
            }

                .ui-tiles-layout
                .sub-tile-cell-wrapper
                .sub-tile-cell:not(.is-lg-vertical):first-child {
                    margin-bottom: 12px;
                }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-tiles-layout {
        margin-top: -9px;
    }

        .ui-tiles-layout .tile-cell {
            width: 100%;
            margin: 9px 0;
        }

            .ui-tiles-layout
            .tile-cell.is-horizontal
            .sub-tile-cell:first-child.is-lg-horizontal {
                margin-bottom: 18px;
            }

            .ui-tiles-layout
            .tile-cell.is-horizontal
            .sub-tile-cell:nth-child(3).is-lg-horizontal {
                margin-top: 18px;
            }

            .ui-tiles-layout .tile-cell:not(.is-horizontal) .sub-tile-cell:nth-child(3) {
                margin-top: 18px;
            }

            .ui-tiles-layout .tile-cell:not(.is-horizontal) .sub-tile-cell:nth-child(4) {
                margin-top: 18px;
            }

        .ui-tiles-layout .sub-tile-cell {
            width: calc(50% - 9px);
        }

            .ui-tiles-layout .sub-tile-cell:not(.is-lg-horizontal):nth-child(3),
            .ui-tiles-layout .sub-tile-cell:not(.is-lg-horizontal):nth-child(4) {
                margin-top: 18px;
            }

            .ui-tiles-layout .sub-tile-cell.is-lg-horizontal::before {
                padding-top: calc(50% - 9px);
            }

        .ui-tiles-layout .sub-tile-cell-wrapper {
            width: calc(50% - 9px);
        }

            .ui-tiles-layout .sub-tile-cell-wrapper .sub-tile-cell:not(.is-lg-vertical) {
                height: calc(50% - 9px);
            }

                .ui-tiles-layout
                .sub-tile-cell-wrapper
                .sub-tile-cell:not(.is-lg-vertical):first-child {
                    margin-bottom: 18px;
                }
}

@media screen and (max-width: 479px) {
    .ui-tiles-layout {
        margin-top: -5px;
    }

        .ui-tiles-layout .tile-cell {
            width: 100%;
            margin: 5px 0;
        }

            .ui-tiles-layout
            .tile-cell.is-horizontal
            .sub-tile-cell:first-child.is-lg-horizontal {
                margin-bottom: 10px;
            }

            .ui-tiles-layout
            .tile-cell.is-horizontal
            .sub-tile-cell:nth-child(3).is-lg-horizontal {
                margin-top: 10px;
            }

            .ui-tiles-layout .tile-cell:not(.is-horizontal) .sub-tile-cell:nth-child(3) {
                margin-top: 10px;
            }

            .ui-tiles-layout .tile-cell:not(.is-horizontal) .sub-tile-cell:nth-child(4) {
                margin-top: 10px;
            }

        .ui-tiles-layout .sub-tile-cell {
            width: calc(50% - 5px);
        }

            .ui-tiles-layout .sub-tile-cell:not(.is-lg-horizontal):nth-child(3),
            .ui-tiles-layout .sub-tile-cell:not(.is-lg-horizontal):nth-child(4) {
                margin-top: 10px;
            }

            .ui-tiles-layout .sub-tile-cell.is-lg-horizontal::before {
                padding-top: calc(50% - 5px);
            }

        .ui-tiles-layout .sub-tile-cell-wrapper {
            width: calc(50% - 5px);
        }

            .ui-tiles-layout .sub-tile-cell-wrapper .sub-tile-cell:not(.is-lg-vertical) {
                height: calc(50% - 5px);
            }

                .ui-tiles-layout
                .sub-tile-cell-wrapper
                .sub-tile-cell:not(.is-lg-vertical):first-child {
                    margin-bottom: 10px;
                }
}

.ui-hotspots {
    position: relative;
    outline: 0;
}

@-webkit-keyframes button-pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    30% {
        transform: translate(-50%, -50%) scale(1.5);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes button-pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    30% {
        transform: translate(-50%, -50%) scale(1.5);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

.ui-hotspots .hotspot-box {
    position: relative;
}

@media screen and (max-width: 767px) {
    .ui-hotspots .hotspot-box {
        -ms-overflow-style: none;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

        .ui-hotspots .hotspot-box::-webkit-scrollbar {
            display: none;
        }
}

.ui-hotspots .hotspot-box-scroller {
    position: relative;
}

.ui-hotspots .hotspot-scroll-icon {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    margin-top: -75px;
    margin-left: -75px;
    -webkit-animation: shake 10s both infinite;
    animation: shake 10s both infinite;
    background-image: url(../img/svg/icons/hotspot/swipe-icon.svg);
    background-size: contain;
    opacity: 1;
}

    .ui-hotspots .hotspot-scroll-icon.is-hide {
        opacity: 0;
        transition: opacity 0.2s ease-in;
        visibility: hidden;
    }

@media screen and (min-width: 768px) {
    .ui-hotspots .hotspot-scroll-icon {
        display: none;
    }
}

.ui-hotspots .hotspot-button-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    list-style: none;
}

    .ui-hotspots .hotspot-button-list.is-without-icons .hotspot-btn-open::after {
        z-index: 1;
        background-image: none;
    }

.ui-hotspots .hotspot {
    position: absolute;
    width: 0;
    height: 0;
}

.ui-hotspots .hotspot-content-wrapper {
    z-index: 1071;
}

.ui-hotspots .hotspot-content {
    z-index: 1072;
}

.ui-hotspots .hotspot-btn-close {
    z-index: 1072;
}

.ui-hotspots .hotspot-figure {
    width: 100%;
}

    .ui-hotspots .hotspot-figure img {
        width: 100%;
    }

.ui-hotspots .hotspot-value {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.2rem;
    position: relative;
    z-index: 2;
    color: #fff;
    pointer-events: none;
    text-transform: uppercase;
}

.ui-hotspots .hotspot-btn-open {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 49px;
    height: 49px;
    padding: 0;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    box-shadow: 1px 1px 15px -2px rgba(0, 0, 0, 0.1);
    outline: 0;
    transform: translate(-50%, -50%);
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out, background-color 0.2s ease-out;
    will-change: transform;
}

    .ui-hotspots .hotspot-btn-open::after,
    .ui-hotspots .hotspot-btn-open::before {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
    }

    .ui-hotspots .hotspot-btn-open::before {
        width: 49px;
        height: 49px;
        background-color: rgba(255, 255, 255, 0.5);
        content: '';
        transform: translate(-50%, -50%);
        transition: background-color 0.2s ease-out;
    }

    .ui-hotspots .hotspot-btn-open::after {
        width: 35px;
        height: 35px;
        background-color: #f60;
        background-image: url(../img/close-white.svg);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        box-shadow: 0 0 0 0 transparent;
        content: '';
        transform: translate(-50%, -50%) rotate(-45deg);
        transition: transform 0.2s ease-out, box-shadow 0.2s ease-out, background-color 0.2s ease-out;
    }

    .ui-hotspots .hotspot-btn-open:hover::after {
        background-color: #de450a;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.6);
    }

    .ui-hotspots .hotspot-btn-open:focus::before {
        background-color: #fff;
        transition: background-color 0.2s ease-in;
    }

    .ui-hotspots .hotspot-btn-open.is-small {
        width: 35px;
        height: 35px;
    }

        .ui-hotspots .hotspot-btn-open.is-small .hotspot-value {
            font-size: 1.6rem;
            line-height: 1.8rem;
        }

        .ui-hotspots .hotspot-btn-open.is-small::before {
            width: 35px;
            height: 35px;
        }

        .ui-hotspots .hotspot-btn-open.is-small::after {
            width: 25px;
            height: 25px;
            background-image: url(../img/svg/icons/hotspot/plus-white-small.svg);
            transform: translate(-50%, -50%) rotate(0);
        }

@media screen and (max-width: 767px) {
    .ui-hotspots .hotspot-btn-open.is-small {
        line-height: 3.2rem;
    }
}

.ui-hotspots .is-active .hotspot-btn-open {
    box-shadow: 1px 1px 15px -2px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s ease-in, box-shadow 0.2s ease-in, background-color 0.2s ease-in;
}

    .ui-hotspots .is-active .hotspot-btn-open::after {
        transform: translate(-50%, -50%) rotate(0);
        transition: transform 0.2s ease-in, box-shadow 0.2s ease-in, background-color 0.2s ease-in;
    }

    .ui-hotspots .is-active .hotspot-btn-open::before {
        background-color: #fff;
        transition: background-color 0.2s ease-out;
    }

    .ui-hotspots .is-active .hotspot-btn-open:hover::after {
        box-shadow: 0 0 0 0 transparent;
    }

    .ui-hotspots .is-active .hotspot-btn-open.is-small::after {
        transform: translate(-50%, -50%) rotate(45deg);
    }

@media screen and (max-width: 767px) {
    .ui-hotspots .is-active .hotspot-btn-open {
        box-shadow: none;
    }

        .ui-hotspots .is-active .hotspot-btn-open::before {
            background-color: rgba(0, 0, 0, 0);
        }
}

.ui-hotspots .hotspot-accordion {
    margin-top: 15px;
}

    .ui-hotspots .hotspot-accordion .ui-panel-migros:first-child {
        border-top: 2px solid #f60;
    }

    .ui-hotspots .hotspot-accordion .panel-body {
        padding: 16px 0 28px;
    }

        .ui-hotspots
        .hotspot-accordion
        .panel-body > .ui-c213-08-copyimage
        .ui-paragraph-headline.is-medium:first-of-type {
            margin-top: 12px;
        }

@media screen and (max-width: 479px) {
    .ui-hotspots
    .hotspot-accordion
    .panel-body > .ui-c213-08-copyimage
    .ui-paragraph-headline.is-medium:first-of-type {
        margin-top: 0;
    }
}

.ui-hotspots .hotspot-accordion .ui-panel-migros .panel-title > a {
    padding-left: 43px;
}

    .ui-hotspots .hotspot-accordion .ui-panel-migros .panel-title > a::before {
        left: 0;
    }

.ui-hotspots .hotspot-accordion .link {
    font-size: 1.3rem;
}

.ui-hotspots .accordion-figure {
    width: 100%;
    margin-bottom: 8px;
}

    .ui-hotspots .accordion-figure img {
        width: 100%;
    }

.ui-hotspots
.ui-js-hotspot-box.inview.inview-completely
.hotspot:nth-child(1n)
.hotspot-btn-open::before {
    -webkit-animation: button-pulse 1s ease;
    animation: button-pulse 1s ease;
}

.ui-hotspots
.ui-js-hotspot-box.inview.inview-completely
.hotspot:nth-child(2n)
.hotspot-btn-open::before {
    -webkit-animation: button-pulse 1s 250ms ease;
    animation: button-pulse 1s 250ms ease;
}

.ui-hotspots
.ui-js-hotspot-box.inview.inview-completely
.hotspot:nth-child(3n)
.hotspot-btn-open::before {
    -webkit-animation: button-pulse 1s 0.5s ease;
    animation: button-pulse 1s 0.5s ease;
}

.ui-hotspots.is-cumulus .hotspot-btn-open::after {
    background-color: #003d8d;
}

.ui-hotspots.is-cumulus .hotspot-btn-open:hover::after {
    background-color: #00145c;
}

.ui-hotspots.is-cumulus .hotspot-btn-close {
    background-color: #003d8d;
}

.ui-hotspots .hotspot-figure + .hotspot-text {
    margin-top: 12px;
}

.ui-hotspots .text-area h3 {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-top: 0;
    margin-bottom: 5px;
    color: #333;
    font-family: HelveticaNeueW01-75Bold;
    font-weight: 400;
    overflow-wrap: break-word;
}

@media screen and (max-width: 991px) {
    .ui-hotspots .text-area h3 {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
}

.ui-hotspots .text-area p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #333;
    font-family: HelveticaNeueW01-55Roma;
    font-weight: 400;
}

.ui-hotspots .text-area a {
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .ui-hotspots {
        right: 50%;
        left: 50%;
        overflow: hidden;
        width: 100vw;
        max-width: 100vw;
        margin-right: -50vw;
        margin-left: -50vw;
    }
}

@media screen and (max-width: 767px) {
    @-webkit-keyframes animateHotspotBox {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(100vw - 768px));
        }
    }

    @keyframes animateHotspotBox {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(100vw - 768px));
        }
    }

    .ui-hotspots .hotspot-btn-open {
        box-shadow: none;
        line-height: 5.2rem;
    }

        .ui-hotspots .hotspot-btn-open::before {
            background-color: rgba(0, 0, 0, 0);
        }

        .ui-hotspots .hotspot-btn-open:focus {
            color: #fff;
        }

            .ui-hotspots .hotspot-btn-open:focus::before {
                background-color: rgba(0, 0, 0, 0);
            }

    .ui-hotspots .hotspot-content-wrapper {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100vw;
        max-width: 100vw;
        height: 249px;
        overflow-x: hidden;
        overflow-y: scroll;
        visibility: hidden;
    }

        .ui-hotspots .hotspot-content-wrapper.is-open {
            height: 100%;
        }

    .ui-hotspots .hotspot-content {
        position: fixed;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: 249px;
        padding: 0 18px 18px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: #fff;
        border-radius: 10px 10px 0 0;
        box-shadow: 0 0 10px 0 rgba(83, 83, 83, 0.2);
        outline: 0;
        transition: height 0.3s, -webkit-animation 0.3s ease-in-out;
        transition: height 0.3s, animation 0.3s ease-in-out;
        transition: height 0.3s, animation 0.3s ease-in-out, -webkit-animation 0.3s ease-in-out;
        visibility: hidden;
    }

        .ui-hotspots .hotspot-content.is-swipe-up {
            height: calc(100% - 35px);
            -webkit-overflow-scrolling: touch;
            overflow-y: scroll;
        }

        .ui-hotspots .hotspot-content.is-swipe-down {
            height: 0;
        }

    .ui-hotspots .hotspot-text h3 {
        display: none;
    }

    .ui-hotspots .hotspot-mobile-panel {
        position: relative;
        min-height: 65px;
        padding: 40px 0 12px;
        margin-bottom: 12px;
    }

        .ui-hotspots .hotspot-mobile-panel::before {
            position: absolute;
            top: 10px;
            left: 50%;
            width: 40px;
            height: 4px;
            background-color: #f60;
            border-radius: 4px;
            content: '';
            transform: translateX(-50%);
        }

        .ui-hotspots .hotspot-mobile-panel::after {
            position: absolute;
            bottom: 0;
            left: -18px;
            width: calc(100% + 36px);
            height: 2px;
            background-color: #f3f2f0;
            content: '';
        }

        .ui-hotspots .hotspot-mobile-panel h3 {
            font-size: 2.2rem;
            line-height: 2.6rem;
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            margin: 0;
        }

    .ui-hotspots .hotspot-btn-close {
        position: absolute;
        top: 20px;
        right: 2px;
        width: 16px;
        height: 16px;
        padding: 0;
        border: 0;
        background-color: rgba(0, 0, 0, 0);
        background-image: url(../img/close-orange-large.svg);
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 50%;
    }

    .ui-hotspots .is-active .hotspot-content-wrapper {
        visibility: visible;
    }

    .ui-hotspots .is-active .hotspot-content {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-name: fadeInBottom;
        animation-name: fadeInBottom;
        visibility: visible;
    }

    .ui-hotspots .hotspot-box-scroller {
        width: 768px;
        height: 100%;
        -webkit-animation-duration: 30s;
        animation-duration: 30s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: none;
        animation-name: none;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    .ui-hotspots
    .ui-js-hotspot-box.inview.is-animation
    .hotspot-box-scroller.is-animation {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-name: animateHotspotBox;
        animation-name: animateHotspotBox;
    }
}

@media screen and (min-width: 768px) {
    .ui-hotspots .hotspot-content {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 246px;
        padding: 12px;
        background-color: rgba(0, 0, 0, 0);
        box-shadow: 1px 1px 15px -2px rgba(0, 0, 0, 0.3);
        perspective: 500px;
        transform: scale(0) translate(-50%, -50%);
        transform-origin: top left;
        visibility: hidden;
    }

    .ui-hotspots .ui-js-hotspot-box.inview .hotspot-content {
        transition: transform 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06), visibility 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background-color 250ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

        .ui-hotspots .ui-js-hotspot-box.inview .hotspot-content::after {
            position: absolute;
            z-index: -1;
            width: 0;
            height: 0;
            border: solid #fff;
            border-width: 12px;
            margin-left: -12px;
            box-shadow: 5px 5px 15px -6px transparent;
            content: ' ';
            pointer-events: none;
            transition: box-shadow 0.1s cubic-bezier(0.755, 0.05, 0.855, 0.06), transform 0.1s cubic-bezier(0.755, 0.05, 0.855, 0.06);
        }

        .ui-hotspots .ui-js-hotspot-box.inview .hotspot-content.is-top {
            top: auto;
            bottom: 0;
            transform-origin: bottom left;
        }

            .ui-hotspots .ui-js-hotspot-box.inview .hotspot-content.is-top::after {
                top: 100%;
                left: 50%;
                transform: translate(0, -100%) rotate(45deg) scale(0);
            }

        .ui-hotspots .ui-js-hotspot-box.inview .hotspot-content.is-right::after {
            top: 50%;
            left: 0;
            transform: translate(100%, -50%) rotate(135deg) scale(0);
        }

        .ui-hotspots .ui-js-hotspot-box.inview .hotspot-content.is-bottom::after {
            top: 0;
            left: 50%;
            transform: translate(0, 100%) rotate(-135deg) scale(0);
        }

        .ui-hotspots .ui-js-hotspot-box.inview .hotspot-content.is-left {
            right: 0;
            left: auto;
            transform-origin: top right;
        }

            .ui-hotspots .ui-js-hotspot-box.inview .hotspot-content.is-left::after {
                top: 50%;
                left: 100%;
                transform: translate(-100%, -50%) rotate(-45deg) scale(0);
            }

    .ui-hotspots .ui-js-hotspot-box.inview .hotspot-figure {
        opacity: 0;
        transition: opacity 75ms ease-in;
    }

    .ui-hotspots .ui-js-hotspot-box.inview .hotspot-text {
        opacity: 0;
        transition: opacity 75ms ease-in;
    }

    .ui-hotspots .ui-js-hotspot-box.inview .is-active .hotspot-content {
        background-color: #fff;
        transition: transform 0.4s 250ms cubic-bezier(0.23, 1, 0.32, 1), background-color 0.4s 250ms cubic-bezier(0.23, 1, 0.32, 1), visibility 0.4s 250ms cubic-bezier(0.23, 1, 0.32, 1);
        visibility: visible;
    }

        .ui-hotspots .ui-js-hotspot-box.inview .is-active .hotspot-content::after {
            box-shadow: 5px 5px 15px -6px rgba(0, 0, 0, 0.3);
            transition: box-shadow 0.1s 250ms cubic-bezier(0.23, 1, 0.32, 1), transform 0.3s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .ui-hotspots .ui-js-hotspot-box.inview .is-active .hotspot-content.is-top {
            transform: scale(1) translate(-50%, -48px);
        }

            .ui-hotspots
            .ui-js-hotspot-box.inview
            .is-active
            .hotspot-content.is-top::after {
                transform: translate(0, -50%) rotate(45deg) scale(1);
            }

        .ui-hotspots .ui-js-hotspot-box.inview .is-active .hotspot-content.is-right {
            transform: scale(1) translate(48px, -50%);
        }

            .ui-hotspots
            .ui-js-hotspot-box.inview
            .is-active
            .hotspot-content.is-right::after {
                transform: translate(0, -50%) rotate(135deg) scale(1);
            }

        .ui-hotspots .ui-js-hotspot-box.inview .is-active .hotspot-content.is-bottom {
            transform: scale(1) translate(-50%, 48px);
        }

            .ui-hotspots
            .ui-js-hotspot-box.inview
            .is-active
            .hotspot-content.is-bottom::after {
                transform: translate(0, -50%) rotate(-135deg) scale(1);
            }

        .ui-hotspots .ui-js-hotspot-box.inview .is-active .hotspot-content.is-left {
            transform: scale(1) translate(-48px, -50%);
        }

            .ui-hotspots
            .ui-js-hotspot-box.inview
            .is-active
            .hotspot-content.is-left::after {
                transform: translate(0, -50%) rotate(-45deg) scale(1);
            }

    .ui-hotspots .ui-js-hotspot-box.inview .is-active .hotspot-figure {
        opacity: 1;
        transition: opacity 250ms 0.4s ease-out;
        visibility: visible;
    }

        .ui-hotspots .ui-js-hotspot-box.inview .is-active .hotspot-figure img {
            width: 100%;
        }

    .ui-hotspots .ui-js-hotspot-box.inview .is-active .hotspot-text {
        padding: 0;
        opacity: 1;
        transition: opacity 250ms 0.4s ease-out;
        visibility: visible;
    }
}

@media screen and (min-width: 992px) {
    .ui-hotspots .hotspot-content {
        width: 312px;
    }
}

@-webkit-keyframes fadeInBottom {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes fadeInBottom {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70% {
        transform: translateX(-7px);
    }

    20%, 40%, 60% {
        transform: translateX(7px);
    }
}

body.is-overlay-open {
    overflow: hidden;
}

.ui-c301-12-tile-accordion.is-with-border-radius .tile-img {
    border-radius: 4px;
}

.ui-c301-12-tile-accordion .tile-grid {
    margin: 0 -12px;
    display: flex;
    flex-flow: row wrap;
}

.ui-c301-12-tile-accordion .tile {
    margin: 12px;
    width: calc((100% / 2) - 24px);
    cursor: pointer;
}

    .ui-c301-12-tile-accordion .tile.is-dark-text .tile-img-box {
        color: #333;
    }

    .ui-c301-12-tile-accordion .tile.is-open .tile-description {
        max-height: 100%;
        margin-top: 45px;
        opacity: 1;
        z-index: 3;
    }

    .ui-c301-12-tile-accordion .tile.is-open .tile-item {
        z-index: 5;
        transform: translateY(10px);
        transition: transform 0.2s ease-in-out;
    }

        .ui-c301-12-tile-accordion .tile.is-open .tile-item::after {
            transform: translate(-50%, 36px);
            opacity: 1;
            transition: all 0.15s ease-in-out 0.15s;
        }

@media screen and (max-width: 767px) {
    .ui-c301-12-tile-accordion .tile:nth-of-type(2n + 2) .tile-description {
        margin-left: calc(-100% - 24px);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c301-12-tile-accordion .tile:nth-of-type(4n + 2) .tile-description {
        margin-left: calc(-100% - 24px);
    }

    .ui-c301-12-tile-accordion .tile:nth-of-type(4n + 3) .tile-description {
        margin-left: calc(-200% - 24px * 2);
    }

    .ui-c301-12-tile-accordion .tile:nth-of-type(4n + 4) .tile-description {
        margin-left: calc(-300% - 24px * 3);
    }
}

@media screen and (min-width: 768px) {
    .ui-c301-12-tile-accordion .tile {
        width: calc((100% / 4) - 24px);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c301-12-tile-accordion .tile:nth-of-type(4n + 2) .tile-description {
        margin-left: calc(-100% - 24px);
    }

    .ui-c301-12-tile-accordion .tile:nth-of-type(4n + 3) .tile-description {
        margin-left: calc(-200% - 24px * 2);
    }

    .ui-c301-12-tile-accordion .tile:nth-of-type(4n + 4) .tile-description {
        margin-left: calc(-300% - 24px * 3);
    }
}

@media screen and (min-width: 1200px) {
    .ui-c301-12-tile-accordion .tile {
        width: calc((100% / 6) - 24px);
    }

        .ui-c301-12-tile-accordion .tile:nth-of-type(6n + 2) .tile-description {
            margin-left: calc(-100% - 24px);
        }

        .ui-c301-12-tile-accordion .tile:nth-of-type(6n + 3) .tile-description {
            margin-left: calc(-200% - 24px * 2);
        }

        .ui-c301-12-tile-accordion .tile:nth-of-type(6n + 4) .tile-description {
            margin-left: calc(-300% - 24px * 3);
        }

        .ui-c301-12-tile-accordion .tile:nth-of-type(6n + 5) .tile-description {
            margin-left: calc(-400% - 24px * 4);
        }

        .ui-c301-12-tile-accordion .tile:nth-of-type(6n + 6) .tile-description {
            margin-left: calc(-500% - 24px * 5);
        }
}

.ui-c301-12-tile-accordion .tile-img-box {
    position: relative;
    color: #fff;
}

.ui-c301-12-tile-accordion .tile-content {
    position: absolute;
    top: 10px;
    left: 10px;
}

.ui-c301-12-tile-accordion .tile-img {
    max-width: 100%;
}

.ui-c301-12-tile-accordion .tile-roof-line {
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-family: 'Helvetica Now Text Bold';
    margin-bottom: 5px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c301-12-tile-accordion .tile-roof-line {
        font-size: 1.7rem;
        line-height: 2.2rem;
    }
}

.ui-c301-12-tile-accordion .tile-text {
    font-size: 2.8rem;
    line-height: 3rem;
    font-family: 'Helvetica Now Text XBold';
    letter-spacing: -0.3px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c301-12-tile-accordion .tile-text {
        font-size: 3.8rem;
        line-height: 4.2rem;
        letter-spacing: -0.4px;
    }
}

.ui-c301-12-tile-accordion .tile-subheadline {
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-family: 'Helvetica Now Micro Bold';
}

.ui-c301-12-tile-accordion .tile-description {
    position: relative;
    max-height: 0;
    margin-top: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    width: calc(200% + 24px);
}

    .ui-c301-12-tile-accordion .tile-description::before {
        content: '';
        width: 100vw;
        height: 100%;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        background-color: #f1f1f1;
        z-index: -1;
    }

@media screen and (min-width: 768px) {
    .ui-c301-12-tile-accordion .tile-description {
        width: calc(400% + 24px * 3);
    }

        .ui-c301-12-tile-accordion .tile-description::before {
            width: calc(100vw - 70px);
        }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c301-12-tile-accordion .tile-description::before {
        width: calc(100vw - 80px);
    }
}

@media screen and (min-width: 1200px) {
    .ui-c301-12-tile-accordion .tile-description {
        width: calc(600% + 24px * 5);
    }
}

.ui-c301-12-tile-accordion .tile-content-wrap {
    overflow: hidden;
    padding: 60px 12px 30px;
    margin: 0 -12px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c301-12-tile-accordion .tile-content-wrap {
        padding: 45px 12px 40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-c301-12-tile-accordion .tile-content-wrap {
        padding: 50px 12px 40px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c301-12-tile-accordion .tile-content-wrap {
        padding: 65px 12px 60px;
    }
}

.ui-c301-12-tile-accordion .tile-item {
    position: relative;
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0;
    transition: transform 0.2s ease-in-out, z-index 0s linear 0.2s;
}

    .ui-c301-12-tile-accordion .tile-item:hover {
        transform: translateY(10px);
    }

    .ui-c301-12-tile-accordion .tile-item::after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translate(-50%, 25px);
        bottom: 0;
        width: 0;
        height: 0;
        border-right: 17px solid transparent;
        border-left: 17px solid transparent;
        border-bottom: 25px solid #f1f1f1;
        opacity: 0;
        z-index: 5;
        transition: all 0.2s ease-in-out;
    }

.ui-c301-12-tile-accordion .icon-close {
    position: absolute;
    top: 35px;
    right: 0;
    font-size: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.526 0L20 2.476 12.475 10 20 17.526 17.526 20 10 12.474 2.474 20 0 17.526 7.526 10 0 2.476 2.474 0 10 7.525 17.526 0z' fill='%23333' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center right;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    border: 0;
    padding: 0;
}

    .ui-c301-12-tile-accordion .icon-close:focus {
        outline: 0;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-c301-12-tile-accordion .icon-close {
        top: 20px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c301-12-tile-accordion .icon-close {
        top: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c301-12-tile-accordion .icon-close {
        background-size: 20px;
        width: 25px;
        height: 25px;
    }
}

.ui-c301-12-tile-accordion .tile-headline {
    font-size: 2.2rem;
    line-height: 2.5rem;
    font-family: 'Helvetica Now Text Bold';
    font-weight: 400;
    letter-spacing: -0.25px;
    margin: 0 0 11px;
}

@media screen and (min-width: 768px) {
    .ui-c301-12-tile-accordion .tile-headline {
        margin: 0 0 24px;
    }
}

@media screen and (min-width: 992px) {
    .ui-c301-12-tile-accordion .tile-headline {
        font-size: 2.8rem;
        line-height: 3.2rem;
        letter-spacing: -0.5px;
    }
}

@media screen and (min-width: 1200px) {
    .ui-c301-12-tile-accordion .tile-headline {
        font-size: 3.2rem;
        line-height: 3.6rem;
    }
}

.ui-c301-12-tile-accordion .ui-high-teaser-list {
    margin-top: 40px;
}

    .ui-c301-12-tile-accordion .ui-high-teaser-list .content-wrap {
        padding: 0;
    }

.ui-c301-12-tile-accordion .ui-teaser-figure-tile .front-side {
    background-color: rgba(0, 0, 0, 0);
}

.ui-g120-navigation .meta-navigation {
    padding: 0 30px;
    font-family: 'Helvetica Now Text Bold';
}

.ui-g120-navigation .meta-nav-title {
    font-size: 2rem;
    line-height: 2.3rem;
    font-weight: 400;
}

.ui-g120-navigation .meta-nav-list {
    margin-top: 20px;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.ui-g120-navigation .meta-nav-list-item {
    font-size: 1.6rem;
    line-height: 1.8rem;
    list-style-type: none;
    margin-top: 10px;
}

.ui-g120-navigation .meta-nav-link {
    display: flex;
    align-items: center;
    margin-right: 44px;
}

    .ui-g120-navigation .meta-nav-link svg path {
        transition: fill 0.1s linear;
    }

    .ui-g120-navigation .meta-nav-link::after {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='6' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23CCC' d='M0 0h2v2H0z'/%3E%3Cpath fill='none' d='M2.5.5h3v1h-3z'/%3E%3C/g%3E%3C/svg%3E");
    }

    .ui-g120-navigation .meta-nav-link:focus .meta-nav-link-text,
    .ui-g120-navigation .meta-nav-link:hover .meta-nav-link-text {
        border-color: #de450a;
    }

.ui-g120-navigation .meta-nav-link-text {
    transition: color, border-color 0.1s linear;
    border-bottom: 2px solid transparent;
    margin: 0 7px 0 13px;
}

.ui-g120-navigation .meta-nav-icon {
    padding-right: 15px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-g120-navigation .navigation-page {
        padding: 0 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-g120-navigation .navigation-page {
        padding: 0 20px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-g120-navigation .meta-navigation {
        padding: 0 30px;
    }
}

@media screen and (max-width: 479px) {
    .ui-g120-navigation .meta-navigation {
        padding: 0 20px;
    }
}

@media screen and (max-width: 991px) {
    .ui-g120-navigation .meta-nav-title {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }

    .ui-g120-navigation .meta-nav-list {
        display: block;
        margin-top: 25px;
    }

    .ui-g120-navigation .meta-nav-list-item {
        margin-top: 0;
    }

        .ui-g120-navigation .meta-nav-list-item + .meta-nav-list-item {
            margin-top: 15px;
        }

    .ui-g120-navigation .meta-nav-link-text {
        margin: 0 7px 0 11px;
    }
}

@media screen and (min-width: 992px) {
    .ui-g120-navigation .remove-space-right .meta-nav-link {
        margin-right: 0;
    }
}

@-webkit-keyframes fadeInOut {
    from {
        transform: rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }

    to {
        transform: rotate3d(1, 0, 0, 0deg);
        opacity: 1;
    }
}

@keyframes fadeInOut {
    from {
        transform: rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }

    to {
        transform: rotate3d(1, 0, 0, 0deg);
        opacity: 1;
    }
}

.ui-g120-navigation .navigation-page {
    min-width: 100%;
    padding: 0 30px;
    transition: transform 0.5s ease-in-out;
    transform: translateX(0);
    position: absolute;
}

    .ui-g120-navigation .navigation-page.animate-out-to-right,
    .ui-g120-navigation .navigation-page.is-next {
        transform: translateX(100%);
    }

    .ui-g120-navigation .navigation-page.animate-out-to-left,
    .ui-g120-navigation .navigation-page.is-prev {
        transform: translate(-100%);
    }

.ui-g120-navigation .menu-list-container {
    display: flex;
    margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
    .ui-g120-navigation .menu-list-container {
        margin-bottom: 40px;
    }
}

.ui-g120-navigation .drill-up {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: 'Helvetica Now Text Bold';
    font-weight: 400;
    color: #333;
    display: inline-flex;
    align-items: baseline;
    margin: 20px 0 7px;
    transition: color 0.1s linear;
}

    .ui-g120-navigation .drill-up svg path {
        transition: fill 0.1s linear;
    }

    .ui-g120-navigation .drill-up:focus,
    .ui-g120-navigation .drill-up:hover {
        color: #de450a;
    }

        .ui-g120-navigation .drill-up:focus svg path,
        .ui-g120-navigation .drill-up:hover svg path {
            fill: #de450a;
        }

        .ui-g120-navigation .drill-up:focus .drill-up-text,
        .ui-g120-navigation .drill-up:hover .drill-up-text {
            border-color: #de450a;
        }

.ui-g120-navigation .drill-up-text {
    border-bottom: 2px solid transparent;
    transition: border-color 0.1s linear;
    margin-left: 8px;
}

.ui-g120-navigation .page-title {
    font-size: 3.2rem;
    line-height: 4.8rem;
    font-family: 'Helvetica Now Text Bold';
    font-weight: 400;
    margin-bottom: 20px;
}

.ui-g120-navigation .page-title-link {
    display: inline-flex;
    align-items: center;
    transition: color 0.1s linear;
}

    .ui-g120-navigation .page-title-link:focus .page-title-text,
    .ui-g120-navigation .page-title-link:hover .page-title-text {
        border-color: #de450a;
    }

    .ui-g120-navigation .page-title-link svg {
        min-width: 13px;
    }

.ui-g120-navigation .page-title-text {
    margin-right: 12px;
    border-bottom: 3px solid transparent;
    transition: border-color 0.1s linear;
}

.ui-g120-navigation .left-col,
.ui-g120-navigation .right-col {
    width: 50%;
}

.ui-g120-navigation .right-col {
    margin-left: 40px;
}

.ui-g120-navigation .menu-list {
    padding: 0;
    transform: rotate3d(1, 0, 0, 90deg);
    opacity: 0;
    pointer-events: none;
    will-change: transform;
}

    .ui-g120-navigation .menu-list + .menu-list {
        margin-top: 30px;
    }

    .ui-g120-navigation .menu-list.is-2-col {
        width: 100%;
        display: grid;
        grid-gap: 0 40px;
        grid-template-columns: repeat(2, calc(50% - 20px));
    }

    .ui-g120-navigation .menu-list.is-mobile-only {
        width: 100%;
    }

.ui-g120-navigation.is-visible
.in-view
.navigation-page.is-current-page
.menu-list {
    pointer-events: all;
    -webkit-animation: fadeInOut 0.4s;
    animation: fadeInOut 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

    .ui-g120-navigation.is-visible
    .in-view
    .navigation-page.is-current-page
    .menu-list:nth-child(1) {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .ui-g120-navigation.is-visible
    .in-view
    .navigation-page.is-current-page
    .menu-list:nth-child(2) {
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s;
    }

    .ui-g120-navigation.is-visible
    .in-view
    .navigation-page.is-current-page
    .menu-list:nth-child(3) {
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

    .ui-g120-navigation.is-visible
    .in-view
    .navigation-page.is-current-page
    .menu-list:nth-child(4) {
        -webkit-animation-delay: 0.9s;
        animation-delay: 0.9s;
    }

    .ui-g120-navigation.is-visible
    .in-view
    .navigation-page.is-current-page
    .menu-list:nth-child(5) {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .ui-g120-navigation.is-visible
    .in-view
    .navigation-page.is-current-page
    .menu-list:nth-child(6) {
        -webkit-animation-delay: 1.1s;
        animation-delay: 1.1s;
    }

    .ui-g120-navigation.is-visible
    .in-view
    .navigation-page.is-current-page
    .menu-list:nth-child(7) {
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
    }

    .ui-g120-navigation.is-visible
    .in-view
    .navigation-page.is-current-page
    .menu-list:nth-child(8) {
        -webkit-animation-delay: 1.3s;
        animation-delay: 1.3s;
    }

    .ui-g120-navigation.is-visible
    .in-view
    .navigation-page.is-current-page
    .menu-list:nth-child(9) {
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s;
    }

    .ui-g120-navigation.is-visible
    .in-view
    .navigation-page.is-current-page
    .menu-list:nth-child(10) {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
    }

    .ui-g120-navigation.is-visible
    .in-view
    .navigation-page.is-current-page
    .menu-list
    .menu-item:not(.is-bold) {
        opacity: 1;
    }

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list:nth-child(5) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list:nth-child(6) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list:nth-child(7) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list:nth-child(8) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list:nth-child(9) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list:nth-child(10) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(1) {
    transition-delay: 0s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(2) {
    transition-delay: 50ms;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(3) {
    transition-delay: 0.1s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(4) {
    transition-delay: 150ms;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(5) {
    transition-delay: 0.2s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(6) {
    transition-delay: 250ms;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(7) {
    transition-delay: 0.3s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(8) {
    transition-delay: 350ms;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(9) {
    transition-delay: 0.4s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(10) {
    transition-delay: 450ms;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(11) {
    transition-delay: 0.5s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(12) {
    transition-delay: 550ms;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(13) {
    transition-delay: 0.6s;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(14) {
    transition-delay: 650ms;
}

.ui-g120-navigation.no-initial-delay
.in-view
.navigation-page.is-current-page
.menu-list
.menu-item:not(.is-bold):nth-child(15) {
    transition-delay: 0.7s;
}

.ui-g120-navigation .menu-item {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-family: 'Helvetica Now Text Regular';
    font-weight: 400;
    list-style-type: none;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23CCC' d='M0 0h2v2H0z'/%3E%3Cpath fill='none' d='M2.5.5h3v1h-3z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-position: 0 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ui-g120-navigation .is-bold {
    justify-content: flex-start;
}

    .ui-g120-navigation .is-bold .menu-item-link::after {
        content: '';
        display: inline-block;
        background-image: url(../img/arrow-right-medium-orange.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 8px;
        height: 14px;
        margin-left: 8px;
    }

    .ui-g120-navigation .is-bold .menu-item-link h5,
    .ui-g120-navigation .is-bold .menu-item-link span {
        font-size: 2rem;
        line-height: 1.8rem;
        font-family: 'Helvetica Now Text Bold';
        font-weight: 400;
        transition: border-color 0.1s linear;
        border-bottom: 2px solid transparent;
    }

    .ui-g120-navigation .is-bold .menu-item-link h5 {
        display: inline;
    }

    .ui-g120-navigation .is-bold .menu-item-link:focus h5,
    .ui-g120-navigation .is-bold .menu-item-link:focus span,
    .ui-g120-navigation .is-bold .menu-item-link:hover h5,
    .ui-g120-navigation .is-bold .menu-item-link:hover span {
        border-color: #f60;
    }

.ui-g120-navigation .menu-item-link {
    display: inline-block;
    color: #333;
    width: 100%;
    transition: color 0.1s linear;
    position: relative;
    padding: 12px 0;
    border-bottom: 2px solid transparent;
}

    .ui-g120-navigation .menu-item-link.is-active,
    .ui-g120-navigation .menu-item-link:focus,
    .ui-g120-navigation .menu-item-link:hover {
        color: #f60;
    }

        .ui-g120-navigation .menu-item-link.is-active::after,
        .ui-g120-navigation .menu-item-link:focus::after,
        .ui-g120-navigation .menu-item-link:hover::after {
            color: #f60;
        }

.ui-g120-navigation .menu-item:not(.is-bold) {
    will-change: opacity;
    opacity: 0;
    transition: opacity 0.6s ease-out;
    transform: translateZ(0);
}

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(1) {
        transition-delay: 620ms;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(2) {
        transition-delay: 0.7s;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(3) {
        transition-delay: 780ms;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(4) {
        transition-delay: 860ms;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(5) {
        transition-delay: 940ms;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(6) {
        transition-delay: 1.02s;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(7) {
        transition-delay: 1.1s;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(8) {
        transition-delay: 1.18s;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(9) {
        transition-delay: 1.26s;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(10) {
        transition-delay: 1.34s;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(11) {
        transition-delay: 1.42s;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(12) {
        transition-delay: 1.5s;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(13) {
        transition-delay: 1.58s;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(14) {
        transition-delay: 1.66s;
    }

    .ui-g120-navigation .menu-item:not(.is-bold):nth-child(15) {
        transition-delay: 1.74s;
    }

    .ui-g120-navigation .menu-item:not(.is-bold) .menu-item-link {
        padding-right: 20px;
    }

        .ui-g120-navigation .menu-item:not(.is-bold) .menu-item-link span {
            position: relative;
        }

            .ui-g120-navigation .menu-item:not(.is-bold) .menu-item-link span::before {
                opacity: 0;
                position: absolute;
                bottom: -2px;
                left: 0;
                width: 100%;
                height: 2px;
                background-color: #f60;
                content: '';
                transition: opacity 0.1s linear;
            }

        .ui-g120-navigation
        .menu-item:not(.is-bold)
        .menu-item-link.has-children
        span::after {
            position: absolute;
            bottom: 5px;
            right: -20px;
            display: inline-block;
            content: '...';
            width: 16px;
            height: 16px;
        }

        .ui-g120-navigation
        .menu-item:not(.is-bold)
        .menu-item-link + .menu-item-hover-icon {
            opacity: 0;
            display: block;
            background-image: url(../img/arrow-right-medium-orange.svg);
            background-repeat: no-repeat;
            background-size: cover;
            width: 8px;
            height: 14px;
            transition: opacity 0.1s linear;
        }

        .ui-g120-navigation
        .menu-item:not(.is-bold)
        .menu-item-link.is-external + .menu-item-hover-icon {
            width: 13px;
            height: 12px;
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M22.044 7.5v11.25h-2.357l-.001-7.278L9.703 22.5l-1.747-1.583 10.012-11.06h-7.177V7.499z'/%3E%3C/defs%3E%3Cuse fill='%23F60' fill-rule='nonzero' xlink:href='%23a' transform='matrix(0 -1 -1 0 23 23)'/%3E%3C/svg%3E");
            background-size: cover;
        }

        .ui-g120-navigation
        .menu-item:not(.is-bold)
        .menu-item-link:focus
        span::before {
            opacity: 1;
        }

        .ui-g120-navigation
        .menu-item:not(.is-bold)
        .menu-item-link:hover
        span::before {
            opacity: 1;
        }

        .ui-g120-navigation
        .menu-item:not(.is-bold)
        .menu-item-link:hover + .menu-item-hover-icon {
            opacity: 1;
        }

.ui-g120-navigation .menu-item-hover-icon {
    background-image: url(../img/arrow-right-medium-orange.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    width: 8px;
    height: 14px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-g120-navigation .navigation-page {
        padding: 0 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-g120-navigation .navigation-page {
        padding: 0 20px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-g120-navigation .navigation-page {
        padding: 0 30px;
    }
}

@media screen and (max-width: 479px) {
    .ui-g120-navigation .navigation-page {
        padding: 0 20px;
        transition: transform 0.25s ease-in-out;
    }
}

@media screen and (max-width: 767px) {
    .ui-g120-navigation .drill-up {
        margin: 6px 0 13px;
    }

    .ui-g120-navigation .page-title {
        margin-bottom: 7px;
    }

    .ui-g120-navigation .menu-list.is-2-col {
        display: block;
    }

    .ui-g120-navigation .left-col,
    .ui-g120-navigation .right-col {
        display: none;
    }

    .ui-g120-navigation .menu-item.is-mobile-only {
        display: flex;
    }
}

.ui-g120-navigation {
    font-weight: 400;
    display: none;
}

    .ui-g120-navigation.is-visible {
        z-index: 1100;
        display: block;
        position: absolute;
        margin-top: 140px;
        top: 0;
        left: 0;
        right: 0;
    }

    .ui-g120-navigation .is-mobile-only {
        display: none;
    }

    .ui-g120-navigation .navigation-content {
        position: relative;
        max-width: 1025px;
        margin: 0 auto;
        opacity: 0;
        transition: opacity 0.6s ease-out, transform 0.45s cubic-bezier(0.17, 0.67, 0.28, 1);
        transform: translateY(calc(-100% - 140px));
        transition-delay: 0.2s;
        background-color: #fff;
        padding: 30px 0 50px;
        border-radius: 5px;
    }

        .ui-g120-navigation .navigation-content.in-view {
            transform: translateY(20px);
            opacity: 1;
        }

    .ui-g120-navigation .close-navigation {
        border: 0;
        padding: 8px;
        box-sizing: content-box;
        display: block;
        background: 0 0;
        justify-content: center;
        align-items: center;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 22px;
        top: 14px;
        z-index: 1;
    }

        .ui-g120-navigation .close-navigation::after,
        .ui-g120-navigation .close-navigation::before {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            content: '';
            width: 16px;
            height: 16px;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .ui-g120-navigation .close-navigation::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='none' stroke='%23f60' stroke-linecap='square' stroke-width='1.2' d='M1.326 1.326l11.299 11.299m0-11.299L1.326 12.625'/%3E%3C/svg%3E");
        }

        .ui-g120-navigation .close-navigation::after {
            opacity: 0;
            transition: opacity 0.1s linear;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='none' stroke='%23de450a' stroke-linecap='square' stroke-width='1.2' d='M1.326 1.326l11.299 11.299m0-11.299L1.326 12.625'/%3E%3C/svg%3E");
        }

        .ui-g120-navigation .close-navigation:focus {
            outline: 1px dotted #de450a;
        }

            .ui-g120-navigation .close-navigation:active::after,
            .ui-g120-navigation .close-navigation:focus::after,
            .ui-g120-navigation .close-navigation:hover::after {
                opacity: 1;
            }

    .ui-g120-navigation .navigation-page-container {
        transition: min-height 0.2s ease-out 0.3s;
        overflow: hidden;
        display: flex;
        align-items: flex-start;
        position: relative;
    }

    .ui-g120-navigation .navigation-background {
        cursor: pointer;
        width: 100vw;
        background: #333;
        opacity: 0.8;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-g120-navigation .navigation-content {
        max-width: 888px;
    }

    .ui-g120-navigation .close-navigation {
        right: 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-g120-navigation .navigation-content {
        max-width: 648px;
    }

    .ui-g120-navigation.is-visible {
        margin-top: 110px;
    }

    .ui-g120-navigation .close-navigation {
        right: 12px;
    }
}

@media screen and (max-width: 767px) {
    .ui-g120-navigation.is-visible {
        margin-top: 0;
        padding-top: 78px;
        position: fixed;
        bottom: 0;
        overflow: scroll;
        height: 100%;
    }

    .ui-g120-navigation .is-mobile-only {
        display: block;
    }

    .ui-g120-navigation .navigation-content {
        transform: translateY(0);
        padding: 10px 0 67px;
        border-radius: 0;
        min-height: 100%;
    }

        .ui-g120-navigation .navigation-content.in-view {
            transform: translateY(0);
            opacity: 1;
        }

    .ui-g120-navigation .close-navigation {
        display: none;
    }
}

.ui-g137-breadcrumb {
    font-size: 1.1rem;
    line-height: 1.2rem;
    font-family: 'Helvetica Now Text Regular';
    font-weight: 400;
    white-space: nowrap;
    margin-top: 8px;
    margin-bottom: 13px;
}

    .ui-g137-breadcrumb .breadcrumb-list {
        display: flex;
        list-style-type: none;
        flex-wrap: wrap;
        padding: 0;
    }

    .ui-g137-breadcrumb .breadcrumb-link {
        color: #333;
        transition: color 0.1s linear;
    }

        .ui-g137-breadcrumb .breadcrumb-link:active,
        .ui-g137-breadcrumb .breadcrumb-link:focus,
        .ui-g137-breadcrumb .breadcrumb-link:hover {
            color: #f60;
        }

    .ui-g137-breadcrumb .breadcrumb-item {
        padding-right: 11px;
        position: relative;
    }

        .ui-g137-breadcrumb .breadcrumb-item + .breadcrumb-item {
            padding-left: 16px;
        }

            .ui-g137-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
                content: '';
                display: block;
                width: 6px;
                height: 11px;
                background-image: url(../img/arrow-right-orange.svg);
                background-repeat: no-repeat;
                background-size: contain;
                position: absolute;
                left: 0;
                top: 1px;
            }

@media screen and (max-width: 767px) {
    .ui-high-teaser-list:not(.teaser-list-slider)
    [class^='col-']:nth-child(even)
    .ui-teaser-figure-tile.is-flipped
    .back-side {
        left: calc(50vw - 5px);
    }

    .ui-high-teaser-list:not(.teaser-list-slider)
    .ui-teaser-figure-tile.is-flipped {
        position: relative;
        z-index: 10;
        width: calc(100vw - 36px);
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 360px) and (orientation: portrait) {
    .ui-high-teaser-list:not(.teaser-list-slider) {
        margin-right: -6px;
    }

        .ui-high-teaser-list:not(.teaser-list-slider) .ui-teaser-figure-tile {
            width: 106%;
        }

            .ui-high-teaser-list:not(.teaser-list-slider)
            .ui-teaser-figure-tile.is-flipped {
                width: calc(100vw - 31px);
            }
}

@media screen and (max-width: 767px) {
    .ui-high-teaser-list .teaser-list-slider {
        display: flex;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        overflow-x: scroll;
        scroll-behavior: smooth;
        scroll-snap-stop: always;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

        .ui-high-teaser-list .teaser-list-slider::-webkit-scrollbar {
            display: none;
        }

        .ui-high-teaser-list .teaser-list-slider > div {
            scroll-snap-align: center;
        }

        .ui-high-teaser-list .teaser-list-slider .col-xs-9 {
            min-width: 65%;
        }

        .ui-high-teaser-list
        .teaser-list-slider
        [class^='col-']:nth-child(even)
        .ui-teaser-figure-tile.is-flipped
        .back-side {
            left: 0;
        }

        .ui-high-teaser-list .teaser-list-slider .ui-teaser-figure-tile {
            height: 353px;
            margin: 20px 0;
        }

            .ui-high-teaser-list .teaser-list-slider .ui-teaser-figure-tile.is-flipped {
                width: 100%;
            }

            .ui-high-teaser-list .teaser-list-slider .ui-teaser-figure-tile .back-side,
            .ui-high-teaser-list .teaser-list-slider .ui-teaser-figure-tile .front-side {
                height: 353px;
                padding: 15px 20px;
            }

            .ui-high-teaser-list .teaser-list-slider .ui-teaser-figure-tile .image-box {
                margin-top: 20px;
            }

                .ui-high-teaser-list
                .teaser-list-slider
                .ui-teaser-figure-tile
                .image-box
                img {
                    height: 155px;
                }

            .ui-high-teaser-list .teaser-list-slider .ui-teaser-figure-tile .roof-text {
                font-family: 'Helvetica Now Text Bold';
                font-size: 1.4rem;
                line-height: 1.8rem;
            }

            .ui-high-teaser-list .teaser-list-slider .ui-teaser-figure-tile .headline {
                font-family: 'Helvetica Now Display XBold';
                font-size: 1.8rem;
                line-height: 2.4rem;
            }

            .ui-high-teaser-list .teaser-list-slider .ui-teaser-figure-tile .amount-text {
                font-size: 4.8rem;
                line-height: 5.4rem;
            }
}

@media screen and (min-width: 768px) {
    .ui-high-teaser-list .teaser-list-slider {
        padding: 0;
    }

        .ui-high-teaser-list .teaser-list-slider .col-sm-3 {
            min-width: 25%;
        }

        .ui-high-teaser-list .teaser-list-slider .col-sm-4 {
            min-width: 33.3333333333%;
        }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 360px) and (orientation: portrait) {
    .ui-high-teaser-list .teaser-list-slider .col-xs-9 {
        min-width: 74%;
    }
}

.l524-offer-list-high-performer-home {
    display: flex;
    justify-content: center;
}

    .l524-offer-list-high-performer-home .high-performer-list {
        background-color: #7a1e5a;
        color: #fff;
        max-width: 1200px;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        padding: 30px;
    }

    .l524-offer-list-high-performer-home .high-performer-item {
        width: 246px;
    }

    .l524-offer-list-high-performer-home .text-icon-wrapper {
        flex-grow: 2;
    }

    .l524-offer-list-high-performer-home
    .high-performer-item + .high-performer-item {
        margin-left: 30px;
    }

    .l524-offer-list-high-performer-home .icon {
        width: 100px;
        height: 77px;
        background: no-repeat;
        background-size: contain;
        background-image: url(../img/svg/icons/l524-offer-list-high-performer/icon_angebot.svg);
    }

    .l524-offer-list-high-performer-home .teaser-title {
        font-size: 3.2rem;
        line-height: 3.4rem;
        font-family: 'Helvetica Now Text XBold';
        font-weight: 400;
        margin-bottom: 16px;
        margin-top: 20px;
    }

    .l524-offer-list-high-performer-home .teaser-subtitle {
        font-size: 1.6rem;
        line-height: 2rem;
        font-family: 'Helvetica Now Text Bold';
        font-weight: 400;
    }

    .l524-offer-list-high-performer-home .cta-container {
        background-color: #7a1e5a;
        display: none;
        justify-content: center;
        width: 100%;
        margin-top: -1px;
    }

    .l524-offer-list-high-performer-home .btn {
        margin-top: 15px;
        padding: 13px 35px 9px;
    }

    .l524-offer-list-high-performer-home.one-item .text-icon-wrapper,
    .l524-offer-list-high-performer-home.two-items .text-icon-wrapper {
        width: 100%;
        max-width: 312px;
        flex-grow: 0;
    }

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .l524-offer-list-high-performer-home {
        display: block;
        padding: 0;
    }

        .l524-offer-list-high-performer-home .high-performer-list {
            padding-left: 20px;
            padding-right: 60px;
        }

        .l524-offer-list-high-performer-home .high-performer-item {
            width: 208px;
        }

            .l524-offer-list-high-performer-home
            .high-performer-item + .high-performer-item {
                margin-left: 20px;
            }

            .l524-offer-list-high-performer-home .high-performer-item:nth-child(2) {
                margin-left: 0;
            }

        .l524-offer-list-high-performer-home .teaser-title {
            font-size: 2.8rem;
            line-height: 3rem;
        }

        .l524-offer-list-high-performer-home .teaser-subtitle {
            font-size: 1.5rem;
            line-height: 1.9rem;
        }

        .l524-offer-list-high-performer-home .text-icon-wrapper {
            width: 100%;
            max-width: 220px;
            margin-right: auto;
        }

            .l524-offer-list-high-performer-home .text-icon-wrapper .btn {
                display: none;
            }

        .l524-offer-list-high-performer-home .icon {
            width: 90px;
            height: 70px;
        }

        .l524-offer-list-high-performer-home .cta-container {
            display: flex;
            padding-bottom: 30px;
        }

        .l524-offer-list-high-performer-home .btn {
            margin-top: 0;
        }

        .l524-offer-list-high-performer-home.one-item .text-icon-wrapper,
        .l524-offer-list-high-performer-home.two-items .text-icon-wrapper {
            width: 100%;
            max-width: 220px;
            flex-grow: 0;
            margin-right: 20px;
        }

        .l524-offer-list-high-performer-home.one-item
        .high-performer-item:nth-child(2),
        .l524-offer-list-high-performer-home.two-items
        .high-performer-item:nth-child(2) {
            margin-left: 20px;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .l524-offer-list-high-performer-home {
        background-color: #7a1e5a;
        flex-direction: column;
        padding: 0;
        align-items: center;
    }

        .l524-offer-list-high-performer-home .high-performer-list {
            max-width: 625px;
            padding-left: 0;
            padding-right: 0;
            justify-content: center;
        }

        .l524-offer-list-high-performer-home .high-performer-item {
            width: 192px;
        }

        .l524-offer-list-high-performer-home .text-icon-wrapper {
            display: flex;
            width: 100%;
            margin-bottom: 10px;
        }

            .l524-offer-list-high-performer-home .text-icon-wrapper .btn {
                display: none;
            }

        .l524-offer-list-high-performer-home .teaser-title {
            font-size: 2.2rem;
            line-height: 2.4rem;
            margin-top: 0;
            margin-bottom: 10px;
        }

        .l524-offer-list-high-performer-home .teaser-subtitle {
            font-size: 1rem;
            line-height: 1.2rem;
        }

        .l524-offer-list-high-performer-home .icon {
            width: 62px;
            height: 50px;
            order: 2;
            position: relative;
            top: -4px;
            right: -10px;
            margin-left: auto;
        }

        .l524-offer-list-high-performer-home
        .high-performer-item + .high-performer-item {
            margin-left: 24px;
        }

        .l524-offer-list-high-performer-home .high-performer-item:nth-child(2) {
            margin-left: 0;
        }

        .l524-offer-list-high-performer-home .cta-container {
            display: flex;
            padding-bottom: 30px;
        }

        .l524-offer-list-high-performer-home .btn {
            margin-top: 0;
        }

        .l524-offer-list-high-performer-home.one-item .text-icon-wrapper,
        .l524-offer-list-high-performer-home.two-items .text-icon-wrapper {
            width: 100%;
            max-width: none;
        }

        .l524-offer-list-high-performer-home.one-item .high-performer-list,
        .l524-offer-list-high-performer-home.two-items .high-performer-list {
            justify-content: left;
        }
}

@media screen and (max-width: 767px) {
    .l524-offer-list-high-performer-home {
        flex-direction: column;
    }

        .l524-offer-list-high-performer-home .icon {
            width: 70px;
            height: 54px;
            margin-top: 20px;
        }

        .l524-offer-list-high-performer-home .high-performer-list {
            padding: 30px 12px 0;
        }

        .l524-offer-list-high-performer-home .high-performer-item {
            width: calc(50% - 10px);
            margin: 0 5px 10px;
        }

            .l524-offer-list-high-performer-home
            .high-performer-item + .high-performer-item {
                margin-left: 5px;
            }

        .l524-offer-list-high-performer-home .text-icon-wrapper {
            flex-grow: 0;
        }

            .l524-offer-list-high-performer-home .text-icon-wrapper .btn {
                display: none;
            }

        .l524-offer-list-high-performer-home .teaser-title {
            font-size: 2.2rem;
            line-height: 2.4rem;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .l524-offer-list-high-performer-home .teaser-subtitle {
            font-size: 1.4rem;
            line-height: 1.8rem;
            margin-top: 0;
            margin-bottom: 0;
        }

        .l524-offer-list-high-performer-home .cta-container {
            display: flex;
            padding-bottom: 30px;
        }

        .l524-offer-list-high-performer-home.two-items .text-icon-wrapper {
            margin-bottom: 30px;
            width: 100%;
            max-width: none;
        }

        .l524-offer-list-high-performer-home.one-item .text-icon-wrapper {
            width: calc(50% - 10px);
            flex-grow: 0;
        }
}

@media only screen and (max-device-width: 320px) {
    .teaser-title {
        margin-top: 13px;
    }
}

.l524-offer-list-high-performer {
    background-color: #7a1e5a;
    color: #fff;
    padding: 30px 0;
    margin: 0 30px;
}

    .l524-offer-list-high-performer .teaser-title {
        font-size: 3.2rem;
        line-height: 3.4rem;
        font-family: 'Helvetica Now Text XBold';
        font-weight: 400;
        margin-bottom: 16px;
    }

    .l524-offer-list-high-performer .teaser-subtitle {
        font-size: 1.6rem;
        line-height: 2rem;
        font-family: 'Helvetica Now Text Bold';
        font-weight: 400;
    }

    .l524-offer-list-high-performer .icon {
        width: 100px;
        height: 77px;
        background: no-repeat;
        background-size: contain;
        background-image: url(../img/svg/icons/l524-offer-list-high-performer/icon_angebot.svg);
    }

    .l524-offer-list-high-performer .cta-container {
        margin-top: 30px;
        display: flex;
        justify-content: center;
    }

        .l524-offer-list-high-performer .cta-container .btn {
            padding: 13px 35px 9px;
        }

@media screen and (max-width: 767px) {
    .l524-offer-list-high-performer {
        margin: 0;
    }

        .l524-offer-list-high-performer .text-icon-wrapper {
            padding-left: 6px;
        }

            .l524-offer-list-high-performer .text-icon-wrapper.col-xs-12 {
                margin-bottom: 10px;
            }

        .l524-offer-list-high-performer .icon {
            width: 59px;
            height: 45px;
        }

        .l524-offer-list-high-performer .teaser-title {
            font-size: 2.2rem;
            line-height: 2.4rem;
            margin-top: 30px;
            margin-bottom: 9px;
        }

        .l524-offer-list-high-performer .teaser-subtitle {
            font-size: 1.4rem;
            line-height: 1.8rem;
            margin-top: 0;
            margin-bottom: 0;
        }

        .l524-offer-list-high-performer .high-performer-list {
            margin-top: -10px;
        }

        .l524-offer-list-high-performer .high-performer-item {
            margin-top: 10px;
        }

        .l524-offer-list-high-performer .row {
            margin-left: -13px;
            margin-right: -13px;
        }

        .l524-offer-list-high-performer .col-xs-6 {
            padding-left: 5px;
            padding-right: 5px;
        }

        .l524-offer-list-high-performer .cta-container {
            margin-top: 24px;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .l524-offer-list-high-performer {
        padding: 25px 0;
        margin: 0;
    }

        .l524-offer-list-high-performer .text-icon-wrapper {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
        }

        .l524-offer-list-high-performer .teaser-title {
            font-size: 2.2rem;
            line-height: 2.4rem;
            margin-top: 0;
            margin-bottom: 10px;
        }

        .l524-offer-list-high-performer .teaser-subtitle {
            font-size: 1rem;
            line-height: 1.2rem;
        }

        .l524-offer-list-high-performer .icon {
            width: 62px;
            height: 50px;
            order: 2;
            position: relative;
            top: -4px;
            right: -10px;
        }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .l524-offer-list-high-performer .teaser-title {
        font-size: 3rem;
        line-height: 2.9rem;
    }
}

[data-css='magazine-online-form'] .magazine-online-btn:active,
[data-css='magazine-online-form'] .magazine-online-btn:focus {
    outline: 0;
}

[data-css='magazine-online-form'] .magazine-online-btn.is-right {
    float: left;
}

@media screen and (min-width: 992px) {
    [data-css='magazine-online-form'] .magazine-online-btn.is-right {
        float: right;
    }
}

[data-css='magazine-online-form'] .form-magazine-online__error-box.is-hidden {
    display: none;
}

[data-css='magazine-online-form'] .form-magazine-online__error-text {
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #e00;
}

    [data-css='magazine-online-form'] .form-magazine-online__error-text.is-right {
        float: left;
    }

@media screen and (min-width: 992px) {
    [data-css='magazine-online-form'] .form-magazine-online__error-text.is-right {
        float: right;
    }
}

.ui-flyout {
    position: absolute;
    z-index: 1009;
    width: 100%;
}

@media screen and (max-width: 479px) {
    .ui-flyout {
        top: 0;
        opacity: 0;
        transition: opacity 0.4s ease-in-out;
    }

        .ui-flyout.is-show {
            z-index: 1040;
            opacity: 1;
        }
}

.ui-flyout__content {
    position: absolute;
    z-index: 1010;
    right: 0;
    left: 0;
    width: 1034px;
    padding: 55px 12px 12px;
    margin: 0 auto;
    background-color: #f1f1f1;
    border-radius: 0 0 4px 4px;
    transform: translateY(-100%);
    transition: transform 0.4s ease-in-out;
    transition-delay: 0.2s;
}

    .ui-flyout__content.is-show {
        transform: translateY(0);
    }

@media screen and (max-width: 479px) {
    .ui-flyout__content.is-show {
        transform: translateY(0) translateX(0);
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-flyout__content {
        width: 912px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-flyout__content {
        width: 672px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-flyout__content {
        width: 90%;
    }

        .ui-flyout__content .container {
            padding-right: 12px;
            padding-left: 12px;
        }
}

@media screen and (max-width: 479px) {
    .ui-flyout__content {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 46px);
        padding-top: 12px;
        margin: 0;
        background-color: #fff;
        transform: translateY(-100%) translateX(0);
    }

        .ui-flyout__content .container {
            padding-right: 8px;
            padding-left: 8px;
        }
}

.ui-flyout__background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #333;
    cursor: pointer;
    opacity: 0.8;
    visibility: hidden;
}

    .ui-flyout__background.is-show {
        visibility: visible;
    }

.ui-flyout-backlink {
    border-bottom: 1px solid #cfcac7;
    margin-right: -12px;
    margin-bottom: 23px;
    margin-left: -12px;
}

.ui-flyout-backlink__container {
    padding-top: 17px;
    padding-bottom: 17px;
}

.ui-flyout-backlink__anchor {
    font-size: 1.6rem;
    padding-left: 22px;
    margin-left: 16px;
    color: #333;
    font-family: HelveticaNeueW01-75Bold;
}

    .ui-flyout-backlink__anchor::before {
        position: absolute;
        top: 4px;
        left: 24px;
        display: block;
        width: 10px;
        height: 16px;
        background-image: url(../img/arrow-right-medium-orange.svg);
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        transform: rotate(180deg);
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-flyout-backlink__anchor::before {
        left: 12px;
    }
}

.ui-flyout-backlink__anchor:active,
.ui-flyout-backlink__anchor:focus,
.ui-flyout-backlink__anchor:hover {
    color: #a40511;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-flyout-backlink__anchor {
        padding-left: 8px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-flyout-overviewlink__row .col-md-11 {
        padding-right: 18px;
    }

    .ui-flyout-overviewlink__row .col-md-1 {
        padding-left: 6px;
    }
}

.ui-flyout-overviewlink__anchor {
    font-size: 2.4rem;
    line-height: 2.8rem;
    display: flex;
    min-height: 58px;
    align-items: flex-start;
    padding-top: 15px;
    margin-bottom: 12px;
    background-color: #fff;
    border-radius: 4px;
    color: #333;
    font-family: HelveticaNeueW01-75Bold;
    font-weight: 500;
}

    .ui-flyout-overviewlink__anchor:hover {
        background-color: #f60;
        color: #fff;
    }

        .ui-flyout-overviewlink__anchor:hover .ui-flyout-overviewlink__title::after {
            background-image: url(../img/arrow-right.svg);
        }

@media screen and (max-width: 479px) {
    .ui-flyout-overviewlink__anchor {
        min-height: 36px;
        padding-top: 0;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, 0);
    }

        .ui-flyout-overviewlink__anchor:hover {
            background-color: rgba(0, 0, 0, 0);
            color: #a40511;
        }
}

.ui-flyout-overviewlink__title {
    position: relative;
    margin-left: 20px;
}

    .ui-flyout-overviewlink__title::after {
        position: absolute;
        top: 7px;
        right: -25px;
        display: block;
        width: 10px;
        height: 18px;
        background-image: url(../img/arrow-right.svg);
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
    }

@media screen and (max-width: 479px) {
    .ui-flyout-overviewlink__title::after {
        right: 15px;
        display: inline-block;
    }
}

@media screen and (max-width: 479px) {
    .ui-flyout-overviewlink__title {
        position: relative;
        overflow: hidden;
        padding-right: 40px;
        margin-left: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.ui-flyout-overviewclose__anchor {
    display: block;
    min-height: 58px;
    background-color: #fff;
    background-image: url(../img/close-orange.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-radius: 4px;
}

    .ui-flyout-overviewclose__anchor:hover {
        background-color: #f60;
        background-image: url(../img/close-white.svg);
    }

.ui-flyout-locationlink {
    margin-top: 12px;
    margin-bottom: 12px;
}

@media screen and (max-width: 479px) {
    .ui-flyout-locationlink {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.ui-flyout .mui-preferred-store-filialfinderlink,
.ui-flyout-locationlink__anchor {
    font-size: 1.6rem;
    display: flex !important;
    min-height: 58px;
    padding-top: 16px;
    padding-bottom: 10px;
    margin-bottom: 12px;
    background-color: #fff;
    border-radius: 4px;
    color: #333;
    font-family: HelveticaNeueW01-75Bold;
    font-weight: 500;
}

    .ui-flyout .mui-preferred-store-filialfinderlink:hover,
    .ui-flyout-locationlink__anchor:hover {
        background-color: #f60;
        color: #fff;
    }

        .ui-flyout
        .mui-preferred-store-filialfinderlink:hover
        .ui-flyout-locationlink__title::before,
        .ui-flyout .mui-preferred-store-filialfinderlink:hover > span::before,
        .ui-flyout-locationlink__anchor:hover .ui-flyout-locationlink__title::before,
        .ui-flyout-locationlink__anchor:hover > span::before {
            background-image: url(../img/filialfinder_ffffff.svg);
        }

@media screen and (max-width: 479px) {
    .ui-flyout
    .mui-preferred-store-filialfinderlink:hover
    .ui-flyout-locationlink__title::before,
    .ui-flyout .mui-preferred-store-filialfinderlink:hover > span::before,
    .ui-flyout-locationlink__anchor:hover .ui-flyout-locationlink__title::before,
    .ui-flyout-locationlink__anchor:hover > span::before {
        background-image: url(../img/filialfinder_ff6600.svg);
    }
}

@media screen and (max-width: 479px) {
    .ui-flyout .mui-preferred-store-filialfinderlink:hover,
    .ui-flyout-locationlink__anchor:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #a40511;
    }
}

@media screen and (max-width: 479px) {
    .ui-flyout .mui-preferred-store-filialfinderlink,
    .ui-flyout-locationlink__anchor {
        min-height: 48px;
        padding-top: 8px;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, 0);
    }
}

.ui-flyout .mui-preferred-store-filialfinderlink > span,
.ui-flyout-locationlink__title {
    position: relative;
    margin-left: 60px;
}

    .ui-flyout .mui-preferred-store-filialfinderlink > span::before,
    .ui-flyout-locationlink__title::before {
        position: absolute;
        top: -5px;
        left: -35px;
        display: block;
        width: 22px;
        height: 36px;
        background-image: url(../img/filialfinder_ff6600.svg);
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
    }

@media screen and (max-width: 479px) {
    .ui-flyout .mui-preferred-store-filialfinderlink > span::before,
    .ui-flyout-locationlink__title::before {
        left: 0;
    }
}

@media screen and (max-width: 479px) {
    .ui-flyout .mui-preferred-store-filialfinderlink > span,
    .ui-flyout-locationlink__title {
        padding-left: 40px;
        margin-left: 0;
    }
}

.ui-flyout-user {
    margin-top: 12px;
    margin-bottom: 12px;
}

    .ui-flyout-user .ui-flyout-user__text .info,
    .ui-flyout-user .ui-flyout-user__text .infos {
        font-size: 2.4rem;
        margin-top: 10px;
        margin-bottom: 6px;
        color: #0daacf;
        font-family: HelveticaNeueW01-75Bold;
        font-weight: 500;
    }

        .ui-flyout-user .ui-flyout-user__text .info .name-btn,
        .ui-flyout-user .ui-flyout-user__text .infos .name-btn {
            display: inline;
        }

@media screen and (max-width: 479px) {
    .ui-flyout-user .ui-flyout-user__text .info,
    .ui-flyout-user .ui-flyout-user__text .infos {
        margin-top: 0;
        margin-bottom: 4px;
    }
}

.ui-flyout-user .ui-flyout-user__text .link {
    margin-bottom: 12px;
}

.ui-flyout-user .ui-flyout-user__link {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    position: relative;
    display: inline-block;
    padding-right: 16px;
    border-bottom: 0;
    margin-top: 0;
    color: #f60;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

    .ui-flyout-user .ui-flyout-user__link:hover {
        color: #de450a;
    }

        .ui-flyout-user .ui-flyout-user__link:hover .ui-link__arrow {
            background: url(../img/arrow-right-flyout-hover.svg) 100% 30% no-repeat;
        }

.ui-flyout-user .ui-link__arrow {
    display: inline-block;
    width: 7px;
    height: 18px;
    margin-left: 5px;
    background: url(../img/arrow-right-flyout.svg) 100% 30% no-repeat;
    line-height: 18px;
    vertical-align: middle;
}

@media screen and (max-width: 479px) {
    .ui-flyout-user {
        margin-bottom: 6px;
    }
}

.ui-flyout-search {
    margin-top: 12px;
    margin-bottom: 12px;
}

    .ui-flyout-search .mui-search-box {
        margin-top: 0;
        margin-bottom: 0;
    }

    .ui-flyout-search .mui-form-control-big {
        background-color: #fff;
    }

@media screen and (max-width: 479px) {
    .ui-flyout-search .mui-form-control-big {
        min-height: 48px;
        background-color: #f1efee;
    }
}

.ui-flyout-search .mui-form-control-button-overlay {
    color: #fb6400;
}

.ui-flyout-linklistteasers__row {
    display: flex;
    flex-wrap: wrap;
    padding-right: 8px;
    padding-left: 8px;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-flyout-linklistteasers__row {
        padding-right: 4px;
        padding-left: 4px;
    }
}

.ui-flyout-linklistteasers__item {
    display: flex;
    padding-right: 4px;
    padding-left: 4px;
    margin-top: 12px;
    margin-bottom: 12px;
}

    .ui-flyout-linklistteasers__item.col-xs-4 {
        width: 33.33%;
        flex: 1;
    }

    .ui-flyout-linklistteasers__item.col-xs-8 {
        width: 66.66%;
        flex: 2;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-flyout-linklistteasers__item.col-ms-4 {
        width: 33.33%;
        flex: 1;
        padding-right: 4px;
        padding-left: 4px;
    }

    .ui-flyout-linklistteasers__item.col-ms-6 {
        width: 50%;
        flex: 1;
        padding-right: 4px;
        padding-left: 4px;
    }

    .ui-flyout-linklistteasers__item.col-ms-8 {
        width: 66.66%;
        flex: 2;
        padding-right: 4px;
        padding-left: 4px;
    }

    .ui-flyout-linklistteasers__item.col-ms-12 {
        padding-right: 4px;
        padding-left: 4px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-flyout-linklistteasers__item.col-sm-4 {
        width: 33.33%;
        flex: 1;
    }

    .ui-flyout-linklistteasers__item.col-sm-6 {
        width: 50%;
        flex: 1;
    }

    .ui-flyout-linklistteasers__item.col-sm-8 {
        width: 66.66%;
        flex: 2;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-flyout-linklistteasers__item.col-md-4 {
        width: 33.33%;
        flex: 1;
    }

    .ui-flyout-linklistteasers__item.col-md-6 {
        width: 50%;
        flex: 1;
    }

    .ui-flyout-linklistteasers__item.col-md-8 {
        width: 66.66%;
        flex: 2;
    }
}

@media screen and (min-width: 1200px) {
    .ui-flyout-linklistteasers__item.col-lg-4 {
        width: 33.33%;
        flex: 1;
    }

    .ui-flyout-linklistteasers__item.col-lg-6 {
        width: 50%;
        flex: 1;
    }

    .ui-flyout-linklistteasers__item.col-lg-8 {
        width: 66.66%;
        flex: 2;
    }
}

.ui-flyout-linklistteaser {
    width: 100%;
    padding: 20px 0;
    background-color: #fff;
    border-radius: 4px;
}

@media screen and (max-width: 479px) {
    .ui-flyout-linklistteaser {
        padding: 0;
        background-color: rgba(0, 0, 0, 0);
    }
}

.ui-flyout-teaser-linkbox {
    width: 100%;
    display: flex;
}

    .ui-flyout-teaser-linkbox:hover .ui-flyout-teaser__headline {
        color: #de450a;
    }

    .ui-flyout-teaser-linkbox:hover .ui-flyout-teaser__image:not(.no-scale) img {
        transform: scale(1.15, 1.15) rotate(0.02deg);
    }

    .ui-flyout-teaser-linkbox:hover .link {
        color: #de450a;
    }

        .ui-flyout-teaser-linkbox:hover .link::after {
            opacity: 1;
            transform: translateY(0);
        }

.ui-flyout-linklist-headline {
    font-size: 1.8rem;
    padding-right: 20px;
    padding-left: 20px;
    color: #9f9690;
    font-family: HelveticaNeueW01-75Bold;
    font-weight: 500;
}

@media screen and (max-width: 479px) {
    .ui-flyout-linklist-headline {
        padding-right: 0;
        padding-left: 0;
    }
}

.ui-flyout-link {
    position: relative;
}

    .ui-flyout-link:not(:last-child) .ui-flyout-link__inner::after {
        bottom: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-image: radial-gradient(circle, #ccc 1px, transparent 1px);
        background-repeat: repeat-x;
        background-size: 6px 2px;
        content: '';
    }

    .ui-flyout-link:hover {
        z-index: 1;
        border-top: 2px solid #f60;
        margin-top: -2px;
        background-color: #f60;
        color: #fff;
    }

        .ui-flyout-link:hover:not(:last-child) .ui-flyout-link__inner {
            padding-bottom: 2px;
        }

            .ui-flyout-link:hover:not(:last-child) .ui-flyout-link__inner::after {
                display: none;
            }

@media screen and (max-width: 479px) {
    .ui-flyout-link:hover:not(:last-child) .ui-flyout-link__inner {
        padding-bottom: 0;
    }

        .ui-flyout-link:hover:not(:last-child) .ui-flyout-link__inner::after {
            display: block;
        }
}

.ui-flyout-link:hover .ui-flyout-link__anchor {
    color: #fff;
}

@media screen and (min-width: 480px) {
    .ui-flyout-link:hover .ui-flyout-link__anchor.is-external {
        background: url(../img/arrow-right-external-hover.svg) right 50% no-repeat;
    }
}

@media screen and (min-width: 480px) {
    .ui-flyout-link:hover .ui-flyout-link__anchor {
        background: url(../img/arrow-right-medium-white.svg) right 50% no-repeat;
    }
}

@media screen and (max-width: 479px) {
    .ui-flyout-link:hover .ui-flyout-link__anchor {
        color: #a40511;
    }
}

.ui-flyout-link:hover:not(:last-child) .ui-flyout-link__anchor {
    border-bottom: 2px solid #f60;
}

@media screen and (max-width: 479px) {
    .ui-flyout-link:hover:not(:last-child) .ui-flyout-link__anchor {
        padding-bottom: 0;
        border-bottom: 0;
        margin-top: 0;
        color: #a40511;
    }
}

@media screen and (max-width: 479px) {
    .ui-flyout-link:hover {
        border-top: 0;
        margin-top: 0;
        background-color: rgba(0, 0, 0, 0);
    }
}

.ui-flyout-link.is-selected .ui-flyout-link__anchor {
    color: #f60;
}

@media screen and (min-width: 480px) {
    .ui-flyout-link.is-selected:hover .ui-flyout-link__anchor {
        color: #fff;
    }
}

.ui-flyout-link__inner {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-right: 20px;
    padding-left: 20px;
}

@media screen and (max-width: 479px) {
    .ui-flyout-link__inner {
        padding-right: 0;
        padding-left: 0;
    }
}

.ui-flyout-link__anchor {
    font-size: 1.6rem;
    line-height: 2rem;
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    color: #333;
    font-family: HelveticaNeueW01-75Bold;
}

.ui-flyout-link__icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.ui-flyout-link__title {
    padding-right: 9px;
}

.ui-flyout-mobile-close {
    position: absolute;
    top: 0;
    right: -46px;
    display: block;
    width: 46px;
    height: 46px;
    background-color: #f60;
    background-image: url(../img/close-white.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-radius: 0;
    cursor: pointer;
}

.ui-flyout-teaser {
    background-color: #fff;
    border-radius: 4px;
}

    .ui-flyout-teaser.alt-colored .ui-flyout-teaser-linkbox:hover .link {
        color: #de450a;
    }

    .ui-flyout-teaser.alt-colored .ui-flyout-teaser__text {
        color: #333;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-flyout-teaser {
        display: flex;
        justify-content: space-between;
    }
}

.ui-flyout-teaser__image {
    overflow: hidden;
    width: 100%;
}

    .ui-flyout-teaser__image img {
        transition: transform 0.5s ease-out;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-flyout-teaser__image {
        height: 175px;
    }

        .ui-flyout-teaser__image img {
            width: auto;
            height: 100%;
        }
}

.ui-flyout-teaser__contentwrapper {
    padding: 0 0 12px;
    text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-flyout-teaser__contentwrapper {
        width: 100%;
    }
}

.ui-flyout-teaser__headline {
    font-size: 2.4rem;
    margin: 24px 24px 0;
    color: #f60;
    font-family: 'Helvetica Now Display XBold';
    font-weight: 400;
}

.ui-flyout-teaser__text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 12px 24px 0;
    color: #333;
    font-family: 'Helvetica Now Text Regular', Helvetica, arial, sans-serif;
}

.ui-flyout-teaser__link {
    margin: 0 24px 12px;
}

@media screen and (max-width: 479px) {
    .ui-flyout-user + .ui-flyout-linklistteasers
    .ui-flyout-link:last-child
    .ui-flyout-link__inner::after {
        bottom: 0;
        display: block;
        width: 100%;
        height: 2px;
        background-image: radial-gradient(circle, #ccc 1px, transparent 1px);
        background-repeat: repeat-x;
        background-size: 6px 2px;
        content: '';
    }
}

.body-is-fixed {
    height: 100%;
    right: 0;
}

    .body-is-fixed .ui-main-menu {
        height: 100%;
    }

@media screen and (max-width: 767px) {
    .body-is-fixed {
        overflow: hidden;
    }
}

@media screen and (min-width: 768px) {
    .body-is-fixed .is-header-panel {
        height: 114px;
    }

    .body-is-fixed .ui-g102-12-personalized-headerbar {
        position: fixed;
        top: 0;
        width: 100%;
    }

    .body-is-fixed .ui-header-navigation {
        position: fixed;
        top: 37px;
        width: 100%;
    }
}

.ui-main-menu {
    position: absolute;
    z-index: 1010;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    font-size: 1.6rem;
    transition: top 0.45s cubic-bezier(0.17, 0.67, 0.28, 1), opacity 0.45s ease-out;
}

.no-js .ui-main-menu {
    display: none;
}

.ui-main-menu.is-scrollbar-hidden {
    overflow: hidden;
}

.ui-main-menu.is-visible {
    opacity: 1;
    visibility: visible;
}

    .ui-main-menu.is-visible .group-item {
        opacity: 1;
        transform: scale(1, 1) translateY(0);
        transition: opacity 0.6s ease-out, transform 0.45s cubic-bezier(0.17, 0.67, 0.28, 1);
    }

        .ui-main-menu.is-visible .group-item:nth-child(1) {
            transition-delay: 0.2s;
        }

        .ui-main-menu.is-visible .group-item:nth-child(2) {
            transition-delay: 0.3s;
        }

        .ui-main-menu.is-visible .group-item:nth-child(3) {
            transition-delay: 0.4s;
        }

        .ui-main-menu.is-visible .group-item:nth-child(4) {
            transition-delay: 0.5s;
        }

        .ui-main-menu.is-visible .group-item:nth-child(5) {
            transition-delay: 0.6s;
        }

        .ui-main-menu.is-visible .group-item:nth-child(6) {
            transition-delay: 0.7s;
        }

        .ui-main-menu.is-visible .group-item:nth-child(7) {
            transition-delay: 0.8s;
        }

        .ui-main-menu.is-visible .group-item:nth-child(8) {
            transition-delay: 0.9s;
        }

        .ui-main-menu.is-visible .group-item:nth-child(9) {
            transition-delay: 1s;
        }

        .ui-main-menu.is-visible .group-item:nth-child(10) {
            transition-delay: 1.1s;
        }

.ui-main-menu.is-not-visible {
    opacity: 0;
    visibility: hidden;
}

    .ui-main-menu.is-not-visible .group-item {
        opacity: 0;
        transform: scale(1, 0.2) translateY(-50%);
        transition: opacity 0.5s ease-out, transform 0.45s cubic-bezier(0.17, 0.67, 0.28, 1);
        transition-delay: 0.2s;
    }

.ui-main-menu .ui-main-menu__background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 1000%;
    background-color: #333;
    cursor: pointer;
    opacity: 0.8;
    visibility: hidden;
}

@supports (-moz-appearance: none) {
    .ui-main-menu .ui-main-menu__background {
        width: calc(100vw - 16px);
    }
}

.ui-main-menu .ui-main-menu__background.is-show {
    visibility: visible;
}

@media screen and (max-width: 767px) {
    .ui-main-menu .ui-main-menu__background.is-show {
        z-index: -1;
        background-color: #fff;
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .ui-main-menu.is-show {
        min-height: calc(100vh - 46px);
        max-height: calc(100vh - 46px);
        padding-bottom: 115px;
        overflow-y: scroll;
    }
}

.ui-main-menu .ui-t315-04-standard .link {
    margin-right: 0;
    margin-left: 0;
}

.ui-main-menu .item .ui-white-background {
    margin-bottom: -24px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .ui-main-menu .item .ui-white-background .ui-t315-04-standard .text-area {
        padding: 10px 0 40px;
    }

    .ui-main-menu .item .ui-white-background .ui-t315-04-standard .link {
        padding: 0 16px 0 0;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-main-menu .item .ui-white-background {
        padding-top: 5px;
    }

        .ui-main-menu .item .ui-white-background > .container {
            padding-right: 30px;
            padding-left: 30px;
        }
}

@media screen and (max-width: 479px) {
    .ui-main-menu .item .ui-white-background {
        padding-top: 5px;
    }

        .ui-main-menu .item .ui-white-background > .container {
            padding-right: 18px;
            padding-left: 18px;
        }

        .ui-main-menu .item .ui-white-background .ui-t315-04-standard .text-area {
            padding-bottom: 5px;
        }
}

.ui-main-menu .search-block-outer {
    position: relative;
    width: 1024px;
    padding-top: 2px;
    margin: 20px auto 0;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-main-menu .search-block-outer {
        width: 904px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-main-menu .search-block-outer {
        width: 664px;
    }
}

@media screen and (max-width: 767px) {
    .ui-main-menu .search-block-outer {
        margin-top: 0;
        border-radius: 0;
    }
}

.ui-main-menu .breadcrumb {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
    .ui-main-menu .breadcrumb {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.ui-main-menu .main-menu-mobile-breadcrumb {
    font-size: 1.6rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    position: relative;
    padding-left: 22px;
    color: #333;
}

    .ui-main-menu .main-menu-mobile-breadcrumb::before {
        position: absolute;
        top: 3px;
        left: 0;
        display: block;
        width: 10px;
        height: 16px;
        background-image: url(../img/arrow-right-medium-orange.svg);
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        transform: rotate(180deg);
    }

    .ui-main-menu .main-menu-mobile-breadcrumb:active,
    .ui-main-menu .main-menu-mobile-breadcrumb:focus,
    .ui-main-menu .main-menu-mobile-breadcrumb:hover {
        color: #de450a;
    }

        .ui-main-menu .main-menu-mobile-breadcrumb:active::before,
        .ui-main-menu .main-menu-mobile-breadcrumb:focus::before,
        .ui-main-menu .main-menu-mobile-breadcrumb:hover::before {
            background-image: url(../img/arrow-right-medium-orange-hover.svg);
        }

.ui-main-menu .search-block {
    position: relative;
    padding-top: 28px;
    padding-bottom: 0;
}

    .ui-main-menu .search-block:after,
    .ui-main-menu .search-block:before {
        display: table;
        content: ' ';
    }

    .ui-main-menu .search-block:after {
        clear: both;
    }

    .ui-main-menu .search-block .search-back {
        display: none;
    }

    .ui-main-menu .search-block .form-group {
        width: 100%;
        margin-bottom: 0;
    }

        .ui-main-menu .search-block .form-group .mui-form-control-big {
            min-height: 60px;
            line-height: 1.6rem;
        }

            .ui-main-menu .search-block .form-group .mui-form-control-big::-ms-clear {
                display: none;
            }

@media screen and (min-device-pixel-ratio: 0) {
    .ui-main-menu .search-block .form-group .mui-form-control-big {
        line-height: 150%;
    }
}

.ui-main-menu .search-block .mui-search-box {
    margin-top: 15px;
}

@media screen and (max-width: 767px) {
    .ui-main-menu .search-block .mui-search-box .mui-form-control-big {
        min-height: 48px;
    }
}

.ui-main-menu .search-block .mui-search-box.mui-form-group {
    margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
    .ui-main-menu .search-block {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.ui-main-menu .close-button {
    position: absolute;
    z-index: 1;
    right: 20px;
    width: 27px;
    height: 38px;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #f60;
    font-size: 3rem;
    line-height: 1em;
}

@media screen and (max-width: 767px) {
    .ui-main-menu .close-button {
        display: none;
    }
}

.ui-main-menu .carousel {
    overflow: hidden;
    width: 1024px;
    margin: 0 auto;
    border-radius: 0 0 4px 4px;
}

@media screen and (min-width: 768px) {
    .ui-main-menu .carousel {
        max-height: 2500px;
        transition: max-height 0.3s ease-in-out;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-main-menu .carousel {
        width: 904px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-main-menu .carousel {
        width: 664px;
    }
}

.ui-main-menu .carousel-inner {
    overflow: visible;
    background: #fff;
}

@media all and (min-width: 768px) {
    .ui-main-menu .carousel-inner .container {
        width: 656px;
    }
}

@media all and (min-width: 992px) {
    .ui-main-menu .carousel-inner .container {
        width: 896px;
    }
}

@media all and (min-width: 1200px) {
    .ui-main-menu .carousel-inner .container {
        width: 1016px;
    }
}

@media screen and (min-width: 768px) {
    .ui-main-menu .carousel-inner > .item {
        padding-top: 50px;
    }

        .ui-main-menu .carousel-inner > .item.next,
        .ui-main-menu .carousel-inner > .item.prev {
            transition-delay: 0.3s;
        }
}

@media screen and (max-width: 767px) {
    .ui-main-menu .carousel-inner {
        background-color: #fff;
    }
}

.ui-main-menu .container-wrapper {
    margin: 0 -4px;
}

@media screen and (max-width: 767px) {
    .ui-main-menu .menu-block {
        border-bottom: 2px solid #e7e5e3;
    }
}

.ui-main-menu .item {
    padding-bottom: 20px;
}

    .ui-main-menu .item .container {
        position: relative;
    }

.ui-main-menu .group-block {
    width: 100%;
}

    .ui-main-menu .group-block .is-standalone .menu-group li {
        padding: 0;
    }

    .ui-main-menu .group-block .is-standalone .menu-group a {
        padding: 14px 20px;
        margin-top: 0;
        margin-right: 18px;
    }

@media screen and (max-width: 767px) {
    .ui-main-menu .group-block .is-standalone .menu-group a {
        padding: 14px 20px 13px 0;
    }
}

@media screen and (min-width: 768px) {
    .ui-main-menu .row-same-height {
        display: flex;
        flex-wrap: wrap;
    }
}

.ui-main-menu .group-item {
    vertical-align: top;
}

    .ui-main-menu .group-item:not(.is-standalone) {
        padding-bottom: 0;
    }

@media screen and (max-width: 767px) {
    .ui-main-menu .group-item:not(.is-standalone) .menu-group {
        padding-bottom: 20px;
    }
}

.ui-main-menu .group-item.special-block {
    clear: both;
}

    .ui-main-menu .group-item.special-block li {
        display: block;
        width: 50%;
        margin-bottom: -2px;
        float: left;
    }

@media screen and (min-width: 992px) {
    .ui-main-menu .group-item {
        border-right: 2px solid #e7e5e3;
    }

        .ui-main-menu .group-item.is-last {
            border: 0;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ui-main-menu .group-item {
        border-right: 2px solid #e7e5e3;
    }

        .ui-main-menu .group-item.col-md-4:nth-child(2n) {
            border: 0;
        }

        .ui-main-menu .group-item.col-sm-12 {
            border: 0;
        }
}

@media screen and (min-width: 768px) {
    .ui-main-menu .group-item {
        margin-bottom: 49px;
    }

        .ui-main-menu .group-item.sm-no-table {
            display: block;
        }
}

@media screen and (max-width: 767px) {
    .ui-main-menu .group-item {
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .ui-main-menu .sub-item .menu-block {
        border-bottom: 0;
    }
}

.ui-main-menu .sub-item .menu-group .headline {
    padding-bottom: 10px;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .ui-main-menu .sub-item .menu-group .headline {
        padding-bottom: 20px;
        margin-top: 20px;
    }
}

.ui-main-menu .sub-item .menu-group p {
    color: #333;
}

.ui-main-menu .sub-item .group-item {
    border-right: 0;
}

@media screen and (max-width: 767px) {
    .ui-main-menu .sub-item .menu-item .menu-link[href^='#menu/'] span {
        position: relative;
    }

        .ui-main-menu .sub-item .menu-item .menu-link[href^='#menu/'] span::after {
            position: absolute;
            right: -26px;
            bottom: 3px;
            width: 16px;
            height: 16px;
            content: '...';
        }
}

@media screen and (min-width: 768px) {
    .ui-main-menu .sub-item .menu-item:last-child {
        border-width: 0 0 2px;
        -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        border-bottom: 2px dotted #bbb;
    }

    .ui-main-menu .sub-item .is-3-of-3 li {
        margin-bottom: 0;
    }
}

.ui-main-menu .menu-group {
    position: relative;
    margin: 0 -8px;
}

    .ui-main-menu .menu-group p.headline {
        padding: 2px 55px 16px 8px;
        margin: 0;
        background-color: #fff;
        background-position-y: 1px;
    }

@media screen and (max-width: 767px) {
    .ui-main-menu .menu-group p.headline {
        margin: 0 4px 0 0;
        background-position-y: 3px;
    }
}

@media screen and (max-width: 479px) {
    .ui-main-menu .menu-group p.headline {
        margin: 0;
        background-position-x: calc(100% - 14px);
    }
}

.ui-main-menu .menu-group ul:not(.teaser-new-features-mobile__list) {
    margin: 0;
    background-color: #fff;
    list-style: none;
}

@media screen and (min-width: 768px) {
    .ui-main-menu .menu-group ul:not(.teaser-new-features-mobile__list) {
        padding: 0 16px 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .ui-main-menu .menu-group {
        margin: 0;
    }
}

.ui-main-menu .is-2-of-3 {
    padding-bottom: 8px;
}

    .ui-main-menu .is-2-of-3 ul {
        overflow: hidden;
    }

    .ui-main-menu .is-2-of-3 li {
        margin-bottom: -2px;
    }

        .ui-main-menu .is-2-of-3 li.float-none {
            float: none;
        }

@media screen and (min-width: 768px) {
    .ui-main-menu .is-2-of-3 li.col-sm-6 {
        width: calc(50% - 18px);
        padding-right: 0;
        padding-left: 0;
    }

        .ui-main-menu .is-2-of-3 li.col-sm-6:nth-child(odd) {
            margin-right: 36px;
        }
}

@media screen and (min-width: 992px) {
    .ui-main-menu .is-2-of-3 li.col-lg-6,
    .ui-main-menu .is-2-of-3 li.col-md-6 {
        width: calc(50% - 18px);
        padding-right: 0;
        padding-left: 0;
    }

        .ui-main-menu .is-2-of-3 li.col-lg-6:nth-child(odd),
        .ui-main-menu .is-2-of-3 li.col-md-6:nth-child(odd) {
            margin-right: 36px;
        }
}

.ui-main-menu .is-3-of-3 {
    padding-bottom: 8px;
}

    .ui-main-menu .is-3-of-3 ul {
        overflow: hidden;
    }

    .ui-main-menu .is-3-of-3 li {
        margin-bottom: -2px;
    }

        .ui-main-menu .is-3-of-3 li.float-none {
            float: none;
        }

@media screen and (min-width: 768px) {
    .ui-main-menu .is-3-of-3 li.col-sm-6 {
        width: calc(50% - 18px);
        padding-right: 0;
        padding-left: 0;
    }

        .ui-main-menu .is-3-of-3 li.col-sm-6:nth-child(odd) {
            margin-right: 36px;
        }
}

@media screen and (min-width: 992px) {
    .ui-main-menu .is-3-of-3 li.col-lg-4,
    .ui-main-menu .is-3-of-3 li.col-md-4 {
        width: calc(33% - 22px);
        padding-right: 0;
        padding-left: 0;
        margin-right: 36px;
    }

        .ui-main-menu .is-3-of-3 li.col-lg-4:nth-child(3n),
        .ui-main-menu .is-3-of-3 li.col-md-4:nth-child(3n) {
            margin-right: 0;
        }

    .ui-main-menu .is-3-of-3 li.col-lg-6,
    .ui-main-menu .is-3-of-3 li.col-md-6 {
        width: calc(50% - 18px);
        padding-right: 0;
        padding-left: 0;
    }

        .ui-main-menu .is-3-of-3 li.col-lg-6:nth-child(odd),
        .ui-main-menu .is-3-of-3 li.col-md-6:nth-child(odd) {
            margin-right: 36px;
        }
}

.ui-main-menu .is-standalone .menu-group::after {
    display: none;
}

.ui-main-menu .menu-item {
    border-width: 0 0 2px;
    -o-border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/border-dotted.png) 0 0 2 0 repeat;
    border-style: dotted;
    border-color: #ddd;
    position: relative;
    border-bottom: 2px dotted #bbb;
    opacity: 0;
    transition: opacity 0.6s ease-out;
}

    .ui-main-menu .menu-item:nth-child(1) {
        transition-delay: 0.38s;
    }

    .ui-main-menu .menu-item:nth-child(2) {
        transition-delay: 0.46s;
    }

    .ui-main-menu .menu-item:nth-child(3) {
        transition-delay: 0.54s;
    }

    .ui-main-menu .menu-item:nth-child(4) {
        transition-delay: 0.62s;
    }

    .ui-main-menu .menu-item:nth-child(5) {
        transition-delay: 0.7s;
    }

    .ui-main-menu .menu-item:nth-child(6) {
        transition-delay: 0.78s;
    }

    .ui-main-menu .menu-item:nth-child(7) {
        transition-delay: 0.86s;
    }

    .ui-main-menu .menu-item:nth-child(8) {
        transition-delay: 0.94s;
    }

    .ui-main-menu .menu-item:nth-child(9) {
        transition-delay: 1.02s;
    }

    .ui-main-menu .menu-item:nth-child(10) {
        transition-delay: 1.1s;
    }

    .ui-main-menu .menu-item:last-child {
        border-bottom-color: transparent;
        -wekit-border-image: none;
        -o-border-image: none;
        border-image: none;
    }

@media screen and (min-width: 768px) {
    .ui-main-menu .menu-item .menu-link[href^='#menu/'] span {
        position: relative;
    }

        .ui-main-menu .menu-item .menu-link[href^='#menu/'] span::after {
            position: absolute;
            right: -26px;
            bottom: 0;
            width: 16px;
            height: 16px;
            content: '...';
        }
}

@media screen and (min-width: 768px) {
    .ui-main-menu .menu-item:hover {
        background-image: url(../img/arrow-right-medium-orange.svg);
        background-position: right 50%;
        background-repeat: no-repeat;
    }

        .ui-main-menu .menu-item:hover.is-external {
            background-image: url(../img/arrow-right-external-orange.svg);
        }

        .ui-main-menu .menu-item:hover .menu-link {
            color: #f60;
        }

            .ui-main-menu .menu-item:hover .menu-link span {
                position: relative;
            }

                .ui-main-menu .menu-item:hover .menu-link span::before {
                    position: absolute;
                    bottom: -3px;
                    left: 0;
                    width: 100%;
                    height: 2px;
                    background-color: #f60;
                    content: '';
                }
}

.ui-main-menu.is-menu-item-animate {
    top: 0;
}

    .ui-main-menu.is-menu-item-animate .menu-item {
        left: 0;
        opacity: 1;
    }

    .ui-main-menu.is-menu-item-animate .group-item::before {
        opacity: 1;
    }

.ui-main-menu .menu-item-pass-visible {
    display: block;
}

.ui-main-menu .menu-item-pass-invisible {
    display: none;
}

.ui-main-menu .menu-link {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 13px 0;
    background-position: right 50%;
    background-repeat: no-repeat;
    color: #333;
    line-height: 100%;
}

    .ui-main-menu .menu-link.active,
    .ui-main-menu .menu-link.is-active {
        color: #f60;
    }

@media screen and (max-width: 767px) {
    .ui-main-menu .menu-link {
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 2.2rem;
        text-transform: uppercase;
    }

        .ui-main-menu .menu-link .icon-wrapper {
            position: absolute;
            top: 7px;
            right: 6px;
            width: 44px;
            height: 33px;
            background-position: center 50%;
            background-repeat: no-repeat;
        }
}

.ui-main-menu .headline {
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 2.2rem;
    line-height: 2.4rem;
    position: relative;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, 0);
    background-position: calc(100% - 10px) 18px;
    background-repeat: no-repeat;
    color: #333;
    text-transform: uppercase;
}

    .ui-main-menu .headline .menu-link {
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 2.2rem;
        position: relative;
        display: inline;
        width: auto;
        padding: 0 25px 0 0;
        border-bottom: 0;
        background: url(../img/arrow-right-medium-orange.svg) right 4px no-repeat;
    }

@media screen and (min-width: 768px) {
    .ui-main-menu .headline .menu-link:hover {
        color: #f60;
    }

        .ui-main-menu .headline .menu-link:hover::after {
            position: absolute;
            bottom: -5px;
            left: 0;
            width: calc(100% - 25px);
            height: 3px;
            background-color: #f60;
            content: '';
        }
}

.ui-main-menu .col-illu img {
    width: 100%;
}

.ui-main-menu .col-illu figcaption {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    padding: 10px 0 0 10px;
    color: #f60;
}

    .ui-main-menu .col-illu figcaption::after {
        display: block;
        width: 12px;
        height: 20px;
        padding: 0;
        margin-top: 5px 0 0;
        background-image: url(../img/arrow-teaser-orange.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        content: ' ';
        transition: background-position 0.37s ease-out;
    }

.ui-main-menu .col-illu:hover figcaption::after {
    background-position: 0 -20px;
}

.ui-main-menu .col-illu .menu-group::after {
    display: none;
}

.ui-main-menu .nav-back {
    display: block;
    width: 50px;
    height: 47px;
    background: #f60 url(../img/arrow-left-white-bold.svg) 50% 50% no-repeat;
    background-size: 17px;
    border-radius: 4px;
    float: left;
    font-size: 0;
}

.ui-main-menu .menu-breadcrumb-container {
    padding-right: 12px;
    padding-left: 4px;
}

.ui-main-menu .menu-breadcrumb {
    padding-top: 22px;
}

    .ui-main-menu .menu-breadcrumb .breadcrumb-dots,
    .ui-main-menu .menu-breadcrumb .breadcrumb-link {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 2rem;
        display: block;
        height: 47px;
        margin-left: 20px;
        border-radius: 4px;
        color: #333;
        float: left;
    }

    .ui-main-menu .menu-breadcrumb .breadcrumb-dots {
        padding-top: 13px;
    }

    .ui-main-menu .menu-breadcrumb .breadcrumb-link {
        position: relative;
        padding: 13px 20px 13px 33px;
        background-color: #fff;
    }

        .ui-main-menu .menu-breadcrumb .breadcrumb-link::before {
            position: absolute;
            top: 0;
            left: 10px;
            display: block;
            width: 10px;
            height: 100%;
            background-image: url(../img/arrow-left-medium-orange.svg);
            background-position: center center;
            background-repeat: no-repeat;
            content: '';
        }

        .ui-main-menu .menu-breadcrumb .breadcrumb-link:first-child {
            margin-left: 0;
        }

        .ui-main-menu .menu-breadcrumb .breadcrumb-link:hover {
            background-color: #f60;
            color: #fff;
        }

            .ui-main-menu .menu-breadcrumb .breadcrumb-link:hover::before {
                background-image: url(../img/arrow-left-medium-white.svg);
            }

@media screen and (min-width: 768px) {
    .ui-main-menu .menu-breadcrumb {
        height: 70px;
        margin-top: -70px;
    }
}

.ui-main-menu .ui-programs {
    margin: 0 16px;
}

    .ui-main-menu .ui-programs .programs-headline {
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 2.2rem;
        margin-top: 4px;
        margin-bottom: 22px;
        text-transform: uppercase;
    }

@media screen and (max-width: 767px) {
    .ui-main-menu .ui-programs .programs-headline {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 1.3rem;
        line-height: 1.8rem;
        text-transform: none;
    }
}

.ui-main-menu .ui-programs .ui-t354-03-logo {
    width: 177px;
    height: 68px;
    padding-bottom: 0;
    border-width: 2px;
    margin-right: 20px;
    margin-bottom: 18px;
    float: left;
}

    .ui-main-menu .ui-programs .ui-t354-03-logo:last-child {
        margin-right: 0;
    }

    .ui-main-menu .ui-programs .ui-t354-03-logo img {
        width: auto;
    }

@media screen and (min-width: 1200px) {
    .ui-main-menu .ui-programs .ui-t354-03-logo img {
        max-width: 128px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-main-menu .ui-programs .ui-t354-03-logo img {
        max-width: 120px;
    }
}

.ui-main-menu .ui-programs .ui-t354-03-logo:hover {
    border-color: #f60;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .ui-main-menu .ui-programs .ui-t354-03-logo {
        width: 153px;
    }
}

@media screen and (max-width: 991px) {
    .ui-main-menu .ui-programs .ui-t354-03-logo {
        width: 110px;
        height: 49px;
        margin-right: 14px;
    }

        .ui-main-menu .ui-programs .ui-t354-03-logo img {
            width: auto;
            max-width: 93px;
            height: auto;
            max-height: 38px;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-main-menu .ui-programs .ui-t354-03-logo {
        width: 30%;
        height: 78px;
    }

        .ui-main-menu .ui-programs .ui-t354-03-logo:nth-child(3n) {
            margin-right: 0;
        }

        .ui-main-menu .ui-programs .ui-t354-03-logo img {
            max-height: 57px;
        }
}

@media screen and (max-width: 479px) {
    .ui-main-menu .ui-programs .ui-t354-03-logo {
        width: 46%;
        height: 65px;
    }

        .ui-main-menu .ui-programs .ui-t354-03-logo:nth-child(2n) {
            margin-right: 0;
        }

        .ui-main-menu .ui-programs .ui-t354-03-logo img {
            width: auto;
            max-width: 73px;
            height: auto;
            max-height: 50px;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-main-menu .ui-programs {
        margin-top: 20px;
    }

        .ui-main-menu .ui-programs .container {
            padding-right: 12px;
            padding-left: 12px;
        }
}

@media screen and (max-width: 479px) {
    .ui-main-menu .ui-programs {
        margin-top: 20px;
    }

        .ui-main-menu .ui-programs .container {
            padding-right: 6px;
            padding-left: 6px;
        }
}

.ui-main-menu .ui-login-mobile {
    width: calc(100% - 60px);
    padding: 30px 0;
    border-bottom: 2px solid #e7e5e3;
    margin: 0 auto;
}

    .ui-main-menu .ui-login-mobile .ui-service-login {
        font-size: 1.6rem;
    }

@media screen and (max-width: 479px) {
    .ui-main-menu .ui-login-mobile {
        width: calc(100% - 36px);
    }
}

.ui-main-menu .js-temp-login-button .item-wrapper {
    display: block;
    padding: 0;
    margin-bottom: -8px;
}

    .ui-main-menu .js-temp-login-button .item-wrapper::after {
        display: none;
    }

.ui-main-menu .js-temp-login-button .button {
    font-size: 1.6rem;
    display: block;
    padding: 24px 12px;
    background-color: #fff;
    border-radius: 4px;
    color: #000;
}

    .ui-main-menu .js-temp-login-button .button::before {
        position: relative;
        display: inline-block;
        width: 26px;
        height: 26px;
        background-image: url(../img/icon-navi-mymigros.svg);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        border-radius: 0;
        content: '';
        margin-top: -10px;
        margin-right: 10px;
        float: right;
    }

    .ui-main-menu .js-temp-login-button .button:hover {
        background-color: #f60;
        color: #fff;
    }

.ui-main-menu .js-is-icon {
    float: left;
}

    .ui-main-menu .js-is-icon .menu-group::after {
        display: none;
    }

    .ui-main-menu .js-is-icon .menu-group > ul {
        border-radius: 4px;
    }

    .ui-main-menu .js-is-icon .menu-link,
    .ui-main-menu .js-is-icon p.headline {
        display: block;
        padding: 12px 12px 50%;
        background-color: #fff;
        background-position: 50% 75%;
        border-radius: 4px;
        color: #333;
    }

        .ui-main-menu .js-is-icon .menu-link:hover,
        .ui-main-menu .js-is-icon p.headline:hover {
            background-color: #f60;
            color: #fff;
        }

@media screen and (max-width: 479px) {
    .ui-main-menu .js-is-icon .menu-link,
    .ui-main-menu .js-is-icon p.headline {
        font-size: 1.8rem;
        min-height: 130px;
        padding: 12px 12px 50%;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-main-menu .js-is-icon .menu-link,
    .ui-main-menu .js-is-icon p.headline {
        font-size: 1.8rem;
        min-height: 130px;
        padding: 12px 12px 30%;
    }
}

.ui-main-menu .js-is-icon:hover .menu-link,
.ui-main-menu .js-is-icon:hover p.headline {
    background-color: #f60;
    background-position: 50% 75%;
    border-radius: 4px 4px 0 0;
    color: #fff;
}

.ui-main-menu .js-is-icon:hover::before {
    background-color: #f60;
}

.ui-main-menu .js-is-icon:hover .menu-link {
    padding-top: 12px;
    margin-top: 0;
}

.ui-main-menu .js-is-icon .menu-item {
    padding: 0;
}

    .ui-main-menu .js-is-icon .menu-item:hover {
        background-color: rgba(0, 0, 0, 0);
    }

.ui-main-menu .ui-icon-left {
    padding-right: 16px;
}

    .ui-main-menu .ui-icon-left::before {
        width: calc(100% - 12px);
    }

.ui-main-menu .ui-icon-right {
    padding-left: 16px;
}

    .ui-main-menu .ui-icon-right::before {
        width: calc(100% - 12px);
    }

@media screen and (max-width: 767px) {
    .ui-main-menu {
        display: block;
    }

        .ui-main-menu .carousel-inner > .item {
            transition: transform 0.3s ease-in-out;
        }

        .ui-main-menu .menu-item {
            padding-right: 0;
            padding-left: 0;
        }

        .ui-main-menu .menu-block {
            margin-top: 0;
        }

            .ui-main-menu .menu-block ul {
                padding-left: 0;
            }

        .ui-main-menu .group-block .is-standalone .menu-group a {
            font-size: 1.6rem;
            line-height: 2rem;
            position: relative;
            width: 100%;
            padding-right: 44px;
        }

            .ui-main-menu .group-block .is-standalone .menu-group a span {
                position: relative;
                padding-right: 22px;
            }

                .ui-main-menu .group-block .is-standalone .menu-group a span::after {
                    position: absolute;
                    top: auto;
                    right: 0;
                    bottom: 2px;
                    display: block;
                    width: 10px;
                    height: 16px;
                    background-image: url(../img/arrow-right-medium-orange.svg);
                    background-repeat: no-repeat;
                    background-size: contain;
                    content: '';
                }

        .ui-main-menu .group-block .is-standalone .menu-item {
            border: 0;
        }

        .ui-main-menu .group-block .group-item:not(.is-standalone) .menu-group a {
            font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
            font-weight: 400;
            text-transform: none;
        }

        .ui-main-menu .js-is-iconized p {
            padding: 24px 12px;
            border-radius: 4px 4px 0 0;
            color: #000;
        }

        .ui-main-menu .js-is-iconized .is-2-of-3,
        .ui-main-menu .js-is-iconized .is-3-of-3 {
            padding-bottom: 0;
        }

        .ui-main-menu .js-is-iconized:hover p.headline,
        .ui-main-menu .js-is-iconized:hover::before {
            background-color: #f60;
            color: #fff;
        }

        .ui-main-menu .menu-breadcrumb {
            display: none;
        }

        .ui-main-menu .search-block-outer {
            width: auto;
        }

        .ui-main-menu .search-block .ui-searchbox {
            width: 100%;
            margin-bottom: 0;
            float: left;
        }

        .ui-main-menu .search-block .search-input {
            width: 100%;
            margin-bottom: 16px;
            float: left;
        }

            .ui-main-menu .search-block .search-input .text-input {
                padding-right: 32px;
            }

        .ui-main-menu .carousel {
            width: auto;
        }

        .ui-main-menu nav {
            clear: both;
        }

        .ui-main-menu .nav-back {
            display: none;
        }

        .ui-main-menu .slide .headline {
            font-size: 2.4rem;
            background-image: none !important;
            color: #888;
        }

            .ui-main-menu .slide .headline .menu-link {
                font-size: 2.4rem;
                color: #333;
            }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
    .ui-main-menu .slide .headline .menu-link:hover {
        color: #fff;
    }
}

@media screen and (max-width: 767px) {
    .ui-main-menu .sub-item .menu-link {
        padding: 10px 0;
    }

    .ui-main-menu .sub-item .menu-group .headline .menu-link span {
        padding-right: 0;
        background-image: none;
    }

    .ui-main-menu
    .sub-item
    .group-block
    .group-item:not(.is-standalone)
    .menu-group
    .headline {
        padding-left: 0;
    }

        .ui-main-menu
        .sub-item
        .group-block
        .group-item:not(.is-standalone)
        .menu-group
        .headline
        .menu-link {
            font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
            font-weight: 400;
            font-size: 1.6rem;
            position: relative;
            display: inline-block;
            padding: 9px 32px 8px 20px;
            background: 0 0;
            border: 2px solid #f60;
            border-radius: 5px;
            color: #333;
            text-transform: uppercase;
        }

            .ui-main-menu
            .sub-item
            .group-block
            .group-item:not(.is-standalone)
            .menu-group
            .headline
            .menu-link::after {
                position: absolute;
                top: 12px;
                right: 12px;
                display: block;
                width: 10px;
                height: 16px;
                background-image: url(../img/arrow-right-medium-orange.svg);
                background-repeat: no-repeat;
                background-size: contain;
                content: '';
            }
}

@media screen and (max-width: 479px) {
    .ui-main-menu .menu-item {
        padding-right: 0;
        padding-left: 0;
    }

    .ui-main-menu .slide .headline,
    .ui-main-menu .sub-item .menu-group .headline {
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    button {
        outline: 0;
    }

    .ui-js-header-panel + .container-fluid {
        position: relative;
    }

    .js-search-menu {
        position: absolute;
        z-index: 9999;
        top: -46px;
        right: 47px;
        left: 0;
        height: 46px;
        padding-bottom: 30px;
        background-color: #fff;
    }

        .js-search-menu::before {
            position: absolute;
            display: block;
            content: '';
            top: 46px;
            left: 0;
            width: 100vw;
            height: 100vh;
            background-color: #333;
            opacity: 0.6;
        }

        .js-search-menu .ui-searchbox {
            height: 46px;
            padding: 8px 0;
            margin: 0;
        }

        .js-search-menu .mui-form-control-button-reset {
            right: 0;
        }

        .js-search-menu .mui-form-control {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            min-height: 40px;
            max-height: 40px;
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 13px;
            border-color: #d6d6d6;
            background-color: #fff;
            font-size: 16px;
            line-height: 29px;
        }

            .js-search-menu .mui-form-control::-moz-placeholder {
                color: #666;
                font-size: 16px;
            }

            .js-search-menu .mui-form-control:-ms-input-placeholder {
                color: #666;
                font-size: 16px;
            }

            .js-search-menu .mui-form-control::placeholder {
                color: #666;
                font-size: 16px;
                opacity: 1;
            }

        .js-search-menu
        .mui-form-control-container.mui-is-resettable
        .mui-form-control-button-overlay:not(.mui-form-control-button-reset) {
            display: none;
        }

        .js-search-menu .mui-icon-search::before {
            background-image: url(../img/svg/icons/navigation/icon-mobile-header--search.svg);
            background-position: bottom right;
            background-repeat: no-repeat;
            color: transparent;
        }

        .js-search-menu .container {
            padding-right: 0;
        }
}

@media screen and (max-width: 767px) and (min-width: 480px) and (max-width: 767px) {
    .js-search-menu {
        right: 58px;
    }
}

@media screen and (max-width: 767px) and (min-width: 750px) and (max-width: 767px) {
    .js-search-menu .ui-searchbox {
        padding-right: 8px;
        padding-left: 8px;
    }
}

@media screen and (max-width: 767px) {
    .ui-js-main-menu .ui-programs {
        display: none;
    }

    .ui-login-mobile {
        display: none;
    }

    .js-main-menu-slides {
        padding-top: 16px;
    }
}

@media screen and (min-width: 768px) {
    .js-search-menu {
        display: none;
    }

    .ui-js-main-menu .ui-programs {
        display: none;
    }
}

.is-visit-often .is-headline {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.6rem;
    margin-top: 16px;
    margin-bottom: 10px;
    color: #666;
    letter-spacing: 0;
}

.is-visit-often ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.ui-overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

    .ui-overlay .overlay-close {
        cursor: pointer;
    }

    .ui-overlay .container {
        position: relative;
        z-index: 2;
        display: table-cell;
        opacity: 0;
        text-align: center;
        vertical-align: middle;
    }

        .ui-overlay .container::after {
            position: absolute;
            z-index: 1;
            top: 0;
            right: 0;
            display: block;
            width: 100%;
            height: 100%;
            background-color: #000;
            content: '';
            opacity: 0;
        }

    .ui-overlay .inner {
        position: relative;
        z-index: 2;
        cursor: default;
        text-align: left;
    }

    .ui-overlay.is-open {
        display: table;
        width: 100%;
    }

        .ui-overlay.is-open .container::after {
            opacity: 0.7;
        }

        .ui-overlay.is-open .container {
            opacity: 1;
        }

.ui-events-stage-filter {
    padding-top: 35px;
    padding-bottom: 30px;
    border-bottom: 2px solid #ccc;
    margin-bottom: 30px;
}

.event-opening-hours {
    position: relative;
    padding-left: 50px;
    margin-bottom: 20px;
}

    .event-opening-hours::before {
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        background: url(../img/watch-orange.svg) 100% 50% no-repeat;
        content: '';
    }

    .event-opening-hours .date {
        font-size: 2rem;
        line-height: 2.4rem;
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
    }

.accordion-content .address {
    position: relative;
    padding-left: 50px;
    margin-bottom: 20px;
}

    .accordion-content .address::before {
        position: absolute;
        top: 0;
        left: 5px;
        width: 28px;
        height: 40px;
        background: url(../img/location.svg) 100% 50% no-repeat;
        content: '';
    }

    .accordion-content .address span {
        font-size: 2rem;
        line-height: 2.4rem;
        display: block;
    }

        .accordion-content .address span.department {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
        }

.accordion-content .image-box {
    margin-bottom: 25px;
}

.ui-percentage-banner {
    display: inline-block;
}

    .ui-percentage-banner .discount-img {
        width: auto;
        height: 40px;
    }

@media screen and (max-width: 479px) {
    .ui-percentage-banner .discount-img {
        width: auto;
        height: 30px;
    }
}

.ui-article-header {
    padding-top: 350px;
    background-color: #f60;
}

    .ui-article-header .header {
        text-align: center;
    }

        .ui-article-header .header .subheadline {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-size: 2rem;
            line-height: 2.8rem;
            width: 65%;
            padding-top: 18px;
            padding-bottom: 40px;
            margin: 0 auto;
            color: #fff;
            letter-spacing: 0.02em;
            text-align: center;
        }

@media screen and (max-width: 479px) {
    .ui-article-header .header {
        margin-bottom: 20px;
    }

        .ui-article-header .header .headline {
            font-size: 28px;
            line-height: 24px;
        }

        .ui-article-header .header .subheadline {
            font-family: HelveticaNeueW01-45Ligh, Helvetica, arial, sans-serif;
            font-weight: 400;
            font-size: 1.8rem;
            line-height: 2.2rem;
            width: 100%;
            padding-top: 25px;
            padding-right: 20px;
            padding-bottom: 30px;
            padding-left: 20px;
        }
}

.ui-article-header-2 {
    padding-top: 210px;
    background-color: rgba(0, 0, 0, 0);
}

    .ui-article-header-2 .logo-box {
        width: 165px;
        height: 45px;
        padding: 24px 0 0 26px;
        margin-left: -26px;
        background-color: #fff;
    }

.is-mod {
    padding-bottom: 30px;
}

    .is-mod .header {
        height: 45px;
        background-color: rgba(0, 0, 0, 0);
    }

        .is-mod .header .logo-box {
            width: 165px;
            height: 45px;
            padding: 24px 0 0 26px;
            margin-left: -26px;
            background-color: #fff;
        }

@media screen and (max-width: 479px) {
    .is-mod.no-mobile {
        display: none;
    }

    .is-mod .no-mobile {
        display: none;
    }

    .is-mod .label {
        display: none;
    }

    .is-mod .ui-social-links {
        padding-top: 20px;
        margin-bottom: 20px;
    }
}

.ui-home-header .headline-outer {
    margin-top: 155px;
}

.ui-home-header .is-large {
    width: 60%;
}

.ui-home-header .text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.8rem;
    width: 70%;
    color: #fff;
    line-height: 24px;
    text-shadow: 0 0 30px #232323;
}

@media screen and (max-width: 991px) {
    .ui-home-header {
        height: 440px;
    }

        .ui-home-header .headline-outer {
            margin-top: 125px;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-home-header {
        height: 380px;
    }

        .ui-home-header .headline-outer {
            margin-top: 100px;
        }
}

@media screen and (max-width: 479px) {
    .ui-home-header {
        height: 290px;
    }

        .ui-home-header .headline-outer {
            height: 290px;
            margin-top: 70px;
        }

        .ui-home-header .text {
            font-size: 1.8rem;
            line-height: 2.2rem;
            width: 100%;
        }
}

.ui-header-migroskosmos .headline-outer {
    height: 800px;
    padding-top: 155px;
}

.ui-header-migroskosmos .header-headline-large {
    width: 80%;
}

.ui-header-migroskosmos .text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.5rem;
    width: 80%;
    color: #fff;
    text-shadow: 0 0 30px #232323;
}

@media screen and (max-width: 991px) {
    .ui-header-migroskosmos {
        height: 618px;
    }

        .ui-header-migroskosmos .headline-outer {
            padding-top: 208px;
        }

        .ui-header-migroskosmos .header-headline-large,
        .ui-header-migroskosmos .text {
            width: 100%;
        }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-header-migroskosmos {
        height: 380px;
    }

        .ui-header-migroskosmos .headline-outer {
            padding-top: 100px;
        }

        .ui-header-migroskosmos .text {
            font-size: 1.8rem;
            line-height: 2.2rem;
            width: 90%;
        }
}

@media screen and (max-width: 479px) {
    .ui-header-migroskosmos {
        height: 290px;
    }

        .ui-header-migroskosmos .headline-outer {
            height: 290px;
            padding-top: 70px;
        }

        .ui-header-migroskosmos .header-headline-large {
            width: 90%;
        }

        .ui-header-migroskosmos .text {
            display: none;
        }
}

.ui-subheader {
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    position: relative;
    min-height: 260px;
    color: #fff;
}

    .ui-subheader .headline-outer {
        width: 35%;
        margin-top: 90px;
        float: left;
    }

@media screen and (min-width: 480px) and (max-width: 767px) {
    .ui-subheader {
        height: 260px;
        margin-bottom: 10px;
    }

        .ui-subheader .headline-outer {
            width: 100%;
            margin-top: 30px;
        }
}

@media screen and (max-width: 479px) {
    .ui-subheader {
        height: 324px;
        margin-bottom: 40px;
        background-position: 0 -30px;
    }

        .ui-subheader .headline-outer {
            width: 100%;
            margin-top: 55px;
        }
}

.ui-product-offers-teaserstage .button-outer {
    height: 30px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}

@media screen and (max-width: 479px) {
    .ui-product-offers-teaserstage .button-outer {
        margin-top: 20px;
        margin-bottom: 50px;
    }
}

.ui-wide-image-stage {
    position: relative;
    display: block;
    margin-bottom: 30px;
    background-color: #f9f5ef;
}

    .ui-wide-image-stage .image {
        width: 100%;
        height: auto;
    }

    .ui-wide-image-stage .pagination {
        bottom: 70px;
    }

    .ui-wide-image-stage .caption {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        bottom: 0;
        overflow: hidden;
        width: 100%;
        height: 56px;
        padding-top: 6px;
        padding-bottom: 6px;
        background-color: #f9f5ef;
        color: #333;
        font-size: 14px;
        line-height: 22px;
    }

        .ui-wide-image-stage .caption strong {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
        }

.ct-double-octave:after,
.ct-major-eleventh:after,
.ct-major-second:after,
.ct-major-seventh:after,
.ct-major-sixth:after,
.ct-major-tenth:after,
.ct-major-third:after,
.ct-major-twelfth:after,
.ct-minor-second:after,
.ct-minor-seventh:after,
.ct-minor-sixth:after,
.ct-minor-third:after,
.ct-octave:after,
.ct-perfect-fifth:after,
.ct-perfect-fourth:after,
.ct-square:after {
    content: '';
    clear: both;
}

.ct-double-octave:after,
.ct-double-octave:before,
.ct-golden-section:after,
.ct-major-eleventh:after,
.ct-major-eleventh:before,
.ct-major-second:after,
.ct-major-second:before,
.ct-major-seventh:after,
.ct-major-seventh:before,
.ct-major-sixth:after,
.ct-major-sixth:before,
.ct-major-tenth:after,
.ct-major-tenth:before,
.ct-major-third:after,
.ct-major-third:before,
.ct-major-twelfth:after,
.ct-major-twelfth:before,
.ct-minor-second:after,
.ct-minor-second:before,
.ct-minor-seventh:after,
.ct-minor-seventh:before,
.ct-minor-sixth:after,
.ct-minor-sixth:before,
.ct-minor-third:after,
.ct-minor-third:before,
.ct-octave:after,
.ct-octave:before,
.ct-perfect-fifth:after,
.ct-perfect-fifth:before,
.ct-perfect-fourth:after,
.ct-perfect-fourth:before,
.ct-square:after,
.ct-square:before {
    content: '';
}

.ct-label {
    fill: rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.75rem;
    line-height: 1;
}

.ct-chart-bar .ct-label,
.ct-chart-line .ct-label {
    display: block;
    display: flex;
}

.ct-label.ct-horizontal.ct-start {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-label.ct-vertical.ct-start {
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end;
}

.ct-label.ct-vertical.ct-end {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start {
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    text-anchor: end;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    text-anchor: end;
}

.ct-grid {
    stroke: rgba(0, 0, 0, 0.2);
    stroke-width: 1px;
    stroke-dasharray: 2px;
}

.ct-point {
    stroke-width: 10px;
    stroke-linecap: round;
}

.ct-line {
    fill: none;
    stroke-width: 4px;
}

.ct-area {
    stroke: none;
    fill-opacity: 0.1;
}

.ct-bar {
    fill: none;
    stroke-width: 10px;
}

.ct-slice-donut {
    fill: none;
    stroke-width: 60px;
}

.ct-series-a .ct-bar,
.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-a .ct-slice-donut {
    stroke: #d70206;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
    fill: #d70206;
}

.ct-series-b .ct-bar,
.ct-series-b .ct-line,
.ct-series-b .ct-point,
.ct-series-b .ct-slice-donut {
    stroke: #f05b4f;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
    fill: #f05b4f;
}

.ct-series-c .ct-bar,
.ct-series-c .ct-line,
.ct-series-c .ct-point,
.ct-series-c .ct-slice-donut {
    stroke: #f4c63d;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
    fill: #f4c63d;
}

.ct-series-d .ct-bar,
.ct-series-d .ct-line,
.ct-series-d .ct-point,
.ct-series-d .ct-slice-donut {
    stroke: #d17905;
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
    fill: #d17905;
}

.ct-series-e .ct-bar,
.ct-series-e .ct-line,
.ct-series-e .ct-point,
.ct-series-e .ct-slice-donut {
    stroke: #453d3f;
}

.ct-series-e .ct-area,
.ct-series-e .ct-slice-pie {
    fill: #453d3f;
}

.ct-series-f .ct-bar,
.ct-series-f .ct-line,
.ct-series-f .ct-point,
.ct-series-f .ct-slice-donut {
    stroke: #59922b;
}

.ct-series-f .ct-area,
.ct-series-f .ct-slice-pie {
    fill: #59922b;
}

.ct-series-g .ct-bar,
.ct-series-g .ct-line,
.ct-series-g .ct-point,
.ct-series-g .ct-slice-donut {
    stroke: #0544d3;
}

.ct-series-g .ct-area,
.ct-series-g .ct-slice-pie {
    fill: #0544d3;
}

.ct-series-h .ct-bar,
.ct-series-h .ct-line,
.ct-series-h .ct-point,
.ct-series-h .ct-slice-donut {
    stroke: #6b0392;
}

.ct-series-h .ct-area,
.ct-series-h .ct-slice-pie {
    fill: #6b0392;
}

.ct-series-i .ct-bar,
.ct-series-i .ct-line,
.ct-series-i .ct-point,
.ct-series-i .ct-slice-donut {
    stroke: #f05b4f;
}

.ct-series-i .ct-area,
.ct-series-i .ct-slice-pie {
    fill: #f05b4f;
}

.ct-series-j .ct-bar,
.ct-series-j .ct-line,
.ct-series-j .ct-point,
.ct-series-j .ct-slice-donut {
    stroke: #dda458;
}

.ct-series-j .ct-area,
.ct-series-j .ct-slice-pie {
    fill: #dda458;
}

.ct-series-k .ct-bar,
.ct-series-k .ct-line,
.ct-series-k .ct-point,
.ct-series-k .ct-slice-donut {
    stroke: #eacf7d;
}

.ct-series-k .ct-area,
.ct-series-k .ct-slice-pie {
    fill: #eacf7d;
}

.ct-series-l .ct-bar,
.ct-series-l .ct-line,
.ct-series-l .ct-point,
.ct-series-l .ct-slice-donut {
    stroke: #86797d;
}

.ct-series-l .ct-area,
.ct-series-l .ct-slice-pie {
    fill: #86797d;
}

.ct-series-m .ct-bar,
.ct-series-m .ct-line,
.ct-series-m .ct-point,
.ct-series-m .ct-slice-donut {
    stroke: #b2c326;
}

.ct-series-m .ct-area,
.ct-series-m .ct-slice-pie {
    fill: #b2c326;
}

.ct-series-n .ct-bar,
.ct-series-n .ct-line,
.ct-series-n .ct-point,
.ct-series-n .ct-slice-donut {
    stroke: #6188e2;
}

.ct-series-n .ct-area,
.ct-series-n .ct-slice-pie {
    fill: #6188e2;
}

.ct-series-o .ct-bar,
.ct-series-o .ct-line,
.ct-series-o .ct-point,
.ct-series-o .ct-slice-donut {
    stroke: #a748ca;
}

.ct-series-o .ct-area,
.ct-series-o .ct-slice-pie {
    fill: #a748ca;
}

.ct-square {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-square:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 100%;
    }

    .ct-square:after {
        display: table;
    }

    .ct-square > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-minor-second {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-minor-second:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 93.75%;
    }

    .ct-minor-second:after {
        display: table;
    }

    .ct-minor-second > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-second {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-second:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 88.8888888889%;
    }

    .ct-major-second:after {
        display: table;
    }

    .ct-major-second > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-minor-third {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-minor-third:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 83.3333333333%;
    }

    .ct-minor-third:after {
        display: table;
    }

    .ct-minor-third > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-third {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-third:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 80%;
    }

    .ct-major-third:after {
        display: table;
    }

    .ct-major-third > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-perfect-fourth {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-perfect-fourth:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 75%;
    }

    .ct-perfect-fourth:after {
        display: table;
    }

    .ct-perfect-fourth > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-perfect-fifth {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-perfect-fifth:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 66.6666666667%;
    }

    .ct-perfect-fifth:after {
        display: table;
    }

    .ct-perfect-fifth > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-minor-sixth {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-minor-sixth:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 62.5%;
    }

    .ct-minor-sixth:after {
        display: table;
    }

    .ct-minor-sixth > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-golden-section {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-golden-section:before {
        display: block;
        float: left;
        content: '';
        width: 0;
        height: 0;
        padding-bottom: 61.804697157%;
    }

    .ct-golden-section:after {
        display: table;
        clear: both;
    }

    .ct-golden-section > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-sixth {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-sixth:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 60%;
    }

    .ct-major-sixth:after {
        display: table;
    }

    .ct-major-sixth > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-minor-seventh {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-minor-seventh:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 56.25%;
    }

    .ct-minor-seventh:after {
        display: table;
    }

    .ct-minor-seventh > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-seventh {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-seventh:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 53.3333333333%;
    }

    .ct-major-seventh:after {
        display: table;
    }

    .ct-major-seventh > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-octave {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-octave:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 50%;
    }

    .ct-octave:after {
        display: table;
    }

    .ct-octave > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-tenth {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-tenth:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 40%;
    }

    .ct-major-tenth:after {
        display: table;
    }

    .ct-major-tenth > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-eleventh {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-eleventh:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 37.5%;
    }

    .ct-major-eleventh:after {
        display: table;
    }

    .ct-major-eleventh > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-major-twelfth {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-major-twelfth:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 33.3333333333%;
    }

    .ct-major-twelfth:after {
        display: table;
    }

    .ct-major-twelfth > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.ct-double-octave {
    display: block;
    position: relative;
    width: 100%;
}

    .ct-double-octave:before {
        display: block;
        float: left;
        width: 0;
        height: 0;
        padding-bottom: 25%;
    }

    .ct-double-octave:after {
        display: table;
    }

    .ct-double-octave > svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

[data-mch-module='green'] .ct-chart .tooltip {
    position: absolute;
    display: inline-block;
    min-width: 5em;
    padding: 0.5em;
    background: #f4c63d;
    color: #453d3f;
    font-weight: 700;
    text-align: center;
    pointer-events: none;
    z-index: 1;
    opacity: 1;
}

[data-mch-module='green'] .ct-chart .ct-labels .ct-label {
    font-size: 14px;
    font-size: 1.4rem;
    fill: #737373;
    font-family: HelveticaNeueW02-77BdCn;
}

[data-mch-module='green'] .ct-chart .ct-series .ct-label {
    font-size: 16px;
    font-size: 1.6rem;
    fill: #6dac3b;
    font-family: HelveticaNeueW01-75Bold;
}

[data-mch-module='green'] .btn {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

    [data-mch-module='green'] .btn.is-cumulus:active:not([disabled]):not(.disabled),
    [data-mch-module='green'] .btn.is-cumulus:focus:not([disabled]):not(.disabled),
    [data-mch-module='green'] .btn.is-cumulus:hover:not([disabled]):not(.disabled) {
        border-color: #29940e;
        background-color: #29940e;
    }

@media (max-width: 480px) {
    [data-mch-module='green'] .btn {
        display: block;
        width: 100%;
    }
}

.a-chart-legend {
    font-family: HelveticaNeueW01-45Ligh, Helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 4px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.a-chart-legend__color {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    border: 11px solid #000;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 3px;
}

.a-chart-legend.a-chart-legend--reference .a-chart-legend__color {
    border-color: #47a82e;
}

.a-green-info {
    position: relative;
    display: block;
    padding: 32px 0 18px 0;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 2.5rem;
}

    .a-green-info.richtext a {
        font-weight: inherit;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .a-green-info:before {
        content: '';
        position: relative;
        display: block;
        width: 100px;
        height: 51px;
        margin-top: -12px;
        margin-bottom: 42px;
        background: url(../img/svg/general/bullhorn.svg) no-repeat left 0 center;
        background-size: 100px auto;
    }

@media only screen and (min-width: 768px) {
    .a-green-info {
        padding-left: 162px;
        min-height: 151px;
    }

        .a-green-info:before {
            position: absolute;
            left: 0;
            top: 0;
            margin-top: 40px;
            margin-bottom: 60px;
        }
}

@media only screen and (min-width: 992px) {
    .a-green-info {
        padding-left: 150px;
    }
}

@media only screen and (min-width: 1200px) {
    .a-green-info {
        padding-left: 170px;
    }
}

[data-mch-module='green'] .form-group .form-control {
    border-color: #6dac3b;
}

    [data-mch-module='green'] .form-group .form-control:focus {
        background-color: #fff;
        border-color: #6dac3b;
    }

[data-mch-module='green'] .form-group .info {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/mch/svg/icons/general/icon-info.svg) 0 0 no-repeat;
}

.a-dropdown {
    display: inline-block;
    float: none;
    margin-bottom: 0;
}

    .a-dropdown .btn-open .close {
        top: auto;
    }

    .a-dropdown.a-dropdown--dependent.is-hidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .a-dropdown .dropdown__label {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .a-dropdown .dropdown-toggle {
        position: relative;
        color: #6dac3b;
        border-bottom-color: #6dac3b;
        vertical-align: baseline;
        padding-top: 5px;
        padding-bottom: 12px;
        display: inline-block;
    }

    .a-dropdown .btn-open {
        color: #6dac3b;
    }

        .a-dropdown .btn-open:active,
        .a-dropdown .btn-open:focus,
        .a-dropdown .btn-open:hover {
            color: #29940e;
        }

            .a-dropdown .btn-open:active .close::after,
            .a-dropdown .btn-open:focus .close::after,
            .a-dropdown .btn-open:hover .close::after {
                background-image: url(../img/mch/svg/icons/general/filter-open-hover.svg);
                top: 4px;
            }

        .a-dropdown .btn-open:focus {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .a-dropdown .btn-open .close::after {
            background-image: url(../img/mch/svg/icons/general/filter-open.svg);
            top: 4px;
            background-size: 27px;
        }

    .a-dropdown .open .btn-open {
        color: #6dac3b;
    }

        .a-dropdown .open .btn-open:active .close::after,
        .a-dropdown .open .btn-open:focus .close::after,
        .a-dropdown .open .btn-open:hover .close::after {
            background-image: url(../img/mch/svg/icons/general/filter-close-hover.svg);
        }

        .a-dropdown .open .btn-open .close::after {
            background-image: url(../img/mch/svg/icons/general/filter-close.svg);
        }

    .a-dropdown .dropdown-menu {
        top: 38px;
        color: #6dac3b;
        background-color: #6dac3b;
    }

        .a-dropdown .dropdown-menu > li > a:active,
        .a-dropdown .dropdown-menu > li > a:focus,
        .a-dropdown .dropdown-menu > li > a:hover {
            background-color: #29940e;
            color: #fff;
        }

    .a-dropdown .dropdown-menu {
        cursor: pointer;
    }

.a-leadtext {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 20px;
    padding-right: 20px;
}

@media only screen and (max-width: 991px) {
    .a-leadtext {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
    }
}

.a-map {
    position: relative;
    margin-top: -30px;
    margin-left: -20px;
    margin-right: 20px;
}

.a-map--BL,
.a-map--BS,
.a-map--SH,
.a-map--TG {
    margin-top: 0;
}

.a-map--GE {
    margin-left: 0;
}

.a-map__svg {
    height: 66vw;
}

.a-map__text {
    fill: #000;
    stroke: none;
    font-family: 'Helvetica Neue Condensed';
    font-weight: 700;
    display: none;
}

.a-map__canton {
    fill: #f8f8f8;
    fill-opacity: 1;
    stroke: #f8f8f8;
    stroke-opacity: 1;
    stroke-width: 0.5;
}

.a-map__flag {
    display: none;
}

.a-map__canton--rank-high {
    fill: #827f7f;
}

.a-map__canton--rank-medium {
    fill: #b7b0ac;
}

.a-map__canton--rank-low {
    fill: #d8d8d8;
}

.a-map__flag__svg {
    display: none;
}

@media only screen and (min-width: 480px) {
    .a-map__text {
        display: block;
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 768px) {
    .a-map {
        margin-left: -60px;
    }

    .a-map--GE {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .a-map__svg {
        height: 290px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .a-map__svg {
        height: 400px;
    }
}

@media only screen and (min-width: 1200px) {
    .a-map__svg {
        height: 456px;
    }
}

.a-percentage-legend {
    color: #000;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
    line-height: 26px;
    line-height: 2.6rem;
    margin: 0;
    padding: 35px 20px 20px;
}

.a-percentage-legend__value {
    font-style: normal;
    color: #6dac3b;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
    line-height: 3.2rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-bottom: 5px;
}

.a-percentage-legend__headline {
    max-width: 68%;
    display: inline-block;
}

.a-percentage-legend__comparison {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    position: relative;
    padding: 0 0 0 25px;
    display: inline-block;
}

    .a-percentage-legend__comparison:before {
        background-color: transparent;
        background-image: url(../img/svg/teaser/trend-positive.svg);
        background-repeat: no-repeat;
        background-position: 0 0;
        content: '';
        height: 20px;
        left: 0;
        position: absolute;
        top: -1px;
        width: 20px;
    }

.a-percentage-legend__comparison--trend-down:before {
    background-image: url(../img/svg/teaser/trend-negative.svg);
}

@media only screen and (min-width: 480px) {
    .a-percentage-legend__headline {
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .a-percentage-legend .a-percentage-legend__value {
        font-size: 42px;
        font-size: 4.2rem;
        line-height: 42px;
        line-height: 4.2rem;
    }

    .a-percentage-legend__headline {
        max-width: 85%;
    }
}

@media only screen and (min-width: 992px) {
    .a-percentage-legend__comparison {
        margin: 0.5em 0 1.5em;
    }

    .a-percentage-legend .a-percentage-legend__value {
        font-size: 55px;
        font-size: 5.5rem;
        line-height: 55px;
        line-height: 5.5rem;
    }
}

@media only screen and (min-width: 1200px) {
    .a-percentage-legend__comparison {
        margin: 1em 0 1.5em;
    }
}

.a-teaserlink {
    background-color: #6dac3b;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    position: absolute;
    width: 100%;
    height: 85px;
    bottom: 0;
    padding: 5px 10px 35px;
}

@media only screen and (min-width: 768px) {
    .a-teaserlink {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.a-teaserlink .ui-title {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    position: relative;
    display: inline-block;
    left: 0;
    color: #fff;
}

    .a-teaserlink .ui-title:after {
        content: '';
        position: relative;
        display: block;
        left: 0;
        top: 5px;
        width: 100%;
        height: 30px;
        background: url(../img/mch/svg/icons/general/arrow-right-small-white.svg) no-repeat 0 0;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        transition: background-position 0.5s ease;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .a-teaserlink {
        background-color: transparent;
        width: 80%;
        height: 95px;
        padding: 10px;
    }

        .a-teaserlink .ui-title {
            background-color: #6dac3b;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            font-size: 20px;
            font-size: 2rem;
            line-height: 24px;
            line-height: 2.4rem;
            display: inline;
            box-shadow: 10px 0 0 #6dac3b, -10px 0 0 #6dac3b;
            -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
    .a-teaserlink .ui-title {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .a-teaserlink .ui-title:after {
        background-color: #6dac3b;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        box-shadow: 0 0 0 #6dac3b, -10px 0 0 #6dac3b;
        top: 0;
        width: 24px;
        height: 24px;
        background-position: 0 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
    .a-teaserlink .ui-title:after {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

@media only screen and (min-width: 992px) {
    .a-teaserlink {
        width: 80%;
        height: 100px;
        bottom: 21px;
        padding: 15px;
        background-color: transparent;
    }

        .a-teaserlink .ui-title {
            background-color: #6dac3b;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            font-size: 22px;
            font-size: 2.2rem;
            line-height: 28px;
            line-height: 2.8rem;
            box-shadow: 10px 0 0 #6dac3b, -15px 0 0 #6dac3b;
            -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
            display: inline;
        }
}

@media only screen and (min-width: 992px) and (min-width: 768px) {
    .a-teaserlink .ui-title {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

@media only screen and (min-width: 992px) {
    .a-teaserlink .ui-title:after {
        background-color: #6dac3b;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        width: 30px;
        height: 26px;
        left: 0;
        top: 1px;
        background-image: url(../img/mch/svg/icons/general/arrow-teaser-big.svg);
        box-shadow: 0 0 0 #6dac3b, -15px 0 0 #6dac3b;
        background-position: 0 -2px;
    }
}

@media only screen and (min-width: 992px) and (min-width: 768px) {
    .a-teaserlink .ui-title:after {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .a-teaserlink {
        bottom: 31px;
    }

        .a-teaserlink .ui-title {
            font-size: 26px;
            font-size: 2.6rem;
            line-height: 33px;
            line-height: 3.3rem;
        }

            .a-teaserlink .ui-title:after {
                width: 37px;
                height: 30px;
                left: 0;
                bottom: -32px;
                background-position: 0 0;
            }
}

.m-bar-chart {
    margin-top: 22px;
}

    .m-bar-chart .ct-bar {
        stroke-width: 8%;
    }

    .m-bar-chart .ct-series .ct-label {
        font-size: 16px;
        font-size: 1.6rem;
        fill: #6dac3b;
    }

    .m-bar-chart .chartist__bar__edges {
        stroke: #000;
        stroke-dasharray: none;
        stroke-width: 1px;
    }

.m-canton-list {
    font-family: HelveticaNeueW01-45Ligh, Helvetica, arial, sans-serif;
    font-weight: 400;
    margin-top: 28px;
    margin-bottom: 28px;
}

@media all {
    .m-canton-list__wrapper {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .m-canton-list__list {
        position: relative;
        margin-left: 100px;
        padding-left: 0;
    }

    .m-canton-list__grid {
        display: none;
    }

    .m-canton-list__item {
        display: block;
        padding-bottom: 10px;
        list-style: none;
    }

    .m-canton-list__item--hidden {
        display: none;
    }

    .m-canton-list__bar {
        width: 100%;
        white-space: nowrap;
    }

    .m-canton-list__legend {
        position: absolute;
        right: 100%;
        width: 100px;
        text-align: right;
        line-height: 22px;
    }

    .m-canton-list__bubble {
        width: 23px;
        height: 23px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        color: #fff;
        background-color: #b7b0ac;
        border-radius: 100%;
    }

    .m-canton-list__item--below .m-canton-list__bubble {
        background-color: #d8d8d8;
    }

    .m-canton-list__item--above .m-canton-list__bubble {
        background-color: #827f7f;
    }

    .m-canton-list__item--my .m-canton-list__bubble {
        background-color: #8dd67d;
    }

    .m-canton-list__item--country .m-canton-list__bubble {
        background-color: #47a82e;
    }

    .m-canton-list__percentage {
        display: inline-block;
        width: 72px;
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 22px;
        font-size: 2.2rem;
        color: #a3c33c;
        padding-right: 10px;
    }

    .m-canton-list__name {
        display: inline-block;
        box-sizing: border-box;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22px;
    }

    .m-canton-list__goal {
        display: none;
    }
}

@media all {
    .m-canton-list__toggle {
        padding-bottom: 15px;
    }

        .m-canton-list__toggle .m-canton-list__action__less,
        .m-canton-list__toggle .m-canton-list__action__more {
            font-style: normal;
        }

        .m-canton-list__toggle .m-canton-list__action__less {
            display: none;
        }

        .m-canton-list__toggle.state-visible .m-canton-list__action__less {
            display: inline;
        }

        .m-canton-list__toggle.state-visible .m-canton-list__action__more {
            display: none;
        }

    .m-canton-list__ellipsis {
        display: block;
        margin-top: -20px;
        padding-bottom: 15px;
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 22px;
        font-size: 2.2rem;
        color: #6dac3b;
    }

    .state-visible .m-canton-list__ellipsis {
        display: none;
    }

    .m-canton-list__range {
        color: #737373;
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media only screen and (min-width: 480px) {
    .m-canton-list__wrapper {
        overflow: hidden;
        padding-right: 20px;
    }

    .m-canton-list__list {
        margin-left: 64px;
        margin-top: 30px;
    }

    .m-canton-list__grid {
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 0;
        left: 0;
        top: 20px;
        padding-left: 64px;
        padding-right: 20px;
    }

    .m-canton-list__grid--goal {
        top: 70px;
    }

    .m-canton-list__grid__content {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .m-canton-list__grid__content__vertical {
        border-right: 1px dashed #ccc;
        position: absolute;
        height: 120%;
        width: 1px;
        margin-left: -1px;
    }

        .m-canton-list__grid__content__vertical:before {
            font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
            font-weight: 400;
            color: #737373;
            content: attr(data-value);
            position: absolute;
            top: -22px;
            left: -20px;
            width: 40px;
            height: 20px;
            font-size: 16px;
            font-size: 1.6rem;
            text-align: center;
        }

    .m-canton-list__grid__content__vertical--edge {
        border-right: 1px solid #000;
    }

    .m-canton-list__grid--special {
        z-index: 1;
    }

        .m-canton-list__grid--special .m-canton-list__grid__content__vertical {
            border: 2px solid #fff;
            margin-left: -4px;
            width: 6px;
        }

            .m-canton-list__grid--special .m-canton-list__grid__content__vertical:before {
                content: '';
                border: 1px solid #a3c33c;
                width: 0;
                height: 100%;
                margin-left: 5%;
                position: absolute;
                top: 0;
                left: 0;
            }

        .m-canton-list__grid--special .m-canton-list__grid__content__vertical--my {
            border: 2px solid #fff;
            width: 6px;
            margin-top: 90px;
            background-color: #fff;
        }

            .m-canton-list__grid--special
            .m-canton-list__grid__content__vertical--my:before {
                border: 1px dashed #47a82e;
            }

        .m-canton-list__grid--special .m-canton-list__grid__content__vertical--swiss {
            margin-top: 130px;
        }

        .m-canton-list__grid--special
        .m-canton-list__grid__content__vertical--swiss-only {
            margin-top: 40px;
        }

    .m-canton-list__grid--special-nogoal {
        margin-top: -50px;
    }

    .m-canton-list__item {
        margin-bottom: 5px;
    }

    .m-canton-list__item--goal {
        margin-top: 80px;
    }

    .m-canton-list__bar {
        position: relative;
        z-index: 1;
        display: block;
        height: 26px;
        line-height: 26px;
        background-color: #b7b0ac;
    }

    .m-canton-list__item--below .m-canton-list__bar {
        background-color: #d8d8d8;
    }

    .m-canton-list__item--above .m-canton-list__bar {
        background-color: #827f7f;
    }

    .m-canton-list__item--my .m-canton-list__bar {
        background-color: #47a82e;
    }

        .m-canton-list__item--my .m-canton-list__bar.m-canton-list__bar--goal {
            position: absolute;
            top: 0;
            z-index: 0;
            background-color: #b2e7f1;
        }

    .m-canton-list__item--country .m-canton-list__bar {
        background-color: #a3c33c;
    }

    .m-canton-list__legend {
        line-height: inherit;
    }

    .m-canton-list__bubble {
        display: none;
    }

    .m-canton-list__name {
        padding: 0 10px;
        line-height: inherit;
        color: #fff;
    }

    .m-canton-list__goal {
        display: block;
        position: absolute;
        top: -65px;
        left: 100%;
        margin-left: -100px;
    }

        .m-canton-list__goal.ui-note {
            color: #8bb361;
        }

            .m-canton-list__goal.ui-note.has-arrow.is-left-down,
            .m-canton-list__goal.ui-note.has-arrow.is-right-down {
                margin-top: 0;
            }

                .m-canton-list__goal.ui-note.has-arrow.is-left-down:before,
                .m-canton-list__goal.ui-note.has-arrow.is-right-down:before {
                    left: 78px;
                    top: 30px;
                }

    .m-cantonal-list__goal--left {
        margin-left: 0;
    }

        .m-cantonal-list__goal--left.ui-note.has-arrow.is-left-down {
            padding-left: 0;
        }

            .m-cantonal-list__goal--left.ui-note.has-arrow.is-left-down:before {
                left: -9px;
            }

    .m-cantonal-list__goal--right {
        right: 0;
        left: auto;
    }

        .m-cantonal-list__goal--right.ui-note.has-arrow.is-right-down:before {
            right: -9px;
            left: auto;
        }
}

.m-donut-chart {
    width: 100%;
    height: 100%;
    position: relative;
}

.m-chartist__donut__label {
    display: none;
}

.m-chartist__donut__title {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    display: table;
}

    .m-chartist__donut__title span {
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 18px;
        display: table-cell;
        vertical-align: middle;
    }

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .m-chartist__donut__title {
        display: none;
    }
}

[data-mch-module='green'] .ui-paragraph-headline.is-highlight:before {
    background-color: #6dac3b;
}

[data-mch-module='green'] .ui-paragraph-headline.is-small {
    margin-bottom: 18px;
}

.m-label-select {
    margin: 30px 0 8px;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
}

    .m-label-select span {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 20px;
        font-size: 2rem;
    }

.m-line-chart {
    margin-top: 22px;
}

    .m-line-chart .ct-series .ct-point {
        stroke-linecap: square;
    }

    .m-line-chart .ct-reference .ct-line {
        stroke-width: 2px;
        stroke: #47a82e !important;
        stroke-dasharray: 3, 3;
    }

    .m-line-chart .ct-reference .ct-point {
        stroke: none;
        stroke-width: 0;
    }

    .m-line-chart .chartist__bar__edges {
        stroke: #000;
        stroke-dasharray: none;
        stroke-width: 1px;
    }

    .m-line-chart .ct-series.ct-series-a .ct-line {
        stroke: #a3c33c !important;
    }

    .m-line-chart .ct-series.ct-series-a .ct-point {
        stroke: #a3c33c !important;
    }

    .m-line-chart .ct-series.ct-series-b .ct-line {
        stroke: #47a82e !important;
    }

    .m-line-chart .ct-series.ct-series-b .ct-point {
        stroke: #47a82e !important;
    }

.m-map-chart__info__legend {
    display: none;
}

@media only screen and (min-width: 768px) {
    .m-map-chart__info__legend {
        display: block;
    }
}

.m-period-select {
    margin: 30px 0 30px;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
}

    .m-period-select .js-period-select__bridge-text {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 20px;
        font-size: 2rem;
    }

    .m-period-select .is-hidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .m-period-select.is-cumulus .btn.is-open:not([disabled]):not(.disabled),
    .m-period-select.is-cumulus .btn:active:not([disabled]):not(.disabled),
    .m-period-select.is-cumulus .btn:focus:not([disabled]):not(.disabled),
    .m-period-select.is-cumulus .btn:hover:not([disabled]):not(.disabled) {
        background-color: unset;
    }

    .m-period-select.is-cumulus .open .btn-open {
        color: #6dac3b;
    }

        .m-period-select.is-cumulus .open .btn-open .close {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Ebene_1' x='0px' y='0px' width='28px' height='28px' viewBox='0 0 28 28' enable-background='new 0 0 28 28' xml:space='preserve'%3E%3Ccircle fill-rule='evenodd' clip-rule='evenodd' fill='%236DAC3B' cx='14' cy='14' r='14'/%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' points='14,14.86 20,9.11 18.85,8 14,12.65 9.15,8 8,9.11 '/%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' points='14,13.14 20,18.891 18.85,20 14,15.35 9.15,20 8,18.891 '/%3E%3C/svg%3E");
        }

        .m-period-select.is-cumulus .open .btn-open:active,
        .m-period-select.is-cumulus .open .btn-open:focus,
        .m-period-select.is-cumulus .open .btn-open:hover {
            color: #29940e;
        }

            .m-period-select.is-cumulus .open .btn-open:active .close,
            .m-period-select.is-cumulus .open .btn-open:focus .close,
            .m-period-select.is-cumulus .open .btn-open:hover .close {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Ebene_1' x='0px' y='0px' width='28px' height='28px' viewBox='0 0 28 28' enable-background='new 0 0 28 28' xml:space='preserve'%3E%3Ccircle fill-rule='evenodd' clip-rule='evenodd' fill='%2329940E' cx='14' cy='14' r='14'/%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' points='14,14.86 20,9.11 18.85,8 14,12.65 9.15,8 8,9.11 '/%3E%3Cpolygon fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' points='14,13.14 20,18.891 18.85,20 14,15.35 9.15,20 8,18.891 '/%3E%3C/svg%3E");
            }

.m-teaser-login {
    height: auto;
    overflow: visible;
    padding: 12px;
    margin: 0 0 16px;
}

    .m-teaser-login .m-teaser-login__content {
        position: relative;
        height: 100%;
    }

    .m-teaser-login h3 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        line-height: 2.4rem;
        color: #fff;
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        margin: 0 0 20px;
    }

    .m-teaser-login .link-box {
        margin-bottom: 16px;
    }

@media only screen and (min-width: 480px) {
    .m-teaser-login {
        height: 265px;
    }
}

@media only screen and (min-width: 768px) {
    .m-teaser-login {
        height: 225px;
    }

        .m-teaser-login h3 {
            font-size: 20px;
            font-size: 2rem;
            line-height: 26px;
            line-height: 2.6rem;
        }
}

@media only screen and (min-width: 992px) {
    .m-teaser-login {
        height: 316px;
        padding: 20px 10px;
    }

        .m-teaser-login h3 {
            margin-bottom: 22px;
            padding-left: 8px;
            padding-right: 8px;
            font-size: 22px;
            font-size: 2.2rem;
            line-height: 28px;
            line-height: 2.8rem;
        }

        .m-teaser-login .link-box {
            margin-left: 8px;
            margin-bottom: 16px;
        }
}

@media only screen and (min-width: 1200px) {
    .m-teaser-login {
        height: 360px;
    }
}

.m-teaser-personalized {
    margin: 0 0 17px;
    position: relative;
}

    .m-teaser-personalized .a-percentage-legend {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding-top: 18px;
    }

        .m-teaser-personalized .a-percentage-legend .a-percentage-legend__value {
            display: inline-block;
            margin-bottom: 16px;
        }

    .m-teaser-personalized .m-teaser-personalized__subtext {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 16px;
        line-height: 1.6rem;
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        bottom: 16px;
        color: #737373;
        padding: 0 20px 0;
        margin-bottom: 0;
        position: absolute;
    }

    .m-teaser-personalized .ui-background-wrapper {
        background: #f8f7f6 no-repeat right 15px top 57%;
        background-size: 43%;
        height: 280px;
    }

    .m-teaser-personalized .m-teaser-personalized__wrapper--loggedIn {
        background-size: 35%;
    }

    .m-teaser-personalized .ui-link {
        position: relative;
        background-image: none;
        color: #6dac3b;
        display: inline-block;
        margin: 8px 0 0;
    }

        .m-teaser-personalized .ui-link::after {
            content: '';
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            left: 0;
            padding: 3px;
            border-top: 0;
            border-right: 2px solid #6dac3b;
            border-bottom: 2px solid #6dac3b;
            border-left: 0;
            transform: rotate(-45deg);
            top: 6px;
            right: 0;
            top: 4px;
            left: auto;
            opacity: 1;
            background: 0 0;
        }

        .m-teaser-personalized .ui-link:focus,
        .m-teaser-personalized .ui-link:hover {
            background: 0 0;
            color: #47a82e;
        }

            .m-teaser-personalized .ui-link:focus::after,
            .m-teaser-personalized .ui-link:hover::after {
                width: 0;
                height: 0;
                left: 0;
                padding: 3px;
                border-top: 0;
                border-right: 2px solid #29940e;
                border-bottom: 2px solid #29940e;
                border-left: 0;
                transform: rotate(-45deg);
                top: 6px;
                right: 0;
                top: 4px;
                left: auto;
                opacity: 1;
            }

@media only screen and (min-width: 480px) {
    .m-teaser-personalized .ui-background-wrapper {
        background-position: right 15px bottom 75px;
        background-size: 48%;
        height: 310px;
    }

    .m-teaser-personalized .m-teaser-personalized__wrapper--loggedIn {
        background-size: 40%;
    }
}

@media only screen and (min-width: 768px) {
    .m-teaser-personalized .ui-background-wrapper {
        background-position: right 15px bottom 80px;
        height: 280px;
    }

        .m-teaser-personalized .ui-background-wrapper .a-percentage-legend__value {
            font-size: 32px;
            font-size: 3.2rem;
            line-height: 32px;
            line-height: 3.2rem;
        }
}

@media only screen and (min-width: 1200px) {
    .m-teaser-personalized .ui-background-wrapper {
        height: 310px;
    }
}

.m-teaser-stats {
    position: relative;
    margin: 0 0 17px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.m-teaser-stats__link {
    display: block;
    height: 323px;
}

    .m-teaser-stats__link:hover .a-teaserlink {
        background-color: #29940e;
    }

.m-teaser-stats__caption {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.m-teaser-stats .ui-background-wrapper {
    height: 323px;
    background: #f8f7f6 no-repeat right 10px bottom 95px;
    background-size: 45%;
}

    .m-teaser-stats .ui-background-wrapper.m-teaser-stats__content--nolink {
        background-position: right 10px bottom 15px;
    }

@media only screen and (min-width: 480px) {
    .m-teaser-stats .ui-background-wrapper {
        height: 265px;
        background-size: 38%;
    }

    .m-teaser-stats__link {
        height: 265px;
    }
}

@media only screen and (min-width: 768px) {
    .m-teaser-stats {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

        .m-teaser-stats .ui-background-wrapper {
            height: 225px;
            background-size: 45%;
            background-position: right 10px bottom 15px;
        }

    .m-teaser-stats__link:hover .a-teaserlink {
        background-color: transparent;
    }

        .m-teaser-stats__link:hover .a-teaserlink .ui-title {
            box-shadow: 10px 0 0 #29940e, -10px 0 0 #29940e;
            background-color: #29940e;
        }

            .m-teaser-stats__link:hover .a-teaserlink .ui-title:after {
                box-shadow: 0 0 0 #29940e, -10px 0 0 #29940e;
                background-color: #29940e;
            }

    .m-teaser-stats__link {
        height: 225px;
    }
}

@media only screen and (min-width: 992px) {
    .m-teaser-stats__link:hover .a-teaserlink {
        background-color: transparent;
    }

        .m-teaser-stats__link:hover .a-teaserlink .ui-title {
            box-shadow: 10px 0 0 #29940e, -15px 0 0 #29940e;
            background-color: #29940e;
        }

            .m-teaser-stats__link:hover .a-teaserlink .ui-title:after {
                box-shadow: 0 0 0 #29940e, -15px 0 0 #29940e;
                background-color: #29940e;
                background-position: 0 -36px;
            }

    .m-teaser-stats .ui-background-wrapper {
        height: 316px;
        background-position: right 15px bottom 20px;
        background-size: 48%;
    }

    .m-teaser-stats__link {
        height: 316px;
    }
}

@media only screen and (min-width: 1200px) {
    .m-teaser-stats .ui-background-wrapper {
        height: 360px;
        background-size: auto;
    }

    .m-teaser-stats__link {
        height: 360px;
    }

        .m-teaser-stats__link:hover .a-teaserlink .ui-title:after {
            background-position: 0 -34px;
        }
}

.template-charts__loading {
    min-height: 300px;
    position: relative;
}

.template-charts__loading__loading-sign {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(222, 222, 222, 0.7);
    z-index: 3;
    padding: 0 0;
    box-sizing: content-box;
    left: 0;
    top: 0;
    display: block;
    opacity: 1;
    transition: opacity 0.2s ease;
}

    .template-charts__loading__loading-sign:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -63px;
        margin-top: -32px;
        width: 125px;
        height: 64px;
        display: block;
        background: url(../img/icon/loading.gif) no-repeat 50% 50%;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .template-charts__loading__loading-sign:before {
        background-image: url(../img/icon/loading-2x.gif);
        background-size: 125px 64px;
    }
}

.template-charts__loading__loading-sign--hidden {
    background-color: rgba(222, 222, 222, 0);
    opacity: 0;
    transition-delay: z-index 0.4s;
    z-index: -1;
}

.template-charts__loading__loading-sign:before {
    top: 150px;
}

.template-charts__select--public {
    margin-bottom: -30px;
}

.template-charts__content {
    display: none;
}

.template-charts__error {
    display: none;
}

.template-dashboard__gutter-sizer {
    width: 24px;
}

.template-dashboard__item {
    margin-bottom: 7px;
}

.template-dashboard__item-base > div {
    height: 201px;
    margin-bottom: 17px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .template-dashboard__wide {
        padding: 6px 10px 15px 10px;
        min-height: 307px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .template-dashboard__wide {
        padding: 6px 8px 15px 8px;
        min-height: 265px;
    }
}

.o-goal {
    margin-bottom: 20px;
}

    .o-goal .form-group {
        margin-bottom: 27px;
        position: relative;
    }

        .o-goal .form-group .form-control {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-size: 60px;
            font-size: 6rem;
            line-height: 60px;
            line-height: 6rem;
            letter-spacing: 4px;
            height: 78px;
            border-bottom-color: #6dac3b;
            color: #aaa;
            text-align: center;
        }

            .o-goal .form-group .form-control:-ms-input-placeholder {
                color: #999;
            }

            .o-goal .form-group .form-control.state-focus {
                background: 0 0;
                border-radius: 0;
                box-shadow: none;
                transition: background-color 0.8s;
            }

            .o-goal .form-group .form-control.state-error {
                background-color: #ffe5e5;
                border-color: #e00;
            }

        .o-goal .form-group .goal__validation-information {
            display: none;
            padding-bottom: 0.5em;
            opacity: 0;
            transition: opacity 0.3s ease-out;
            color: #e00;
            font-size: 16px;
            font-size: 1.6rem;
        }

            .o-goal .form-group .goal__validation-information.state-error {
                opacity: 1;
            }

    .o-goal .goal__leadtext--highlight {
        font-family: MarketWeb;
        font-weight: 400;
        text-transform: none;
        font-size: 24px;
        font-size: 2.4rem;
        color: #6dac3b;
        position: relative;
    }

        .o-goal .goal__leadtext--highlight::after {
            display: none;
            position: absolute;
            content: '';
            width: 31px;
            height: 27px;
            left: 300px;
            bottom: -40px;
            background-image: url("data:image/svg+xml,%3Csvg id='Untitled-Seite%25201' viewBox='0 0 31 27' style='background-color:%23ffffff00' version='1.1' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' x='0' y='0' width='31' height='27'%3E%3Cg id='Ebene%25201' stroke='%236DAC3B' stroke-width='2' fill='none'%3E%3Cpath d='M30 2C28.679 8.481 14.065 22.871 2.204 19.903m4.898-4.252L1 19.954 6.28 25'/%3E%3C/g%3E%3C/svg%3E");
            background-image: url(../img/mch/svg/icons/general/note-right-green.svg);
        }

@media (min-width: 992px) {
    .o-goal .goal__leadtext--highlight::after {
        display: block;
    }
}

@media (min-width: 1200px) {
    .o-goal .goal__leadtext--highlight::after {
        left: 330px;
    }
}

.o-goal .goal__label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.o-goal .goal__button-wrapper {
    margin-top: 3px;
}

    .o-goal .goal__button-wrapper .goal__button-wrapper__submit {
        display: inline-block;
        margin-top: 11px;
        margin-right: 10px;
    }

    .o-goal .goal__button-wrapper .goal__button-wrapper__submit--hidden {
        display: none;
    }

    .o-goal .goal__button-wrapper .goal__button-wrapper__facebook {
        display: inline-block;
        margin-top: 11px;
    }

.template-year-teaser {
    position: relative;
}

.template-year-teaser__loading-sign {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(222, 222, 222, 0.7);
    z-index: 3;
    padding: 0 0;
    box-sizing: content-box;
    left: 0;
    top: 0;
    display: block;
    opacity: 1;
    transition: opacity 0.2s ease;
}

    .template-year-teaser__loading-sign:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -63px;
        margin-top: -32px;
        width: 125px;
        height: 64px;
        display: block;
        background: url(../img/icon/loading.gif) no-repeat 50% 50%;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .template-year-teaser__loading-sign:before {
        background-image: url(../img/icon/loading-2x.gif);
        background-size: 125px 64px;
    }
}

.template-year-teaser__loading-sign--hidden {
    background-color: rgba(222, 222, 222, 0);
    opacity: 0;
    transition-delay: z-index 0.4s;
    z-index: -1;
}

.o-label-overview__chart {
    display: inline-block;
}

.o-label-overview__chart__visual {
    height: 300px;
    margin-left: -5px;
    margin-right: -5px;
}

.o-label-overview__legend {
    display: inline-block;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    margin-top: 5px;
}

.o-label-overview--label {
    min-width: 300px;
}

.o-label-overview__legend__alignment {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    -moz-column-width: 180px;
    column-width: 180px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -moz-column-count: 2;
    column-count: 2;
    padding-top: 5px;
}

.o-label-overview__legend__link {
    margin-top: 24px;
}

.o-label-overview__legend__alignment--onecol {
    -moz-column-count: 1;
    column-count: 1;
}

.o-label-overview__chart__legend {
    text-align: center;
}

@media only screen and (min-width: 480px) {
    .o-label-overview__chart__visual {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .o-label-overview__legend__alignment,
    .o-label-overview__legend__link {
        padding-left: 3vw;
    }
}

@media only screen and (min-width: 480px) {
    .o-label-overview__chart__visual {
        width: 23vw;
        height: 23vw;
    }

    .o-label-overview__legend {
        margin-top: 0;
    }

    .o-label-overview__legend__alignment {
        align-items: left;
    }
}

@media only screen and (min-width: 768px) {
    .o-label-overview__chart__visual {
        width: 276px;
        height: 276px;
    }

    .o-label-overview__chart__legend {
        width: 300px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .o-label-overview__legend {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 992px) {
    .o-label-overview__legend {
        height: 276px;
    }

    .o-label-overview__legend__alignment {
        width: 100%;
        display: block;
        align-self: auto;
        flex-direction: inherit;
        align-items: inherit;
        padding-top: 0;
    }

    .o-label-overview__legend__link {
        margin-top: 0;
        position: absolute;
        right: 12px;
        bottom: 0;
    }

    .o-label-overview__legend__alignment--onecol {
        width: auto;
    }
}

@media only screen and (min-width: 1200px) {
    .o-label-overview__legend {
        height: 300px;
    }

    .o-label-overview__chart__visual {
        width: 300px;
        height: 300px;
    }
}

@media only screen and (min-width: 480px) {
    .is-ie9 .o-label-overview__legend {
        padding-left: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .is-ie9 .o-label-overview__legend {
        display: table;
        vertical-align: middle;
        min-height: 300px;
        width: 50%;
    }

    .is-ie9 .o-label-overview__legend__alignment {
        display: table-cell;
        vertical-align: middle;
    }

        .is-ie9 .o-label-overview__legend__alignment > * {
            width: 50%;
            display: inline-block;
            text-align: left;
        }

    .is-ie9 .o-label-overview__legend__alignment--onecol > * {
        width: 100%;
    }
}

.o-label-year {
    display: none;
}

@media only screen and (min-width: 768px) {
    .o-label-year {
        display: block;
    }
}

.o-label-year__legend .a-chart-legend:last-child {
    margin-bottom: 0;
}

.o-teaser-comparison .a-percentage-legend {
    padding-top: 18px;
}

.o-teaser-comparison .m-teaser-stats .ui-background-wrapper {
    background-position: right 15px bottom 15px;
    height: 205px;
    background-size: auto 26vw;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .o-teaser-comparison .m-teaser-stats .a-percentage-legend__comparison {
        max-width: 160px;
    }

    .o-teaser-comparison .m-teaser-stats .ui-background-wrapper {
        background-size: 45% auto;
    }

        .o-teaser-comparison
        .m-teaser-stats
        .ui-background-wrapper
        .a-percentage-legend__value {
            font-size: 35px;
            font-size: 3.5rem;
            line-height: 35px;
            line-height: 3.5rem;
        }
}

@media only screen and (min-width: 768px) {
    .o-teaser-comparison .m-teaser-stats .a-percentage-legend__comparison {
        max-width: 160px;
    }

    .o-teaser-comparison .m-teaser-stats .ui-background-wrapper {
        background-size: 44% auto;
    }
}

@media only screen and (min-width: 992px) {
    .o-teaser-comparison .m-teaser-stats .a-percentage-legend__value {
        margin-bottom: 0;
    }

    .o-teaser-comparison .m-teaser-stats .ui-background-wrapper {
        background-size: auto 43%;
    }
}

@media only screen and (min-width: 1200px) {
    .o-teaser-comparison .m-teaser-stats .ui-background-wrapper {
        background-size: auto 46%;
    }
}

.o-teaser-status {
    position: relative;
}

.o-teaser-status__loading-sign {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(222, 222, 222, 0.7);
    z-index: 3;
    padding: 0 0;
    box-sizing: content-box;
    left: 0;
    top: 0;
    display: block;
    opacity: 1;
    transition: opacity 0.2s ease;
}

    .o-teaser-status__loading-sign:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -63px;
        margin-top: -32px;
        width: 125px;
        height: 64px;
        display: block;
        background: url(../img/icon/loading.gif) no-repeat 50% 50%;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .o-teaser-status__loading-sign:before {
        background-image: url(../img/icon/loading-2x.gif);
        background-size: 125px 64px;
    }
}

.o-teaser-status__loading-sign--hidden {
    background-color: rgba(222, 222, 222, 0);
    opacity: 0;
    transition-delay: z-index 0.4s;
    z-index: -1;
}

.o-teaser-status .ui-background-wrapper {
    background-size: 38%;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .o-teaser-status .m-teaser-stats .ui-background-wrapper {
        background-size: 32%;
    }
}

.o-year-trend {
    display: none;
}

@media only screen and (min-width: 768px) {
    .o-year-trend {
        display: block;
    }
}

.o-year-trend__legend .a-chart-legend:last-child {
    margin-bottom: 0;
}

.a-chart-legend--label {
    text-transform: uppercase;
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 2px 0;
    width: auto;
    max-width: 100%;
}

    .a-chart-legend--label .a-chart-legend__value {
        padding-left: 10px;
        font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
        font-weight: 400;
        font-size: 22px;
        font-size: 2.2rem;
        color: #6dac3b;
    }

.a-chart-legend--map {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    margin: 7px 0;
}

@media only screen and (min-width: 992px) {
    .a-chart-legend--map {
        margin: 13px 0;
    }
}

.a-chart-legend--range {
    margin-bottom: 16px;
    color: #737373;
    font-size: 14px;
    font-size: 1.4rem;
    white-space: normal;
}

    .a-chart-legend--range .a-chart-legend__color {
        display: none;
    }

.a-chart-legend--reference .a-chart-legend__color {
    height: 0;
    border: 1px dashed #000;
    border-radius: 0;
    border-color: #827f7f;
}

.a-percentage-legend--map {
    padding: 0;
}

    .a-percentage-legend--map .a-percentage-legend__value {
        display: inline-block;
        margin: 0.3em 0;
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 32px;
        line-height: 3.2rem;
    }

    .a-percentage-legend--map .a-percentage-legend__comparison {
        margin: 0.5em 0 0.5em;
        display: none;
    }

@media only screen and (min-width: 768px) {
    .a-percentage-legend--map .a-percentage-legend__comparison {
        display: inline-block;
    }
}

@media only screen and (min-width: 992px) {
    .a-percentage-legend--map .a-percentage-legend__comparison {
        margin: 1em 0 1.5em;
    }

    .a-percentage-legend--map .a-percentage-legend__value {
        margin: 0.6em 0 0.5em;
        font-size: 42px;
        font-size: 4.2rem;
        line-height: 42px;
        line-height: 4.2rem;
    }
}

.a-percentage-legend--stats {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding: 25px 10px 20px;
}

    .a-percentage-legend--stats .a-percentage-legend__comparison {
        margin: 0.5em 0 0.5em;
        display: none;
    }

    .a-percentage-legend--stats .a-percentage-legend__value {
        margin-bottom: 10px;
    }

@media only screen and (min-width: 992px) {
    .a-percentage-legend--stats {
        font-size: 20px;
        font-size: 2rem;
        line-height: 26px;
        line-height: 2.6rem;
        padding-left: 15px;
        padding-right: 15px;
    }

        .a-percentage-legend--stats .a-percentage-legend__value {
            margin: 0 0 10px;
        }

        .a-percentage-legend--stats .a-percentage-legend__comparison {
            display: inline-block;
            margin: 1em 0 1.5em;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .a-percentage-legend--stats .a-percentage-legend__headline {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .a-percentage-legend--stats .a-percentage-legend__value {
        margin: 0 0 16px;
    }
}

[data-mch-module='cipo'] .is-cumulus .richtext ::-webkit-scrollbar-thumb,
[data-mch-module='cipo'].is-cumulus .richtext ::-webkit-scrollbar-thumb {
    background: #003d8d;
}

[data-mch-module='cipo'] label {
    color: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    font-family: inherit;
    font-size: inherit;
}

[data-mch-module='cipo'] .ui-f607-12-forms .ff-check p,
[data-mch-module='cipo'] .ui-f607-12-forms .ff-radio p {
    display: block;
}

@media only screen and (max-width: 479px) {
    [data-mch-module='cipo'] .ui-pagination .ui-item-filter .inline-text,
    [data-mch-module='cipo'] .ui-pagination .ui-item-filter .inline-text p {
        line-height: inherit;
    }
}

[data-mch-module='cipo'] .btn {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.a-cipo-info {
    position: relative;
    display: block;
    padding: 32px 0 18px 0;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 2.5rem;
}

    .a-cipo-info.richtext a {
        font-weight: inherit;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .a-cipo-info.richtext h1,
    .a-cipo-info.richtext h2,
    .a-cipo-info.richtext h3,
    .a-cipo-info.richtext h4,
    .a-cipo-info.richtext h5,
    .a-cipo-info.richtext h6 {
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
    }

    .a-cipo-info:before {
        content: '';
        position: relative;
        display: block;
        width: 100px;
        height: 51px;
        margin-top: -12px;
        margin-bottom: 42px;
        background: url(../img/svg/general/bullhorn.svg) no-repeat left 0 center;
        background-size: 100px auto;
    }

    .a-cipo-info.easterEgg::before {
        height: 110px;
        background-image: url(../img/content/bullhorn.gif);
        background-size: auto 130px;
    }

@media only screen and (min-width: 768px) {
    .a-cipo-info {
        padding-left: 162px;
        min-height: 151px;
    }

        .a-cipo-info:before {
            position: absolute;
            left: 0;
            top: 0;
            margin-top: 40px;
            margin-bottom: 60px;
        }
}

@media only screen and (min-width: 992px) {
    .a-cipo-info {
        padding-left: 150px;
    }
}

@media only screen and (min-width: 1200px) {
    .a-cipo-info {
        padding-left: 170px;
    }
}

.a-download-link {
    padding-left: 20px;
}

.a-download-link__content {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 19px;
    line-height: 1.9rem;
    margin-right: 5px;
    position: relative;
    display: inline;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 3px;
    color: #003d8d;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    transition: all 0.5s ease-out;
    -webkit-backface-visibility: hidden;
}

    .a-download-link__content:before {
        position: absolute;
        content: '';
        left: -20px;
        top: 2px;
        height: 20px;
        width: 15px;
        background: url(../img/mch/svg/icons/general/download-blue.svg) no-repeat;
    }

    .a-download-link__content span {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-left: 10px;
        color: #666;
    }

    .a-download-link__content:active,
    .a-download-link__content:focus,
    .a-download-link__content:hover {
        color: #00145c;
        box-shadow: 0 -2px 0 0 #00145c inset;
    }

        .a-download-link__content:active:before,
        .a-download-link__content:focus:before,
        .a-download-link__content:hover:before {
            background-image: url(../img/mch/svg/icons/general/download-blue-hover.svg);
        }

.a-list,
.a-list__content {
    width: 100%;
}

.a-list {
    display: table;
    font-size: 0;
    padding-left: 18px;
    margin-left: -18px;
    margin-bottom: 30px;
}

.a-list__item {
    position: relative;
    padding: 0 18px;
    margin-left: -18px;
    margin-top: -1px;
    width: 100vw;
    list-style: none;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    transition: background 0.1s ease-out;
}

    .a-list__item:first-child {
        margin-top: 0;
    }

.a-list__content {
    position: relative;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    border-style: dashed;
    border-color: #ddd;
    border-width: 1px 0 1px 0;
}

@media only screen and (min-width: 480px) {
    .a-list {
        padding: 0;
        margin-left: 0;
    }

    .a-list__item {
        width: 100%;
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -10px;
        box-sizing: content-box;
    }

        .a-list__item .a-list__content {
            padding-left: 10px;
            padding-right: 10px;
            margin-left: -10px;
            box-sizing: content-box;
        }

    .a-list__col {
        display: table-cell;
    }
}

.m-cipo-filter {
    padding: 10px 0;
}

.m-cipo-filter__panel {
    margin: 0;
    box-shadow: none;
    border: none;
}

.m-cipo-filter__headline {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
    line-height: 28px;
    line-height: 2.8rem;
}

.m-cipo-filter__buttons {
    display: none;
}

    .m-cipo-filter__buttons .btn {
        border: 2px solid #00145c;
        background-color: #00145c;
        color: #fff;
        position: relative;
        padding-right: 44px;
    }

        .m-cipo-filter__buttons .btn.collapsed {
            background: 0 0;
            color: #003d8d;
            border: 2px solid #003d8d;
        }

            .m-cipo-filter__buttons .btn.collapsed:after {
                background-image: url(../img/mch/svg/icons/general/dropdown-closed-blue.svg);
            }

        .m-cipo-filter__buttons .btn:after {
            content: '';
            position: absolute;
            margin-top: 3px;
            right: 15px;
            width: 20px;
            height: 10px;
            background: transparent url(../img/mch/svg/icons/general/dropdown-open-white.svg) center/85% no-repeat;
        }

.m-cipo-filter__number {
    display: inline-block;
}

.m-cipo-filter__heading {
    position: relative;
    padding: 9px 15px 13px 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .m-cipo-filter__heading:hover {
        transform: translate(0, 3px);
        -ms-transform: translate(0, 3px);
    }

.m-cipo-filter__title {
    padding: 5px 0;
    margin: 0;
}

.m-cipo-filter__toggle {
    padding-left: 36px;
    display: block;
    font-size: 20px;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    color: #003d8d;
    transition: all 0.3s ease;
}

    .m-cipo-filter__toggle:before {
        position: absolute;
        margin-top: -8px;
        left: 3px;
        top: 50%;
        content: '';
        width: 25px;
        height: 15px;
        background-image: url(../img/mch/svg/icons/general/dropdown-closed-blue.svg);
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transition: all 0.3s ease;
    }

    .m-cipo-filter__toggle:focus,
    .m-cipo-filter__toggle:hover {
        color: #00145c;
    }

        .m-cipo-filter__toggle:focus:before,
        .m-cipo-filter__toggle:hover:before {
            background-image: url(../img/mch/svg/icons/general/dropdown-closed-blue-hover.svg);
        }

    .m-cipo-filter__toggle.collapsed:before {
        transform: rotate(0);
        -ms-transform: rotate(0);
    }

    .m-cipo-filter__toggle.collapsed:after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: '';
        width: 100%;
        height: 2px;
        background-color: #003d8d;
    }

.m-cipo-filter__content {
    border-bottom: 2px solid #003d8d;
}

.m-cipo-filter__body {
    border-style: dotted;
    border-color: #ddd;
    border-width: 2px 0 0 0;
    -o-border-image: url(../img/mch/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/mch/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    padding: 0 15px 5px 0;
}

    .m-cipo-filter__body .m-cipo-filter__label {
        font-size: 16px;
        font-size: 1.6rem;
        font-family: 'Helvetica Neue Condensed';
        font-weight: 700;
        padding-left: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.m-cipo-filter__item {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 100%;
}

.m-cipo-filter__label {
    height: 35px;
}

.m-cipo-filter__reset {
    padding: 0 0 15px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.m-cipo-filter__reset-all {
    padding: 15px 0 10px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease;
}

    .m-cipo-filter__reset-all .reset-btn.link.quit {
        display: none;
    }

.m-cipo-filter .reset-btn.link.quit {
    color: #003d8d;
    background-image: url(../img/mch/svg/icons/general/quit-blue.svg);
    transition: opacity 0.3s ease;
    opacity: 1;
}

    .m-cipo-filter .reset-btn.link.quit:focus,
    .m-cipo-filter .reset-btn.link.quit:hover {
        color: #00145c;
        background-image: url(../img/mch/svg/icons/general/quit-blue-hover.svg);
    }

    .m-cipo-filter .reset-btn.link.quit.state-reset-inactive {
        opacity: 0.2;
        cursor: default;
    }

@media only screen and (min-width: 768px) {
    .m-cipo-filter {
        padding-bottom: 0;
    }

    .m-cipo-filter__buttons {
        display: block;
    }

    .m-cipo-filter__heading {
        display: none;
    }

        .m-cipo-filter__heading + .m-cipo-filter__content {
            border-bottom: none;
        }

            .m-cipo-filter__heading + .m-cipo-filter__content > .m-cipo-filter__body {
                border: none;
            }

    .m-cipo-filter__body {
        padding-top: 2px;
        padding-bottom: 0;
    }

    .m-cipo-filter__reset {
        padding-bottom: 20px;
    }

    .m-cipo-filter__reset-all {
        padding-bottom: 15px;
    }
}

.m-cipo-headline .ui-paragraph-headline.is-highlight:before {
    background-color: #003d8d;
}

.m-cipo-headline .ui-paragraph-headline.is-small {
    margin-bottom: 18px;
}

.m-cipo-headline__leadtext {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 20px;
    padding-right: 20px;
}

@media only screen and (max-width: 991px) {
    .m-cipo-headline__leadtext {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
    }
}

.m-cipo-sort__list {
    top: auto;
    left: auto;
}

.m-cipo-sort__dropdown-button {
    text-align: left;
}

.m-cumulus-connect {
    margin-bottom: 25px;
}

.m-cumulus-connect__link {
    margin: 10px 0;
}

.m-teaser-ad {
    position: relative;
}

.m-teaser-ad__loading-sign {
    display: block;
    position: absolute;
    width: 100vw;
    height: 100%;
    background-color: rgba(222, 222, 222, 0.7);
    z-index: 3;
    padding: 0 0;
    box-sizing: content-box;
    left: 50%;
    top: 0;
    margin-left: -50vw;
    opacity: 1;
    transition: opacity 0.2s ease;
}

@media only screen and (min-width: 768px) {
    .m-teaser-ad__loading-sign {
        width: 100%;
        padding: 0 20px;
        margin-left: -20px;
        left: 0;
    }
}

.m-teaser-ad__loading-sign:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -63px;
    margin-top: -32px;
    width: 125px;
    height: 64px;
    display: block;
    background: url(../img/icon/loading.gif) no-repeat 50% 50%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .m-teaser-ad__loading-sign:before {
        background-image: url(../img/icon/loading-2x.gif);
        background-size: 125px 64px;
    }
}

.m-teaser-ad__loading-sign--hidden {
    background-color: rgba(222, 222, 222, 0);
    opacity: 0;
    transition-delay: z-index 0.4s;
    z-index: -1;
}

.m-teaser-ad.is-badge .sub-image-box {
    transform: none;
    right: 0;
}

    .m-teaser-ad.is-badge .sub-image-box img {
        top: 22px;
        height: auto;
        width: 45px;
        transform: rotate(0);
    }

.m-teaser-ad .m-teaser-ad__badge {
    z-index: 0;
}

.m-teaser-ad .m-teaser-ad__text-area {
    padding-right: 55px;
}

.bg .m-teaser-ad .m-teaser-ad__text-area {
    padding-right: 55px;
}

.m-teaser-ad__content {
    z-index: 1;
}

@media only screen and (min-width: 480px) {
    .bg .m-teaser-ad .m-teaser-ad__text-area,
    .m-teaser-ad .m-teaser-ad__text-area {
        padding-right: 0;
    }

    .m-teaser-ad__image {
        height: 24vw;
        overflow: hidden;
    }

    .m-teaser-ad.is-badge .sub-image-box img {
        top: 10px;
        right: 10px;
        height: 100px;
        width: auto;
    }

    .m-teaser-ad--left.is-badge .sub-image-box img {
        left: 10px;
        right: initial;
    }
}

@media only screen and (min-width: 768px) {
    .m-teaser-ad__image {
        height: 108px;
        overflow: hidden;
    }

    .m-teaser-ad.is-badge .sub-image-box img {
        top: 10px;
        right: 10px;
        height: 100px;
    }

    .m-teaser-ad--left.is-badge .sub-image-box img {
        left: 10px;
        right: initial;
    }
}

@media only screen and (min-width: 992px) {
    .m-teaser-ad__image {
        height: 111px;
    }

    .m-teaser-ad:active .link,
    .m-teaser-ad:active .text-area,
    .m-teaser-ad:focus .link,
    .m-teaser-ad:focus .text-area,
    .m-teaser-ad:hover .link,
    .m-teaser-ad:hover .text-area {
        -ms-transform: translate(0, -42px);
    }
}

@media only screen and (min-width: 1200px) {
    .m-teaser-ad.is-badge .sub-image-box img {
        top: 10px;
    }

    .m-teaser-ad__image {
        height: 128px;
    }
}

.m-teaser-partner__wrapper {
    margin-bottom: 10px;
    position: relative;
}

.m-teaser-partner--inactive {
    display: none;
}

.m-teaser-partner__title {
    margin: 0 0 10px 0;
}

.m-teaser-partner .is-badge .sub-image-box {
    right: 0;
}

    .m-teaser-partner .is-badge .sub-image-box img {
        height: auto;
        transform: none;
        bottom: 0;
        top: auto;
    }

.m-teaser-partner__badge.sub-image-box {
    z-index: 0;
}

.m-teaser-partner__badge.sub-image-box {
    transform: none;
    top: 31vw;
}

.m-teaser-partner__content {
    z-index: 1;
}

    .m-teaser-partner__content.link-box .link {
        display: none;
    }

.m-teaser-partner__image {
    height: 63vw;
    overflow: hidden;
}

    .m-teaser-partner__image img {
        margin-top: -3vw;
        transform: none;
    }

.m-teaser-partner .link-box h4,
.m-teaser-partner .link-box p {
    transform: translate3d(0, 0, 0);
}

@media only screen and (max-width: 479px) {
    .m-teaser-partner__wrapper {
        min-height: 90vw;
    }

    .m-teaser-partner .is-badge .sub-image-box {
        right: 3vw;
        margin-right: -20px;
    }

        .m-teaser-partner .is-badge .sub-image-box img {
            height: 25vw;
            max-height: initial;
            max-width: initial;
        }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .m-teaser-partner .is-badge .sub-image-box {
        right: -1vw;
    }

        .m-teaser-partner .is-badge .sub-image-box img {
            top: 3vw;
            height: 12vw;
            max-height: initial;
            max-width: initial;
        }
}

@media only screen and (min-width: 480px) {
    .m-teaser-partner__badge.sub-image-box {
        top: 8vw;
    }

    .m-teaser-partner .is-badge .sub-image-box {
        right: 0;
    }

        .m-teaser-partner .is-badge .sub-image-box img {
            height: 13vw;
        }

    .m-teaser-partner__content.link-box {
        height: 263px;
        overflow: hidden;
    }

        .m-teaser-partner__content.link-box .link {
            display: none;
        }

    .m-teaser-partner__image {
        height: 25vw;
    }

        .m-teaser-partner__image img {
            margin-top: -4vw;
        }

    .m-teaser-partner .link-box h4,
    .m-teaser-partner .link-box p {
        transform: translate3d(0, 0, 0);
    }
}

@media only screen and (min-width: 768px) {
    .m-teaser-partner__badge.sub-image-box {
        top: 148px;
    }

    .m-teaser-partner .is-badge .sub-image-box {
        right: 0;
    }

    .m-teaser-partner__image {
        height: 157px;
    }

        .m-teaser-partner__image img {
            margin-top: -34px;
        }
}

@media only screen and (min-width: 992px) {
    .m-teaser-partner__badge.sub-image-box {
        top: 165px;
    }

    .m-teaser-partner__image {
        height: 177px;
    }

        .m-teaser-partner__image img {
            margin-top: -27px;
        }

    .m-teaser-partner__content.link-box .link {
        display: block;
    }

    .m-teaser-partner:active .link,
    .m-teaser-partner:active .text-area,
    .m-teaser-partner:focus .link,
    .m-teaser-partner:focus .text-area,
    .m-teaser-partner:hover .link,
    .m-teaser-partner:hover .text-area {
        transform: translate(0, -42px);
    }

    .m-teaser-partner:active .link,
    .m-teaser-partner:focus .link,
    .m-teaser-partner:hover .link {
        position: absolute;
        transform: translate(0, -42px);
    }
}

@media only screen and (min-width: 1200px) {
    .m-teaser-partner__badge.sub-image-box {
        top: 185px;
    }

    .m-teaser-partner__image {
        height: 196px;
    }

        .m-teaser-partner__image img {
            margin-top: -38px;
        }
}

[data-mch-module='cipo'] .ui-pagination .pagination .page {
    height: 62px;
}

@media only screen and (max-width: 767px) {
    [data-mch-module='cipo'] .ui-pagination .pagination .page {
        width: 47px;
    }
}

@media only screen and (max-width: 479px) {
    [data-mch-module='cipo'] .ui-pagination .pagination .page {
        height: 61px;
        width: 9vw;
        padding-right: 8px;
        padding-left: 8px;
    }
}

.o-control-bar__paging {
    display: none;
}

.o-control-bar__row {
    margin-right: -8px;
    margin-left: -8px;
}

.o-control-bar .pagination .page {
    color: #424251;
    transition: opacity 0.3s ease;
    opacity: 1;
    min-width: 1.5em;
}

    .o-control-bar .pagination .page.prev {
        background-image: url(../img/mch/svg/icons/general/arrow-left-blue-bold.svg);
    }

        .o-control-bar .pagination .page.prev:focus,
        .o-control-bar .pagination .page.prev:hover {
            background-image: url(../img/mch/svg/icons/general/arrow-left-blue-bold-hover.svg);
        }

    .o-control-bar .pagination .page.next {
        background-image: url(../img/mch/svg/icons/general/arrow-right-blue-bold.svg);
    }

        .o-control-bar .pagination .page.next:focus,
        .o-control-bar .pagination .page.next:hover {
            background-image: url(../img/mch/svg/icons/general/arrow-right-blue-bold-hover.svg);
        }

    .o-control-bar .pagination .page.is-active {
        color: #003d8d;
        border-color: #003d8d;
        background-color: #fff;
    }

        .o-control-bar .pagination .page.is-active:active,
        .o-control-bar .pagination .page.is-active:focus,
        .o-control-bar .pagination .page.is-active:hover {
            color: #00145c;
        }

    .o-control-bar .pagination .page:active:not(.blank),
    .o-control-bar .pagination .page:focus:not(.blank),
    .o-control-bar .pagination .page:hover:not(.blank) {
        color: #00145c;
        border-color: #00145c;
    }

    .o-control-bar .pagination .page.next:focus:not(.blank),
    .o-control-bar .pagination .page.next:hover:not(.blank),
    .o-control-bar .pagination .page.prev:focus:not(.blank),
    .o-control-bar .pagination .page.prev:hover:not(.blank) {
        border-color: #f1efee;
    }

    .o-control-bar .pagination .page.next:active:not(.blank),
    .o-control-bar .pagination .page.prev:active:not(.blank) {
        border-color: #00145c;
    }

    .o-control-bar .pagination .page.o-control-bar--invisible {
        opacity: 0;
        cursor: default;
    }

@media only screen and (min-width: 992px) {
    .o-control-bar__row {
        margin-right: 0;
        margin-left: 0;
    }

    .o-control-bar .pagination .page.next:focus:not(.blank),
    .o-control-bar .pagination .page.prev:focus:not(.blank) {
        border-color: #f1efee;
    }

    .o-control-bar .pagination .page.next:active:not(.blank),
    .o-control-bar .pagination .page.next:hover:not(.blank),
    .o-control-bar .pagination .page.prev:active:not(.blank),
    .o-control-bar .pagination .page.prev:hover:not(.blank) {
        border-color: #00145c;
    }
}

.o-swap-error__button {
    display: block;
    margin: 0 0 10px;
}

.o-swap-error .o-swap-error__link,
.o-swap-error .o-swap-result__link,
.o-swap-error a.o-swap-error__link {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 34px;
    line-height: 3.4rem;
    border: none;
    background-position: 100% 44%;
    padding-left: 0;
}

    .o-swap-error .o-swap-error__link:hover,
    .o-swap-error .o-swap-result__link:hover,
    .o-swap-error a.o-swap-error__link:hover {
        background-position: 100% 44%;
    }

@media only screen and (min-width: 480px) {
    .o-swap-error__button .btn {
        display: inline-block;
        width: auto;
    }
}

.o-swap-intro a[href^='tel'] {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}

.o-swap-intro__highlight {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    padding-right: 0.25em;
}

.o-swap-intro__img-wrapper {
    font-size: 0;
    margin: 20px 0;
}

.o-swap-intro__btn {
    margin-bottom: 25px;
}

.o-swap-intro__img {
    width: 50%;
    height: 125px;
    display: inline-block;
}

    .o-swap-intro__img img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: auto;
    }

.o-swap-intro__p {
    margin-bottom: 25px;
}

.o-swap-intro__api-error {
    padding-bottom: 25px;
}

.o-swap-intro .o-swap-intro__list ul {
    margin-top: 0;
    margin-bottom: 25px;
}

@media only screen and (min-width: 480px) {
    .o-swap-intro__img-wrapper {
        font-size: 0;
        margin: 0;
        float: right;
    }

    .o-swap-intro__img {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 25px;
    }

        .o-swap-intro__img img {
            max-height: 100%;
            display: block;
            margin: auto;
        }

    .o-swap-intro__btn {
        display: inline-block;
        width: auto;
    }
}

.o-swap-result a[href^='tel'] {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}

.o-swap-result__vouchers {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.o-swap-result__code,
.o-swap-result__download,
.o-swap-result__expiry {
    width: 100%;
    padding: 10px 0;
    vertical-align: middle;
    text-align: left;
}

.o-swap-result__code {
    padding-top: 15px;
}

.o-swap-result__code-value {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
}

.o-swap-result__button-wrapper {
    width: 100%;
    position: relative;
    display: block;
}

    .o-swap-result__button-wrapper .btn {
        display: inline-block;
        padding-left: 36px;
        box-sizing: border-box;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        transition: all 0.5s ease-out;
        -webkit-backface-visibility: hidden;
    }

        .o-swap-result__button-wrapper .btn:before {
            position: absolute;
            content: '';
            width: 15px;
            height: 20px;
            left: 10px;
            top: 10px;
            background: url(../img/svg/general/download-white.svg) 0 0 no-repeat;
        }

@media only screen and (min-width: 480px) {
    .o-swap-result__button-wrapper .btn:active,
    .o-swap-result__button-wrapper .btn:focus,
    .o-swap-result__button-wrapper .btn:hover {
        color: #fff;
        box-shadow: 0 -2px 0 0 #00145c inset;
    }
}

.o-swap-result.richtext ul li:before {
    display: none;
}

.o-swap-result__bons {
    margin-top: 20px;
    margin-bottom: 20px;
}

.o-swap-result__bons-title {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-bottom: 8px;
}

.o-swap-result__bon-expiry,
.o-swap-result__bon-img,
.o-swap-result__bon-nr,
.o-swap-result__bon-value {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
    display: block;
    vertical-align: middle;
    text-align: left;
}

.o-swap-result__bon-img {
    float: left;
    clear: left;
    width: auto;
    padding: 25px 25px 25px 0;
}

    .o-swap-result__bon-img img {
        height: 55px;
    }

.o-swap-result__bon-value-and-nr {
    display: block;
    vertical-align: middle;
}

.o-swap-result__bon-value {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    padding-top: 15px;
}

.o-swap-result__bon-expiry {
    padding-bottom: 15px;
}

.o-swap-result .o-swap-result__link,
.o-swap-result a.o-swap-result__link {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 34px;
    line-height: 3.4rem;
    border: none;
    background-position: 100% 44%;
    padding-left: 0;
}

    .o-swap-result .o-swap-result__link:hover,
    .o-swap-result a.o-swap-result__link:hover {
        background-position: 100% 44%;
    }

@media only screen and (min-width: 480px) {
    .o-swap-result__vouchers .a-list__item {
        display: table;
        table-layout: fixed;
        padding-top: 15px;
        padding-bottom: 15px;
        border-style: dashed;
        border-color: #ddd;
        border-width: 1px 0 1px 0;
    }

    .o-swap-result__vouchers .a-list__content {
        display: table-row;
    }

    .o-swap-result__code,
    .o-swap-result__download,
    .o-swap-result__expiry {
        padding: 0 10px 0 0;
        text-align: left;
        vertical-align: middle;
    }

    .o-swap-result__code {
        width: 170px;
    }

    .o-swap-result__expiry {
        width: 40%;
        max-width: 165px;
    }

    .o-swap-result__download {
        width: 60%;
        max-width: 260px;
        padding-right: 0;
        box-sizing: border-box;
    }

    .o-swap-result__button-wrapper {
        width: auto;
    }

        .o-swap-result__button-wrapper .btn {
            width: 100%;
        }

    .o-swap-result__bons .a-list__item {
        display: table;
        table-layout: fixed;
        padding-top: 15px;
        padding-bottom: 15px;
        border-style: dashed;
        border-color: #ddd;
        border-width: 1px 0 1px 0;
    }

    .o-swap-result__bons .a-list__content {
        display: table-row;
    }
}

@media only screen and (min-width: 768px) {
    .o-swap-result__bon-value-and-nr {
        display: table-cell;
        vertical-align: middle;
    }

        .o-swap-result__bon-value-and-nr .o-swap-result__bon-nr,
        .o-swap-result__bon-value-and-nr .o-swap-result__bon-value {
            display: block;
            width: 100%;
        }

    .o-swap-result__bon-expiry,
    .o-swap-result__bon-img,
    .o-swap-result__bon-nr,
    .o-swap-result__bon-value {
        display: table-cell;
        width: 33%;
        padding: 10px 10px;
        white-space: normal;
    }

    .o-swap-result__bon-value {
        padding-bottom: 0;
    }

    .o-swap-result__bon-nr {
        padding-top: 0;
    }

    .o-swap-result__bon-img {
        float: none;
        width: 80px;
        padding-left: 0;
    }

    .o-swap-result__bon-expiry {
        padding-right: 0;
        text-align: right;
    }
}

@media only screen and (min-width: 992px) {
    .o-swap-result__code,
    .o-swap-result__download,
    .o-swap-result__expiry {
        width: 160px;
    }

        .o-swap-result__download .btn {
            display: block;
            position: relative;
            max-width: 270px;
            margin-right: 0;
            margin-left: auto;
        }

    .o-swap-result__code-value {
        font-size: 20px;
        font-size: 2rem;
    }

    .o-swap-result__bon-expiry,
    .o-swap-result__bon-nr,
    .o-swap-result__bon-value {
        display: table-cell;
        width: 25%;
        padding: 10px 10px;
        white-space: normal;
    }

    .o-swap-result__bon-value-and-nr .o-swap-result__bon-nr,
    .o-swap-result__bon-value-and-nr .o-swap-result__bon-value {
        display: table-cell;
        width: 25%;
    }
}

@media only screen and (min-width: 1200px) {
    .o-swap-result a.o-swap-result__link {
        line-height: 24px;
        line-height: 2.4rem;
    }
}

[data-mch-module='cipo'] .ui-f607-12-forms .ff-check {
    margin-top: 0;
}

    [data-mch-module='cipo']
    .ui-f607-12-forms
    .ff-check
    .o-swap-selection__agb-content {
        position: relative;
    }

    [data-mch-module='cipo']
    .ui-f607-12-forms
    .ff-check
    .o-swap-selection__agb-text:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 24px;
        height: 24px;
        background: url(../img/mch/svg/icons/forms/checkbox3-unchecked.svg) no-repeat;
        cursor: pointer;
    }

    [data-mch-module='cipo']
    .ui-f607-12-forms
    .ff-check
    input:checked ~ .o-swap-selection__agb-text:before {
        background: url(../img/mch/svg/icons/forms/checkbox3-checked.svg) no-repeat;
    }

    [data-mch-module='cipo']
    .ui-f607-12-forms
    .ff-check:hover
    .o-swap-selection__agb-text:before {
        background: url(../img/mch/svg/icons/forms/checkbox3-hover.svg) no-repeat;
    }

    [data-mch-module='cipo']
    .ui-f607-12-forms
    .ff-check:hover
    input:checked ~ .o-swap-selection__agb-text:before {
        background: url(../img/mch/svg/icons/forms/checkbox3-checked-hover.svg) no-repeat;
    }

    [data-mch-module='cipo'] .ui-f607-12-forms .ff-check label:hover {
        color: inherit;
    }

[data-mch-module='cipo'] .ui-f607-12-forms .form-group p {
    margin: 0 0 12px;
}

.o-swap-selection__match-wrapper {
    min-height: 75px;
}

.o-swap-selection__match,
.o-swap-selection__status {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    position: relative;
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    min-height: 60px;
}

.o-swap-selection__status {
    max-width: 450px;
    padding-top: 55px;
    margin-bottom: 29px;
}

.o-swap-selection__info-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    padding: 20px 0;
}

    .o-swap-selection__info-overlay .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .o-swap-selection__info-overlay .o-swap-selection__match {
        margin-bottom: 0;
    }

.o-swap-selection__match:before,
.o-swap-selection__status:before {
    content: '';
    font-size: 60px;
    line-height: 60px;
    position: absolute;
    left: 0;
    top: 0;
}

.o-swap-selection__status:before {
    content: attr(data-amount) 'x';
    top: -8px;
}

.o-swap-selection__match {
    color: #4aa61c;
}

    .o-swap-selection__match.o-swap-selection__match--error {
        color: #de450a;
    }

        .o-swap-selection__match.o-swap-selection__match--error a {
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
            font-size: 20px;
            font-size: 2rem;
            line-height: 24px;
            line-height: 2.4rem;
            color: inherit;
            border-bottom-color: #de450a;
            background-image: url(../img/mch/backgrounds/textlink-bg-red.png);
        }

            .o-swap-selection__match.o-swap-selection__match--error a:hover {
                color: #fff;
                border-bottom-color: #de450a;
            }

.o-swap-selection__values {
    max-width: 385px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 25px;
}

    .o-swap-selection__values em {
        float: right;
        line-height: 2rem;
        font-style: normal;
        font-size: 20px;
        font-size: 2rem;
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
    }

.o-swap-selection__values-needed,
.o-swap-selection__values-selected {
    clear: both;
    font-size: 16px;
    font-size: 1.6rem;
}

.o-swap-selection__values-item {
    width: 1.25em;
    display: inline-block;
    text-align: right;
}

.o-swap-selection__ucb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 101%;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    opacity: 0.8;
}

.o-swap-selection__ucbs .checkbox + .o-swap-selection__checkbox {
    background: url(../img/mch/svg/icons/forms/checkbox3-unchecked.svg) no-repeat center;
    background-size: 24px;
    width: 24px;
    height: 24px;
    display: block;
    bottom: 0;
    top: 0;
}

.o-swap-selection__ucbs label {
    margin-bottom: -2px;
}

.o-swap-selection__ucbs .form-group {
    position: relative;
    height: 100%;
    height: 180px;
    vertical-align: middle;
}

    .o-swap-selection__ucbs .form-group .checkbox {
        height: 0;
    }

.o-swap-selection__ucbs:hover .checkbox + .o-swap-selection__checkbox {
    background-image: url(../img/mch/svg/icons/forms/checkbox3-hover.svg);
}

.o-swap-selection__ucbs .checkbox:checked + .o-swap-selection__checkbox {
    background-image: url(../img/mch/svg/icons/forms/checkbox3-checked.svg);
}

.o-swap-selection__ucbs:hover .checkbox:checked + .o-swap-selection__checkbox {
    background-image: url(../img/mch/svg/icons/forms/checkbox3-checked-hover.svg);
}

.o-swap-selection__ucbs .a-list__item {
    display: block;
}

.o-swap-selection__checkbox-wrapper,
.o-swap-selection__ucb-img,
.o-swap-selection__ucb-info {
    min-width: 25px;
    height: 135px;
}

    .o-swap-selection__checkbox-wrapper input {
        opacity: 0;
    }

.o-swap-selection__ucb-img {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

    .o-swap-selection__ucb-img img {
        width: auto;
        height: 131px;
        padding: 5px;
    }

.o-swap-selection__ucb-info {
    vertical-align: middle;
}

    .o-swap-selection__ucb-info p {
        margin: 0;
    }

.o-swap-selection__ucb-title {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 10px;
}

.o-swap-selection__ucb-id {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 45vw;
}

.o-swap-selection__agb,
.o-swap-selection__swap-trigger,
.o-swap-selection__toggle {
    margin-bottom: 30px;
}

.o-swap-selection .form-group .o-swap-selection__agb-content input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.o-swap-selection .form-group .o-swap-selection__agb-content .label {
    display: inline-block;
    vertical-align: top;
    text-transform: none;
    font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
    font-weight: 400;
    color: #333;
    white-space: normal;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding-left: 44px;
    padding-top: 0;
    text-align: left;
}

[data-mch-module='cipo'] .o-swap-selection p.o-swap-selection__agb-error {
    color: #e00;
    display: none;
}

.o-swap-selection__note {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    color: #666;
}

    .o-swap-selection__note .o-swap-selection__note-title {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
        margin: 0;
    }

    .o-swap-selection__note .o-swap-selection__note-content {
        font-size: inherit;
    }

@media only screen and (min-width: 480px) {
    .o-swap-selection__info-overlay .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .o-swap-selection__match,
    .o-swap-selection__status {
        padding-top: 0;
        padding-left: 100px;
    }

        .o-swap-selection__match:before {
            background: url(../img/mch/svg/icons/forms/available.svg) no-repeat center left 5px;
            background-size: 60px;
            width: 100px;
            height: 100%;
        }

        .o-swap-selection__match.o-swap-selection__match--error:before {
            background-size: 60px;
            background-image: url(../img/icon/error.png);
            background-position: center left 5px;
        }

    .o-swap-selection__values {
        padding-left: 100px;
        margin-top: 15px;
    }

    .o-swap-selection__checkbox,
    .o-swap-selection__ucb-img,
    .o-swap-selection__ucb-info {
        min-width: 50px;
        height: 160px;
    }

    .o-swap-selection__ucb-img {
        width: 150px;
    }

    .o-swap-selection__ucb-title {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 20px;
        font-size: 2rem;
        line-height: 24px;
        line-height: 2.4rem;
    }
}

.template-offer-swap {
    position: relative;
}

.template-offer-swap__loading-sign {
    display: block;
    position: absolute;
    width: 100vw;
    height: 100%;
    background-color: rgba(222, 222, 222, 0.7);
    z-index: 3;
    padding: 0 0;
    box-sizing: content-box;
    left: 50%;
    top: 0;
    margin-left: -50vw;
    opacity: 1;
    transition: opacity 0.2s ease;
}

@media only screen and (min-width: 768px) {
    .template-offer-swap__loading-sign {
        width: 100%;
        padding: 0 20px;
        margin-left: -20px;
        left: 0;
    }
}

.template-offer-swap__loading-sign:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -63px;
    margin-top: -32px;
    width: 125px;
    height: 64px;
    display: block;
    background: url(../img/icon/loading.gif) no-repeat 50% 50%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .template-offer-swap__loading-sign:before {
        background-image: url(../img/icon/loading-2x.gif);
        background-size: 125px 64px;
    }
}

.template-offer-swap__loading-sign--hidden {
    background-color: rgba(222, 222, 222, 0);
    opacity: 0;
    transition-delay: z-index 0.4s;
    z-index: -1;
}

.template-offer-swap__loading-sign {
    position: fixed;
    top: -10px;
    width: 100vw;
    height: calc(100% + 20px);
    min-height: 100vh;
    padding: 0;
    left: 0;
    margin: 0;
    margin-left: calc((100vw - 100%) / 2 * -1);
}

@media only screen and (min-width: 768px) {
    .template-offer-swap__loading-sign {
        top: -30px;
    }
}

.template-partner-overview__guide {
    margin-top: 32px;
    font-size: 16px;
    font-size: 1.6rem;
}

.template-partner-overview__highlight {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    padding-right: 0.25em;
}

.template-partner-overview__list ol {
    margin-top: 0;
}

.template-partner-overview .ui-pagination {
    margin-top: 61px;
}

.template-partner-overview__pagination-end.ui-pagination,
.template-partner-overview__pagination-start.ui-pagination {
    margin: 30px 0;
}

.template-partner-overview__pagination-start.ui-pagination {
    margin-top: 60px;
}

.template-partner-overview__empty-list {
    display: none;
}

@media only screen and (min-width: 992px) {
    .template-partner-overview__pagination-start.ui-pagination {
        margin-top: 0;
    }
}

.template-voucher-overview__table-wrapper {
    padding-top: 25px;
}

    .template-voucher-overview__table-wrapper .table-responsive {
        margin-bottom: 25px;
    }

    .template-voucher-overview__table-wrapper
    .richtext
    .table-responsive
    .table
    tbody
    tr
    td,
    .template-voucher-overview__table-wrapper
    .richtext
    .table-responsive
    .table
    thead
    tr
    th {
        padding: 20px;
        background-color: #fff;
    }

    .template-voucher-overview__table-wrapper
    .richtext
    .table-responsive
    .table
    thead
    tr
    th {
        font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
        font-weight: 500;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        line-height: 2.4rem;
        border-bottom: 2px solid #003d8d;
    }

        .template-voucher-overview__table-wrapper
        .richtext
        .table-responsive
        .table
        thead
        tr
        th:nth-child(1) {
            width: 20%;
        }

        .template-voucher-overview__table-wrapper
        .richtext
        .table-responsive
        .table
        thead
        tr
        th:nth-child(2) {
            width: 45%;
        }

        .template-voucher-overview__table-wrapper
        .richtext
        .table-responsive
        .table
        thead
        tr
        th:nth-child(3) {
            width: 25%;
        }

        .template-voucher-overview__table-wrapper
        .richtext
        .table-responsive
        .table
        thead
        tr
        th:nth-child(4) {
            width: 10%;
        }

    .template-voucher-overview__table-wrapper .template-voucher-overview__table {
        background-color: #fff;
        margin-bottom: 25px;
    }

.template-voucher-overview__empty {
    padding-bottom: 25px;
}

@media only screen and (min-width: 768px) {
    .template-voucher-overview__table-wrapper {
        padding-top: 50px;
    }

    .template-voucher-overview__empty {
        padding-bottom: 50px;
    }
}

.a-list--selectable .a-list__item:active {
    background: #f1efee;
}

.a-list--selectable .a-list__content {
    cursor: pointer;
}

.a-list--selectable .a-list__col {
    display: table-cell;
}

.a-coupons-count {
    padding: 1em 0;
    font-size: 16px;
    font-size: 1.6rem;
}

.m-coupon {
    -webkit-backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 100%;
    height: auto;
    padding: 2px;
    background: linear-gradient(135deg, #87888a 0, #cfd1d2 50%, #87888a 100%);
}

.m-coupon__ribbon {
    display: block;
    position: absolute;
    width: auto;
    height: 25px;
    bottom: 42%;
    left: 0;
    z-index: 0;
    transform: rotate(-90deg) translate(-50%);
    transform-origin: 0 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    color: #fff;
    font-family: HelveticaNeueW02-87HvCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 1px;
}

.m-coupon__content {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    margin-left: 25px;
    padding: 0 13px;
}

.m-coupon__flag {
    display: none;
    height: 25px;
    position: absolute;
    top: 13px;
    right: 13px;
}

.m-coupon__txt {
    display: none;
    float: right;
    padding: 0 11px 1px 10px;
    font-family: HelveticaNeueW02-87HvCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 17px;
    font-size: 1.7rem;
    color: #fff;
}

    .m-coupon__txt.m-coupon__txt:before {
        content: '';
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        top: 0;
        left: -6px;
        border-left: 6px outset transparent;
    }

    .m-coupon__txt.m-coupon__txt--new {
        background: #f60;
    }

        .m-coupon__txt.m-coupon__txt--new:before {
            border-top: 25px solid #f60;
        }

    .m-coupon__txt.m-coupon__txt--active {
        background: #003d8d;
        background: linear-gradient(to right, #003d8d 0, #0076bd 50%, #003d8d 100%);
    }

        .m-coupon__txt.m-coupon__txt--active:before {
            border-top: 25px solid #003d8d;
        }

    .m-coupon__txt.m-coupon__txt--redeemed {
        background: #333;
    }

        .m-coupon__txt.m-coupon__txt--redeemed:before {
            border-top: 25px solid #333;
        }

.m-coupon__main {
    margin-top: 13px;
    margin-bottom: 13px;
    border-top: 1px solid #f60;
    line-height: 1.1;
}

    .m-coupon__main:after,
    .m-coupon__main:before {
        display: table;
        line-height: 0;
        content: '';
    }

    .m-coupon__main:after {
        clear: both;
    }

.m-coupon__left {
    float: left;
    width: 50%;
}

.m-coupon__picture {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    min-height: 170px;
    min-width: 10px;
    width: 100%;
    float: left;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding-top: 13px;
}

.m-coupon__img {
    position: relative;
    max-height: 430px;
}

.m-coupon__img--rotate {
    max-width: 80%;
    max-height: 80%;
    transform: rotate(-10deg);
    left: 10px;
    top: 12px;
    padding: 0 20px 35px 15px;
}

.m-coupon__img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    vertical-align: middle;
}

.m-coupon__badge {
    position: absolute;
    bottom: 0;
    right: -3px;
}

.m-coupon__badge--rotate {
    transform: rotate(-10deg);
    bottom: 10px;
    right: 11px;
}

.m-coupon__badge .pic {
    float: left;
}

.m-coupon__right {
    float: right;
    width: 50%;
    text-align: right;
}

.m-coupon__title {
    margin-top: 33px;
    color: inherit;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
}

@supports (-webkit-line-clamp: 3) {
    .o-coupons--overview .m-coupon__title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}

.m-coupon__title span {
    box-sizing: border-box;
}

.m-coupon__subtitle {
    margin: 7px 0 1px;
    color: inherit;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
}

@supports (-webkit-line-clamp: 2) {
    .o-coupons--overview .m-coupon__subtitle {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

.m-coupon__validity {
    padding: 0.4em 0 0.2em;
    margin: 0 0 0.4em 0;
    color: #f60;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 17px;
    font-size: 1.7rem;
}

.m-coupon__description {
    margin-bottom: 0.5em;
    color: inherit;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
}

.m-coupon__description--distribution {
    display: none;
}

.m-coupon__link {
    padding: 0.2em 0;
}

.m-coupon__logo-img {
    max-height: 32px;
}

.m-coupon__buttons {
    cursor: pointer;
    margin: 0.8em 0 0.3em;
}

    .m-coupon__buttons .m-coupon__button--deactivate {
        display: none;
    }

.m-coupon__action-text {
    display: none;
    margin: 0;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
}

.m-coupon__flyout {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.97);
    opacity: 0;
    transition: opacity 0.5s ease;
}

    .m-coupon__flyout.state-coupon-flyout--load {
        z-index: 1;
        opacity: 1;
    }

    .m-coupon__flyout.state-coupon-flyout--activate,
    .m-coupon__flyout.state-coupon-flyout--deactivate,
    .m-coupon__flyout.state-coupon-flyout--error {
        z-index: 1;
    }

        .m-coupon__flyout.state-coupon-flyout--activate .m-coupon__flyout-content,
        .m-coupon__flyout.state-coupon-flyout--deactivate .m-coupon__flyout-content,
        .m-coupon__flyout.state-coupon-flyout--error .m-coupon__flyout-content {
            opacity: 1;
        }

.m-coupon__flyout-content .m-coupon__flyout__status-content {
    display: none;
}

.m-coupon__flyout.state-coupon-flyout--activate
.m-coupon__flyout__status-success-activate {
    display: inline-block;
}

.m-coupon__flyout.state-coupon-flyout--deactivate
.m-coupon__flyout__status-success-deactivate {
    display: inline-block;
}

.m-coupon__flyout.state-coupon-flyout--error .m-coupon__flyout__status-error {
    display: inline-block;
}

.m-coupon__flyout-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

    .m-coupon__flyout-content::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

.m-coupon__flyout__status-content {
    width: 80%;
    vertical-align: middle;
    color: #4aa61c;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
}

    .m-coupon__flyout__status-content::before {
        content: '';
        display: inline-block;
        width: 60px;
        height: 30px;
        margin-bottom: 10px;
        background: url(../img/mch/svg/icons/forms/available.svg) center center no-repeat;
        background-size: contain;
    }

    .m-coupon__flyout__status-content.m-coupon__flyout__status-error {
        color: #de450a;
    }

        .m-coupon__flyout__status-content.m-coupon__flyout__status-error:before {
            content: '';
            display: inline-block;
            width: 60px;
            height: 30px;
            margin-bottom: 10px;
            background: transparent url(../img/icon/error.png) center center no-repeat;
            background-size: contain;
        }

.m-coupon__flyout__status-error-confirmation {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    padding: 10px;
    color: #003d8d;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
}

    .m-coupon__flyout__status-error-confirmation::before {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        background: url(../img/mch/svg/icons/general/schliessen-kreuz.svg) center center no-repeat;
        line-height: 1;
    }

    .m-coupon__flyout__status-error-confirmation:hover {
        color: #00145c;
    }

@media only screen and (max-width: 767px) {
    .m-coupon {
        background: 0 0;
        filter: none;
        -ms-filter: none;
        padding: 0;
        border-top: 2px dotted #cfcac7;
        margin: 0 !important;
        height: auto !important;
    }

        .m-coupon:last-child {
            border-bottom: 2px dotted #cfcac7 !important;
        }

    .m-coupon__ribbon {
        display: none;
    }

    .m-coupon__content {
        margin: 0;
        padding: 13px 0;
        height: auto !important;
    }

    .m-coupon__flag {
        display: none !important;
    }

    .m-coupon__main {
        margin: 0;
        border-top: none;
    }

    .m-coupon__picture {
        padding-top: 0;
    }

    .m-coupon__right {
        text-align: left;
        display: flex;
        flex-direction: column;
    }

    .m-coupon__title {
        margin: 0;
        margin-bottom: 8px;
        font-size: 17px;
        font-size: 1.7rem;
    }

    @supports (-webkit-line-clamp: 2) {
        .o-coupons--overview .m-coupon__title {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
    }

    .m-coupon__validity {
        order: -1;
        color: inherit;
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 12px;
        font-size: 1.2rem;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .m-coupon__description {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .m-coupon__description--area,
    .m-coupon__description--online {
        display: none;
    }

    .m-coupon__description--minimum {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .m-coupon__description--distribution {
        display: block;
        color: #737373;
    }

    @supports (-webkit-line-clamp: 2) {
        .m-coupon__description--distribution {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
    }

    .m-coupon__link {
        display: none;
    }

    .o-coupons--overview .m-coupon__subtitle {
        display: none;
    }

    .m-coupon__buttons {
        position: static !important;
        margin: 8px 0 5px !important;
    }

        .m-coupon__buttons .m-coupon__action-text {
            float: none !important;
            width: 100% !important;
        }

    .m-coupon__action-text {
        font-family: HelveticaNeueW01-55Roma, Helvetica, arial, sans-serif;
        font-weight: 400;
    }

    .m-coupon__logos {
        display: none;
    }

    .m-coupon__flyout {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .m-coupon__flyout__status-content::before {
        width: 40px;
        height: 20px;
        margin-bottom: 0;
        margin-top: 4px;
    }

    .m-coupon__flyout__status-content.m-coupon__flyout__status-error::before {
        width: 40px;
        height: 20px;
        margin-bottom: 0;
        margin-top: 4px;
    }
}

@media only screen and (max-width: 479px) {
    .m-coupon__flyout .m-coupon__flyout__status-text {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.m-dirac-container__note {
    display: block;
    margin-left: 37px;
}

.m-dirac-container__tabs {
    background-color: #eeeae8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.m-dirac-container__tab-wrap {
    display: block;
    position: relative;
}

.m-dirac-container__tab-link {
    float: left;
    display: inline-block;
    cursor: pointer;
    max-width: 33.3333%;
}

.m-dirac-container__tab-text {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    text-align: center;
    padding: 1rem 1rem 1.2rem;
    text-transform: uppercase;
    border-top: 6px solid #d3d3d3;
    background-color: #d3d3d3;
    transition: border 50ms ease 50ms;
}

.m-dirac-container__tab-link:hover .m-dirac-container__tab-text {
    border-top-color: #003d8d;
}

.m-dirac-container__tab-link.state-active .m-dirac-container__tab-text {
    border-top-color: #003d8d;
    background-color: #fff;
}

.m-dirac-container__tab-link + .m-dirac-container__tab-link
.m-dirac-container__tab-text {
    margin-left: 10px;
}

.m-dirac-container__tabs-container {
    width: 100%;
}

.m-dirac-container__tab-content {
    display: none;
    padding: 20px 0 20px 0;
}

.m-dirac-container__controls {
    position: relative;
    z-index: 2;
    padding: 15px 0;
    min-height: 80px;
}

.m-dirac-container__coupons {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media only screen and (max-width: 479px) {
    .m-dirac-container__note {
        margin-left: 20px;
    }

    .m-dirac-container__tab-text {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
    }

    .m-dirac-container__tab-link + .m-dirac-container__tab-link
    .m-dirac-container__tab-text {
        margin-left: 6px;
    }
}

@media only screen and (min-width: 480px) {
    .m-dirac-container__tab-text {
        padding: 1rem 2rem 1.2rem;
    }
}

@media only screen and (min-width: 768px) {
    .m-dirac-container__note {
        margin-left: 60px;
    }

    .m-dirac-container__tab-text {
        padding: 1rem 3rem 1.2rem;
    }
}

@media only screen and (min-width: 992px) {
    .m-dirac-container__note {
        margin-left: 76px;
    }

    .m-dirac-container__coupons {
        margin-right: -20px;
    }
}

@media only screen and (min-width: 1200px) {
    .m-dirac-container__note {
        margin-left: 76px;
    }
}

.m-dirac-controls__filter {
    display: inline-block;
    margin-right: 30px;
    margin-right: 3rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
}

.m-dirac-controls__list {
    top: auto;
    left: auto;
}

.m-dirac-controls__dropdown-button {
    text-align: left;
}

.m-dirac-headline .ui-paragraph-headline.is-highlight:before {
    background-color: #003d8d;
}

.m-dirac-headline .ui-paragraph-headline.is-small {
    margin-bottom: 18px;
}

.m-dirac-headline__leadtext {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 20px;
    padding-right: 20px;
}

@media only screen and (max-width: 991px) {
    .m-dirac-headline__leadtext {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
    }
}

.m-dirac-info {
    position: relative;
    display: block;
    padding: 32px 0 18px 0;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 2.5rem;
}

    .m-dirac-info.richtext a {
        font-weight: inherit;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .m-dirac-info:before {
        content: '';
        position: relative;
        display: block;
        width: 100px;
        height: 51px;
        margin-top: -12px;
        margin-bottom: 42px;
        background: url(../img/svg/general/bullhorn.svg) no-repeat left 0 center;
        background-size: 100px auto;
    }

@media only screen and (min-width: 768px) {
    .m-dirac-info {
        padding-left: 162px;
        min-height: 151px;
    }

        .m-dirac-info:before {
            position: absolute;
            left: 0;
            top: 0;
            margin-top: 40px;
            margin-bottom: 60px;
        }
}

@media only screen and (min-width: 992px) {
    .m-dirac-info {
        padding-left: 150px;
    }
}

@media only screen and (min-width: 1200px) {
    .m-dirac-info {
        padding-left: 170px;
    }
}

.m-coupon--big .m-coupon__ribbon {
    font-size: 19px;
    font-size: 1.9rem;
    padding-top: 2px;
}

.m-coupon--big .m-coupon__content {
    margin-left: 32px;
    padding: 0 20px;
}

.m-coupon--big .m-coupon__flag {
    height: 33px;
    top: 20px;
    right: 20px;
}

.m-coupon--big .m-coupon__txt {
    padding: 0 15px 1px 14px;
    font-size: 22px;
    font-size: 2.2rem;
}

    .m-coupon--big .m-coupon__txt:before {
        left: -10px;
        border-left-width: 10px;
        border-top-width: 33px;
    }

.m-coupon--big .m-coupon__main {
    margin-top: 20px;
    margin-bottom: 20px;
}

.m-coupon--big .m-coupon__left {
    width: 40%;
}

.m-coupon--big .m-coupon__badge img {
    width: 120px;
}

.m-coupon--big .m-coupon__right {
    width: 60%;
    padding-left: 10px;
}

.m-coupon--big .m-coupon__title {
    padding-top: 43px;
    font-size: 38px;
    font-size: 3.8rem;
}

.m-coupon--big .m-coupon__subtitle {
    font-size: 18px;
    font-size: 1.8rem;
}

.m-coupon--big .m-coupon__validity {
    font-size: 24px;
    font-size: 2.4rem;
}

.m-coupon--big .m-coupon__description {
    padding-bottom: 9px;
    font-size: 18px;
    font-size: 1.8rem;
}

.m-coupon--big .m-coupon__link {
    padding: 4px 0;
}

.m-coupon--big .m-coupon__info {
    overflow: hidden;
    padding-bottom: 17px;
    font-size: 16px;
    font-size: 1.6rem;
}

.m-coupon--big .m-coupon__info__disclaimer__lead {
    font-weight: 700;
    padding: 2px 0 10px;
    display: none;
}

.m-coupon--big .m-coupon__info__disclaimer__lead--inactive {
    display: block;
}

.m-coupon--big .m-coupon__info__id {
    float: left;
    display: block;
    height: 3em;
}

.m-coupon--big .m-coupon__logos {
    float: right;
    line-height: 3;
    padding-left: 30px;
    text-align: right;
}

    .m-coupon--big .m-coupon__logos img {
        vertical-align: bottom;
        height: 32px;
        padding-left: 12px;
    }

.m-coupon--big .m-coupon__flyout__status-content {
    font-size: 30px;
    font-size: 3rem;
}

    .m-coupon--big .m-coupon__flyout__status-content::before {
        width: 120px;
        height: 60px;
    }

    .m-coupon--big
    .m-coupon__flyout__status-content.m-coupon__flyout__status-error:before {
        width: 120px;
        height: 60px;
    }

@media only screen and (max-width: 767px) {
    .m-coupon--big .m-coupon__content {
        margin-left: 0;
        padding: 0;
    }

    .m-coupon--big .m-coupon__left {
        width: 100%;
    }

    .m-coupon--big .m-coupon__img img {
        max-height: 150px;
        max-width: 280px;
    }

    .m-coupon--big .m-coupon__badge {
        position: relative;
        bottom: 6px;
        right: -80px;
    }

        .m-coupon--big .m-coupon__badge img {
            position: absolute;
            height: auto;
            width: 60px;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
            max-width: 100%;
            vertical-align: bottom;
        }

    .m-coupon--big .m-coupon__right {
        width: 100%;
        margin-top: 20px;
        padding: 15px 0;
        border-top: 2px dotted #cfcac7;
        border-bottom: 2px dotted #cfcac7;
    }

    .m-coupon--big .m-coupon__title {
        padding: 0;
        font-size: 17px;
        font-size: 1.7rem;
    }

    .m-coupon--big .m-coupon__validity {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .m-coupon--big .m-coupon__description {
        padding-bottom: 0;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .m-coupon--big .m-coupon__link {
        order: 1;
    }

    .m-coupon--big .m-coupon__link--overview {
        display: block;
        padding-top: 12px;
    }

    .m-coupon--big .m-coupon__button {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        line-height: 1.4rem;
        padding: 8px 15px 6px 15px;
    }

    .m-coupon--big .m-coupon__flyout__status-content {
        font-size: 16px;
        font-size: 1.6rem;
    }

        .m-coupon--big .m-coupon__flyout__status-content::before {
            width: 60px;
            height: 30px;
        }

        .m-coupon--big
        .m-coupon__flyout__status-content.m-coupon__flyout__status-error::before {
            width: 80px;
            height: 40px;
        }
}

@media only screen and (max-width: 479px) {
    .m-coupon__badge img {
        width: 60px;
    }
}

.m-coupon--small {
    float: left;
    width: 100%;
    height: 314px;
    overflow: hidden;
    margin: 0 0 20px;
}

    .m-coupon--small .m-coupon__content {
        height: 310px;
    }

    .m-coupon--small .m-coupon__left {
        width: 45%;
        max-height: 240px;
        overflow: hidden;
    }

    .m-coupon--small .m-coupon__picture {
        width: 90%;
        min-height: 190px;
    }

    .m-coupon--small .m-coupon__picture--upscale {
        width: 95%;
    }

    .m-coupon--small .m-coupon__img {
        max-height: 240px;
    }

    .m-coupon--small .m-coupon__badge {
        bottom: 13px;
        right: -3px;
    }

        .m-coupon--small .m-coupon__badge img {
            width: 80px;
        }

    .m-coupon--small .m-coupon__badge--rotate {
        right: 8px;
        bottom: 21px;
    }

    .m-coupon--small .m-coupon__right {
        width: 55%;
    }

    .m-coupon--small .m-coupon__logos {
        position: absolute;
        left: 16px;
        bottom: 13px;
    }

    .m-coupon--small .m-coupon__buttons {
        position: absolute;
        bottom: 13px;
        right: 13px;
        margin: 0;
    }

        .m-coupon--small .m-coupon__buttons .m-coupon__action-text {
            float: right;
            width: 47%;
        }

@media only screen and (min-width: 992px) {
    .m-coupon--small {
        width: 50%;
        border-right: 20px solid #fff;
    }
}

@media only screen and (max-width: 767px) {
    .m-coupon--small .m-coupon__picture {
        min-height: 115px;
        overflow: visible;
    }

    .m-coupon--small .m-coupon__img {
        max-height: 220px;
    }

    .m-coupon--small .m-coupon__badge {
        bottom: 0;
        right: -3px;
    }

    .m-coupon--small .m-coupon__badge--rotate {
        bottom: 11px;
        right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .m-coupon--small .m-coupon__picture {
        min-height: 90px;
    }

    .m-coupon--small .m-coupon__img {
        max-height: 190px;
    }

    .m-coupon--small .m-coupon__badge img {
        width: 60px;
    }
}

.m-coupon--state-active {
    background: linear-gradient( 135deg, #003d8d 0, #0076bd 50%, #003d8d 100% ) !important;
}

    .m-coupon--state-active .m-coupon__flag {
        display: block;
    }

    .m-coupon--state-active .m-coupon__txt.m-coupon__txt--active {
        display: block;
    }

    .m-coupon--state-active .m-coupon__txt.m-coupon__txt--new {
        display: none !important;
    }

    .m-coupon--state-active .m-coupon__main {
        border-color: #003d8d;
    }

    .m-coupon--state-active .m-coupon__buttons .m-coupon__button--activate {
        display: none;
    }

    .m-coupon--state-active .m-coupon__buttons .m-coupon__button--deactivate {
        display: inline-block;
    }

    .m-coupon--state-active .m-coupon__info__disclaimer__lead--active {
        display: block;
    }

    .m-coupon--state-active .m-coupon__info__disclaimer__lead--inactive {
        display: none;
    }

@media only screen and (max-width: 767px) {
    .m-coupon--state-active {
        background: 0 0 !important;
        filter: none !important;
        -ms-filter: none !important;
    }
}

.m-coupon--state-disabled.has-campaign-detail-link
.m-coupon__main
.m-coupon__right
.m-coupon__link.m-coupon__link--multi,
.m-coupon--state-disabled.has-detail-link
.m-coupon__main
.m-coupon__right
.m-coupon__link.m-coupon__link--multi {
    display: inline-block;
}

.m-coupon--state-disabled
.m-coupon__main
.m-coupon__link.m-coupon__link--multi {
    display: none;
}

.m-coupon--state-campaign-disabled
.m-coupon__buttons
.m-coupon__button--activate,
.m-coupon--state-disabled .m-coupon__buttons .m-coupon__button--activate {
    display: none;
}

.m-coupon--state-campaign-disabled
.m-coupon__buttons
.m-coupon__button--deactivate,
.m-coupon--state-disabled .m-coupon__buttons .m-coupon__button--deactivate {
    display: none;
}

.m-coupon--state-campaign-disabled .m-coupon__buttons .m-coupon__action-text,
.m-coupon--state-disabled .m-coupon__buttons .m-coupon__action-text {
    display: block;
}

@media only screen and (max-width: 767px) {
    .m-coupon--state-disabled.has-campaign-detail-link
    .m-coupon__main
    .m-coupon__right
    .m-coupon__link.m-coupon__link--multi,
    .m-coupon--state-disabled.has-detail-link
    .m-coupon__main
    .m-coupon__right
    .m-coupon__link.m-coupon__link--multi {
        display: none;
    }
}

.m-coupon--state-new .m-coupon__flag {
    display: block;
}

.m-coupon--state-new .m-coupon__txt.m-coupon__txt--new {
    display: block;
}

.m-coupon--state-redeemed .m-coupon__flag {
    display: block;
}

.m-coupon--state-redeemed .m-coupon__txt.m-coupon__txt--redeemed {
    display: block;
}

.m-coupon--state-redeemed .m-coupon__main {
    border-color: #333;
}

.m-coupon--state-redeemed .m-coupon__validity {
    color: #737373;
}

.m-coupon--state-redeemed .m-coupon__buttons .m-coupon__button--activate {
    display: none;
}

.m-coupon--state-redeemed .m-coupon__buttons .m-coupon__button--deactivate {
    display: none;
}

.m-coupon--state-redeemed .m-coupon__buttons .m-coupon__action-text {
    display: block;
}

.m-coupon--state-redeemed .m-coupon__info__disclaimer__lead--active,
.m-coupon--state-redeemed .m-coupon__info__disclaimer__lead--inactive {
    display: none;
}

.o-coupons--detail {
    min-height: 480px;
    margin-bottom: 80px;
}

.m-ucb {
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 100%;
    height: auto;
    padding: 2px;
    background: linear-gradient(135deg, #87888a 0, #cfd1d2 50%, #87888a 100%);
}

.m-ucb__content {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    margin-left: 14px;
    padding: 0 8px;
}

.m-ucb__flag {
    display: none;
    height: 25px;
    position: absolute;
    top: 8px;
    right: 8px;
}

.m-ucb__txt {
    display: none;
    float: right;
    padding: 0 11px 1px 10px;
    font-family: HelveticaNeueW02-87HvCn, Impact, arial, sans-serif;
    font-weight: 400;
    font-size: 17px;
    font-size: 1.7rem;
    color: #fff;
}

    .m-ucb__txt.m-ucb__txt--active:before,
    .m-ucb__txt.m-ucb__txt--new:before,
    .m-ucb__txt.m-ucb__txt--redeemed:before {
        content: '';
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        top: 0;
        left: -6px;
        border-left: 6px outset transparent;
    }

    .m-ucb__txt.m-ucb__txt--new {
        background: #f60;
    }

        .m-ucb__txt.m-ucb__txt--new:before {
            border-top: 24px solid #f60;
        }

    .m-ucb__txt.m-ucb__txt--active {
        background: #003d8d;
        background: linear-gradient(to right, #003d8d 0, #0076bd 50%, #003d8d 100%);
    }

        .m-ucb__txt.m-ucb__txt--active:before {
            border-top: 24px solid #003d8d;
        }

    .m-ucb__txt.m-ucb__txt--redeemed {
        background: #333;
    }

        .m-ucb__txt.m-ucb__txt--redeemed:before {
            border-top: 24px solid #333;
        }

.m-ucb__main {
    margin-top: 8px;
    margin-bottom: 8px;
    border-top: 2px solid #f60;
    line-height: 1;
}

    .m-ucb__main:after,
    .m-ucb__main:before {
        display: table;
        line-height: 0;
        content: '';
    }

    .m-ucb__main:after {
        clear: both;
    }

.m-ucb__left {
    float: left;
    width: 50%;
}

.m-ucb__picture {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    min-width: 10px;
    width: 100%;
    float: left;
    position: relative;
    vertical-align: middle;
    text-align: left;
    padding-top: 8px;
}

.m-ucb__img {
    position: relative;
    margin-bottom: 10px;
    margin-right: 10px;
    height: inherit;
}

    .m-ucb__img img {
        box-shadow: 4px 4px 7px 0 rgba(50, 50, 50, 0.4);
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
        vertical-align: middle;
    }

.m-ucb__right {
    float: right;
    width: 50%;
    text-align: right;
}

.m-ucb__title {
    padding-top: 33px;
    color: inherit;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.05;
}

.m-ucb__validity {
    padding: 6px 0 3px;
    margin: 0 0 6px 0;
    color: #f60;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 20px;
    line-height: 2rem;
}

.m-ucb__identification {
    padding-bottom: 6px;
    color: inherit;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
}

.m-ucb__buttons {
    cursor: pointer;
    margin: 4px 0 3px;
}

    .m-ucb__buttons .m-ucb__button--deactivate {
        display: none;
    }

.m-ucb__action-text {
    display: none;
    margin: 0;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
}

.m-ucb__flyout {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.97);
    opacity: 0;
    transition: opacity 0.5s ease;
}

    .m-ucb__flyout.state-ucb-flyout--load {
        z-index: 1;
        opacity: 1;
    }

    .m-ucb__flyout.state-ucb-flyout--activate,
    .m-ucb__flyout.state-ucb-flyout--deactivate,
    .m-ucb__flyout.state-ucb-flyout--error {
        z-index: 1;
    }

        .m-ucb__flyout.state-ucb-flyout--activate .m-ucb__flyout-content,
        .m-ucb__flyout.state-ucb-flyout--deactivate .m-ucb__flyout-content,
        .m-ucb__flyout.state-ucb-flyout--error .m-ucb__flyout-content {
            opacity: 1;
        }

    .m-ucb__flyout .m-ucb__flyout-content .m-ucb__flyout__status-content {
        display: none;
    }

    .m-ucb__flyout.state-ucb-flyout--activate
    .m-ucb__flyout__status-success-activate {
        display: inline-block;
    }

    .m-ucb__flyout.state-ucb-flyout--deactivate
    .m-ucb__flyout__status-success-deactivate {
        display: inline-block;
    }

    .m-ucb__flyout.state-ucb-flyout--error .m-ucb__flyout__status-error {
        display: inline-block;
    }

    .m-ucb__flyout .m-ucb__flyout-content {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

        .m-ucb__flyout .m-ucb__flyout-content::before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -0.25em;
        }

        .m-ucb__flyout .m-ucb__flyout-content .m-ucb__flyout__status-content {
            width: 90%;
            vertical-align: middle;
            color: #4aa61c;
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
        }

            .m-ucb__flyout .m-ucb__flyout-content .m-ucb__flyout__status-content::before {
                content: '';
                display: inline-block;
                width: 60px;
                height: 30px;
                margin-top: 10px;
                background: url(../img/mch/svg/icons/forms/available.svg) center center no-repeat;
                background-size: contain;
            }

            .m-ucb__flyout
            .m-ucb__flyout-content
            .m-ucb__flyout__status-content.m-ucb__flyout__status-error {
                color: #de450a;
            }

                .m-ucb__flyout
                .m-ucb__flyout-content
                .m-ucb__flyout__status-content.m-ucb__flyout__status-error:before {
                    content: '';
                    display: inline-block;
                    width: 60px;
                    height: 30px;
                    margin-bottom: 10px;
                    background: transparent url(../img/icon/error.png) center center no-repeat;
                    background-size: contain;
                }

        .m-ucb__flyout
        .m-ucb__flyout-content
        .m-ucb__flyout__status-error-confirmation {
            position: absolute;
            top: 0;
            right: 0;
            padding: 10px;
            display: block;
            color: #003d8d;
            font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
            font-weight: 500;
        }

            .m-ucb__flyout
            .m-ucb__flyout-content
            .m-ucb__flyout__status-error-confirmation::before {
                content: '';
                display: block;
                width: 20px;
                height: 20px;
                background: url(../img/mch/svg/icons/general/schliessen-kreuz.svg) center center no-repeat;
                line-height: 1;
            }

            .m-ucb__flyout
            .m-ucb__flyout-content
            .m-ucb__flyout__status-error-confirmation:hover {
                color: #00145c;
            }

@media only screen and (max-width: 479px) {
    .m-ucb {
        background: 0 0;
        filter: none;
        -ms-filter: none;
        padding: 0;
        border-top: 2px dotted #cfcac7;
        margin: 0 !important;
        height: auto !important;
    }

        .m-ucb:last-child {
            border-bottom: 2px dotted #cfcac7 !important;
        }

    .m-ucb__ribbon {
        display: none;
    }

    .m-ucb__content {
        margin: 0;
        padding: 8px 0;
        height: auto !important;
    }

    .m-ucb__validity {
        line-height: 17px;
        line-height: 1.7rem;
    }

    .m-ucb__flag {
        display: none !important;
    }

    .m-ucb__main {
        margin: 0;
        border-top: none;
    }

    .m-ucb__right {
        text-align: left;
        display: flex;
        flex-direction: column;
    }

    .m-ucb__title {
        padding-top: 0;
        padding-bottom: 8px;
    }

    .m-ucb__subtitle {
        display: none;
    }

    .m-ucb__validity {
        order: -1;
        color: inherit;
        font-size: 12px;
        font-size: 1.2rem;
        margin: 0;
    }

    .m-ucb__description--online {
        display: none;
    }

    .m-ucb__link {
        display: none;
    }

    .m-ucb__buttons {
        position: static !important;
        margin: 5px 0 !important;
    }

        .m-ucb__buttons .m-ucb__action-text {
            float: none !important;
            width: 100% !important;
        }

    .m-ucb__logos {
        display: none;
    }

    .m-ucb__flyout .m-ucb__flyout-content .m-ucb__flyout__status-text {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 480px) {
    .m-ucb__flyout .m-ucb__flyout-content .m-ucb__flyout__status-text {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media only screen and (min-width: 992px) {
    .m-ucb__content {
        padding: 0 13px;
    }

    .m-ucb__flag {
        top: 13px;
        right: 13px;
    }

    .m-ucb__main {
        margin-top: 13px;
        margin-bottom: 13px;
    }

    .m-ucb__picture {
        padding-top: 13px;
    }

    .m-ucb__flyout .m-ucb__flyout-content .m-ucb__flyout__status-text {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.m-ucb-container {
    position: relative;
}

.m-ucb-container__sum {
    opacity: 1;
    margin-bottom: 20px;
}

.m-ucb-container__sum-text {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
}

.m-ucb-container__sum-amount {
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 35px;
    line-height: 3.5rem;
}

.m-ucb-container__note {
    display: none;
    line-height: 100%;
    vertical-align: top;
    margin-left: 60px;
    top: 0;
}

    .m-ucb-container__note.ui-note.has-arrow.is-left-lower:before {
        left: -36px;
        top: 18px;
        bottom: 0;
    }

.m-ucb-container__tabs {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.m-ucb-container__tab-wrap {
    display: block;
    position: relative;
}

.m-ucb-container__tab-link {
    float: left;
    display: inline-block;
    cursor: pointer;
    max-width: 33.3333%;
}

.m-ucb-container__tab-text {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: HelveticaNeueW02-77BdCn, Impact, arial, sans-serif;
    font-weight: 400;
    text-align: center;
    padding: 1rem 1rem 1.2rem;
    text-transform: uppercase;
    border-top: 6px solid #d3d3d3;
    background-color: #d3d3d3;
    transition: border 50ms ease 50ms;
}

.m-ucb-container__tab-link:hover .m-ucb-container__tab-text {
    border-top-color: #003d8d;
}

.m-ucb-container__tab-link.state-active .m-ucb-container__tab-text {
    border-top-color: #003d8d;
    background-color: #fff;
}

.m-ucb-container__tab-link + .m-ucb-container__tab-link
.m-ucb-container__tab-text {
    margin-left: 10px;
}

.m-ucb-container__tabs-container {
    width: 100%;
}

.m-ucb-container__tab-content {
    display: none;
    padding: 20px 0 20px 0;
}

.m-ucb-container__controls {
    position: relative;
    z-index: 2;
    padding: 15px 0;
    min-height: 80px;
}

.m-ucb-container__ucbs {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media only screen and (max-width: 479px) {
    .m-ucb-container__note {
        margin-left: 20px;
    }

    .m-ucb-container__tab-text {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
    }

    .m-ucb-container__tab-link + .m-ucb-container__tab-link
    .m-ucb-container__tab-text {
        margin-left: 6px;
    }
}

@media only screen and (min-width: 480px) {
    .m-ucb-container__note {
        display: inline-block;
    }

    .m-ucb-container__sum-amount {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 32px;
        line-height: 3.2rem;
    }

    .m-ucb-container__tab-text {
        padding: 1rem 2rem 1.2rem;
    }
}

@media only screen and (min-width: 768px) {
    .m-ucb-container__sum-amount {
        font-size: 40px;
        font-size: 4rem;
        line-height: 40px;
        line-height: 4rem;
    }

    .m-ucb-container__tab-text {
        padding: 1rem 3rem 1.2rem;
    }
}

@media only screen and (min-width: 992px) {
    .m-ucb-container__sum {
        margin-bottom: 40px;
    }

    .m-ucb-container__sum-amount {
        font-size: 55px;
        font-size: 5.5rem;
        line-height: 55px;
        line-height: 5.5rem;
    }

    .m-ucb-container__ucbs {
        margin-right: -20px;
    }
}

@media only screen and (min-width: 1200px) {
    .m-ucb-container__note {
        top: 5px;
    }

    .m-ucb-container__sum-amount {
        font-size: 65px;
        font-size: 6.5rem;
        line-height: 70px;
        line-height: 7rem;
    }
}

.m-ucb-controls__filter {
    display: inline-block;
    margin-right: 3rem;
    margin-bottom: 2rem;
}

.m-ucb-controls__list {
    top: auto;
    left: auto;
}

.m-ucb-controls__dropdown-button {
    text-align: left;
}

.m-ucb-info {
    position: relative;
    display: block;
    padding: 32px 0 18px 0;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 2.5rem;
}

.m-ucb-info__message {
    vertical-align: middle;
    padding: 0;
    font-family: HelveticaNeueW01-75Bold, Helvetica, arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
}

.m-ucb-info.richtext a {
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.m-ucb-info:before {
    content: '';
    position: relative;
    display: block;
    width: 100px;
    height: 51px;
    margin-top: -12px;
    margin-bottom: 42px;
    background: url(../img/svg/general/bullhorn.svg) no-repeat left 0 center;
    background-size: 100px auto;
}

@media only screen and (min-width: 768px) {
    .m-ucb-info {
        padding-left: 162px;
        min-height: 151px;
    }

        .m-ucb-info:before {
            position: absolute;
            left: 0;
            top: 0;
            margin-top: 40px;
            margin-bottom: 60px;
        }
}

@media only screen and (min-width: 992px) {
    .m-ucb-info {
        padding-left: 150px;
    }
}

@media only screen and (min-width: 1200px) {
    .m-ucb-info {
        padding-left: 170px;
    }
}

.m-ucb--big .m-ucb__info__disclaimer {
    padding-bottom: 12px;
}

.m-ucb--big .m-ucb__info__disclaimer__lead {
    font-weight: 700;
    display: none;
}

.m-ucb--big .m-ucb__info__disclaimer__lead--inactive {
    display: inline-block;
}

.m-ucb--big .m-ucb__info__id {
    padding-bottom: 10px;
    float: left;
    display: block;
}

.m-ucb--small {
    float: left;
    width: 100%;
    height: 189px;
    overflow: hidden;
    margin: 0 0 20px;
}

    .m-ucb--small .m-ucb__content {
        height: 185px;
    }

    .m-ucb--small .m-ucb__left {
        width: 105px;
    }

    .m-ucb--small .m-ucb__picture {
        max-width: 100%;
        max-height: 185px;
    }

    .m-ucb--small .m-ucb__img img {
        height: auto;
        max-height: 150px;
    }

    .m-ucb--small .m-ucb__right {
        width: 55%;
    }

    .m-ucb--small .m-ucb__logos {
        position: absolute;
        left: 16px;
        bottom: 13px;
    }

    .m-ucb--small .m-ucb__buttons {
        position: absolute;
        width: 100%;
        bottom: 8px;
        right: 8px;
        margin: 0;
    }

        .m-ucb--small .m-ucb__buttons .m-ucb__action-text {
            float: right;
            width: 65%;
            line-height: 1.1;
        }

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .m-ucb--small {
        width: 50%;
        border-right: 20px solid #fff;
    }

        .m-ucb--small .m-ucb__left {
            width: 39%;
        }

        .m-ucb--small .m-ucb__right {
            width: 61%;
        }
}

@media only screen and (min-width: 480px) and (max-width: 710px) {
    .m-ucb--small {
        width: 425px;
        border-right: 20px solid #fff;
    }
}

@media only screen and (min-width: 768px) {
    .m-ucb--small {
        width: 50%;
        border-right: 20px solid #fff;
    }

        .m-ucb--small .m-ucb__left {
            width: 90px;
        }

        .m-ucb--small .m-ucb__right {
            width: 165px;
        }
}

@media only screen and (min-width: 992px) {
    .m-ucb--small .m-ucb__buttons {
        bottom: 13px;
        right: 13px;
    }

    .m-ucb--small .m-ucb__left {
        width: 117px;
    }

    .m-ucb--small .m-ucb__right {
        width: 65%;
    }
}

.m-ucb--state-active {
    background: linear-gradient( 135deg, #003d8d 0, #0076bd 50%, #003d8d 100% ) !important;
}

    .m-ucb--state-active .m-ucb__flag {
        display: block;
    }

    .m-ucb--state-active .m-ucb__txt.m-ucb__txt--active {
        display: block;
    }

    .m-ucb--state-active .m-ucb__txt.m-ucb__txt--new {
        display: none !important;
    }

    .m-ucb--state-active .m-ucb__main {
        border-color: #003d8d;
    }

    .m-ucb--state-active .m-ucb__buttons .m-ucb__button--activate {
        display: none;
    }

    .m-ucb--state-active .m-ucb__buttons .m-ucb__button--deactivate {
        display: inline-block;
    }

    .m-ucb--state-active .m-ucb__info__disclaimer__lead--active {
        display: inline-block;
    }

    .m-ucb--state-active .m-ucb__info__disclaimer__lead--inactive {
        display: none;
    }

@media only screen and (max-width: 479px) {
    .m-ucb--state-active {
        background: 0 0 !important;
        filter: none !important;
        -ms-filter: none !important;
    }
}

.m-ucb--state-disabled.has-detail-link
.m-ucb__main
.m-ucb__right
.m-ucb__link.m-ucb__link--multi {
    display: inline;
}

.m-ucb--state-disabled .m-ucb__main .m-ucb__link.m-ucb__link--multi {
    display: none;
}

.m-ucb--state-disabled .m-ucb__buttons .m-ucb__button--activate {
    display: none;
}

.m-ucb--state-disabled .m-ucb__buttons .m-ucb__button--deactivate {
    display: none;
}

.m-ucb--state-disabled .m-ucb__buttons .m-ucb__action-text {
    display: block;
}

.m-ucb--state-new .m-ucb__flag {
    display: block;
}

.m-ucb--state-new .m-ucb__txt.m-ucb__txt--new {
    display: block;
}

.m-ucb--state-redeemed .m-ucb__flag {
    display: block;
}

.m-ucb--state-redeemed .m-ucb__txt.m-ucb__txt--redeemed {
    display: block;
}

.m-ucb--state-redeemed .m-ucb__txt.m-ucb__txt--new {
    display: none;
}

.m-ucb--state-redeemed .m-ucb__main {
    border-color: #333;
}

.m-ucb--state-redeemed .m-ucb__buttons .m-ucb__button--activate {
    display: none;
}

.m-ucb--state-redeemed .m-ucb__buttons .m-ucb__button--deactivate {
    display: none;
}

.m-ucb--state-redeemed .m-ucb__buttons .m-ucb__action-text {
    display: block;
}

.m-ucb--state-redeemed .m-ucb__info__disclaimer__lead--active,
.m-ucb--state-redeemed .m-ucb__info__disclaimer__lead--inactive {
    display: none;
}

@media only screen and (min-width: 480px) {
    .m-ucb--state-redeemed .m-ucb__validity {
        position: absolute;
        bottom: 8px;
        right: 8px;
        margin-bottom: 0;
        padding-bottom: 0;
        color: inherit;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .m-ucb--state-redeemed .m-ucb__identification {
        padding: 8px 0 3px;
    }
}

@media only screen and (min-width: 992px) {
    .m-ucb--state-redeemed .m-ucb__validity {
        bottom: 13px;
        right: 13px;
    }
}