@-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 .8px)
    }

    90% {
        background: linear-gradient(transparent 98.6%,transparent .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 .8px)
    }

    90% {
        background: linear-gradient(transparent 98.6%,transparent .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 .4px)
    }

    20% {
        background: linear-gradient(transparent 97.2%,transparent .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 .4px)
    }

    20% {
        background: linear-gradient(transparent 97.2%,transparent .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: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ui-async-button.is-animating .checkmark-stroke {
    -webkit-animation: drawCheckmark .3s;
    animation: drawCheckmark .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: .5px;
    text-transform: uppercase;
    transition: background-color .1s linear,color .1s linear,border .1s linear;
    vertical-align: middle;
    cursor: pointer
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    opacity: .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/icon-overview.svg) no-repeat;
    content: ""
}

.btn.is-forward-sm {
    padding-right: 30px;
    background-image: url(../img/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/arrow-small-left-blue-hover.svg) 16px 50% no-repeat
}

.btn-outline.is-cumulus.is-back.alt-colored {
    background: url(../img/svg/icons/general/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/svg/icons/general/arrow-small-left-blue-hover.svg) 16px 50% no-repeat
}

.btn-outline.is-back {
    padding-left: 36px;
    background: url(../img/svg/icons/general/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/svg/icons/general/arrow-small-left-dark-orange.svg) 16px 12px no-repeat
}

.btn-outline.is-quit {
    padding-right: 40px;
    background: url(../img/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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: .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/note-right-cyan.svg);
    content: ""
}

.richtext .ui-note.has-arrow.is-inverted::before,.ui-note.has-arrow.is-inverted::before {
    background-image: url(../img/svg/icons/general/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/svg/icons/general/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 .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 .3s .1s ease-out,opacity .3s .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 .3s ease-in,opacity .3s ease-in
}

.mui-footer-affix-chat {
    position: fixed;
    z-index: 9999;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    transition: transform .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/svg/icons/cumulus/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,.4);
    color: transparent;
    font-size: 0;
    transition: background .3s ease-out,box-shadow .3s ease-out
}

.mui-footer-affix-chat span#optiRealPersonContent a::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    background: url(../img/svg/icons/cumulus/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: .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: -.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: -.5px
    }
}

@media screen and (min-width: 1200px) {
    .ui-paragraph-headline {
        font-size:3.2rem;
        line-height: 3.6rem;
        margin-bottom: 25px;
        letter-spacing: -.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: .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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 .3s ease 0s,transform .3s ease 0s
}

.link.is-white,a.link.is-white {
    background: url(../img/svg/icons/general/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/svg/icons/general/arrow-right-silver.svg) 100% 50% no-repeat;
    color: #ccc
}

.link.is-white-small,a.link.is-white-small {
    background: url(../img/svg/icons/general/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/svg/icons/general/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/backgrounds/textlink-bg.png);
    background-position: 0 30px;
    background-repeat: repeat-x;
    color: #333;
    text-decoration: none;
    transition-duration: .4s,.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/backgrounds/textlink-bg.png);
    background-position: 0 30px;
    background-repeat: repeat-x;
    color: #333;
    text-decoration: none;
    transition-duration: .4s,.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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/arrow-right-blue.svg) 100% 30% no-repeat;
    letter-spacing: .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/svg/icons/general/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/svg/icons/general/arrow-right.svg) right bottom 3px no-repeat;
    color: #fff;
    letter-spacing: .06em;
    text-transform: uppercase
}

.is-cumulus .link-white:active,.is-cumulus .link-white:focus,.is-cumulus .link-white:hover {
    background: url(../img/svg/icons/general/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/backgrounds/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/arrow-left-back.svg) 100% 30% no-repeat;
    opacity: 1;
    transition: opacity 0s linear
}

.is-back-link .link::after {
    background: url(../img/svg/icons/general/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/svg/icons/header/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/svg/icons/general/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: .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: .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,.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,.5)
    }
}

.ui-magazine-color-yellow .ui-magazine-info-box {
    background-color: rgba(252,232,178,.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,.5)
    }
}

.ui-magazine-color-orange .ui-magazine-info-box {
    background-color: rgba(230,196,183,.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,.5)
    }
}

.ui-magazine-color-green .ui-magazine-info-box {
    background-color: rgba(209,236,206,.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,.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,.5)
}

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

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

.ui-magazine-color-green .ui-magazine-quote::before {
    color: rgba(209,236,206,.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: .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: .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: .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: .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: .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: .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: .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(.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 .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: .05rem
}

.ui-bk-t397-04-content-teaser .ui-bk-t397-04-teaser__link:hover .ui-link__arrow {
    background: url(../img/svg/icons/general/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/svg/icons/general/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 .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: .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 .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/svg/icons/general/arrow-teaser-bk.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: " ";
    transition: background-position .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 .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,.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: .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: .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/svg/icons/general/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: .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,.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/svg/icons/general/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/svg/icons/general/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 .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 .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 .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 .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 .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 .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 .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 .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 .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/svg/icons/general/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/svg/icons/general/arrow-teaser-grey.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: " ";
    transition: background-position .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 .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 .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/svg/icons/general/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/svg/icons/general/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: .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,.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: .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,.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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
        border-image: url(../img/backgrounds/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/svg/icons/general/close-white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    text-align: center;
    transform: translateZ(0);
    transition: background-color .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: -.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:-.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: -.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:.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,.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,.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,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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(.5px,.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 .5s ease-in-out,width 0s .5s ease-in-out,z-index 0s .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 .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 .5s;
    visibility: hidden;
    white-space: nowrap
}

.ui-c290-12plus-hot-wheel-stage[data-inview] .circle_background::before {
    opacity: 0;
    transform: scale(.5)
}

.ui-c290-12plus-hot-wheel-stage[data-inview] .circle_background::after {
    opacity: 0;
    transform: scale(.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 .5s 150ms ease-in-out,width .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 .5s 150ms ease-in-out,box-shadow .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,.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(.5)
    }

    45% {
        opacity: 1
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes circle_background_before {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    45% {
        opacity: 1
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes circle_background_after {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    45% {
        opacity: 1
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes circle_background_after {
    0% {
        opacity: 0;
        transform: scale(.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/svg/icons/social/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/backgrounds/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/svg/icons/social/icon-social-twitter.svg) 0 0 no-repeat;
    transition: all .2s linear
}

.widget-twitter .twitter-icon:hover {
    background: url(../img/svg/icons/social/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: .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/svg/icons/general/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/svg/icons/general/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,.3);
    transition: background-color .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: .25px;
    margin: 0;
    color: #003d8d;
    transition: color .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 .3s ease-out,visibility .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 .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/svg/icons/cumulus/arrow-teaser-rounded.svg) no-repeat;
    background-position: 0 1px;
    background-size: 100% auto;
    content: "";
    transform: translateY(-50%);
    transition: background-position .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: -.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: -.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/svg/icons/cumulus/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/svg/icons/cumulus/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: .25px
}

.ui-dashboard-cumulus-tile .bar-bonus {
    font-size: .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 .3s ease-out,visibility .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: -.5px
    }

    .ui-dashboard-cumulus-tile .info-text-blue em {
        font-size: 3.2rem;
        letter-spacing: -.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,.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: -.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,.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,.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/svg/icons/general/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/svg/icons/general/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,.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,.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,.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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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 .3s ease-out,opacity .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 .15s linear,border-bottom-color .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 .15s linear,border-bottom-color .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
}

.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 .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/svg/icons/header/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 .1s linear .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/svg/icons/header/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/svg/icons/header/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 .1s linear
}

.ui-g107-12-footer .footer-list-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height .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: .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: .4px;
    color: #666;
    transition: color .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 .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: .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 .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: .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: .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: .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 .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,.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: .2;
        background-image: linear-gradient(rgba(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 .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 .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: .05em;
    line-height: 17px;
    text-transform: uppercase;
    transition: color .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 .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: .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/svg/icons/header/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: .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/svg/icons/header/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 .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/svg/icons/header/burger-menu-orange.svg);
        transform: scale(0) translate(0,-50%);
        transition: opacity .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/svg/icons/header/burger-menu-orange.svg);
        transform: scale(0) translate(0,-50%);
        transition: opacity .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/svg/icons/header/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/svg/icons/header/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: .5px;
    line-height: 18px;
    opacity: 0;
    text-indent: -9998px;
    text-transform: uppercase;
    transition: color .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/svg/icons/header/burger-menu-orange.svg);
    background-repeat: no-repeat;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity .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 .3s 0s,visibility 0s .3s ease-out;
    visibility: hidden
}

.ui-header-navigation .ui-search-container.is-active {
    opacity: 1;
    transition: opacity .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,.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: .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: .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/svg/icons/header/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: .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/svg/icons/header/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/svg/icons/header/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/svg/icons/header/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/svg/icons/header/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 .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/filter-open-hover.svg)
}

.ui-item-filter .open .btn-open .close {
    background-image: url(../img/svg/icons/general/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/svg/icons/general/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,.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 .35s ease .1s
}

.ui-item-filter-results.loading .fade-in {
    opacity: .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 .6s ease;
    transition-delay: .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: .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: .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/svg/icons/general/arrow-right-orange-large.svg) 50% 50% no-repeat;
    border-radius: 50%;
    content: "";
    opacity: 0;
    transition-duration: .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: .999999;
    transition: opacity .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: .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/svg/icons/general/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,.2);
    background-clip: padding-box;
    transition-duration: .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/svg/icons/general/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,.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,.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/svg/icons/general/arrow-teaser.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: " ";
    transition: background-position .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/svg/icons/general/arrow-teaser.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: " ";
    transition: background-position .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/svg/icons/general/arrow-teaser.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: " ";
    transition: background-position .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/svg/icons/general/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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,.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,.8);
    background: #fff;
    border-radius: 8px
}

.m402-04-contentimage ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 2px rgba(0,0,0,.6);
    background: #858585;
    border-radius: 8px
}

.m402-04-contentimage ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(133,133,133,.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 .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/svg/icons/social/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/svg/icons/general/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/svg/icons/general/zoom-hover.svg) 0 0 no-repeat
}

.m402-04-contentimage.is-cumulus .btn {
    background-image: url(../img/svg/icons/general/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/svg/icons/general/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,.8);
    background: #fff;
    border-radius: 8px
}

.m403-08-contentimage ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 2px rgba(0,0,0,.6);
    background: #858585;
    border-radius: 8px
}

.m403-08-contentimage ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(133,133,133,.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 .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/svg/icons/social/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/svg/icons/general/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/svg/icons/general/zoom-hover.svg) 0 0 no-repeat
}

.m403-08-contentimage.is-cumulus .btn {
    background-image: url(../img/svg/icons/general/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/svg/icons/general/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: .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 .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/svg/icons/social/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/svg/icons/general/close-white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    text-align: center;
    transform: translateZ(0);
    transition: background-color .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/svg/icons/general/close-white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    text-align: center;
    transform: translateZ(0);
    transition: background-color .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 .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/svg/icons/general/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 .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: .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 .5s ease-in
}

.modal.is-vuvh .fade-in.in {
    opacity: 1;
    transition: opacity 1s .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 .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,.7);
    border-radius: 8px
}

.modal.is-vuvh .is-content::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,102,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,.7);
    border-radius: 8px
}

.modal.is-vuvh .is-content iframe body::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,102,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/svg/icons/general/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 .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/svg/icons/general/arrow-light-right-orange.svg)
}

.modal.ui-modal-gallery .ui-carousel-wide .arrow-left {
    background-image: url(../img/svg/icons/general/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,.0001) 0,rgba(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,.0001) 0,rgba(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/svg/icons/general/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/svg/icons/general/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,.1);
    border-radius: 3px
}

.modal.ui-modal-gallery.is-wall .caption-content::-webkit-scrollbar-thumb {
    background-color: rgba(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/svg/icons/social/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/svg/icons/social/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/svg/icons/general/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/svg/icons/general/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 .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,.8) 50%,#fff 100%);
    content: "";
    opacity: 1;
    transition: opacity .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 .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: .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(.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(.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: .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(.6);
        transform-origin: left
    }

    .modal.ui-modal-gallery.is-grid-gallery .carousel-inner>.item.active~.item .is-landscape {
        transform: translate3d(0,-50%,0) scale(.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,.5);
    border-right: 2px solid rgba(255,255,255,.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,.5);
    border-left: 2px solid rgba(255,255,255,.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,.3) 0,rgba(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,.3) 0,rgba(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,.3) 0,rgba(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,.3) 0,rgba(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,.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,.5) 50%,rgba(14,14,14,.8) 100%);
    content: "";
    opacity: 0;
    transition: opacity 150ms .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,.5) 50%,rgba(14,14,14,.8) 60%,rgba(14,14,14,.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 .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 .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,.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/svg/icons/carousel/arrow-left-orange.svg);
        background-position: 10px 45%
    }

    .modal.ui-modal-gallery .carousel-control .arrow-right {
        background-image: url(../img/svg/icons/carousel/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,.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/svg/icons/carousel/arrow-left-orange-s.svg);
        background-position: 8px 45%
    }

    .modal.ui-modal-gallery .carousel-control .arrow-right {
        background-image: url(../img/svg/icons/carousel/arrow-right-orange-s.svg);
        background-position: 8px 45%
    }
}

.is-history-modal .modal-backdrop.in {
    opacity: .9
}

@media screen and (max-width: 479px) {
    .is-history-modal .modal-backdrop.in {
        opacity:.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,.995) 0,#333 100%)
}

.ui-grid-gallery-modal .modal-backdrop.in {
    opacity: .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/arrow-left-blue-bold.svg) 50% 60% no-repeat
}

.ui-pagination .pagination.is-cumulus .page.next {
    background: rgba(0,0,0,0) url(../img/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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,.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,.2);
        transition: max-height .5s ease-in-out;
        will-change: max-height
    }

    .ui-popover-container .popover.is-map.fade {
        max-height: 0;
        opacity: 1;
        transition: max-height .5s ease-in-out
    }

    .ui-popover-container .popover.is-map.fade.in {
        max-height: 140px;
        transition: max-height .5s ease-in-out
    }

    .ui-popover-container .popover.is-map.fade.in.slide-up {
        max-height: calc(100vh - 35px);
        transition: max-height .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/svg/icons/general/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 .45s cubic-bezier(.17,.67,.28,1);
    transition-delay: .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 .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/svg/icons/general/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/svg/icons/social/icon-social-twitter-orange-trans.svg) 0 0 no-repeat
}

.ui-social-links .icon-social.facebook {
    background: rgba(0,0,0,0) url(../img/svg/icons/social/icon-social-facebook-orange-trans.svg) 0 0 no-repeat
}

.ui-social-links .icon-social.google {
    background: rgba(0,0,0,0) url(../img/svg/icons/social/icon-social-google-orange-trans.svg) 0 0 no-repeat
}

.ui-social-links .icon-social.mail {
    background: rgba(0,0,0,0) url(../img/svg/icons/social/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 .3s ease-out
}

.ui-t318-03-eventdate.is-atlantis,.ui-t321-03-eventperiod.is-atlantis {
    background: #98cd4e;
    transition: background .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 .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 .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 .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 .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 .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 .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 .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 .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/svg/icons/general/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/svg/icons/general/arrow-teaser.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: " ";
    transition: background-position .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/svg/icons/general/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/svg/icons/general/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 .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 .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 .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 .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 .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 .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 .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 .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 .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/svg/icons/general/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,.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 .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 .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 .45s cubic-bezier(.17,.67,.28,1) .05s
}

.ui-t309-03-standard .link-area {
    position: absolute;
    bottom: -25px;
    width: 100%;
    transform: perspective(1px);
    transition: transform .35s ease .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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/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 .45s cubic-bezier(.17,.67,.28,1) .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 .35s ease .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 .35s ease;
    box-shadow: 0 0 7px rgba(0,61,141,.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: .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: .7rem;
    line-height: .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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: .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 .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 .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 .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 .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 .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 .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 .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 .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 .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/svg/icons/general/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 .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/svg/icons/general/arrow-teaser.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: " ";
    transition: background-position .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/svg/icons/general/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/svg/icons/general/arrow-teaser.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: " ";
    transition: background-position .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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: .64px;
    line-height: 35px;
    text-align: left
}

.ui-t325-12-recipe-highlight .headline:hover span {
    --height: $height;
    -webkit-animation: animBack .3s cubic-bezier(.39,.575,.565,1) forwards;
    animation: animBack .3s cubic-bezier(.39,.575,.565,1) forwards
}

.ui-t325-12-recipe-highlight .headline span {
    -webkit-animation: animBackHover .3s cubic-bezier(.39,.575,.565,1) forwards;
    animation: animBackHover .3s cubic-bezier(.39,.575,.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: .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: .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: .39px;
        line-height: 12px
    }
}

@media screen and (max-width: 991px) {
    .ui-t325-12-recipe-highlight .headline {
        font-size:2.2rem;
        letter-spacing: .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 .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 .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 .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 .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 .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 .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 .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 .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 .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/svg/icons/general/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/svg/icons/general/arrow-teaser-big.svg),none;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    transition: background-position .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 .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/svg/icons/general/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 .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 .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 .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 .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 .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 .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 .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 .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 .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/svg/icons/general/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 .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/svg/icons/general/arrow-teaser.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: " ";
    transition: background-position .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/svg/icons/general/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 .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 .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 .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 .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 .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 .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 .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 .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 .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/svg/icons/general/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/svg/icons/general/arrow-teaser-big.svg),none;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    transition: background-position .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/svg/icons/general/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/svg/icons/general/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 .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/svg/icons/general/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 .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/svg/icons/general/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/svg/icons/general/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 .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 .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 .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 .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/svg/icons/general/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 .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/svg/icons/general/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 .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/svg/icons/general/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 .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/svg/icons/general/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/svg/icons/general/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 .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 .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 .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 .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/svg/icons/general/arrow-teaser-big.svg),none;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    transition: background-position .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/svg/icons/general/arrow-teaser-big.svg),none;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    transition: background-position .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 .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 .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 .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 .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 .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 .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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 .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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 .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 .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 .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,.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,.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 .4s ease-out,transform-origin .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 .4s ease-out,background-color .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/svg/icons/general/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 .4s ease-out,background-color .4s ease-out,background-position .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/svg/icons/general/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,.2);
    transform-origin: top left
}

@media screen and (min-width: 768px) {
    .ui-t339-12-teaser .teaser-wrapper {
        transition:transform .4s ease-out,transform-origin .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:.4rem .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: .0036rem;
    line-height: 1.2777777778
}

.ui-t339-12-teaser .headline span {
    -webkit-animation: animBackHover .3s cubic-bezier(.39,.575,.565,1) forwards;
    animation: animBackHover .3s cubic-bezier(.39,.575,.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: .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: .0036rem;
        line-height: 1.2352941176
    }
}

@media screen and (min-width: 1200px) {
    .ui-t339-12-teaser .headline {
        font-size:1.8rem;
        letter-spacing: .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:.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: .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 .3s cubic-bezier(.39,.575,.565,1) forwards;
        animation: animBack .3s cubic-bezier(.39,.575,.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/svg/icons/general/arrow-teaser-big.svg),none;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    transition: background-position .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/svg/icons/general/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/svg/icons/general/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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: .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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/backgrounds/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,.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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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(.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(.02deg);
    transition: width .6s cubic-bezier(.17,.67,.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(.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(.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/svg/icons/general/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/svg/icons/general/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 .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 .25s ease-out
}

.ui-t359-03-download .download-link::before {
    position: absolute;
    top: 2px;
    left: -20px;
    width: 15px;
    height: 20px;
    background: url(../img/svg/icons/general/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/svg/icons/general/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 .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 .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 .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 .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 .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 .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 .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 .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 .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/svg/icons/general/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/svg/icons/general/arrow-teaser-big.svg),none;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    transition: background-position .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/svg/icons/general/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/backgrounds/border-dotted-blue.png) 2 0 2 0 repeat;
    border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/backgrounds/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,.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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 2 0 repeat;
    border-image: url(../img/backgrounds/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: .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/svg/icons/header/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/svg/icons/header/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/svg/icons/header/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: .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/svg/icons/general/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 .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: .9s cubic-bezier(.175,.885,.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/svg/icons/general/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/svg/icons/general/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: .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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 .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,.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,.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: .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: .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/svg/icons/general/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 .1s linear,border .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: .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: .64px;
    line-height: 36px
}

.ui-t326-12-recipe-ending .text {
    margin-top: 25px;
    color: #333;
    font-family: InkstonText;
    font-size: 2.8rem;
    letter-spacing: .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: .44px;
        line-height: 26px
    }

    .ui-t326-12-recipe-ending .text {
        font-size: 2rem;
        letter-spacing: .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: -.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,.3)
}

@media screen and (min-width: 768px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__headline {
        font-size:3.2rem;
        line-height: 3.5rem;
        letter-spacing: -.5px
    }
}

@media screen and (min-width: 1200px) {
    .t404-jumbotron-wrapper .t404-jumbotron .jumbotron__headline {
        font-size:4rem;
        line-height: 4.3rem;
        letter-spacing: -.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,.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: .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 .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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/backgrounds/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 .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/svg/icons/general/dropdown-closed.svg);
    content: "";
    transform: rotate(180deg);
    transition: all .3s ease
}

.ui-panel-migros .panel-title>a:hover {
    color: #de450a
}

.ui-panel-migros .panel-title>a:hover::before {
    background-image: url(../img/svg/icons/general/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/svg/icons/general/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,.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,.3)
}

.ui-c201-12-introstandard .headline-outer .ui-header-headline {
    font-size: 2.4rem;
    line-height: 2.6rem;
    color: #fff;
    font-family: "Helvetica Now Text XBold",Helvetica,arial,sans-serif;
    font-weight: 400;
    letter-spacing: -.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: -.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: -.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: .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: #fff
}

.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,.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,.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,.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 .5s 50ms ease-in
}

.ui-c202-12-campaign-stage.is-linked .ui-campaign-stage-video {
    transform: scale(1);
    transition: transform .5s 50ms ease-in
}

.ui-c202-12-campaign-stage.is-linked:hover::before {
    transform: scale(1.05);
    transition: transform .5s 50ms ease-out
}

.ui-c202-12-campaign-stage.is-linked:hover .ui-campaign-stage-video {
    transform: scale(1.05);
    transition: transform .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,.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 .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 .3s 0s ease-in-out,visibility 0s .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 .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 .3s 0s ease-in-out,visibility 0s .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 .3s ease-in-out,visibility 0s .3s;
    visibility: hidden
}

.ui-c204-12-map .form-group .search-container .search-question:not(:-moz-placeholder-shown)+.button-reset {
    opacity: 1;
    -moz-transition: opacity .3s ease-in-out,visibility 0s 0s;
    transition: opacity .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 .3s ease-in-out,visibility 0s 0s;
    transition: opacity .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 .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 .3s ease,font-size .2s ease,transform .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 .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; */
        width: 150vw;
        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 .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 .3s ease-in-out,visibility 0s .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,.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/svg/icons/general/arrow-huge-dark.svg) 0 0 no-repeat;
    transition: background-position .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/svg/icons/general/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 .1s linear,color .1s linear,border .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/svg/icons/general/arrow-huge-white.svg) 0 0 no-repeat;
    border-radius: 0;
    transition: background-position .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,.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: -.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: -.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: .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/backgrounds/textlink-bg.png);
    background-position: 0 30px;
    background-repeat: repeat-x;
    color: #333;
    text-decoration: none;
    transition-duration: .4s,.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 .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 .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,.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,.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: -.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:-.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:-.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: -.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:-.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 .3s ease-out,background-color .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 .3s ease-out,background-color .3s ease-out
}

.ui-c218-stage-portrait .is-teaser-4 .content.is-outline .headline {
    color: #f60;
    transition: color .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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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: .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/svg/icons/general/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/backgrounds/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
        border-image: url(../img/backgrounds/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/svg/icons/general/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/svg/icons/general/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/svg/icons/general/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: .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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/svg/icons/general/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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/svg/icons/general/arrow-right-orange.svg) 100% 30% no-repeat;
    color: #f60;
    letter-spacing: .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/svg/icons/general/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 .45s cubic-bezier(.31,.99,.84,.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,.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 .4s cubic-bezier(.93,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: .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/svg/icons/general/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,.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,.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,.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,.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: .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: -.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: -.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: -.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,.5);
        opacity: 1;
        transition: opacity .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: -.5px
    }
}

@media screen and (max-width: 767px) {
    .ui-c293-cumulus-dashboard-stage .headline {
        font-size:2.4rem;
        line-height: 2.6rem;
        letter-spacing: -.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 .5s ease-in-out,opacity .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 .25s ease-out,opacity .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,.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 .25s ease-in,opacity .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 .25s ease-in-out,background-color .25s ease-in-out,border-color .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,.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: -.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,.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: .5;
    background-image: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(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,.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: .5;
    background-image: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(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,.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 .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 .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 .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: -.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 .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 .3s ease-in-out
}

.ui-c300-guide .panel-group .panel:not(:first-child) {
    box-shadow: 0 0 8px 0 rgba(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,.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(.5);
    transform-origin: 50% 50%;
    transition: transform .2s,background-color .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,.5);
    transition: background-color .5s linear,max-height .5s ease-out
}

.ui-introstandard-thumbnails.is-inverted .ui-introstandard-indicator-item h4 {
    border-top-color: #333;
    color: #333;
    transition: color .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 .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,.3);
    text-align: left;
    transition: background-color .5s linear,max-height .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 .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 .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,.5)
}

.ui-introstandard-thumbnails .ui-introstandard-indicator-item .item-inner:focus {
    outline: 4px solid rgba(105,105,105,.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 .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: .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 .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,.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,.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: .5
}

.ui-carousel-introstandard .carousel-control:hover {
    opacity: .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(.5);
        transform-origin: 50% 50%;
        transition: transform .2s,background-color .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(.5);
    transform-origin: 50% 50%;
    transition: transform .2s,background-color .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,.5);
    transition: background-color .5s linear,max-height .5s ease-out
}

.ui-stagehome-thumbnails.is-inverted .ui-stagehome-indicator-item h4 {
    border-top-color: #333;
    color: #333;
    transition: color .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 .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,.3);
    text-align: left;
    transition: background-color .5s linear,max-height .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 .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 .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,.5)
}

.ui-stagehome-thumbnails .ui-stagehome-indicator-item .item-inner:focus {
    outline: 4px solid rgba(105,105,105,.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 .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: .5
}

.ui-carousel-stagehome .carousel-control:hover {
    opacity: .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(.5);
        transform-origin: 50% 50%;
        transition: transform .2s,background-color .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/svg/icons/general/carousel-teaser-control.svg);
    background-position: 0 0;
    transform: scaleX(-1)
}

.ui-carousel-teaser .arrow-right {
    background-image: url(../img/svg/icons/general/carousel-teaser-control.svg);
    background-position: 0 0
}

.ui-carousel-teaser.is-cumulus .arrow-left {
    background-image: url(../img/svg/icons/general/carousel-teaser-control-cumulus.svg)
}

.ui-carousel-teaser.is-cumulus .arrow-right {
    background-image: url(../img/svg/icons/general/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 .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/svg/icons/general/arrow-light-left.svg);
    background-position: 20px 45%
}

.ui-carousel-wide .arrow-right {
    background-image: url(../img/svg/icons/general/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(.5);
    transform-origin: 50% 50%;
    transition: transform .2s,background-color .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 .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/svg/icons/social/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/svg/icons/general/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 .25s ease-in-out,box-shadow .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/svg/icons/general/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 .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,.8));
    opacity: 1;
    transition: opacity .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,.5),rgba(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,.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/svg/icons/general/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/svg/icons/general/fullscreen-btn.svg);
    background-size: 100%;
    transform-origin: center center;
    transition: transform .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 .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: -.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/backgrounds/border-dotted-dark-grey.svg) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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 .1s linear
}

.ui-cumulus-dirac-detail .is-active .is-coupon-headline {
    border-width: 0 0 2px;
    -o-border-image: url(../img/backgrounds/border-dotted-dark-grey.svg) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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 .1s linear,margin .1s linear,background-size .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/backgrounds/border-dotted-dark-grey.svg) 2 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted-dark-grey.svg) 2 0 0 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/backgrounds/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/svg/icons/general/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: .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: .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/svg/icons/general/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/svg/icons/general/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/backgrounds/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 .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: .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: .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 .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/svg/icons/forms/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,.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/svg/icons/forms/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/svg/icons/general/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/svg/icons/forms/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: .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/svg/icons/forms/radiobtn-checked-hover.svg) 0 0 no-repeat
}

.ui-f607-12-forms .ff-radio label span::before {
    width: 26px;
    height: 26px;
    background: url(../img/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/checkbox3-checked-hover.svg) 0 0 no-repeat
}

.ui-f607-12-forms .ff-check label:hover span::before {
    background: url(../img/svg/icons/forms/checkbox3-hover.svg) 0 0 no-repeat
}

.ui-f607-12-forms .ff-check label .ui-js-input:focus~span::before {
    background: url(../img/svg/icons/forms/checkbox3-hover.svg) 0 0 no-repeat
}

.ui-f607-12-forms .ff-check label .ui-js-input:checked:focus~span::before {
    background: url(../img/svg/icons/forms/checkbox3-checked-hover.svg) 0 0 no-repeat
}

.ui-f607-12-forms .ff-check label span::before {
    width: 24px;
    height: 24px;
    background: url(../img/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/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: .1;
    transition: opacity .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 .75s linear infinite;
    animation: spin .75s linear infinite;
    background: url(../img/svg/icons/forms/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 .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 .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 .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 .1s linear
}

.ui-f607-12-forms .ff-radio-button span.ff-radio-button-additional {
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: -.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 .5s ease-in-out,max-width .5s 0s ease-in-out,max-height .1s .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 .5s 150ms ease-in-out,max-height .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,.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,.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/svg/icons/general/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 .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/svg/icons/general/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/svg/icons/general/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 .4s ease-out,border-color .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/svg/icons/header/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/svg/icons/forms/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/svg/icons/forms/radiobtn-checked.svg) 0 0 no-repeat
}

.ui-f607-12-forms .invalid.ff-radio input~span::before {
    background: url(../img/svg/icons/forms/radiobtn-validierung.svg) 0 0 no-repeat
}

.ui-f607-12-forms .invalid.ff-check input:checked~span::before {
    background: url(../img/svg/icons/forms/checkbox3-checked.svg) 0 0 no-repeat
}

.ui-f607-12-forms .invalid.ff-check input~span::before {
    background: url(../img/svg/icons/forms/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: .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: .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,.7)
}

.ui-f611-12-utz .ui-f607-12-forms .step-2 {
    display: block;
    max-height: 500px;
    transition: max-height .45s cubic-bezier(.17,.67,.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/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/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,.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/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/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/svg/icons/forms/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/svg/icons/general/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/svg/icons/general/arrow-right-orange.svg) 100% 30% no-repeat;
    color: #f60;
    letter-spacing: .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/svg/icons/general/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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 .37s ease-out,opacity .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 .37s ease-out,opacity .37s ease-out,margin .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/svg/icons/general/attention.svg)
}

.ui-f629-12-d-zmv .ui-confirmed-msg::before {
    background-image: url(../img/svg/icons/general/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 .2s ease-in-out;
    transition-delay: .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 .2s,transform .2s;
    transition-delay: .3s
}

.ui-f630-quiz .quiz-wrap.is-fade-in>* {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 250ms,transform 250ms;
    transition-delay: .5s
}

.ui-f630-quiz .quiz-wrap.is-fade-out {
    opacity: 0;
    transform: translateY(25px);
    transition: opacity .1s,transform .1s;
    transition-delay: 50ms
}

.ui-f630-quiz .quiz-wrap.is-fade-out>* {
    opacity: 0;
    transform: translateY(25px);
    transition: opacity .1s,transform .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 .4s,filter .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(.5625*(50% - 12px))
    }
}

@media screen and (min-width: 1200px) {
    .ui-f630-quiz .answer-wrapper {
        width:calc(50% - 8.5px);
        padding-top: calc(.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: .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 .3s .1s ease-in
}

.ui-f630-quiz .quiz-overlay-wrap .quiz-overlay-content {
    opacity: 0;
    transition: opacity .2s 50ms ease-in
}

.ui-f630-quiz .quiz-overlay-wrap .quiz-overlay-content>* {
    opacity: 0;
    transition: opacity .1s 50ms ease-in
}

.ui-f630-quiz .quiz-overlay-wrap.is-fade-in .quiz-overlay-mask {
    opacity: .3;
    transition: opacity .2s ease-out
}

.ui-f630-quiz .quiz-overlay-wrap.is-fade-in .quiz-overlay-content {
    opacity: 1;
    transition: opacity .1s .1s ease-out
}

.ui-f630-quiz .quiz-overlay-wrap.is-fade-in .quiz-overlay-content>* {
    opacity: 1;
    transition: opacity .2s .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: .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: .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 .4s,filter .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 .3s,transform .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 .3s,transform .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 .3s,transform .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: .1s
}

.ui-f631-voting.is-fade-in .pills,.ui-f631-voting.is-fade-in .result-list {
    transition-delay: .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: .3s
}

@media screen and (max-width: 767px) {
    .ui-f631-voting.is-fade-in .picture {
        opacity:1;
        transform: translateY(0);
        transition: opacity .3s,transform .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: .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 .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 .3s .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 .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: .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: .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: .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: .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/svg/icons/general/arrow-right-medium-footer.svg) 0 45px no-repeat;
    color: #fff
}

.alt-colored .mui-footer-action-link {
    background-image: url(../img/svg/icons/general/arrow-right-medium-hover-footer.svg);
    color: #f60
}

.mui-footer-action-link:hover {
    background-image: url(../img/svg/icons/general/arrow-right-medium-hover-footer.svg);
    color: #f60
}

.alt-colored .mui-footer-action-link:hover {
    background-image: url(../img/svg/icons/general/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: .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: .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/svg/icons/social/icon-social-twitter-white.svg) 0 0 no-repeat;
    background-size: 85%
}

.alt-colored .mui-footer-twitter-icon {
    background-image: url(../img/svg/icons/social/icon-social-twitter-lightgrey.svg)
}

.mui-footer-twitter-icon:hover {
    background-image: url(../img/svg/icons/social/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/svg/icons/social/icon-social-facebook-white-square.svg) 0 0 no-repeat;
    background-size: 85%
}

.alt-colored .mui-footer-facebook-icon {
    background-image: url(../img/svg/icons/social/icon-social-facebook-lightgrey-square.svg)
}

.mui-footer-facebook-icon:hover {
    background-image: url(../img/svg/icons/social/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/svg/icons/social/icon-social-youtube-white.svg) 0 0 no-repeat;
    background-size: 85%
}

.alt-colored .mui-footer-youtube-icon {
    background-image: url(../img/svg/icons/social/icon-social-youtube-lightgrey.svg)
}

.mui-footer-youtube-icon:hover {
    background-image: url(../img/svg/icons/social/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/svg/icons/social/icon-social-instagram-white.svg) 0 0 no-repeat;
    background-size: 85%
}

.alt-colored .mui-footer-instagram-icon {
    background-image: url(../img/svg/icons/social/icon-social-instagram-lightgrey.svg)
}

.mui-footer-instagram-icon:hover {
    background-image: url(../img/svg/icons/social/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/svg/icons/social/icon-social-pinterest-white.svg) 0 0 no-repeat;
    background-size: 85%
}

.alt-colored .mui-footer-pinterest-icon {
    background-image: url(../img/svg/icons/social/icon-social-pinterest-lightgrey.svg)
}

.mui-footer-pinterest-icon:hover {
    background-image: url(../img/svg/icons/social/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/svg/icons/social/icon-social-linkedin-lightgrey.svg)
}

.mui-footer-linkedin-icon:hover {
    background-image: url(../img/svg/icons/social/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: .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: .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: .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/svg/icons/general/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: .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: .2px;
    line-height: 36px;
    transition: color .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 .25s ease-out
}

.ui-g102-12-personalized-headerbar .name-btn::before {
    background-image: url(../img/svg/icons/header/person-black.svg)
}

.ui-g102-12-personalized-headerbar .name-btn::after {
    background-image: url(../img/svg/icons/header/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 .45s cubic-bezier(.17,.67,.28,1),opacity .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/svg/icons/general/arrow-left-white-bold.svg) 45% 50% no-repeat
}

.ui-g111-pagination .icon.right {
    background: url(../img/svg/icons/general/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,.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/svg/icons/general/arrow-to-bottom.svg) 50% 50% #f60 no-repeat;
        border-radius: 50%;
        content: "";
        transition: .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 .4s,margin .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 .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/svg/icons/mymigros/arrow-right-orange.svg)
}

.ui-g147-XX-tile-icon-navigation-slider .ui-preview-teaser .carousel-control:hover .arrow-left {
    background-image: url(../img/svg/icons/mymigros/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,.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,.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/svg/icons/mymigros/arrow-right-white.svg)
}

.ui-g147-XX-tile-icon-navigation-slider .ui-preview-teaser .carousel-control .arrow-left {
    background-image: url(../img/svg/icons/mymigros/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 .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: .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,.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/svg/icons/mymigros/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/svg/icons/mymigros/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,.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/svg/icons/mymigros/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/svg/icons/mymigros/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/svg/icons/mymigros/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 .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 .45s cubic-bezier(.31,.99,.84,.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: .35s;
        transition-duration: .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: .3s;
        transition-duration: .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: .25s;
        transition-duration: .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: .2s;
        transition-duration: .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: .15s;
        transition-duration: .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: .1s;
        transition-duration: .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: .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: .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: .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: .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,.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,.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 .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/svg/icons/general/heart-white.svg)
}

.ui-google-map .controls .route::before {
    top: 60px;
    background-image: url(../img/svg/icons/general/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/svg/icons/general/directions-driving.svg)
}

.ui-google-map .controls-event .route.transit {
    background-image: url(../img/svg/icons/general/directions-transit.svg)
}

.ui-google-map .controls-event .route.bicycling {
    background-image: url(../img/svg/icons/general/directions-bicycling.svg)
}

.ui-google-map .controls-event .route.walking {
    background-image: url(../img/svg/icons/general/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/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 .4s .1s ease-in-out;
    will-change: max-height
}

.ui-history .ui-history__filter-chooser .ui-history__filter-chooser-list {
    opacity: 0;
    transition: opacity .2s 0s ease-in-out,visibility 0s .4s;
    visibility: hidden
}

.ui-history .ui-history__filter-chooser.is-active {
    max-height: 2000px;
    transition: max-height .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 .3s .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 .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 .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 .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/svg/icons/general/arrow-right-orange.svg) 60% 0 no-repeat;
    content: "";
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity .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/svg/icons/general/filter-open.svg) 0 0/contain no-repeat;
    text-indent: -9999px;
    transition: opacity .3s .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/svg/icons/general/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 .3s ease-in-out,visibility 0s .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/svg/icons/general/filter-close.svg) 0 0/contain no-repeat;
    opacity: 1;
    text-indent: -9999px;
    transition: opacity .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/svg/icons/general/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 .3s ease-in-out,visibility 0s .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 .3s ease-in-out,visibility 0s .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 .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,.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,.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(.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 .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 .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 .5s ease-in,max-height .5s ease-in,margin-bottom .5s ease-in,margin-top .5s ease-in,opacity .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 .5s ease-in-out,opacity .4s .1s ease-in-out
}

.ui-history .ui-history__timeline-grid-item .ui-paragraph-headline::before {
    transition: translateX .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 .4s .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(.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 .4s .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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,.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: .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/svg/icons/general/play-button-yt.svg) center center/contain no-repeat;
    content: "";
    transform: scale(.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/svg/icons/general/play-button-yt.svg) center center/contain no-repeat;
    content: "";
    transform: scale(.5)
}

.ui-history .ui-history__gallery .ui-history__gallery-thumb-item.is-more {
    background: #f60;
    border-radius: 4px;
    transition: background .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 .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 .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 .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 .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 .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 .4s ease-in-out
    }

    .ui-l509-12-slider .ui-preview-teaser .carousel-track.is-animated-slow {
        transition: transform .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,.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/svg/icons/carousel/arrow-left-orange.svg)
    }

    .ui-l509-12-slider .ui-preview-teaser .carousel-control .arrow-right {
        background-image: url(../img/svg/icons/carousel/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,.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/svg/icons/carousel/arrow-left-orange-s.svg)
    }

    .ui-l509-12-slider .ui-preview-teaser .carousel-control .arrow-right {
        background-image: url(../img/svg/icons/carousel/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
    border-image: url(../img/backgrounds/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/backgrounds/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 2 0 0 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-style: dotted;
        border-color: #ddd;
        padding-left: 0;
        color: #f60;
        background: url(../img/svg/icons/general/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/svg/icons/general/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: .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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/svg/icons/general/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/svg/icons/general/arrow-right-medium-orange-hover.svg)
    }

    .ui-l516-08-linklist-with-image.is-cumulus .listitem .listitemlink .name {
        background-image: url(../img/svg/icons/general/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/svg/icons/general/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/accordion-small-arrow.svg)
    }

    .ui-l526-12-accordion-editorial .panel-title>a:hover::before {
        background-image: url(../img/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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: .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: .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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/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 .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 .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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 .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/svg/icons/general/quit.svg) 0 42% no-repeat;
    color: #f60
}

.ui-l546-event-calendar.is-newsfilter .panel-choosen-mobil .link.quit.quit-all {
    background: url(../img/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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,.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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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,.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/svg/icons/general/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/svg/icons/general/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 .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 .3s,visibility 0s 0s
}

.ui-l553-12-brands-labels-list .carousel-control.is-hide {
    opacity: 0;
    transition: opacity .3s,visibility 0s .3s;
    visibility: hidden
}

.ui-l553-12-brands-labels-list .carousel-control.left {
    background-image: linear-gradient(to left,rgba(255,255,255,.02) 0,rgba(255,255,255,.32) 25%,#fff 50%)
}

.ui-l553-12-brands-labels-list .carousel-control.right {
    background-image: linear-gradient(to right,rgba(255,255,255,.02) 0,rgba(255,255,255,.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/svg/icons/general/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/svg/icons/general/arrow-left-back.svg)
    }
}

.ui-l553-12-brands-labels-list .carousel-control .arrow-right {
    background-image: url(../img/svg/icons/general/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/svg/icons/general/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 .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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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/svg/icons/general/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 .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,.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/svg/icons/carousel/arrow-left-orange-s.svg)
}

.ui-l554-12plus-parallax-slider .controls-prev-next .carousel-control .arrow-right {
    background-image: url(../img/svg/icons/carousel/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 .45s cubic-bezier(.17,.67,.28,1) .05s
}

.magazine-article-teaser .magazine-article-link {
    position: absolute;
    bottom: -25px;
    width: 100%;
    transition: transform .35s ease .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: .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: .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: .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: .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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: .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: .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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: -.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: .062rem;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 12px 12px 0;
    background-color: #f60;
    color: #fff;
    text-transform: uppercase;
    transition: background-color .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/svg/icons/general/arrow-teaser-orange.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: background-position .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: .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: .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: .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/svg/icons/general/arrow-right-orange.svg) 0 50% no-repeat;
    content: "";
    transform: rotate(180deg);
    transform-origin: center
}

.ui-magazine-btn-back:hover::before {
    background: url(../img/svg/icons/general/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/backgrounds/textlink-bg.png);
    background-position: 0 30px;
    background-repeat: repeat-x;
    color: #333;
    text-decoration: none;
    transition-duration: .4s,.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 .4s ease-in-out
    }

    .ui-preview-teaser .carousel-track.is-animated-slow {
        transition: transform .6s ease-in-out
    }
}

.ui-preview-teaser .slider-item {
    display: flex;
    flex-direction: column;
    float: none;
    max-height: 600px;
    transition: max-height .3s,opacity .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/svg/icons/general/arrow-light-left-orange.svg)
}

.ui-preview-teaser .carousel-control .arrow-left.is-blue {
    background-image: url(../img/svg/icons/general/arrow-light-left-blue.svg)
}

.ui-preview-teaser .carousel-control .arrow-left.is-white {
    background-image: url(../img/svg/icons/general/arrow-light-left.svg)
}

.ui-preview-teaser .carousel-control .arrow-right {
    background-image: url(../img/svg/icons/general/arrow-light-right-orange.svg)
}

.ui-preview-teaser .carousel-control .arrow-right.is-blue {
    background-image: url(../img/svg/icons/general/arrow-light-right-blue.svg)
}

.ui-preview-teaser .carousel-control .arrow-right.is-white {
    background-image: url(../img/svg/icons/general/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,.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/svg/icons/carousel/arrow-left-orange-s.svg)
    }

    .ui-preview-teaser.is-card-slider .carousel-control .arrow-right {
        background-image: url(../img/svg/icons/carousel/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 .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 .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 .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 .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 .4s ease-out
    }

    .ui-preview-teaser.is-card-slider .slider-item .ui-t338-12-teaser .image-box {
        transform-origin: center center;
        transition: transform .4s ease-out
    }

    .ui-preview-teaser.is-card-slider .slider-item .ui-t339-12-teaser {
        opacity: 0;
        transition: opacity .4s ease-out
    }

    .ui-preview-teaser.is-card-slider .slider-item .ui-t339-12-teaser .teaser-wrapper {
        transform-origin: center center;
        transition: transform .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(.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(.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,.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,.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/backgrounds/textlink-bg.png);
    background-position: 0 30px;
    background-repeat: repeat-x;
    color: #333;
    text-decoration: none;
    transition-duration: .4s,.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/svg/icons/general/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/backgrounds/textlink-bg.png);
    background-position: 0 30px;
    background-repeat: repeat-x;
    color: #333;
    text-decoration: none;
    transition-duration: .4s,.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/svg/icons/general/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/backgrounds/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: .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: .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,.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: -.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: -.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: -.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 .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/svg/icons/general/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/svg/icons/general/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: -.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/svg/icons/general/arrow-right-orange-small.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 8px;
    transition: background-position .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/svg/icons/general/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 .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: -.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/svg/icons/general/arrow-teaser.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    transition: background-position .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/arrow-right-small-black.svg)
    }

    .ui-t12-highlight1.is-cumulus .h4-replace::after,.ui-t12-highlight1.is-cumulus h4::after {
        background-image: url(../img/svg/icons/general/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 .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: -.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/svg/icons/general/arrow-teaser-orange.svg),none;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    transition: background-position .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/svg/icons/general/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/svg/icons/general/arrow-teaser.svg),none;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    transition: background-position .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/arrow-right-small-black.svg)
    }

    .ui-t12-highlight2.is-cumulus .h4-replace::after,.ui-t12-highlight2.is-cumulus h4::after {
        background-image: url(../img/svg/icons/general/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 .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: .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: .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, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .5));
        transform: translateY(0)
    }

    100% {
        transform: translateY(-9em)
    }
}

@keyframes spinit-0 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .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, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .5));
        transform: translateY(-1em)
    }

    100% {
        transform: translateY(-10em)
    }
}

@keyframes spinit-1 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .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, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .5));
        transform: translateY(-2em)
    }

    100% {
        transform: translateY(-11em)
    }
}

@keyframes spinit-2 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .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, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .5));
        transform: translateY(-3em)
    }

    100% {
        transform: translateY(-12em)
    }
}

@keyframes spinit-3 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .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, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .5));
        transform: translateY(-4em)
    }

    100% {
        transform: translateY(-13em)
    }
}

@keyframes spinit-4 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .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, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .5));
        transform: translateY(-5em)
    }

    100% {
        transform: translateY(-14em)
    }
}

@keyframes spinit-5 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .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, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .5));
        transform: translateY(-6em)
    }

    100% {
        transform: translateY(-15em)
    }
}

@keyframes spinit-6 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .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, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .5));
        transform: translateY(-7em)
    }

    100% {
        transform: translateY(-16em)
    }
}

@keyframes spinit-7 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .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, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .5));
        transform: translateY(-8em)
    }

    100% {
        transform: translateY(-17em)
    }
}

@keyframes spinit-8 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .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, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .5));
        transform: translateY(-9em)
    }

    100% {
        transform: translateY(-18em)
    }
}

@keyframes spinit-9 {
    0% {
        filter: blur(6px) drop-shadow(0 50px 6px rgba(255, 255, 255, .5)) drop-shadow(0 20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -20px 6px rgba(255, 255, 255, .6)) drop-shadow(0 -50px 6px rgba(255, 255, 255, .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 .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 .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 .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 .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 .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 .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 .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 .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 .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/svg/icons/general/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: .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: -.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/svg/icons/general/arrow-teaser-big.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    transition: background-position .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/svg/icons/general/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: .5px;
    text-transform: uppercase;
    white-space: nowrap;
    transition: border-top-color,.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 .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 .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 .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 .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 .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 .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 .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 .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 .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/svg/icons/general/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/svg/icons/general/checked-tile.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
    box-shadow: -1px 4px 4px 1px rgba(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,.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/svg/icons/general/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 .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/svg/icons/general/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 .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,.1);
    outline: 0;
    transform: translate(-50%,-50%);
    transition: transform .2s ease-out,box-shadow .2s ease-out,background-color .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,.5);
    content: "";
    transform: translate(-50%,-50%);
    transition: background-color .2s ease-out
}

.ui-hotspots .hotspot-btn-open::after {
    width: 35px;
    height: 35px;
    background-color: #f60;
    background-image: url(../img/svg/icons/general/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 .2s ease-out,box-shadow .2s ease-out,background-color .2s ease-out
}

.ui-hotspots .hotspot-btn-open:hover::after {
    background-color: #de450a;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.6)
}

.ui-hotspots .hotspot-btn-open:focus::before {
    background-color: #fff;
    transition: background-color .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,.3);
    transition: transform .2s ease-in,box-shadow .2s ease-in,background-color .2s ease-in
}

.ui-hotspots .is-active .hotspot-btn-open::after {
    transform: translate(-50%,-50%) rotate(0);
    transition: transform .2s ease-in,box-shadow .2s ease-in,background-color .2s ease-in
}

.ui-hotspots .is-active .hotspot-btn-open::before {
    background-color: #fff;
    transition: background-color .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 .5s ease;
    animation: button-pulse 1s .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,.2);
        outline: 0;
        transition: height .3s,-webkit-animation .3s ease-in-out;
        transition: height .3s,animation .3s ease-in-out;
        transition: height .3s,animation .3s ease-in-out,-webkit-animation .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/svg/icons/general/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,.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(.755,.05,.855,.06),visibility 250ms cubic-bezier(.755,.05,.855,.06),background-color 250ms cubic-bezier(.755,.05,.855,.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 .1s cubic-bezier(.755,.05,.855,.06),transform .1s cubic-bezier(.755,.05,.855,.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 .4s 250ms cubic-bezier(.23,1,.32,1),background-color .4s 250ms cubic-bezier(.23,1,.32,1),visibility .4s 250ms cubic-bezier(.23,1,.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,.3);
        transition: box-shadow .1s 250ms cubic-bezier(.23,1,.32,1),transform .3s .4s cubic-bezier(.23,1,.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 .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 .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 .2s ease-in-out
}

.ui-c301-12-tile-accordion .tile.is-open .tile-item::after {
    transform: translate(-50%,36px);
    opacity: 1;
    transition: all .15s ease-in-out .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: -.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: -.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 .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 .2s ease-in-out,z-index 0s linear .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 .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: -.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: -.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 .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 .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 .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 .1s linear
}

.ui-g120-navigation .drill-up svg path {
    transition: fill .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 .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 .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 .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 .4s;
    animation: fadeInOut .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: .6s;
    animation-delay: .6s
}

.ui-g120-navigation.is-visible .in-view .navigation-page.is-current-page .menu-list:nth-child(2) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.ui-g120-navigation.is-visible .in-view .navigation-page.is-current-page .menu-list:nth-child(3) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.ui-g120-navigation.is-visible .in-view .navigation-page.is-current-page .menu-list:nth-child(4) {
    -webkit-animation-delay: .9s;
    animation-delay: .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: .1s;
    animation-delay: .1s
}

.ui-g120-navigation.no-initial-delay .in-view .navigation-page.is-current-page .menu-list:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.ui-g120-navigation.no-initial-delay .in-view .navigation-page.is-current-page .menu-list:nth-child(4) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.ui-g120-navigation.no-initial-delay .in-view .navigation-page.is-current-page .menu-list:nth-child(5) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.ui-g120-navigation.no-initial-delay .in-view .navigation-page.is-current-page .menu-list:nth-child(6) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.ui-g120-navigation.no-initial-delay .in-view .navigation-page.is-current-page .menu-list:nth-child(7) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.ui-g120-navigation.no-initial-delay .in-view .navigation-page.is-current-page .menu-list:nth-child(8) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.ui-g120-navigation.no-initial-delay .in-view .navigation-page.is-current-page .menu-list:nth-child(9) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.ui-g120-navigation.no-initial-delay .in-view .navigation-page.is-current-page .menu-list:nth-child(10) {
    -webkit-animation-delay: .9s;
    animation-delay: .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: .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: .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: .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: .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: .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: .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: .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/svg/icons/general/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 .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 .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 .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: .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 .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/svg/icons/general/arrow-right-medium-orange.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 8px;
    height: 14px;
    transition: opacity .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/svg/icons/general/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 .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 .6s ease-out,transform .45s cubic-bezier(.17,.67,.28,1);
    transform: translateY(calc(-100% - 140px));
    transition-delay: .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 .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 .2s ease-out .3s;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    position: relative
}

.ui-g120-navigation .navigation-background {
    cursor: pointer;
    width: 100vw;
    background: #333;
    opacity: .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 .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/svg/icons/general/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 .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 .4s ease-in-out;
    transition-delay: .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: .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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: .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/svg/icons/general/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/svg/icons/general/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(.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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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 .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 .45s cubic-bezier(.17,.67,.28,1),opacity .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 .6s ease-out,transform .45s cubic-bezier(.17,.67,.28,1)
}

.ui-main-menu.is-visible .group-item:nth-child(1) {
    transition-delay: .2s
}

.ui-main-menu.is-visible .group-item:nth-child(2) {
    transition-delay: .3s
}

.ui-main-menu.is-visible .group-item:nth-child(3) {
    transition-delay: .4s
}

.ui-main-menu.is-visible .group-item:nth-child(4) {
    transition-delay: .5s
}

.ui-main-menu.is-visible .group-item:nth-child(5) {
    transition-delay: .6s
}

.ui-main-menu.is-visible .group-item:nth-child(6) {
    transition-delay: .7s
}

.ui-main-menu.is-visible .group-item:nth-child(7) {
    transition-delay: .8s
}

.ui-main-menu.is-visible .group-item:nth-child(8) {
    transition-delay: .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,.2) translateY(-50%);
    transition: opacity .5s ease-out,transform .45s cubic-bezier(.17,.67,.28,1);
    transition-delay: .2s
}

.ui-main-menu .ui-main-menu__background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 1000%;
    background-color: #333;
    cursor: pointer;
    opacity: .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/svg/icons/general/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/svg/icons/general/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 .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: .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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
        border-image: url(../img/backgrounds/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/backgrounds/border-dotted.png) 0 0 2 0 repeat;
    border-image: url(../img/backgrounds/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 .6s ease-out
}

.ui-main-menu .menu-item:nth-child(1) {
    transition-delay: .38s
}

.ui-main-menu .menu-item:nth-child(2) {
    transition-delay: .46s
}

.ui-main-menu .menu-item:nth-child(3) {
    transition-delay: .54s
}

.ui-main-menu .menu-item:nth-child(4) {
    transition-delay: .62s
}

.ui-main-menu .menu-item:nth-child(5) {
    transition-delay: .7s
}

.ui-main-menu .menu-item:nth-child(6) {
    transition-delay: .78s
}

.ui-main-menu .menu-item:nth-child(7) {
    transition-delay: .86s
}

.ui-main-menu .menu-item:nth-child(8) {
    transition-delay: .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/arrow-teaser-orange.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: " ";
    transition: background-position .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/svg/icons/general/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/svg/icons/general/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/svg/icons/general/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/svg/icons/header/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 .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/svg/icons/general/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/svg/icons/general/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: .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: .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/svg/icons/general/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/svg/icons/general/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: .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,.4);
    color: rgba(0,0,0,.4);
    font-size: .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,.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: .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: .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: .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:.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 .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,.7);
    z-index: 3;
    padding: 0 0;
    box-sizing: content-box;
    left: 0;
    top: 0;
    display: block;
    opacity: 1;
    transition: opacity .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 .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 .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: .5em;
    opacity: 0;
    transition: opacity .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,.7);
    z-index: 3;
    padding: 0 0;
    box-sizing: content-box;
    left: 0;
    top: 0;
    display: block;
    opacity: 1;
    transition: opacity .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 .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,.7);
    z-index: 3;
    padding: 0 0;
    box-sizing: content-box;
    left: 0;
    top: 0;
    display: block;
    opacity: 1;
    transition: opacity .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 .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: .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: .5em 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: .6em 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: .5em 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 .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 .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 .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 .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 .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 .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 .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: .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,.7);
    z-index: 3;
    padding: 0 0;
    box-sizing: content-box;
    left: 50%;
    top: 0;
    margin-left: -50vw;
    opacity: 1;
    transition: opacity .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 .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 .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: .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 .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,.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: .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,.7);
    z-index: 3;
    padding: 0 0;
    box-sizing: content-box;
    left: 50%;
    top: 0;
    margin-left: -50vw;
    opacity: 1;
    transition: opacity .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 .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: .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: .4em 0 .2em;
    margin: 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: .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: .2em 0
}

.m-coupon__logo-img {
    max-height: 32px
}

.m-coupon__buttons {
    cursor: pointer;
    margin: .8em 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,.97);
    opacity: 0;
    transition: opacity .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 .3s ease
}

.m-coupon__flyout-content::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.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,.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,.97);
    opacity: 0;
    transition: opacity .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 .3s ease
}

.m-ucb__flyout .m-ucb__flyout-content::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.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
    }
}