/* legacy.clean.css: generado por scripts/clean-assets/purge-css.cjs desde legacy.css (original intacto). */
@font-face {
    font-family: "icons";
    src: url(../fonts/icomoon.woff) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^=icon-],[class*=" icon-"] {
    font-family: "icons",serif !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow::before {
    content: ""
}

.icon-arrow_left::before {
    content: ""
}

.icon-arrow_right::before {
    content: ""
}

.icon-delete::before {
    content: ""
}

.icon-download::before {
    content: ""
}

.icon-location::before {
    content: ""
}

.icon-menu::before {
    content: ""
}

.icon-play::before {
    content: ""
}

.icon-send::before {
    content: ""
}

.icon-wheel::before {
    content: ""
}

@media(any-hover: hover) {
    .nav__items,.nav__items .level-1>li .level-2 {
        scrollbar-width:thin;
        scrollbar-color: #bfbfbf rgba(0,0,0,0)
    }

    .nav__items::-webkit-scrollbar,.nav__items .level-1>li .level-2::-webkit-scrollbar {
        width: 6px
    }

    .nav__items::-webkit-scrollbar-track,.nav__items .level-1>li .level-2::-webkit-scrollbar-track {
        background: rgba(0,0,0,0)
    }

    .nav__items::-webkit-scrollbar-thumb,.nav__items .level-1>li .level-2::-webkit-scrollbar-thumb {
        background-color: #bfbfbf;
        border-radius: 6px;
        border: 3px solid rgba(0,0,0,0)
    }
}

@media(max-width: 991.98px) {
    .accordion>.heading {
        cursor:pointer
    }
}

.accordion>.content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease
}

.nav__images {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    display: none;
    opacity: 0;
    transition: width .15s ease
}

.nav__images .detail-box .c-btn__link {
    justify-content: center;
    text-align: center
}

@media(min-width: 576px)and (max-width: 767.98px) {
    .nav__images .detail-box {
        background:#f2f2f2
    }
}

@media(min-width: 768px) {
    .nav--open [class*=nav__images--level] {
        display:block !important;
        opacity: 1;
        z-index: 100
    }

    .nav--language-menu-active [class*=nav__images--level] {
        display: none !important;
        opacity: 0
    }
}

.nav__images .c-image__content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .15s linear;
    display: none
}

.nav__images .c-image__content.active {
    display: flex;
    opacity: 1;
    height: 100vh
}

.nav__images .c-image__content.active .detail-box {
    display: block
}

@media(min-width: 768px)and (max-width: 991.98px) {
    .nav__images .c-image__content.active {
        height:120px;
        bottom: 0;
        position: fixed;
        right: 0;
        left: 0;
        top: auto;
        transform: none
    }

    .nav__images .c-image__content.active picture {
        top: auto;
        transform: none;
        position: relative;
        max-height: initial;
        height: 100%;
        width: 100%
    }

    .nav__images .c-image__content.active img {
        display: none
    }

    .nav__images .c-image__content.active .detail-box {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #d9d9d9
    }

    .nav__images .c-image__content.active .detail-box__copyright-container {
        display: none
    }

    .nav__images .c-image__content.active .detail-box__text {
        width: 100%;
        align-items: center;
        justify-content: space-between;
        display: flex;
        padding: 1.5em 2.5em
    }

    .nav__images .c-image__content.active .detail-box__heading {
        max-width: 50%;
        padding-right: 1em;
        font-size: 20px;
        margin-bottom: 0
    }

    .nav__images .c-image__content.active .detail-box .c-btn__link {
        max-width: 50%
    }
}

.nav__images .c-image__content picture {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    max-height: 100vh
}

@media all and (-ms-high-contrast: none) {
    .nav__images .c-image__content picture {
        right: 0
    }
}

.nav__images .c-image__content picture img {
    width: auto;
    max-height: 100vh;
    max-width: 100%
}

.nav__images .c-image__content .detail-box {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    color: #273a60
}

.nav__images .c-image__content .detail-box__copyright-container {
    position: absolute
}

.nav__images .c-image__content .detail-box__heading {
    word-break: normal;
    font-size: 26px
}

.nav__images .c-image__content .detail-box__copyright {
    font-size: 12px;
    margin-bottom: 0;
    word-break: normal
}

html.nav--open {
    height: 100vh;
    overflow: hidden
}

@media(min-width: 768px) {
    html.nav--open {
        overflow-y:scroll
    }
}

html.nav--open body {
    height: 100vh;
    overflow: hidden
}

.header {
    position: relative;
    z-index: 100
}

.header .nav::before {
    position: fixed;
    content: "";
    background: #f2f2f2;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    z-index: -3;
    transition: opacity .15s ease;
    overflow: hidden;
    visibility: visible
}

.nav--hidden .header .nav::before {
    height: 0;
    visibility: hidden
}

.nav--open .header .nav::before {
    opacity: 1;
    z-index: -1
}

@media(min-width: 768px) {
    .nav--open.nav--language-menu-active .header .nav::before {
        opacity:.87;
        z-index: -3
    }

    .nav--language-menu-active .header .nav::before {
        z-index: -3
    }
}

.nav {
    font-family: "helvetica-neue";
    font-weight: 400;
    color: #273a60;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,0)
}

@media(max-width: 991.98px) {
    .nav {
        margin-right:0
    }

    .nav .container {
        padding-right: 0
    }
}

.nav--hidden .nav {
    overflow: hidden
}

.nav--hidden .nav .nav__items {
    visibility: hidden
}

.nav--hidden .nav .nav__logo {
    z-index: 0;
    margin-top: 1px
}

.nav__menu-toggle {
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    font-size: 1.25em;
    position: absolute;
    left: 0;
    z-index: 50
}

@media(min-width: 768px) {
    .nav__menu-toggle {
        position:initial
    }
}

.nav__menu-toggle>span {
    cursor: pointer;
    display: inline-block
}

.nav__menu-toggle:focus,.nav__menu-toggle:active {
    outline: none
}

.nav__menu-toggle i.icon-delete {
    display: none
}

.nav__items {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    margin: 1em 0;
    padding-top: 100px;
    opacity: 0;
    transition: opacity .15s;
    bottom: 99px;
    overflow-y: auto;
    z-index: 25
}

@media(min-width: 768px) {
    .nav__items {
        padding:0 20px 0 7%;
        margin: 0;
        top: 80px;
        width: calc(27%);
        visibility: visible;
        display: flex;
        flex-direction: column;
        position: fixed;
        overflow-y: visible
    }
}

@media(min-width: 992px) {
    .nav__items {
        width:calc(26%);
        padding: 0 20px 0 110px;
        top: 20px;
        height: calc(100% - 20px) !important
    }
}

@media(min-width: 768px)and (max-height: 800px) {
    .nav__items {
        top:150px;
        height: calc(100% - 220px) !important
    }
}

@media(min-width: 1800px) {
    .nav__items {
        left:calc((100% - 1640px)/2 - 80px)
    }
}

.nav__items ul li {
    padding: 0;
    position: relative;
    transition: color .15s,margin .15s,border-bottom-width .15s ease;
    text-align: center
}

@media(min-width: 768px) {
    .nav__items ul li {
        text-align:left
    }
}

.nav__items ul li::before {
    display: none
}

.nav__items ul li a,.nav__items ul li span {
    display: inline-block;
    color: #273a60;
    position: relative;
    padding: 1em 0;
    align-items: baseline;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none
}

@media(min-width: 768px) {
    .nav__items ul li a,.nav__items ul li span {
        padding-right:15px
    }

    .nav__items ul li a:hover::after,.nav__items ul li span:hover::after {
        opacity: 1
    }
}

@media(min-width: 768px) {
    .nav__items .level-1 {
        margin-top:auto;
        margin-bottom: auto;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        padding: 50px 0;
        z-index: 1
    }
}

@media(max-width: 767.98px) {
    .nav__items .level-1 {
        margin-bottom:100px
    }
}

.nav__items .level-1.level-active>li:not(.active)>span,.nav__items .level-1.level-active>li:not(.active)>a {
    color: #d0d0d0
}

@media(min-width: 768px) {
    .nav__items .level-1.level-active>li:not(.active)>span,.nav__items .level-1.level-active>li:not(.active)>a {
        color:#273a60
    }
}

.nav__items .level-1>li>span,.nav__items .level-1>li>a {
    cursor: pointer;
    transition: color .15s ease
}

.nav__items .level-1>li>span::after,.nav__items .level-1>li>a::after {
    content: "";
    display: block;
    width: 75px;
    height: 1.5px;
    transform: matrix(1, -0.03, 0.6, -1, 0, 0);
    background: #273a60;
    position: absolute;
    bottom: 11px;
    left: 0;
    opacity: 0;
    transition: opacity .3s
}

@media(min-width: 768px) {
    .nav__items .level-1>li>span::after,.nav__items .level-1>li>a::after {
        width:120px;
        bottom: 15px
    }
}

.nav__items .level-1>li.active {
    color: #273a60;
    margin-top: 50px;
    margin-bottom: 50px
}

.nav__items .level-1>li.active.models {
    padding-bottom: 25px;
    border-bottom: 10px solid #ebebeb;
    margin-bottom: 25px
}

.nav__items .level-1>li.active:first-child {
    margin-top: 0
}

.nav__items .level-1>li.active:last-child {
    margin-bottom: 0
}

.nav__items .level-1>li.active:last-child.models {
    border-bottom: none;
    padding-bottom: 0
}

.nav__items .level-1>li.active>span::after {
    opacity: 1
}

@media(min-width: 768px) {
    .nav__items .level-1>li.active,.nav__items .level-1>li.active.models {
        margin:0;
        padding-bottom: 0;
        border: none
    }

    .nav__items .level-1>li.active .level-2 {
        display: flex;
        z-index: 2;
        width: 100%;
        overflow: auto
    }

    .nav__items .level-1>li.active .level-2 li:first-child {
        margin-top: auto
    }

    .nav__items .level-1>li.active .level-2 li:last-child {
        margin-bottom: auto
    }
}

@media(min-width: 768px)and (min-width: 768px) {
    .nav__items .level-1>li.active>span {
        background:#f2f2f2
    }
}

@media(min-width: 768px) {
    .nav__items .level-1>li.active>span::after {
        opacity:1
    }
}

@media(min-width: 992px) {
    .nav__items .level-1>li.active::before {
        opacity:1
    }
}

.nav__items .level-1>li .level-2 {
    padding: 0;
    display: block
}

@media(min-width: 768px) {
    .nav__items .level-1>li .level-2 {
        display:none;
        position: fixed;
        flex-direction: column;
        justify-content: flex-start;
        left: calc(27%);
        top: 80px;
        height: calc(100% - 80px - 120px - 1.5em);
        background: no-repeat left/8px 100% url(../images/level-separator.png);
        padding: 0 20px 0 7%;
        width: calc(32%);
        overflow-y: visible
    }
}

@media(min-width: 992px) {
    .nav__items .level-1>li .level-2 {
        width:calc(18%);
        left: calc(26%);
        padding: 0 20px 0 40px;
        top: 20px;
        height: calc(100% - 20px)
    }
}

@media only screen and (min-width: 2399px) {
    .nav__items .level-1>li .level-2 {
        left:calc(25vw + 200px)
    }
}

.nav__items .level-1>li .level-2>.active>.content>.level-4 {
    display: flex !important;
    flex-direction: column
}

.nav__items .level-1>li .level-2 .overview-link {
    position: relative;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 1em
}

.nav__items .level-1>li .level-2 .overview-link::before {
    content: "";
    position: absolute;
    background: url(../images/brush-hqv-bg.png) no-repeat;
    height: 100%;
    width: 100%;
    left: 52%;
    transform: translateX(-52%);
    background-size: contain;
    max-width: 170px;
    max-height: 1.5em;
    z-index: -1
}

@media(min-width: 768px) {
    .nav__items .level-1>li .level-2 .overview-link::before {
        display:none
    }
}

@media(min-width: 768px) {
    .nav__items .level-1>li .level-2 .overview-link {
        display:none
    }
}

.nav__items .level-1>li .level-2>li {
    color: #273a60;
    transition: padding .15s ease,margin .15s ease
}

.nav__items .level-1>li .level-2>li>a,.nav__items .level-1>li .level-2>li>span {
    padding: 1em 0;
    font-size: 16px;
    justify-content: center;
    transition: padding .15s ease,margin .15s ease
}

.nav__items .level-1>li .level-2>li>a::after,.nav__items .level-1>li .level-2>li>span::after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: calc(100% - 10px);
    width: calc(100% + 30px);
    background: url(../images/level2-active.svg);
    background-size: 100% 100%;
    opacity: 0;
    transition: opacity .15s ease
}

@media(min-width: 768px) {
    .nav__items .level-1>li .level-2>li>a,.nav__items .level-1>li .level-2>li>span {
        font-size:18px
    }
}

@media(min-width: 992px) {
    .nav__items .level-1>li .level-2>li>a:hover,.nav__items .level-1>li .level-2>li>span:hover {
        cursor:pointer
    }

    .nav__items .level-1>li .level-2>li>a:hover::after,.nav__items .level-1>li .level-2>li>span:hover::after {
        opacity: 1
    }
}

.nav__items .level-1>li .level-2>li>.content {
    box-shadow: 0 6px 23px rgba(0,0,0,.07)
}

.nav__items .level-1>li .level-2>li.active {
    color: #273a60;
    margin-bottom: 17px
}

@media(max-width: 767.98px) {
    .nav__items .level-1>li .level-2>li.active:last-child {
        margin-bottom:0;
        padding-bottom: 23px
    }
}

@media(min-width: 768px) {
    .nav__items .level-1>li .level-2>li.active {
        margin:0
    }

    .nav__items .level-1>li .level-2>li.active .content {
        box-shadow: none
    }

    .nav__items .level-1>li .level-2>li.active::before {
        opacity: 1
    }
}

.nav__items .level-1>li .level-2>li.active>span {
    padding: 1.4em 0;
    margin-bottom: 1em
}

@media(min-width: 768px) {
    .nav__items .level-1>li .level-2>li.active>span {
        padding:1em 0;
        margin-bottom: 0;
        background: #f2f2f2
    }
}

.nav__items .level-1>li .level-2>li.active>span::after {
    opacity: 1
}

.nav__items .level-1>li .level-2>li.active .level-4 {
    display: none
}

.nav__items .level-1>li .level-2>li.active .level-3>li {
    color: #273a60;
    transition: padding .15s ease,margin .15s ease
}

.nav__items .level-1>li .level-2>li.active .level-3>li>a,.nav__items .level-1>li .level-2>li.active .level-3>li>span {
    padding: 1em 0;
    font-size: 16px;
    justify-content: center;
    transition: padding .15s ease,margin .15s ease
}

.nav__items .level-1>li .level-2>li.active .level-3>li>a::after,.nav__items .level-1>li .level-2>li.active .level-3>li>span::after {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: calc(100% - 10px);
    width: calc(100% + 30px);
    background: url(../images/level2-active.svg);
    background-size: 100% 100%;
    opacity: 0;
    transition: opacity .15s ease
}

@media(min-width: 768px) {
    .nav__items .level-1>li .level-2>li.active .level-3>li>a,.nav__items .level-1>li .level-2>li.active .level-3>li>span {
        font-size:18px
    }
}

@media(min-width: 992px) {
    .nav__items .level-1>li .level-2>li.active .level-3>li>a:hover,.nav__items .level-1>li .level-2>li.active .level-3>li>span:hover {
        cursor:pointer
    }

    .nav__items .level-1>li .level-2>li.active .level-3>li>a:hover::after,.nav__items .level-1>li .level-2>li.active .level-3>li>span:hover::after {
        opacity: 1
    }
}

.nav__items .level-1>li .level-2>li.active .level-3,.nav__items .level-1>li .level-2>li.active .active>.content>.level-4 {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    transition: .15s ease
}

@media(min-width: 768px) {
    .nav__items .level-1>li .level-2>li.active .level-3>li:first-child,.nav__items .level-1>li .level-2>li.active>.content>.level-4>li:first-child {
        margin-top:auto
    }

    .nav__items .level-1>li .level-2>li.active .level-3>li:last-child,.nav__items .level-1>li .level-2>li.active>.content>.level-4>li:last-child {
        margin-bottom: auto
    }
}

@media(min-width: 768px) {
    .nav__items .level-1>li .level-2>li .level-3>li+li {
        margin-top:20px
    }

    .nav__items .level-1>li .level-2>li .level-3>li:first-child {
        margin-top: auto
    }

    .nav__items .level-1>li .level-2>li .level-3>li:last-child {
        margin-bottom: auto
    }
}

@media(min-width: 768px) {
    .nav__items .level-1>li .level-2>li .level-3,.nav__items .level-1>li .level-2>li>.content>.level-4 {
        display:none;
        position: fixed;
        flex-direction: column;
        left: calc(27% + 32%);
        top: 80px;
        z-index: 2;
        height: calc(100% - 80px - 120px - 1.5em);
        background: no-repeat left/8px 100% url(../images/level-separator.png);
        padding: 0 20px 0 7%;
        width: calc(32%);
        overflow-y: auto
    }

    .nav__items .level-1>li .level-2>li .level-3 .content,.nav__items .level-1>li .level-2>li>.content>.level-4 .content {
        max-height: initial !important
    }
}

@media(min-width: 992px) {
    .nav__items .level-1>li .level-2>li .level-3,.nav__items .level-1>li .level-2>li>.content>.level-4 {
        left:calc(26% + 18%);
        padding: 0 20px 0 40px;
        width: calc(18%);
        top: 20px;
        height: calc(100% - 20px)
    }
}

.nav__items .level-1>li .level-2>li .level-3>li>span,.nav__items .level-1>li .level-2>li>.content>.level-4>li>span {
    text-transform: uppercase;
    font-size: 16px
}

@media(min-width: 992px) {
    .nav__items .level-1>li .level-2>li .level-3>li>span,.nav__items .level-1>li .level-2>li>.content>.level-4>li>span {
        cursor:initial
    }
}

.nav__items .level-1>li .level-2>li .level-4>li>a {
    font-weight: 100;
    font-size: 16px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.nav__items .level-1>li .level-2>li .level-4>li>a:hover {
    font-weight: 400
}

@media(min-width: 992px) {
    .nav__items .level-1>li a,.nav__items .level-1>li span {
        text-align:left
    }
}

.nav--open {
    z-index: 100;
    overflow: initial
}

.nav--open:not(.nav--language-menu-active) .nav__items {
    opacity: 1
}

.nav--open.nav--language-menu-active .nav__items {
    display: none
}

.nav--open .nav__aside-links {
    opacity: 1
}

@media(min-width: 768px) {
    .nav--open:not(.nav--language-menu-active) .nav__aside-links {
        position:relative;
        margin-left: 0
    }

    .nav--open:not(.nav--language-menu-active) .nav__aside-links a {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

.nav--open.nav--language-menu-active .nav__aside-links {
    z-index: 0
}

@media(min-width: 768px) {
    .nav--open.nav--language-menu-active .nav__aside-links .nav__aside-links--dealer-search {
        color:#273a60
    }

    .nav--open.nav--language-menu-active .nav__aside-links .nav__aside-links--dealer-search::after {
        color: #273a60
    }

    .nav--open.nav--language-menu-active .nav__aside-links .nav__aside-links--dealer-search:hover {
        color: #d0d0d0
    }
}

@media(min-width: 768px) {
    .nav--open.nav--language-menu-active .nav__aside-links {
        margin-left:52px
    }
}

@media(min-width: 768px) {
    .nav--open .nav__menu-toggle {
        position:relative
    }

    .nav--open .nav__menu-toggle span {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%)
    }
}

.nav--open .nav__menu-toggle i {
    color: #273a60
}

.nav--open .nav__menu-toggle i.icon-delete {
    display: block;
    margin-right: 32px
}

.nav--open .nav__menu-toggle i.icon-menu {
    display: none
}

.nav--hidden .nav__aside-links {
    z-index: 0
}

@media(max-width: 767.98px) {
    .nav--hidden .nav__aside-links {
        display:none
    }
}

.nav__aside {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.nav__aside-links {
    display: flex;
    text-align: right;
    transition: color .15s;
    z-index: -2;
    margin-left: 32px
}

@media(min-width: 768px)and (max-width: 991.98px) {
    .nav__aside-links {
        gap:24px
    }
}

@media(max-width: 767.98px) {
    .nav__aside-links {
        background:#273a60;
        color: #fff;
        display: flex;
        opacity: 0;
        transition: opacity .15s;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: 99px;
        margin: 0;
        z-index: 30
    }

    .nav__aside-links a {
        font-size: 1.125em
    }
}

@media(min-width: 992px) {
    .nav__aside-links .nav__aside-links--dealer-search>span {
        content:attr(data-label);
        display: inline-block;
        position: static;
        font-family: "helvetica-neue";
        font-weight: 500;
        width: auto;
        max-width: 0;
        overflow: hidden;
        opacity: 0;
        padding-left: 12px;
        padding-right: 12px;
        color: #273a60;
        font-size: 16px;
        line-height: 42px;
        transition: all .6s ease-in-out;
        pointer-events: none
    }

    .nav--stage .nav__aside-links .nav__aside-links--dealer-search>span {
        color: #fff
    }
}

.nav__aside-links .nav__aside-links--dealer-search:hover {
    text-decoration: none;
    color: #ffed00
}

@media(min-width: 992px) {
    .nav__aside-links .nav__aside-links--dealer-search:hover>span {
        opacity:1;
        color: #273a60;
        max-width: 500px;
        padding-right: 24px
    }

    .nav--stage .nav__aside-links .nav__aside-links--dealer-search:hover>span {
        color: #fff
    }

    .nav--language-menu-active .nav--stage .nav__aside-links .nav__aside-links--dealer-search:hover>span {
        color: #273a60
    }
}

@media(min-width: 768px) {
    .nav__aside-links .nav__aside-links--dealer-search {
        margin-left:0
    }
}

@media(min-width: 992px) {
    .nav__aside-links .nav__aside-links--dealer-search {
        margin-left:0
    }
}

@media(max-width: 991.98px) {
    .nav__aside-links .nav__aside-links--dealer-search span {
        display:none
    }
}

@media(max-width: 767.98px) {
    .nav__aside-links .nav__aside-links--dealer-search span {
        display:block !important
    }
}

.nav__aside-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 50%;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
    transition: color .15s
}

@media(max-width: 767.98px) {
    .nav__aside-links a {
        display:flex;
        flex-direction: column
    }
}

@media(min-width: 992px) {
    .nav__aside-links a {
        justify-content:flex-end
    }
}

.nav__aside-links a i {
    color: inherit;
    margin-right: .5em;
    font-size: 1.15em
}

@media(max-width: 767.98px) {
    .nav__aside-links a i {
        margin-right:0
    }
}

@media(min-width: 768px) {
    .nav__aside-links a i {
        margin:0
    }
}

@media(max-width: 767.98px) {
    .nav__aside-links a span {
        font-size:12px;
        margin-top: 8px;
        text-align: center
    }
}

.nav__aside-links a:first-child {
    border-right: 1px solid #fff
}
.nav__aside-links a.social {
    border-right: 1px solid #fff
}

@media(min-width: 768px) {
    .nav__aside-links a {
        white-space:nowrap;
        margin: 0;
        font-weight: 700
    }

    .nav__aside-links a:first-child {
        border-right: 0
    }

    .nav__aside-links a.social {
        border-right: 0
    }
}

.nav__menu-text-wrapper {
    display: flex;
    align-items: center
}

.nav__menu-text {
    font: 500 18px/1.89 "helvetica-neue";
    padding-left: 15px
}

@media(max-width: 767.98px) {
    .nav__menu-text {
        display:none
    }
}

.nav__logo {
    display: block;
    text-align: center;
    flex-grow: 0;
    position: relative;
    align-self: center;
    z-index: -2;
    margin-left: auto
}

.nav__logo a {
    position: relative;
    display: inline-block
}

.nav__logo a img {
    margin: 0 auto;
    max-width: 80px
}

.nav__logo a img.nav__logo-light {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

@media(min-width: 768px) {
    .nav__logo a img {
        max-width:128px
    }
}

@media(min-width: 992px) {
    .nav__logo a img {
        max-width:160px
    }
}

.nav--stage .header {
    padding-top: 0
}

.nav--stage .nav.js-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-bottom: 0
}

.ktm-edit-mode .nav--stage .nav.js-nav {
    position: relative
}

.nav--stage .nav.js-nav .nav {
    color: #fff
}

.nav--stage .nav.js-nav .nav__logo-light {
    opacity: 1
}

.nav--stage .nav.js-nav .nav__logo-dark {
    opacity: 0
}

.nav--stage .nav.js-nav .nav__menu-toggle {
    color: #fff
}

.news-list__teaser-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 29.5px;
    padding-top: 60px;
    row-gap: 48px
}

@media(max-width: 575.98px) {
    .news-list__teaser-list {
        padding-top:18px;
        row-gap: 32px
    }
}

@media(min-width: 576px)and (max-width: 1199.98px) {
    .news-list__teaser-list {
        padding-top:44px
    }
}

.news-list__teaser {
    text-decoration: none;
    width: 100%;
    min-height: 706px
}

@media(min-width: 576px)and (max-width: 1199.98px) {
    .news-list__teaser {
        flex:1 1 calc(50% - 20px);
        min-height: 558px
    }
}

@media(max-width: 575.98px) {
    .news-list__teaser {
        min-height:558px
    }
}

@media screen and (min-width: 768px) {
    .news-list__teaser {
        width:calc(33% - 1em)
    }
}

.news-list__teaser:hover {
    color: unset
}

.news-list__teaser--text {
    max-height: 9em;
    overflow: clip;
    font: normal normal 300 16px/24px "helvetica-neue" !important
}

@media(max-width: 1199.98px) {
    .news-list__teaser--text {
        font:normal normal 300 16px/24px "helvetica-neue" !important
    }
}

.news-list__teaser--date {
    margin-top: 24px;
    margin-bottom: 8px;
    font: normal normal 500 16px/22px "helvetica-neue"
}

@media(max-width: 575.98px) {
    .news-list__teaser--date {
        margin-top:16px;
        font: normal normal 700 14px/22px "helvetica-neue"
    }
}

@media(min-width: 576px)and (max-width: 1199.98px) {
    .news-list__teaser--date {
        font:normal normal 700 14px/22px "helvetica-neue"
    }
}

.news-list__teaser--headline {
    margin-top: unset;
    margin-bottom: 8px;
    font: normal normal 700 26px/33px "helvetica-neue"
}

@media(max-width: 1199.98px) {
    .news-list__teaser--headline {
        font:normal normal 700 20px/24px "helvetica-neue"
    }
}

.news-list__teaser--headline::after {
    content: "";
    display: block;
    width: 100%;
    max-width: 295px;
    height: 12px;
    margin: 8px 0;
    background-image: url(../images/separator.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left
}

.news-list__teaser>:nth-child(2n) {
    flex: 1 1 calc(50% - 20px)
}

.news-list__image {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1/1
}

@font-face {
    font-family: "trade-gothic-condensed";
    src: url(hqv/resources/tradegothicltcom-bdcn20-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@font-face {
    font-family: "trade-gothic-condensed";
    src: url(hqv/resources/trade-gothic-lt-com.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@font-face {
    font-family: "trade-gothic-condensed";
    src: url(hqv/resources/trade-gothic-lt-light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@font-face {
    font-family: "trade-gothic";
    src: url(hqv/resources/75fee2f8-845a-483b-8a6e-3bdaf6614188.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@font-face {
    font-family: "trade-gothic";
    src: url(hqv/resources/e9b28195b7fecc68197041b66c2878c9.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@font-face {
    font-family: "blender-pro";
    src: url(hqv/resources/BlenderPro-Medium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@font-face {
    font-family: "blender-pro";
    src: url(hqv/resources/BlenderPro-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@font-face {
    font-family: "blender-pro";
    src: url(hqv/resources/BlenderPro-Heavy.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@font-face {
    font-family: "DUKE30-Regular";
    src: url(hqv/resources/DUKE30-Regular.woff) format("woff");
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

body {
    font: 300 16px/1.62 "helvetica-neue";
    color: #273a60
}

@media(min-width: 768px) {
    body {
        font:300 16px/1.62 "helvetica-neue"
    }
}

p,.c-image__overlay .content .subheading,ol,ul {
    margin-bottom: 1em
}

a {
    color: inherit;
    text-decoration: underline
}

a:hover {
    color: #273a60;
    text-decoration: none
}

.heading {
    margin-bottom: .25em;
    color: inherit
}

p+.heading,.c-image__overlay .content .subheading+.heading,ol+.heading,ul+.heading {
    margin-top: .75em
}

.c-image__overlay .content .heading {
    font: 500 40px/1.4 "helvetica-neue" !important
}

@media(max-width: 575.98px) {
    .c-image__overlay .content .heading {
        font:500 20px/1.42 "helvetica-neue" !important
    }
}

strong,b {
    font-weight: 700;
    font-weight: 500
}

i,em {
    font-style: italic
}

sub {
    font-size: .75em;
    vertical-align: sub
}

sup {
    font-size: .75em;
    vertical-align: super
}

ol {
    list-style: none;
    counter-reset: custom-counter;
    margin-left: 0;
    padding: 0
}

ol li {
    counter-increment: custom-counter;
    padding-left: 1.75em
}

ol li::before {
    content: counter(custom-counter) ". ";
    color: #273a60;
    width: 1.75em;
    margin-left: -1.75em;
    display: inline-block;
    /* font-family: $font-family-body;*/
    font-weight: 700
}

ul {
    list-style: none;
    padding: 0
}

ul li {
    padding-left: 1.75em
}

ul li::before {
    content: "•";
    color: #273a60;
    width: 1.75em;
    margin-left: -1.75em;
    display: inline-block;
    vertical-align: -0.11em;
    position: relative;
    top: -1px
}

.highlight {
    position: relative
}

.highlight span {
    z-index: 2
}

.highlight span::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 400px;
    max-height: 1.5em;
    z-index: -1
}

.highlight span::before {
    background-image: url(../images/brush-hqv-bg.png);
    top: .4em
}

@media(min-width: 576px) {
    .highlight span::before {
        background-position:0 6px;
        top: .1em
    }
}

.c-btn__link:disabled,.c-btn__link:hover:disabled {
    background-color: #f2f2f2;
    color: #d0d0d0;
    border-color: #f2f2f2
}

.c-btn {
    font-family: "helvetica-neue";
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column
}

@media(min-width: 768px) {
    .c-btn {
        flex-direction:row;
        justify-content: center
    }

    .c-btn--center {
        justify-content: center
    }
}

.c-btn__loading {
    outline: none;
    border-radius: 0;
    box-shadow: none;
    position: relative
}

.c-btn__loading::after {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-image: url(hqv/resources/icon-loading.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.c-btn__loading:focus {
    outline: none
}

.c-btn__loading.is-loading::after {
    display: block
}

.c-btn__icon {
    display: none;
    width: 0
}

.c-btn__icon i {
    opacity: 0;
    transition: opacity .3s;
    position: absolute;
    font-size: 15px
}

.c-btn__text {
    text-transform: uppercase;
    font-size: 1.125em;
    text-align: center;
    margin-bottom: 0;
    font-weight: 400
}

@media(min-width: 768px) {
    .c-btn__text {
        margin:0 .938em;
        font-size: 1.375em
    }
}

.c-btn__link {
    text-transform: uppercase;
    border: 1px solid;
    outline: none;
    text-decoration: none;
    transition: ease-in-out background-color .3s,color .3s,border-color .3s;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    min-height: 56px;
    padding: 14px 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400
}

@media(min-width: 768px) {
    .c-btn__link {
        min-height:75px;
        font-size: 18px;
        line-height: 28px;
        padding: 20px 40px
    }
}

.c-btn__link:focus {
    outline: none
}

.c-btn__link:hover {
    text-decoration: none;
    color: #fff
}

.c-btn__link--icon {
    display: flex;
    align-items: center
}

.c-btn__link--icon:hover .c-btn__icon {
    display: flex;
    align-items: center;
    overflow: hidden;
    color: inherit;
    transition: width .3s;
    width: 2.5em;
    justify-content: flex-end
}

.c-btn__link--icon:hover .c-btn__icon i {
    opacity: 1
}

.c-btn__link--primary-dark {
    background-color: #273a60;
    color: #fff;
    border-color: #273a60
}

.c-btn__link--primary-dark:hover {
    background-color: rgba(0,0,0,0);
    color: #273a60
}

.c-btn__link--primary-dark-icon {
    background-color: #273a60;
    color: #fff;
    border-color: #273a60
}

.c-btn__link--primary-dark-icon:hover {
    background-color: rgba(0,0,0,0);
    color: #273a60;
    margin-right: -2.5em
}

@media(max-width: 767.98px) {
    .c-btn__link--primary-dark-icon:hover {
        margin-right:0
    }
}

.c-btn__link--primary-dark.is-loading {
    background-color: rgba(0,0,0,0);
    color: rgba(0,0,0,0);
    pointer-events: none
}

.c-btn__link--primary-light {
    background-color: rgba(0,0,0,0);
    color: #273a60;
    border-color: #273a60
}

.c-btn__link--primary-light:hover {
    background-color: #273a60;
    color: #fff
}

.c-btn__link--primary-light:hover i {
    color: #ffed00
}

.c-btn__link--secondary-dark,.c-image__overlay .content .c-btn__link {
    background-color: #ffed00;
    color: #273a60;
    border-color: #ffed00
}

.c-btn__link--secondary-dark:hover,.c-image__overlay .content .c-btn__link:hover {
    background-color: rgba(0,0,0,0);
    color: #ffed00
}

.c-image {
    white-space: initial;
    position: relative;
    display: flex;
    flex-direction: column
}

.c-image__content {
    overflow: hidden;
    position: relative
}

.c-image__content img {
    width: 100%
}

.c-image__overlay {
    display: flex;
    justify-content: center;
    transition: opacity .5s ease,background-color .5s ease,color .5s ease
}

@media(min-width: 768px) {
    .c-image__overlay {
        position:absolute;
        top: 0;
        height: 100%;
        width: 100%;
        padding: 0 5em;
        left: 50%;
        transform: translate(-50%, 0);
        max-width: 100% !important;
        color: #fff
    }
}

@media(min-width: 768px)and (min-width: 768px) {
    .c-image__overlay .content {
        max-width:385px !important
    }
}

.c-image__overlay .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 99.99%;
    width: 100%
}

.c-image__overlay .content .heading {
    max-width: 100%;
    line-height: 1;
    order: 1;
    margin-top: 28px !important;
    margin-bottom: 10px !important
}

@media(min-width: 576px) {
    .c-image__overlay .content .heading {
        margin-bottom:10px !important;
        margin-top: 18px !important
    }
}

.c-image__overlay .content .subheading {
    max-width: 100%;
    order: 2
}

.c-image__overlay .content .c-btn__link {
    /* font-family: $font-family-heading; */
    font-weight: 400;
    order: 3;
    margin-top: 15px
}

.c-image__overlay .content .c-btn__on-top {
    z-index: 10
}

@media(min-width: 768px) {
    .c-image__overlay--right {
        justify-content:flex-end
    }

    .c-image__overlay--right .content {
        text-align: right !important;
        align-items: flex-end
    }

    .c-image__overlay--left {
        justify-content: flex-start
    }

    .c-image__overlay--left .content {
        align-items: flex-start;
        text-align: left !important
    }
}

.c-image__caption {
    font-size: 9px;
    margin-top: 7.5px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .c-image__caption {
        top:100%
    }
}

@media(min-width: 992px) {
    .c-image__caption {
        margin-top:23px;
        font-size: 12px
    }
}

.image .showOriginalImage .c-image img {
    aspect-ratio: unset !important
}

.glide__slide--active .c-image__caption {
    position: relative
}

@media(min-width: 768px) {
    .aem-Grid--default--12 .aem-GridColumn--default--6 .c-image__overlay .content,.aem-Grid--default--12 .responsivegrid-3-columns .c-image__overlay .content {
        max-width:100% !important;
        text-align: center
    }

    .aem-Grid--default--12 .aem-GridColumn--default--4 .c-image__overlay,.aem-Grid--default--12 .aem-GridColumn--default--3 .c-image__overlay {
        position: relative;
        padding: 0;
        color: #273a60
    }

    .aem-Grid--default--12 .aem-GridColumn--default--4 .c-image__overlay .content,.aem-Grid--default--12 .aem-GridColumn--default--3 .c-image__overlay .content {
        align-items: center
    }

    .aem-Grid--default--12 .aem-GridColumn--default--4 .c-image__overlay .content p.subheading,.aem-Grid--default--12 .aem-GridColumn--default--4 .c-image__overlay .content .subheading,.aem-Grid--default--12 .aem-GridColumn--default--3 .c-image__overlay .content p.subheading,.aem-Grid--default--12 .aem-GridColumn--default--3 .c-image__overlay .content .subheading {
        margin-top: 25px;
        font-size: 18px
    }

    .aem-Grid--default--12 .aem-GridColumn--default--4 .c-image__overlay .content p.heading,.aem-Grid--default--12 .aem-GridColumn--default--4 .c-image__overlay .content .heading.subheading,.aem-Grid--default--12 .aem-GridColumn--default--3 .c-image__overlay .content p.heading,.aem-Grid--default--12 .aem-GridColumn--default--3 .c-image__overlay .content .heading.subheading {
        font-size: 30px
    }
}

@media(max-width: 767.98px) {
    .aem-Grid--default--12 .c-image__overlay .content .subheading,.aem-Grid--default--12 .c-image__overlay .content .heading {
        color:#273a60 !important
    }
}

.stageSlider--publish .c-stage-image.glide__slide {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.stageSlider--publish .c-stage-image .glide__content {
    height: 100%;
    min-height: inherit;
    flex: 1 1 auto;
}

.stageSlider--publish .c-stage-image .glide__content-image {
    display: block;
    flex: 1 1 auto;
    min-height: inherit;
}

.stageSlider--publish .c-stage-image .glide__content-image .s7dm-dynamic-media-ktm,
.stageSlider--publish .c-stage-image .glide__content-image .s7responsiveContainer {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    position: relative;
}

.stageSlider--publish .c-stage-image .glide__content-image .fluidimage {
    width: auto !important;
    height: auto !important;
    min-width: 100%;
    min-height: 100%;
}

@keyframes slide-in-left {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0%)
    }
}

@keyframes slide-out-left {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes slide-in-right {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0%)
    }
}

@keyframes slide-out-right {
    from {
        transform: translateX(0%)
    }

    to {
        transform: translateX(100%)
    }
}
/*
 *  Copyright 2019 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-accordion__header {
    margin: 0;
}

.cmp-accordion__button {
    display: block;
    width: 100%;
    text-align: left;
}

.cmp-accordion__panel--hidden {
    display: none;
}

.cmp-accordion__panel--expanded {
    display: block;
}

@font-face {
    font-family: icons;
    src: url(../fonts/icomoon.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],[class^=icon-] {
    font-family: icons,serif!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow:before {
    content: ""
}

.icon-arrow_left:before {
    content: ""
}

.icon-arrow_right:before {
    content: ""
}

.icon-delete:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-location:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-send:before {
    content: ""
}

.icon-wheel:before {
    content: ""
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,:after,:before {
    box-sizing: inherit
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.col-12,.col-lg-3,.col-lg-5,.col-lg-6,.col-lg-9,.col-md-6,.col-md-12,.col-sm-12,.col-xl-4,.col-xl-7 {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.d-flex {
    display: flex!important
}

.flex-row {
    flex-direction: row!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.justify-content-between {
    justify-content: space-between!important
}

.align-items-center {
    align-items: center!important
}

.mb-0 {
    margin-bottom: 0!important
}

.ml-0 {
    margin-left: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.ml-1 {
    margin-left: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mr-2 {
    margin-right: .5rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.ml-2 {
    margin-left: .5rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.ml-4 {
    margin-left: 1.5rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0 {
    padding-top: 0!important
}

.py-1 {
    padding-top: .25rem!important
}

.py-1 {
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important
}

.px-2 {
    padding-right: .5rem!important
}

.py-2 {
    padding-bottom: .5rem!important
}

.px-2 {
    padding-left: .5rem!important
}

.py-4 {
    padding-top: 1.5rem!important
}

.px-4 {
    padding-right: 1.5rem!important
}

.py-4 {
    padding-bottom: 1.5rem!important
}

.px-4 {
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important
}

.px-5 {
    padding-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important
}

.mx-auto {
    margin-left: auto!important
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:768px
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:992px
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:1200px
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1640px
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
}

.device-selector-wrapper .device-selector {
    display: none!important
}

@keyframes pulse {
    0% {
        width: 0;
        height: 0;
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        width: 20px;
        height: 20px;
        opacity: 0
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.form-error {
    font-family: helvetica-neue;
    font-weight: 400;
    position: relative;
    padding-left: 2em;
    color: #cc1445;
    font-size: 16px
}

.form-error:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: icons,serif
}

.c-request-error {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2em
}

.c-request-error__single-message {
    margin-bottom: 0
}

.c-request-error__warning-icon {
    margin: 0 0 1em
}

.c-request-error__warning-icon:after {
    content: "";
    display: block;
    position: static;
    font-family: icons,serif;
    color: #273a60;
    font-size: 3em
}

.c-powerparts-manuals__manual-list {
    padding: 3em 0 2em;
    display: flex;
    flex-direction: column
}

.c-powerparts-manuals__manual-list--highlighted-manual {
    position: relative;
    padding: 4em 0 2em;
    margin-bottom: 3em
}

.c-powerparts-manuals__manual-list--highlighted-manual:after,.c-powerparts-manuals__manual-list--highlighted-manual:before {
    content: "";
    display: block;
    position: absolute;
    left: -100%;
    width: 300%;
    height: 1px;
    background: #f2f2f2
}

.c-powerparts-manuals__manual-list--highlighted-manual:after {
    bottom: 0
}

.c-powerparts-manuals__manual-list--highlighted-manual:before {
    top: 0
}

.c-powerparts-manuals__manual-title {
    display: block
}

.c-powerparts-manuals__manual-link:after {
    content: "";
    display: inline-block;
    position: static;
    margin-left: .75em;
    color: currentColor;
    font-size: 14px;
    font-family: icons,serif
}

.c-suggestion-list {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    max-height: 13.5em;
    height: auto;
    width: 100%;
    transform: translateY(100%);
    overflow: auto;
    background: #fff;
    margin-bottom: 0;
    box-shadow: 0 3px 16px rgba(0,0,0,.3);
    font-size: 16px
}

.c-suggestion-list__suggestion {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 3.375em;
    padding: 0 .75em;
    cursor: pointer;
    color: #273a60
}

.c-suggestion-list__suggestion:not(:last-child) {
    border-bottom: 1px solid #f2f2f2
}

.c-suggestion-list__suggestion:nth-child(2n) {
    background-color: #f8f8f8
}

.c-bike-manuals form {
    width: 100%
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.powerparts {
    overflow-x: hidden
}

.c-model-powerparts {
    margin-top: 80px
}

.c-model-powerparts__heading {
    font-family: helvetica-neue;
    font-weight: 500;
    margin-bottom: 44px;
    font-size: 24px;
    text-align: center
}

.c-model-powerparts__heading a {
    color: currentColor;
    text-decoration: none
}

.c-model-powerparts__heading a:hover {
    color: inherit;
    text-decoration: none
}

.c-model-powerparts__items {
    display: flex
}

.c-model-powerparts__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.c-model-powerparts__item-image {
    margin-bottom: 22px
}

.c-model-powerparts__item-image img {
    width: auto;
    padding: 2em;
    height: 260px
}

.c-model-powerparts__item-heading {
    font-family: helvetica-neue;
    font-weight: 500;
    margin-bottom: unset;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase
}

.c-model-powerparts__item-heading a {
    color: #273a60;
    text-decoration: none;
    transition: color .3s ease-in-out
}

.c-model-powerparts__item-heading a:hover {
    color: #273a60;
    text-decoration: none
}

.c-model-powerparts .c-btn {
    margin: calc(64px + 3em) 0 0
}

.c-model-powerparts .c-btn .c-btn__link.c-btn__link--primary-light {
    background-color: #ffed00;
    color: #273a60;
    border-color: #ffed00
}

.c-model-powerparts .c-btn .c-btn__link.c-btn__link--primary-light:hover {
    background-color: transparent;
    color: #ffed00;
    border-color: #ffed00
}

.c-model-powerparts .glider {
    position: relative;
    display: flex;
    justify-content: center
}

.c-model-powerparts .glider .glide__bullets {
    position: absolute;
    bottom: -3em;
    left: 50%;
    transform: translate(-50%,50%);
    text-align: center
}

.c-model-powerparts .glider .glide__bullet {
    outline: 0!important;
    border: 0;
    cursor: pointer;
    background: transparent;
    padding: 10px 2px
}

.c-model-powerparts .glider .glide__bullet:active {
    border-style: outset
}

.c-model-powerparts .glider .glide__bullet-bar {
    display: block;
    background-color: #d0d0d0;
    border-radius: 5px;
    height: 3px;
    width: 22px
}

.c-model-powerparts .glider .glide__bullet--active .glide__bullet-bar {
    background-color: #273a60
}

.c-model-powerparts .glider .glide__arrows {
    display: none
}

.c-model-powerparts .glider .glide__arrows .arrow {
    outline: none;
    border: 0;
    font-size: 23px;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -60px
}

.c-model-powerparts .glider .glide__arrows .arrow i {
    cursor: pointer
}

.c-model-powerparts .glider .glide__arrows .arrow i:hover {
    color: #273a60
}

.c-model-powerparts .glider .glide__arrows .arrow--left {
    left: 0;
    transform: rotate(180deg)
}

.c-model-powerparts .glider .glide__arrows .arrow--right {
    right: 0;
    transform: translateY(3px)
}

.c-become-a-dealer-form .c-single-input-form__label {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase
}

.c-become-a-dealer-form__container {
    display: grid;
    grid-row-gap: 2em;
    width: 100%
}

.c-become-a-dealer-form__heading {
    font: 500 20px/1.5 helvetica-neue;
    margin-bottom: .5em;
    text-transform: uppercase
}

.c-become-a-dealer-form .c-single-input-form__input-group {
    margin-bottom: 25px
}

.c-become-a-dealer-form .c-single-input-form__asterisk {
    color: #273a60
}

.c-become-a-dealer-form .c-single-input-form__input {
    margin-bottom: 0;
    padding: .813em .7em;
    border-color: #273a60
}

.c-become-a-dealer-form .c-single-input-form__input:focus {
    border-color: #ffed00
}

.component {
    margin-bottom: 40px;
    margin-left: 10px;
    margin-right: 10px
}

.component-fullwidth {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw
}

html {
    overflow-x: hidden
}

body,html {
    scroll-behavior: smooth
}

body {
    overflow-x: clip;
    padding-right: 0!important
}

figure,img,picture {
    display: block
}

body,form {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #007bff
}

body .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

.background--white {
    background-color: #fff
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

ol,ul {
    list-style: none
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

h3 {
    margin-bottom: .25em;
    color: inherit;
    font: 500 24px/1.42 helvetica-neue
}

ol+h3,p+h3,ul+h3 {
    margin-top: .75em
}

h6 {
    margin-bottom: .25em;
    color: inherit;
    font: 500 16px/1.62 helvetica-neue
}

ol+h6,p+h6,ul+h6 {
    margin-top: .75em
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert>p,.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.c-btn__link:disabled,.c-btn__link:hover:disabled {
    background-color: #f2f2f2;
    color: #d0d0d0;
    border-color: #f2f2f2
}

.c-btn {
    font-family: helvetica-neue;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column
}

.c-btn__loading {
    outline: none;
    border-radius: 0;
    box-shadow: none;
    position: relative
}

.c-btn__loading:after {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50px;
    height: 50px;
    background-image: url(../images/icon-loading.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.c-btn__loading:focus {
    outline: none
}

.c-btn__loading.is-loading:after {
    display: block
}

.c-btn__icon {
    display: none;
    width: 0
}

.c-btn__icon i {
    opacity: 0;
    transition: opacity .3s;
    position: absolute;
    font-size: 15px
}

.c-btn__text {
    font-size: 1.125em;
    text-align: center;
    margin-bottom: 0
}

.c-btn__link,.c-btn__text {
    text-transform: uppercase;
    font-weight: 400
}

.c-btn__link {
    border: 1px solid;
    outline: none;
    text-decoration: none;
    transition: background-color .3s ease-in-out,color .3s,border-color .3s;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    min-height: 56px;
    padding: 14px 20px;
    font-size: 16px;
    line-height: 26px
}

.c-btn__link:focus {
    outline: none
}

.c-btn__link:hover {
    text-decoration: none;
    color: #fff
}

.c-btn__link--icon {
    display: flex;
    align-items: center
}

.c-btn__link--icon:hover .c-btn__icon {
    display: flex;
    align-items: center;
    overflow: hidden;
    color: inherit;
    transition: width .3s;
    width: 2.5em;
    justify-content: flex-end
}

.c-btn__link--icon:hover .c-btn__icon i {
    opacity: 1
}

.c-btn__link--primary-dark {
    background-color: #273a60;
    color: #fff;
    border-color: #273a60
}

.c-btn__link--primary-dark:hover {
    background-color: transparent;
    color: #273a60
}

.c-btn__link--primary-dark-icon {
    background-color: #273a60;
    color: #fff;
    border-color: #273a60
}

.c-btn__link--primary-dark-icon:hover {
    background-color: transparent;
    color: #273a60;
    margin-right: -2.5em
}

.c-btn__link--primary-dark.is-loading {
    background-color: transparent;
    color: transparent;
    pointer-events: none
}

.c-btn__link--primary-light {
    background-color: transparent;
    color: #273a60;
    border-color: #273a60
}

.c-btn__link--primary-light:hover {
    background-color: #273a60;
    color: #fff
}

.c-btn__link--primary-light:hover i {
    color: #ffed00
}

.c-btn__link--secondary-dark {
    background-color: #ffed00;
    color: #273a60;
    border-color: #ffed00
}

.c-btn__link--secondary-dark:hover {
    background-color: transparent;
    color: #ffed00
}

.c-video-content {
    position: relative;
    padding-bottom: 56.2%;
    background: #fff;
    cursor: pointer
}

.c-video-content .hidden {
    display: none
}

.c-video-content__poster {
    left: 50%;
    position: absolute;
    text-align: center;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    padding: 0 30px;
    z-index: 1
}

.c-video-content__poster i {
    font-size: 8em;
    z-index: 1
}

.c-video-content__poster h2,.c-video-content__poster i {
    color: #273a60;
    transition: color .4s ease
}

.c-video-content__poster h2+i {
    font-size: 6.5em
}

.c-video-content__poster p {
    margin-top: 0;
    margin-bottom: .7em;
    transition: color .4s ease;
    color: #273a60
}

.c-video-content__poster p+i {
    font-size: 6.5em
}

.c-video-content img {
    object-fit: cover;
    transition: filter .4s ease,opacity .4s ease
}

.c-video-content iframe,.c-video-content img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-video-content iframe {
    border: 0
}

.c-video-content__poster {
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: space-between;
    overflow: visible
}

.c-video-content__poster--empty {
    justify-content: center
}

.c-video-content__poster i {
    color: #fff;
    font-size: 7em;
    transform: translateY(0)!important
}

.c-video-content__poster h2,.c-video-content__poster p {
    color: #fff
}

.c-video-content__poster h2 {
    font-size: 40px;
    font-weight: 400;
    padding-right: 20px;
    line-height: 1.2
}

.c-video-content:hover img {
    opacity: 1
}

.c-video-content:hover i {
    color: #ffed00
}

.c-video-content:hover h2,.c-video-content:hover p {
    color: #fff
}

.download-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.download-list li {
    flex-basis: 100%;
    flex-shrink: 0;
    padding-left: 3rem;
    margin-bottom: 1.25em
}

.download-list li:before {
    width: 3rem;
    margin-left: -3.75rem;
    text-align: center;
    float: left
}

.download-list li:not(.is-pdf):before {
    display: inline-flex;
    justify-content: center;
    top: 8px;
    position: relative;
    margin-left: -3.1rem
}

.download-list li.is-pdf:before {
    content: "";
    margin-left: calc(-3.75rem + 10px);
    margin-right: 10px;
    font-family: icons,serif!important;
    font-size: 2.5em;
    margin-top: -.2em
}

.download-list li span {
    display: block
}

.download-list li a {
    font-size: 1.125em;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    color: #273a60;
    text-transform: uppercase
}

.download-list li a i {
    font-size: .6em;
    margin-left: .5em
}

.download-list li span {
    font-family: helvetica-neue;
    font-weight: 300
}

.download-list li a {
    font-family: helvetica-neue;
    font-weight: 400;
    position: relative;
    margin-top: .5em;
    font-size: 1em
}

.download-list li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: translate(-15%,2px);
    width: 100%;
    height: 100%
}

.download-list li a:focus:before,.download-list li a:hover:before {
    background: url(../images/husqvarna-download-brush.png) bottom no-repeat
}

.download-list li a i {
    font-size: .8em
}

.text h1 .headline_sub,.text h2 .headline_sub,.text h3 .headline_sub,.text h4 .headline_sub,.text h5 .headline_sub,.text h6 .headline_sub {
    text-transform: none;
    font-weight: 200;
    display: inline-block;
    font-style: normal
}

.text h1,.text h2,.text h3,.text h4 {
    line-height: 1.2
}

.text h5,.text h6 {
    line-height: 1.5
}

.title-component>:last-child {
    margin-bottom: 0
}

.title--primary {
    color: #273a60
}

.c-single-input-form {
    position: relative;
    margin-bottom: 30px
}

.c-single-input-form__input-group {
    margin-bottom: 2em
}

.c-single-input-form__label {
    display: flex;
    flex-wrap: wrap;
    font-family: helvetica-neue;
    text-transform: uppercase
}

.c-single-input-form__label:focus-within {
    color: #273a60
}

.c-single-input-form__asterisk {
    font-family: helvetica-neue;
    font-weight: 700;
    display: inline-block;
    vertical-align: super;
    margin-left: 2px;
    color: #273a60
}

.c-single-input-form__input {
    margin-bottom: 10px;
    border: 1px solid;
    padding: .5em .7em;
    border-radius: 0;
    -webkit-appearance: none;
    width: 100%;
    font: 300 16px/1.62 helvetica-neue
}

.c-single-input-form__input:focus {
    border-color: #273a60;
    outline: none
}

.c-single-input-form__input:focus:-ms-input-placeholder {
    color: transparent
}

.c-single-input-form__input:focus::-ms-input-placeholder {
    color: transparent
}

.c-single-input-form__input:focus::placeholder {
    color: transparent
}

.c-single-input-form__input-with-suggestions {
    position: relative
}

.c-single-input-form__input-with-suggestions:focus {
    outline: none
}

.c-single-input-form__input-with-suggestions input {
    margin-bottom: 0
}

.c-single-input-form__error-message {
    font-family: helvetica-neue;
    font-weight: 300;
    margin-top: 10px;
    color: #cc1445;
    font-size: 12px
}

.c-single-input-form__example {
    display: none;
    font-size: 12px
}

.c-single-input-form__example--hqv {
    display: block;
    color: #273a60
}

.c-single-input-form .c-btn {
    margin-right: 0
}

.c-single-input-form .c-btn input {
    border-radius: 0;
    -webkit-appearance: none
}

.c-input__field {
    border: 1px solid #273a60;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.c-input__field input {
    padding: 16px 40px 15px 17px;
    font: 300 16px/1 helvetica-neue;
    color: #273a60;
    border: 0;
    outline: 0;
    width: 100%
}

.c-checkbox-list__item {
    position: relative;
    padding-left: 52px
}

.c-checkbox-list__item:before {
    display: none
}

.c-checkbox-list__item:not(:last-child) {
    margin-bottom: 25px
}

.c-checkbox-list__checkbox {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.c-checkbox-list__checkbox:checked~.c-checkbox-list__checkmark {
    background-color: #273a60;
    border-color: #273a60
}

.c-checkbox-list__checkbox:checked~.c-checkbox-list__checkmark:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #ffed00;
    font-family: icons,serif!important;
    font-size: 12px
}

.c-checkbox-list__checkmark {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 27px;
    height: 27px;
    border: 1px solid #273a60;
    cursor: pointer
}

.cdc-auth-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.cdc-auth-modal .cdc-auth-modal-wrapper {
    width: 100%;
    height: 100%;
    margin: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 46px;
    max-width: 569px
}

.cdc-auth-modal .cdc-auth-modal-wrapper #cdcAuthModalCloseBtn {
    cursor: pointer;
    padding: 3px 5px;
    width: 30px;
    outline: none
}

.cdc-auth-modal .cdc-auth-modal-wrapper .justify-end {
    float: right
}
/*
.countdown--yellow-on-black .c-countdown-container .c-countdown__heading,.countdown--yellow-on-black .c-countdown-container .c-countdown__separator,.countdown--yellow-on-black .c-countdown-container .c-countdown__values {
    color: !important
}
*/

.body__theme--dark {
    background-color: #f2f2f2
}

.cmp-accordion>.cmp-accordion__item {
    border-bottom: 1px solid #273a60;
    padding-top: 26px;
    padding-bottom: 36px
}

.cmp-accordion>.cmp-accordion__item:first-child {
    border-top: 1px solid #273a60
}

.cmp-accordion>.cmp-accordion__item .cmp-accordion__header .cmp-accordion__title {
    color: #273a60;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 28px;
    position: relative
}

.cmp-accordion>.cmp-accordion__item .cmp-accordion__header .cmp-accordion__title:after {
    content: "+";
    margin-left: 10px;
    font-size: 150%;
    font-weight: 400;
    top: -6px;
    position: absolute;
    font-style: normal
}

.cmp-accordion>.cmp-accordion__item .cmp-accordion__button.cmp-accordion__button--expanded .cmp-accordion__title:after {
    content: "\2013"
}

.cmp-accordion .cmp-accordion .cmp-accordion__item {
    border-top: unset;
    border-bottom: unset;
    padding-top: 0;
    padding-bottom: 0
}

.cmp-accordion .cmp-accordion .cmp-accordion__header .cmp-accordion__title {
    color: #273a60;
    font-size: 16px;
    line-height: 24px;
    position: relative;
    display: fit-content;
    text-transform: unset
}

.cmp-accordion .cmp-accordion .cmp-accordion__header .cmp-accordion__title:after {
    content: "";
    top: 1px;
    right: -20px;
    border: solid #273a60;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: unset!important
}

.cmp-accordion .cmp-accordion .cmp-accordion__header .cmp-accordion__button--expanded .cmp-accordion__title:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 7px;
    background: unset;
    content: ""
}

.background--white .cmp-accordion .cmp-accordion__item .cmp-accordion__header .cmp-accordion__title {
    color: #273a60
}

.background--white .cmp-accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__header .cmp-accordion__title:after {
    border: solid #273a60;
    border-width: 0 2px 2px 0
}

.c-stage-image .glide__content-container--left .glide__content-text {
    text-align: center!important
}

.c-stage-image .glide__content-container--left .glide__content-buttons {
    text-align: center!important;
    justify-content: center!important
}

.c-stage-image .glide__content-container--left .glide__content-buttons .c-btn {
    text-align: center!important
}

.c-stage-image .glide__content-container--right {
    align-items: flex-end!important
}

.c-stage-image .glide__content-container--right .glide__content-text {
    text-align: center!important
}

.c-stage-image .glide__content-container--right .glide__content-buttons {
    text-align: center!important;
    justify-content: center!important
}

.c-stage-image .glide__content-container--right .glide__content-buttons .c-btn {
    text-align: center!important
}

.c-stage-image .glide__content-buttons .c-btn__link {
    font-size: 20px
}

.c-culture-switch--active {
    display: flex!important;
    width: 100%
}

.cmp-accordion {
    padding-bottom: 50px
}

.cmp-accordion__header button {
    outline: none;
    border: none;
    background: unset;
    padding: 0;
    cursor: pointer
}

.cmp-accordion__panel--hidden {
    display: none
}

.cmp-accordion .cmp-accordion {
    padding-bottom: 0
}

.cmp-accordion .cmp-accordion__panel--hidden {
    display: none
}

.c-content-slider .glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.c-content-slider .glide * {
    box-sizing: inherit
}

.c-content-slider .glide__track {
    overflow: hidden
}

.c-content-slider .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.c-content-slider .glide__slide {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-content-slider .glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.c-content-slider .glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.c-content-slider .glide__arrows,.c-content-slider .glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-content-slider .component {
    margin: 0
}

.c-content-slider .component-fullwidth {
    width: 100%;
    left: auto;
    right: auto
}

.c-content-slider .glider {
    position: relative;
    display: flex;
    justify-content: center
}

.c-content-slider .glider .glide__bullets {
    text-align: center;
    position: absolute;
    bottom: 50px;
    padding-right: 20px;
    padding-left: 20px
}

.c-content-slider .glider .glide__bullet {
    outline: 0!important;
    border: 0;
    cursor: pointer;
    background: transparent;
    padding: 10px 2px
}

.c-content-slider .glider .glide__bullet:active {
    border-style: outset
}

.c-content-slider .glider .glide__bullet__bar {
    display: block;
    background-color: #fff;
    border-radius: 5px;
    height: 3px;
    width: 40px
}

.c-content-slider .glider .glide__bullet--active .glide__bullet__bar {
    background-color: #ffed00
}

.c-content-slider .glider .glide__arrows .arrow {
    outline: none;
    border: 0;
    font-size: 20px;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -60px
}

.c-content-slider .glider .glide__arrows .arrow i {
    cursor: pointer
}

.c-content-slider .glider .glide__arrows .arrow i:hover {
    color: #273a60
}

.c-content-slider .glider .glide__arrows .arrow--left {
    transform: rotate(180deg);
    left: -20px
}

.c-content-slider .glider .glide__arrows .arrow--right {
    right: -20px
}

.c-content-slider .glider .with-figcaption {
    padding-bottom: 45px
}

.c-content-slider .c-image-text__text {
    white-space: normal;
    padding-bottom: 0
}

.c-image-text {
    display: flex;
    flex-direction: column
}

.c-image-text__image .component {
    margin: 0
}

.c-image-text__image img {
    width: 100%;
    height: auto
}

.c-image-text__content--first-headline-highlighted h1:first-child,.c-image-text__content--first-headline-highlighted h2:first-child,.c-image-text__content--first-headline-highlighted h3:first-child,.c-image-text__content--first-headline-highlighted h4:first-child,.c-image-text__content--first-headline-highlighted h5:first-child,.c-image-text__content--first-headline-highlighted h6:first-child {
    position: relative;
    margin-bottom: 25px
}

.c-image-text__content--first-headline-highlighted h1:first-child:after,.c-image-text__content--first-headline-highlighted h2:first-child:after,.c-image-text__content--first-headline-highlighted h3:first-child:after,.c-image-text__content--first-headline-highlighted h4:first-child:after,.c-image-text__content--first-headline-highlighted h5:first-child:after,.c-image-text__content--first-headline-highlighted h6:first-child:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    max-width: 295px;
    height: 4px;
    left: 0;
    bottom: -8px;
    background-image: url(../images/separator.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0
}

.c-image-text__text {
    padding: 1.875em 0 3.5em;
    font-family: helvetica-neue;
    font-weight: 300;
    color: #273a60
}

.c-image-text__text h1 .headline_sub,.c-image-text__text h2 .headline_sub,.c-image-text__text h3 .headline_sub,.c-image-text__text h4 .headline_sub,.c-image-text__text h5 .headline_sub,.c-image-text__text h6 .headline_sub {
    text-transform: none;
    font-weight: 200;
    display: inline-block;
    font-style: normal
}

.c-image-text__text h1,.c-image-text__text h2,.c-image-text__text h3,.c-image-text__text h4 {
    line-height: 1.2
}

.c-image-text__text h5,.c-image-text__text h6 {
    line-height: 1.5
}

.c-image-text__text a {
    word-break: break-word
}

.c-image-text__button {
    font-family: helvetica-neue;
    font-weight: 400;
    display: none;
    background-color: transparent;
    padding: 0;
    outline: none;
    border: none;
    color: #273a60;
    text-transform: uppercase;
    overflow: visible;
    cursor: pointer
}

.c-image-text__button:focus {
    outline: none
}

.c-image-text__button--showing {
    display: inline-block
}

.c-image-text__chevron:after {
    content: "";
    position: static;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 5px;
    font-family: icons,serif!important;
    font-size: 14px
}

.c-image-text__label--hidden {
    display: none
}

.imageText.text--align-left .c-image-text .c-image-text__text {
    text-align: left
}

.imageText.text--vertical-center .c-image-text__image,.imageText.text--vertical-center .c-image-text__text {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.imageText.text--vertical-center .c-image-text__text {
    padding-top: 1.22em;
    padding-bottom: 1.22em
}

.c-stage-image .glide__content-image {
    min-height: 500px
}

.c-stage-image .glide__content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-stage-image .glide__content-headline--primary {
    color: #273a60!important
}

.c-stage-image .glide__content-headline--secondary {
    color: #fff!important
}
/*
.c-stage-image .glide__content-headline--30-years-duke-primary,.c-stage-image .glide__content-headline--30-years-duke-secondary {
    font: !important
}
*/
.c-stage-image .glide__content-buttons .c-btn__link {
    height: 100%
}

.c-stage-image .glide__content-headline--main,h3 {
    margin-bottom: .25em;
    color: inherit;
    font: 500 24px/1.42 helvetica-neue
}

.c-stage-image ol+.glide__content-headline--main,.c-stage-image p+.glide__content-headline--main,.c-stage-image ul+.glide__content-headline--main,ol+h3,p+h3,ul+h3 {
    margin-top: .75em
}

.c-stage-image .glide__content-headline--sub,h6 {
    margin-bottom: .25em;
    color: inherit;
    font: 500 16px/1.62 helvetica-neue
}

.c-stage-image ol+.glide__content-headline--sub,.c-stage-image p+.glide__content-headline--sub,.c-stage-image ul+.glide__content-headline--sub,ol+h6,p+h6,ul+h6 {
    margin-top: .75em
}

.c-stage-image .glide__content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.c-stage-image .glide__content-image {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}

.c-stage-image .glide__content-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%
}

.c-stage-image .glide__content-container {
    position: absolute;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    padding: 150px 20px 100px
}

.c-stage-image .glide__content-text {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 10px;
    justify-content: flex-end
}

.c-stage-image .glide__content-headline {
    display: flex;
    flex-direction: column;
    width: 100%
}

.c-stage-image .glide__content-headline h1,.c-stage-image .glide__content-headline p {
    margin-top: 0
}

.c-stage-image .glide__content-headline--primary {
    color: #273a60
}

.c-stage-image .glide__content-headline--secondary {
    color: #fff
}

.c-stage-image .glide__content-headline--sub {
    font-size: 18px!important;
    font-weight: 400!important
}

.c-stage-image .glide__content-headline--main {
    margin-bottom: .5em;
    font-weight: 400!important
}

.c-stage-image .glide__content-buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.c-stage-image .glide__content-buttons .c-btn {
    margin: 0
}

@supports (-webkit-touch-callout:none) {
    .c-stage-video .c-stage-image .glide__content-text {
        height: 90%
    }
}

.c-stage-video .icon-play {
    z-index: 1;
    color: #273a60;
    font-size: 3em;
    margin-bottom: 25px;
    font-style: normal;
    align-self: center;
    transition: color .4s ease;
    cursor: pointer;
    margin-top: 1.25em
}

.c-stage-video .icon-play:hover {
    color: #ffed00
}

.c-stage-video .glide__content {
    height: 100%
}

.c-stage-video .icon-play {
    left: 50%
}

.c-teaser-list .line-clamp-3,.c-teaser-list .line-clamp-3 p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.c-teaser-list .line-clamp-3 p:not(:first-child) {
    display: none
}

.c-teaser-list .line-clamp-3 h1,.c-teaser-list .line-clamp-3 h2,.c-teaser-list .line-clamp-3 h3,.c-teaser-list .line-clamp-3 h4,.c-teaser-list .line-clamp-3 h5,.c-teaser-list .line-clamp-3 h6,.c-teaser-list .line-clamp-3 ol,.c-teaser-list .line-clamp-3 ul {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.c-teaser-list .line-clamp-3 h1:not(:first-child),.c-teaser-list .line-clamp-3 h2:not(:first-child),.c-teaser-list .line-clamp-3 h3:not(:first-child),.c-teaser-list .line-clamp-3 h4:not(:first-child),.c-teaser-list .line-clamp-3 h5:not(:first-child),.c-teaser-list .line-clamp-3 h6:not(:first-child),.c-teaser-list .line-clamp-3 ol:not(:first-child),.c-teaser-list .line-clamp-3 ul:not(:first-child) {
    display: none
}

.c-teaser-list .line-clamp-4,.c-teaser-list .line-clamp-4 p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.c-teaser-list .line-clamp-4 p:not(:first-child) {
    display: none
}

.c-teaser-list .line-clamp-4 h1,.c-teaser-list .line-clamp-4 h2,.c-teaser-list .line-clamp-4 h3,.c-teaser-list .line-clamp-4 h4,.c-teaser-list .line-clamp-4 h5,.c-teaser-list .line-clamp-4 h6,.c-teaser-list .line-clamp-4 ol,.c-teaser-list .line-clamp-4 ul {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.c-teaser-list .line-clamp-4 h1:not(:first-child),.c-teaser-list .line-clamp-4 h2:not(:first-child),.c-teaser-list .line-clamp-4 h3:not(:first-child),.c-teaser-list .line-clamp-4 h4:not(:first-child),.c-teaser-list .line-clamp-4 h5:not(:first-child),.c-teaser-list .line-clamp-4 h6:not(:first-child),.c-teaser-list .line-clamp-4 ol:not(:first-child),.c-teaser-list .line-clamp-4 ul:not(:first-child) {
    display: none
}

@supports (display: grid) {
    .c-teaser-list__container {
        display:grid;
        grid-row-gap: 4.5em
    }
}

.c-teaser-list__container:after {
    content: "";
    display: table;
    clear: both
}

@supports (display: grid) {
    .c-teaser-list__container:after {
        display:none
    }
}

.c-teaser-list__container.container {
    padding-left: 0;
    padding-right: 0
}

.c-teaser-list__item--three-items-per-row:not(:last-child) {
    margin-bottom: 4.5em
}

@supports (display: grid) {
    .c-teaser-list__item--three-items-per-row:not(:last-child) {
        margin-bottom:0
    }
}

.c-teaser-list__item .cq-dd-image .c-image__overlay {
    position: relative
}

.c-teaser-list__figure {
    margin-bottom: 0;
    aspect-ratio: 4 / 3;
    overflow: hidden
}

.c-teaser-list__figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.c-teaser-list__date--three-items-per-row {
    display: inline-block;
    font-size: .875em;
    margin: 1.4em 0 .5em;
    font-family: helvetica-neue;
    font-weight: 400
}

.c-teaser-list__link {
    display: inline;
    font-size: 1em;
    text-decoration: none
}

.c-teaser-list__link:hover {
    text-decoration: none
}

.c-teaser-list__separator {
    display: none
}

.c-teaser-list__separator--three-items-per-row {
    display: block;
    position: relative;
    width: 100%;
    height: 4px;
    margin-bottom: 10px;
    margin-top: 10px
}

.c-teaser-list__separator--three-items-per-row:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    max-width: 295px;
    background-image: url(../images/separator.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0
}

.c-teaser-list__title {
    margin: 0;
    text-decoration: none;
    transition: color .3s ease-in-out
}

.c-teaser-list__title--three-items-per-row {
    font-size: 1.25em;
    margin-bottom: 0;
    font-family: helvetica-neue;
    font-weight: 400;
    position: relative
}

.c-teaser-list__cta {
    cursor: pointer
}

.c-teaser-list__cta--three-items-per-row {
    display: none
}

.c-teaser-list__teaser--three-items-per-row {
    margin-bottom: 0;
    font-family: helvetica-neue;
    font-weight: 300
}

.c-icon-list-container {
    margin-left: 0!important;
    margin-right: 0!important
}

.c-icon-list-container .c-icon-list-wrapper {
    background: #273a60;
    border-top: 2px solid #fff;
    padding: 30px 0
}

.c-icon-list-container .c-icon-list-wrapper .c-icon-list {
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 30px
}

.c-icon-list-container .c-icon-list-wrapper .c-icon-list__item {
    margin: 0;
    cursor: pointer
}

.c-icon-list-container .c-icon-list-wrapper .c-icon-list__item:hover .c-icon-list-item__content .iconbar-svg-stroke {
    opacity: 1
}

.c-icon-list-container .c-icon-list-wrapper .c-icon-list .c-icon-list-item__content {
    display: flex;
    align-items: center;
    text-decoration: none
}

.c-icon-list-container .c-icon-list-wrapper .c-icon-list .c-icon-list-item__content svg {
    max-height: 42px;
    max-width: 38px
}

.c-icon-list-container .c-icon-list-wrapper .c-icon-list .c-icon-list-item__content .iconbar-svg-stroke {
    stroke: #fff;
    transition: all .3s ease-in-out;
    opacity: 1
}

.c-icon-list-container .c-icon-list-wrapper .c-icon-list .c-icon-list-item__title {
    margin: 0;
    padding-left: 22px;
    color: #fff;
    font: normal normal 500 14px/16px helvetica-neue;
    text-transform: none
}

.title-component.model>h1 {
    font-family: helvetica-neue;
    font-weight: 500;
    position: relative
}

.c-model-list__model-section {
    padding-bottom: 59px
}

.c-model-list__model-section-heading {
    margin-bottom: 58px;
    padding-bottom: 54px;
    border-bottom: .5px solid #d0d0d0;
    color: #273a60;
    font-size: 26px
}

.c-model-list__row {
    display: grid;
    grid-row-gap: 60px
}

.c-model-list__item {
    text-decoration: none;
    padding: 10px 10px 45px;
    transition: all .3s ease-in-out
}

.c-model-list__item__info {
    padding: 31px 0 0;
    display: block;
    text-decoration: none
}

.c-model-list__image {
    display: block;
    margin-bottom: 30px
}

.c-model-list__image img {
    width: 100%;
    height: auto
}

.c-model-list__item-heading {
    margin-bottom: 10px;
    font-size: 26px
}

.c-model-list__item-heading a,a .c-model-list__item-heading {
    font-family: helvetica-neue;
    font-weight: 400;
    color: #273a60;
    text-decoration: none
}

.c-model-list__item-heading a:hover,a:hover .c-model-list__item-heading {
    color: #273a60;
    text-decoration: none
}

.c-model-list__item-slogan {
    margin-bottom: 0;
    font-size: 18px
}

.c-model-list__item-slogan a,a .c-model-list__item-slogan {
    font-family: helvetica-neue;
    font-weight: 400;
    color: #273a60;
    text-decoration: none
}

.c-model-list__item-slogan a:hover,a:hover .c-model-list__item-slogan {
    color: #273a60;
    text-decoration: none
}

.c-model-list__item-details {
    display: none
}

.c-model-list__item-details a {
    font-size: 18px;
    font-family: helvetica-neue;
    font-weight: 300;
    color: #273a60;
    text-decoration: none
}

.c-model-list__item-details a:first-child {
    padding-right: .55556em
}

.c-model-list__buttons {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

.c-model-list__button {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: auto!important;
    text-transform: none;
    line-height: 20px;
    font-size: 20px;
    padding: 20px 40px
}

.c-overview {
    max-width: 1640px;
    padding-left: 40px!important;
    margin: 8px auto 18px;
    text-align: left
}

.c-overview__link {
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    transition: color .25s ease;
    color: #273a60;
    font-size: 1em;
    text-transform: uppercase;
    line-height: 1
}

.c-overview__link,.c-overview__link:hover {
    text-decoration: none
}

.c-overview__icon {
    display: inline-block;
    transition: transform .25s ease;
    margin-right: .25em;
    font-size: .65em
}

.c-overview__link {
    font-family: helvetica-neue;
    font-weight: 400
}

.c-overview__link:hover {
    color: #d0d0d0
}

.component.c-overview {
    margin-bottom: 1.2em
}

.title-component.news {
    margin-bottom: 8px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

.title-component.news>h1 {
    text-align: left;
    font-size: 30px;
    margin: 0 auto 8px;
    padding: 0 10px
}

.c-date {
    margin-bottom: 1.8em
}

.c-date__datetime {
    padding: 0 10px
}

.component.c-date {
    margin-bottom: 18px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

.benefits {
    overflow-x: hidden
}

.body__theme--dark .c-benefit .glider .glide__bullet-bar {
    background-color: #fff
}

.c-benefit {
    position: relative;
    padding-top: 63px
}

.c-benefit.component {
    margin-left: 0;
    margin-right: 0
}

.c-benefit__feature-content-body {
    margin-bottom: 1em
}

.c-benefit__category {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4em 0 10em;
    flex-direction: column
}

.c-benefit__category:nth-child(odd) {
    background-color: hsla(0,0%,94.9%,.38)
}

.c-benefit__heading {
    margin-bottom: 2.5em;
    font-size: 24px;
    text-align: center;
    position: relative;
    z-index: 2
}

.c-benefit__heading.highlight>span:before {
    background-position: 50%;
    left: 50%;
    transform: translateX(-50%)
}

.c-benefit__image {
    display: none;
    display: block;
    width: calc(100% + 5em);
    transform: translate(2.5em,-5em)
}

.c-benefit__image img {
    width: 100%;
    height: auto
}

.c-benefit__feature-container[data-display=hqv-desktop] {
    display: none
}

.c-benefit__feature {
    padding: 0 1.5em
}

.c-benefit__feature--first-feature button {
    display: none!important
}

.c-benefit__feature:last-child:after {
    display: none
}

.c-benefit__feature-image {
    width: 45%;
    margin: 0 auto 1.5em;
    display: block;
    width: 100%
}

.c-benefit__feature-image img {
    width: 100%;
    height: auto
}

.c-benefit__benefit-image,.c-benefit__detail-image {
    display: none
}

.c-benefit__feature-name {
    font-weight: 700;
    display: block;
    margin-bottom: .5em;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 28px;
    display: none
}

.c-benefit__feature-name,.c-benefit__feature-text {
    font-family: helvetica-neue;
    color: #273a60;
    text-align: center
}

.c-benefit__feature-text {
    font-weight: 300;
    text-align: left
}

.c-benefit__toggle-button {
    padding: 0;
    outline: 0!important;
    border: 0;
    cursor: pointer;
    font-family: helvetica-neue;
    font-weight: 400;
    background-color: transparent;
    color: #273a60;
    text-transform: uppercase;
    text-transform: none
}

.c-benefit__toggle-button:active {
    border-style: outset
}

.c-benefit__toggle-button:after {
    content: "";
    display: inline-block;
    margin-left: 15px;
    font-family: icons,serif!important;
    font-size: .8em;
    color: inherit
}

.c-benefit__less,.c-benefit__more,.c-benefit__toggle-button--hidden {
    display: none
}

.c-benefit__less--showing,.c-benefit__more--showing {
    display: inline
}

.c-benefit__feature-heading {
    margin-bottom: 1.5em;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    line-height: 28px;
    font-family: helvetica-neue;
    font-weight: 400;
    text-transform: none;
    text-align: left
}

.c-benefit .glider {
    display: flex;
    justify-content: center;
    position: relative
}

.c-benefit .glider--hqv-active .glide__arrows .arrow--disabled {
    opacity: .35
}

.c-benefit .glider .glide__track {
    padding-bottom: 2em;
    transition: height .3s ease-in-out
}

.c-benefit .glider .glide__bullets {
    position: absolute;
    bottom: -2.5em;
    left: 50%;
    transform: translate(-50%,50%);
    text-align: center
}

.c-benefit .glider .glide__bullet {
    outline: 0!important;
    border: 0;
    cursor: pointer;
    background: transparent;
    padding: 10px 2px
}

.c-benefit .glider .glide__bullet:active {
    border-style: outset
}

.c-benefit .glider .glide__bullet-bar {
    display: block;
    background-color: #d0d0d0;
    border-radius: 5px;
    height: 3px;
    width: 22px
}

.c-benefit .glider .glide__bullet--active .glide__bullet-bar {
    background-color: #273a60
}

.c-benefit .glider .glide__arrows {
    display: none
}

.c-benefit .glider .glide__arrows .arrow {
    outline: none;
    border: 0;
    font-size: 23px;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -35px
}

.c-benefit .glider .glide__arrows .arrow i {
    cursor: pointer
}

.c-benefit .glider .glide__arrows .arrow i:hover {
    color: #273a60
}

.c-benefit .glider .glide__arrows .arrow--left {
    left: 0;
    transform: rotate(180deg)
}

.c-benefit .glider .glide__arrows .arrow--right {
    right: 0;
    transform: translateY(3px)
}

.c-cta-bar {
    color: #273a60;
    right: 0;
    z-index: 100;
    position: fixed;
    font-size: 16px;
    margin: 0 auto;
    text-align: center;
    text-align: -webkit-center;
    width: 100%;
    display: flex;
    bottom: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s,opacity .4s ease;
    visibility: hidden;
    opacity: 0;
    font-weight: 400;
    font-family: helvetica-neue;
    font-weight: 300
}

.c-cta-bar__button {
    font-family: helvetica-neue;
    font-weight: 700;
    justify-content: flex-end;
    position: relative;
    border-top: 1px solid #d0d0d0;
    display: none
}

.c-cta-bar__button:hover:before {
    transform: translate(-100%,-50%);
    opacity: 1
}

.c-cta-bar__button-wrapper {
    display: flex;
    position: relative;
    text-decoration: none;
    align-items: center
}

.c-cta-bar__button-wrapper:hover {
    text-decoration: none
}

.c-cta-bar__button-wrapper i {
    font-size: 25px;
    color: #273a60;
    transition: color .3s ease-in-out
}

.c-cta-bar__button-wrapper .icon-precent-wrapper {
    padding: 11px;
    margin-left: 10px
}

.c-cta-bar__button-wrapper .icon-location,.c-cta-bar__button-wrapper .icon-precent-wrapper,.c-cta-bar__button-wrapper .icon-wheel {
    visibility: hidden;
    opacity: 0;
    display: none
}

.c-cta-bar__button-label {
    display: none;
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease
}

@font-face {
    font-family: helvetica-neue;
    src: url(../fonts/helvetica-neue-light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@font-face {
    font-family: helvetica-neue;
    src: url(../fonts/helvetica-neue-medium.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@font-face {
    font-family: helvetica-neue;
    src: url(../fonts/helvetica-neue-medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

@font-face {
    font-family: helvetica-neue;
    src: url(../fonts/helvetica-neue-bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

body {
    font: 300 16px/1.62 helvetica-neue;
    color: #273a60
}

ol,p,ul {
    margin-bottom: 1em
}

a {
    color: inherit;
    text-decoration: underline
}

a:hover {
    color: #273a60;
    text-decoration: none
}

h1 {
    margin-bottom: .25em;
    color: inherit;
    font: 500 30px/1.53 helvetica-neue
}

ol+h1,p+h1,ul+h1 {
    margin-top: .75em
}

h2 {
    margin-bottom: .25em;
    color: inherit;
    font: 500 26px/1.61 helvetica-neue
}

ol+h2,p+h2,ul+h2 {
    margin-top: .75em
}

.vehicleStageSlider .glide__content-headline--main,h3 {
    margin-bottom: .25em;
    color: inherit;
    font: 500 24px/1.42 helvetica-neue
}

.vehicleStageSlider ol+.glide__content-headline--main,.vehicleStageSlider p+.glide__content-headline--main,.vehicleStageSlider ul+.glide__content-headline--main,ol+h3,p+h3,ul+h3 {
    margin-top: .75em
}

h4 {
    margin-bottom: .25em;
    color: inherit;
    font: 500 20px/1.5 helvetica-neue
}

ol+h4,p+h4,ul+h4 {
    margin-top: .75em
}

h5 {
    margin-bottom: .25em;
    color: inherit;
    font: 500 16px/1.75 helvetica-neue
}

ol+h5,p+h5,ul+h5 {
    margin-top: .75em
}

.vehicleStageSlider .glide__content-headline--sub,.vehicleStageSlider .glide__scroll-action p,h6 {
    margin-bottom: .25em;
    color: inherit;
    font: 500 16px/1.62 helvetica-neue
}

.vehicleStageSlider .glide__scroll-action ol+p,.vehicleStageSlider .glide__scroll-action p+p,.vehicleStageSlider .glide__scroll-action ul+p,.vehicleStageSlider ol+.glide__content-headline--sub,.vehicleStageSlider p+.glide__content-headline--sub,.vehicleStageSlider ul+.glide__content-headline--sub,ol+h6,p+h6,ul+h6 {
    margin-top: .75em
}

b,strong {
    font-weight: 700;
    font-weight: 500
}

em,i {
    font-style: italic
}

sub {
    vertical-align: sub
}

sub,sup {
    font-size: .75em
}

sup {
    vertical-align: super
}

ol {
    list-style: none;
    counter-reset: custom-counter;
    margin-left: 0;
    padding: 0
}

ol li {
    counter-increment: custom-counter;
    padding-left: 1.75em
}

ol li:before {
    content: counter(custom-counter) ". ";
    color: #273a60;
    width: 1.75em;
    margin-left: -1.75em;
    display: inline-block;
    font-family: helvetica-neue;
    font-weight: 700
}

ul {
    list-style: none;
    padding: 0
}

ul li {
    padding-left: 1.75em
}

ul li:before {
    content: "\2022";
    color: #273a60;
    width: 1.75em;
    margin-left: -1.75em;
    display: inline-block;
    vertical-align: -.11em;
    top: -1px
}

.highlight,ul li:before {
    position: relative
}

.highlight span {
    z-index: 2
}

.highlight span:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 400px;
    max-height: 1.5em;
    z-index: -1
}

.highlight span:before {
    background-image: url(../images/brush-hqv-bg.png);
    top: .4em
}

.vehicleStageSlider .c-stage-slider.component {
    margin-bottom: 0
}

.vehicleStageSlider .glide__scroll-action {
    position: absolute;
    display: block;
    bottom: 40px;
    left: 50%;
    color: #fff;
    transform: translate(-50%,-50%);
    transition: all .3s ease-in-out
}

.vehicleStageSlider .glide__scroll-action p {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize
}

.vehicleStageSlider .glide__scroll-action:after {
    border-left: 1px solid #fff;
    content: "";
    display: block;
    height: 20px;
    left: 50%;
    position: absolute;
    top: 100%;
    width: 1px;
    z-index: 0
}

.vehicleStageSlider .glide__content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.vehicleStageSlider .glide__content-image {
    height: calc(100vh - 230px);
    width: 100%;
    position: relative;
    overflow: hidden
}

.vehicleStageSlider .glide__content-image picture {
    display: initial
}

.vehicleStageSlider .glide__content-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    min-width: auto;
    min-height: auto
}

.vehicleStageSlider .glide__content-container {
    position: absolute;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    padding-top: 150px;
    padding-bottom: 45px;
    justify-content: flex-end
}

.vehicleStageSlider .glide__content-text {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end
}

.vehicleStageSlider .glide__content-headline {
    display: flex;
    flex-direction: column
}

.vehicleStageSlider .glide__content-headline p {
    margin-top: 0;
    word-break: break-word;
    white-space: normal
}

.vehicleStageSlider .glide__content-headline--primary,.vehicleStageSlider .glide__content-headline--secondary {
    color: #fff
}

.vehicleStageSlider .glide__content-headline--sub {
    font-weight: 400!important
}

.vehicleStageSlider .glide__content-headline--main {
    margin-bottom: .5em;
    font-weight: 400!important
}

.vehicleStageSlider .js-button-secondary {
    display: none
}

.vehicleStageSlider .js-button-secondary--showing {
    display: flex
}

.vehicleStageSlider .c-btn {
    margin: 0
}

.vehicleStageSlider .c-btn:first-child {
    margin-bottom: 17px
}

.vehicleStageSlider .c-btn__link {
    font-size: 18px
}

.vehicleStageSlider .c-btn__link--primary-light {
    border-color: #ffed00;
    color: #ffed00
}

.vehicleStageSlider .c-btn__link--primary-light:hover {
    background-color: #ffed00;
    color: #273a60
}

.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide * {
    box-sizing: inherit
}

.glide__slides,.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slide {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows,.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.maininfo {
    position: relative;
    overflow-x: hidden
}

.maininfo--background:after {
    background-image: url(../images/norden-background-mobile.png)
}

.maininfo--background:after,.maininfo--expedition-background:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    z-index: -1
}

.maininfo--expedition-background:after {
    background-image: url(../images/norden-exp-background-mobile.png)
}

.models {
    position: relative;
    padding-top: 45px;
    z-index: 1
}

.models__price-note-container__expanded {
    font-weight: 400
}

.models.component {
    padding-bottom: 40px
}

.models__row-reverse .offset-lg-1 {
    margin-left: 0!important
}

.models__heading {
    margin-bottom: 0;
    padding: .75em 0;
    font-size: 40px;
    text-align: center
}

.models__heading {
    font-family: helvetica-neue;
    font-weight: 400
}

.models__manufacturer-info {
    font-family: helvetica-neue;
    text-align: center
}

.models__manufacturer-info {
    margin: 2em 0;
    font-size: 12px
}

.models__manufacturer-info p {
    margin-bottom: 0
}

.models__description {
    margin-top: 3em;
    padding: 1em 3em 0;
    text-align: center;
    font-family: helvetica-neue;
    font-weight: 300;
    text-align: left
}

.models__description--desktop-only {
    display: none
}

.models__description p {
    font-size: 18px;
    font-family: helvetica-neue
}

.models__description p span {
    font-weight: 700;
    display: inline-block;
    padding-bottom: 30px
}

.models__actions--desktop {
    display: none
}

.models__actions--mobile {
    display: block
}

.models__mobile-actions {
    display: flex;
    justify-content: center;
    margin-top: 3.5em
}

.models__mobile-actions ul {
    margin-left: 0
}

.models__actions-list {
    text-align: center;
    margin-bottom: 0
}

.models__action-list-item--ktm-hidden {
    display: none!important
}

.models__action-list-item--desktop {
    display: none;
    font-family: helvetica-neue;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    padding: 0;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 28px
}

.models__action-list-item--desktop:before {
    display: none;
    margin-left: 0
}

.models__action-list-item--desktop:not(:first-child) {
    position: relative;
    margin-left: 1em;
    padding-left: 1em
}

.models__action-list-item--desktop:not(:first-child):before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #d0d0d0;
    display: none
}

.models__action-list-item--desktop span a {
    text-decoration: none;
    transition: color .3s ease-in-out
}

.models__action-list-item--desktop span i {
    color: #273a60;
    padding-right: 15px;
    position: relative;
    top: 3px
}

.models__action-list-item--hidden {
    display: none!important
}

.models__color-picker {
    display: inline-flex;
    margin-bottom: 0;
    margin-left: 1em
}

.models__color-picker--hidden {
    display: none!important
}

.models__color-option {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 25px;
    height: 25px;
    padding: 0;
    border: 2px solid #fff;
    cursor: pointer
}

.models__color-option:not(:last-child) {
    margin-right: 20px
}

.models__color-option:before {
    display: none
}

.models__color-option--checked:after {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transform: translate(-10%,-10%);
    width: 25px;
    height: 25px;
    color: inherit;
    font-family: icons,serif!important;
    font-size: 18px
}

.models__variants-list {
    margin-top: 2em
}

.models__variant {
    padding-left: 0
}

.models__variant--hidden,.models__variant:before {
    display: none
}

.models__slide {
    position: relative;
    padding-left: 0;
    padding-bottom: 50px
}

.models__slide:before {
    display: none
}

.models__slide-image {
    width: 100%;
    height: auto
}

.models__slide-index {
    display: none
}

.models .glider {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 1.5em
}

.models .glider--no-slider .glide__arrows,.models .glider--no-slider .models__slide-index {
    display: none!important
}

.models .glider .glide__bullets {
    position: absolute;
    bottom: -2.5em;
    left: 50%;
    transform: translateX(-50%)
}

.models .glider .glide__bullet {
    outline: 0!important;
    border: 0;
    cursor: pointer;
    background: transparent;
    padding: 10px 2px
}

.models .glider .glide__bullet:active {
    border-style: outset
}

.models .glider .glide__bullet-bar {
    display: block;
    background-color: #d0d0d0;
    border-radius: 5px;
    height: 3px;
    width: 22px
}

.models .glider .glide__bullet--active .glide__bullet-bar {
    background-color: #273a60
}

.models .glider .glide__arrows {
    display: none
}

.models .glider .glide__arrows .arrow {
    outline: none;
    border: 0;
    font-size: 18px;
    position: absolute;
    top: calc(100% - 42px);
    z-index: 1;
    margin-top: 0
}

.models .glider .glide__arrows .arrow i {
    cursor: pointer
}

.models .glider .glide__arrows .arrow i:hover {
    color: #273a60
}

.models .glider .glide__arrows .arrow--left {
    transform: rotate(180deg);
    left: 45%
}

.models .glider .glide__arrows .arrow--right {
    right: 45%;
    transform: translateY(2px)
}

.c-technical-data {
    background-color: #f2f2f2;
    padding: 3.25em 0
}

.c-technical-data.component {
    margin-left: 0;
    margin-right: 0
}

.c-technical-data__heading {
    font-family: helvetica-neue;
    font-weight: 400;
    margin-bottom: 34px;
    font-size: 40px;
    text-align: center
}

.c-technical-data__heading span {
    position: relative
}

.c-technical-data__image {
    display: none
}

.c-technical-data__image-container {
    position: absolute
}

.c-technical-data__group {
    padding: 0 2em;
    border-top: .5px solid rgba(0,0,0,.25)
}

.c-technical-data__group--last {
    border-bottom: .5px solid rgba(0,0,0,.25)
}

.c-technical-data__group-heading {
    font-family: helvetica-neue;
    font-weight: 400;
    padding: 34px 0;
    color: #273a60;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

.c-technical-data__group-heading--open+ul {
    display: block;
    padding-bottom: 3em
}

.c-technical-data__list {
    display: none;
    color: #273a60
}

.c-technical-data__list li {
    display: table-row;
    padding-left: 0;
    word-break: break-word;
    font-weight: 300
}

.c-technical-data__list li:before {
    display: none
}

.c-technical-data__list li:not(:last-child) {
    margin-bottom: 1em
}

.c-technical-data__list-label {
    font-family: helvetica-neue;
    font-weight: 400;
    display: table-cell;
    min-width: 120px;
    padding-bottom: 1em;
    color: #273a60;
    font-size: 1em;
    text-transform: uppercase;
    line-height: 20px
}

.c-technical-data__list-value {
    display: table-cell;
    padding: 0 0 1em 1.5em
}

.c-technical-data__show-all-container {
    margin-top: 1em;
    text-align: center
}

.c-technical-data__show-all,.c-technical-data__show-all-container--hidden,.c-technical-data__show-all-show {
    display: none
}

.c-technical-data__show-all--hidden .c-technical-data__show-all-show,.c-technical-data__show-all-close {
    display: inline-block
}

.c-technical-data__show-all--hidden .c-technical-data__show-all-close {
    display: none
}

.c-technical-data__show-all:focus {
    outline: none
}

.c-technical-data__show-all:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background-color: #273a60
}

.c-technical-data__row-backdrop {
    position: relative;
    background-color: #f2f2f2
}

.c-preorder-form__checkbox-container {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    cursor: pointer;
    padding-right: 20px
}

.c-preorder-form__checkbox {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.c-preorder-form__checkmark {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 16px
}

.c-preorder-form__checkbox-label {
    margin-left: 1.25em
}

.c-preorder-form__content form {
    display: flex;
    flex-direction: column
}

.c-preorder-form__content form input.field-can-be-css-validated:not(:focus):invalid,.c-preorder-form__content form select.field-can-be-css-validated:not(:focus):invalid {
    border-color: #fff;
    outline: 2px solid #cc1445
}

.c-preorder-form__content form select {
    margin-bottom: 10px;
    padding: .9375em 1.3125em!important;
    width: 100%;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
    color: grey;
    border: 1px solid #fff
}

.c-preorder-form__content form select option {
    color: #fff
}

.c-preorder-form__content form select:focus {
    border-color: #273a60;
    outline: none
}

.c-preorder-form__content form select:focus:-ms-input-placeholder {
    color: transparent
}

.c-preorder-form__content form select:focus::-ms-input-placeholder {
    color: transparent
}

.c-preorder-form__content form select:focus::placeholder {
    color: transparent
}

.c-preorder-form__content form select input:active,.c-preorder-form__content form select input:focus {
    outline: none;
    border-radius: 0;
    border-color: #273a60
}

.c-preorder-form__content form textarea {
    font-family: helvetica-neue;
    font-weight: 300;
    width: 100%;
    max-width: 100%;
    padding: .5em .7em;
    border: 1px solid;
    font-size: 16px;
    line-height: 1.625
}

.c-preorder-form__content form textarea:active,.c-preorder-form__content form textarea:focus {
    outline: none;
    border-radius: 0;
    border-color: #273a60
}

.c-preorder-form__add-ons-heading {
    font-family: helvetica-neue;
    font-weight: 800;
    margin-bottom: .6em;
    font-size: 50px
}

.c-preorder-form__group {
    margin-bottom: 1.875em
}

.c-preorder-form__group input {
    margin-bottom: 0!important
}

.c-preorder-form__group label {
    margin-bottom: 9px;
    line-height: 1
}

.c-preorder-form__group--checkbox-group {
    display: flex;
    align-items: center;
    line-height: 1
}

.c-preorder-form__group--checkbox-group label {
    margin-bottom: 0
}

.c-preorder-form__label {
    font-family: helvetica-neue;
    font-weight: 700;
    text-transform: uppercase
}

.c-preorder-form__select-wrapper {
    position: relative
}

.c-preorder-form__select-wrapper:before {
    content: "";
    display: flex;
    position: absolute;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 11px;
    height: 8px;
    top: 50%;
    right: 14px;
    transform: translateY(-100%);
    color: #273a60;
    font-family: icons,serif!important;
    font-size: 14px
}

.c-preorder-form__checkbox-container.disabled {
    opacity: .4
}

.c-preorder-form__checkbox:checked~.c-preorder-form__checkmark {
    display: flex
}

.c-preorder-form__submit {
    display: flex;
    justify-content: space-between
}

.c-preorder-form .c-btn__link {
    font-family: helvetica-neue;
    font-weight: 700;
    padding: 1.45em .75em 1.2em .9em;
    font-size: 20px;
    line-height: 1;
    border-radius: 0;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none
}

.c-stage-image .glide__content-text {
    height: auto!important
}

.c-stage-image .glide__content-container--left .glide__content-text {
    align-items: flex-end
}

.c-stage-image .glide__content-container--left .glide__content-buttons {
    justify-content: flex-start
}

.c-stage-image .glide__content-container--right .glide__content-text {
    align-items: flex-start
}

.c-stage-image .glide__content-container--right .glide__content-buttons {
    justify-content: flex-end
}

.glide__scroll-action {
    display: none
}

.stageSlider--publish,.stageSlider--publish ul {
    list-style-type: none!important;
    list-style: none!important
}

.stageSlider--publish.stageSlider--full-height {
    height: 100vh;
    min-height: 375px
}

.stageSlider--publish.stageSlider--full-height .glide__track {
    height: 100vh;
    min-height: 375px;
    padding: 0
}

.stageSlider--publish.stageSlider--full-height .glide__content {
    height: 100vh
}

.stageSlider--publish.stageSlider--three-quarter-height {
    height: 75vh;
    min-height: 375px
}

.stageSlider--publish.stageSlider--three-quarter-height .glide__track {
    height: 75vh;
    min-height: 375px;
    padding: 0
}

.stageSlider--publish.stageSlider--three-quarter-height .glide__content {
    height: 75vh
}

.stageSlider--publish.stageSlider--half-height {
    height: 50vh;
    min-height: 375px
}

.stageSlider--publish.stageSlider--half-height .glide__track {
    height: 50vh;
    min-height: 375px;
    padding: 0
}

.stageSlider--publish.stageSlider--half-height .glide__content {
    height: 50vh
}

.stageSlider--publish .glide {
    width: 100%;
    box-sizing: border-box
}

.stageSlider--publish .glide * {
    box-sizing: inherit
}

.stageSlider--publish .glide__track {
    overflow: hidden
}

.stageSlider--publish .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.stageSlider--publish .glide__slide {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.stageSlider--publish .glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.stageSlider--publish .glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.stageSlider--publish .glide__arrows,.stageSlider--publish .glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.stageSlider--publish .glide {
    display: flex;
    justify-content: center;
    position: relative;
    height: 100%
}

.stageSlider--publish .glide [role=list] {
    list-style: none;
    margin: 0;
    padding: 0
}

.stageSlider--publish .glide [role=list] li {
    margin: 0;
    padding: 0
}

.stageSlider--publish .glide [role=list] li:before {
    display: none
}

.stageSlider--publish .glide__bullets {
    position: absolute;
    bottom: 40px
}

.stageSlider--publish .glide__content-image {
    min-height: 500px
}

.stageSlider--publish .glide__slides {
    white-space: normal;
    list-style-type: none!important
}

.stageSlider--publish .glide__slides li {
    list-style-type: none!important
}

.stageSlider--publish .glide__bullet {
    outline: 0!important;
    border: 0;
    cursor: pointer;
    background: transparent;
    padding: 10px 2px
}

.stageSlider--publish .glide__bullet:active {
    border-style: outset
}

.stageSlider--publish .glide__bullet.overlay {
    opacity: .2;
    pointer-events: none
}

.stageSlider--publish .glide__bullet-bar {
    display: block;
    background-color: #fff;
    border-radius: 5px;
    height: 3px;
    width: 40px
}

.stageSlider--publish .glide__bullet:disabled {
    cursor: not-allowed
}

.stageSlider--publish .glide__bullet--active .glide__bullet-bar {
    background-color: #ffed00
}

.c-text--first-headline-highlighted h1:first-child,.c-text--first-headline-highlighted h2:first-child,.c-text--first-headline-highlighted h3:first-child,.c-text--first-headline-highlighted h4:first-child,.c-text--first-headline-highlighted h5:first-child,.c-text--first-headline-highlighted h6:first-child {
    position: relative;
    margin-bottom: 25px
}

.c-text--first-headline-highlighted h1:first-child:after,.c-text--first-headline-highlighted h2:first-child:after,.c-text--first-headline-highlighted h3:first-child:after,.c-text--first-headline-highlighted h4:first-child:after,.c-text--first-headline-highlighted h5:first-child:after,.c-text--first-headline-highlighted h6:first-child:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    max-width: 295px;
    height: 4px;
    left: 0;
    bottom: -8px;
    background-image: url(../images/separator.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0
}

.c-text__table {
    overflow-x: auto
}

.c-text__table table {
    width: 100%;
    border-collapse: collapse
}

.c-text__table tr th {
    padding: 2em 3em
}

.c-text__table td {
    padding: 1.85em 3em;
    font-size: 16px
}

.c-text__table tr:nth-child(odd) {
    background-color: #ebebeb
}

.rte-font-small {
    font-size: .75em
}

/*
h1.rte-30-years-duke,h2.rte-30-years-duke,h3.rte-30-years-duke,h4.rte-30-years-duke,h5.rte-30-years-duke,h6.rte-30-years-duke {
    font-family: !important
}
*/

h1.rte-30-years-duke {
    font-size: 20px
}

h2.rte-30-years-duke {
    font-size: 16px
}

h3.rte-30-years-duke {
    font-size: 14px
}

h4.rte-30-years-duke {
    font-size: 12px
}

h5.rte-30-years-duke,h6.rte-30-years-duke {
    font-size: 10px
}

@font-face {
    font-family: icons;
    src: url(../fonts/icomoon.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],[class^=icon-] {
    font-family: icons,serif!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow:before {
    content: ""
}

.icon-arrow_left:before {
    content: ""
}

.icon-arrow_right:before {
    content: ""
}

.icon-delete:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-location:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-send:before {
    content: ""
}

.icon-wheel:before {
    content: ""
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,:after,:before {
    box-sizing: inherit
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.col-12,.col-lg-3,.col-lg-5,.col-lg-6,.col-lg-9,.col-md-6,.col-md-12,.col-sm-12,.col-xl-4,.col-xl-7 {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.d-flex {
    display: flex!important
}

.flex-row {
    flex-direction: row!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.justify-content-between {
    justify-content: space-between!important
}

.align-items-center {
    align-items: center!important
}

.mb-0 {
    margin-bottom: 0!important
}

.ml-0 {
    margin-left: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.ml-1 {
    margin-left: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mr-2 {
    margin-right: .5rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.ml-2 {
    margin-left: .5rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.ml-4 {
    margin-left: 1.5rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0 {
    padding-top: 0!important
}

.py-1 {
    padding-top: .25rem!important
}

.py-1 {
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important
}

.px-2 {
    padding-right: .5rem!important
}

.py-2 {
    padding-bottom: .5rem!important
}

.px-2 {
    padding-left: .5rem!important
}

.py-4 {
    padding-top: 1.5rem!important
}

.px-4 {
    padding-right: 1.5rem!important
}

.py-4 {
    padding-bottom: 1.5rem!important
}

.px-4 {
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important
}

.px-5 {
    padding-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important
}

.mx-auto {
    margin-left: auto!important
}

footer {
    position: relative;
    z-index: 98
}

.c-footer {
    color: #273a60;
    background-color: #f2f2f2;
    padding-left: 10px;
    padding-right: 10px;
    list-style: none;
    font: 300 16px/1.62 helvetica-neue
}

.c-footer__title {
    line-height: 1em;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-family: helvetica-neue;
    font-size: 1em;
    text-transform: uppercase
}

.c-footer__title i {
    font-size: .9em;
    color: #273a60;
    align-items: baseline;
    position: relative;
    transition: transform .5s;
    top: 0;
    align-self: center
}

.c-footer__additional-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-top: 1px solid #d0d0d0
}

.c-footer__additional-text p {
    padding: 38px;
    max-width: 790px;
    text-align: center;
    font-weight: 300;
    font-size: .75em;
    color: #d0d0d0
}

.c-footer nav {
    padding: 68px 48px 40px
}

.c-footer__col {
    margin-bottom: 30px
}

.c-footer__col h3 {
    cursor: pointer;
    font-size: 1em;
    display: flex;
    justify-content: space-between;
    font-weight: 400
}

.c-footer__col h3 i {
    font-size: .9em;
    color: #273a60;
    align-items: baseline;
    position: relative;
    transition: transform .5s;
    top: 0;
    align-self: center
}

.c-footer__col ul li {
    display: none;
    padding: 2.5px 0
}

.c-footer__col ul li:before {
    content: none
}

.c-footer__col ul li a {
    text-decoration: none
}

.c-footer__col[data-opened=true] .c-footer__title {
    padding-bottom: 15px
}

.c-footer__col[data-opened=true] .c-footer__title i {
    color: #273a60;
    transform: rotate(90deg)
}

.c-footer__col[data-opened=true] ul li {
    display: block;
    padding: 5px 0
}

.c-footer__icons .icons-title {
    font-family: helvetica-neue;
    text-transform: uppercase;
    line-height: 1em;
    font-size: 1em;
    font-weight: 400
}

.c-footer__icons ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -5px
}

.c-footer__icons ul li {
    padding: 25px 5px 0 0
}

.c-footer__icons ul li:before {
    content: none
}

.c-footer__icons ul li a {
    text-decoration: none
}

.c-footer__icons ul li a img {
    height: 18px;
    width: auto;
    padding-right: 5px;
    padding-left: 5px
}

.c-footer__legal-text {
    font-size: .75em;
    color: #273a60;
    border-top: 1px solid #d0d0d0;
    padding: 40px 0;
    text-align: center;
    align-items: center
}

.c-footer__legal-text p {
    margin-bottom: 0
}

.c-footer__legal-text .back-to-top {
    text-transform: uppercase;
    font-weight: 400;
    color: #273a60;
    cursor: pointer;
    padding-top: 40px;
    font-size: 18px;
    font-family: helvetica-neue;
    white-space: nowrap
}

.c-footer__legal-text .back-to-top i {
    right: 0;
    display: inline-block;
    transform: rotate(270deg);
    margin-left: 13px
}

@media (min-width: 576px) {
    body .container {
        padding-left:10px;
        padding-right: 10px;
        max-width: 768px
    }

    /*
    .c-stage-image .glide__content-headline--30-years-duke-primary,.c-stage-image .glide__content-headline--30-years-duke-secondary {
        font: !important
    }
    */

    .title-component.news {
        max-width: 768px
    }

    .component.c-date,.title-component.news {
        padding-left: 10px;
        padding-right: 10px
    }

    .component.c-date {
        max-width: 768px
    }

    h1.rte-30-years-duke {
        font-size: 30px
    }

    h2.rte-30-years-duke {
        font-size: 23px
    }

    h3.rte-30-years-duke {
        font-size: 21px
    }

    h4.rte-30-years-duke {
        font-size: 17px
    }

    h5.rte-30-years-duke,h6.rte-30-years-duke {
        font-size: 15px
    }

    .container,.container-sm {
        max-width: 768px
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {

    .c-become-a-dealer-form__heading {
        font: 500 20px/1.8 helvetica-neue
    }

    .component {
        margin-bottom: 60px
    }

    body .container {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 992px
    }

    h3 {
        font: 500 24px/1.67 helvetica-neue
    }

    h6 {
        font: 500 14px/2.29 helvetica-neue
    }

    .c-btn {
        flex-direction: row;
        justify-content: center
    }

    .c-btn--center {
        justify-content: center
    }

    .c-btn__text {
        margin: 0 .938em;
        font-size: 1.375em
    }

    .c-btn__link {
        min-height: 75px;
        font-size: 18px;
        line-height: 28px;
        padding: 20px 40px
    }

    .c-video-content__poster {
        width: 50%;
        padding: 0 0 0 60px;
        left: 0;
        transform: translateY(-50%) translateX(0)!important
    }

    .c-video-content__poster--empty {
        width: 100%;
        padding: 0
    }

    .c-video-content__poster i {
        font-size: 9em
    }

    .download-list li {
        flex-basis: calc(50% - 20px);
        -ms-flex-preferred-size: calc(50% - 20px - 3rem)
    }

    .download-list li a {
        font-size: 1.125em
    }

    .c-culture-switch--active {
        margin-top: 40px;
        justify-content: center
    }

    .c-content-slider .glider .glide__arrows .arrow {
        font-size: 24px
    }

    .c-content-slider .glider .glide__arrows .arrow--left {
        left: -30px
    }

    .c-content-slider .glider .glide__arrows .arrow--right {
        right: -30px
    }

    .c-stage-image .glide__content-headline--main,h3 {
        font: 500 24px/1.67 helvetica-neue
    }

    .c-stage-image .glide__content-headline--sub,h6 {
        font: 500 14px/2.29 helvetica-neue
    }

    .c-stage-image .glide__content-container {
        max-width: 1800px;
        margin-left: auto;
        margin-right: auto;
        padding: 150px 30px 100px
    }

    .c-stage-image .glide__content-buttons {
        flex-direction: row;
        margin-top: 0
    }

    .title-component.news>h1 {
        font-size: 40px
    }

    .title-component.news {
        max-width: 992px
    }

    .component.c-date,.title-component.news {
        padding-left: 20px;
        padding-right: 20px
    }

    .component.c-date {
        max-width: 992px
    }

    h1 {
        font: 500 60px/1.26 helvetica-neue
    }

    h2 {
        font: 500 40px/1.4 helvetica-neue
    }

    .vehicleStageSlider .glide__content-headline--main,h3 {
        font: 500 24px/1.67 helvetica-neue
    }

    h4 {
        font: 500 20px/1.8 helvetica-neue
    }

    h5 {
        font: 500 16px/2.12 helvetica-neue
    }

    .vehicleStageSlider .glide__content-headline--sub,.vehicleStageSlider .glide__scroll-action p,h6 {
        font: 500 14px/2.29 helvetica-neue
    }

    .highlight span:before {
        background-position: 0 6px;
        top: .1em
    }

    .vehicleStageSlider .c-btn:first-child {
        margin-bottom: 0;
        margin-right: 35px
    }

    .c-technical-data__list-value {
        padding-left: 2em
    }

    .container,.container-md,.container-sm {
        max-width: 992px
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .c-footer__icons ul {
        justify-content: start;
        margin-left: -20px;
        margin-right: -20px
    }

    .c-footer__icons ul li a img {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (min-width: 992px) {
    .device-selector-wrapper .device-lg {
        display:block!important
    }

    .c-request-error {
        flex-direction: row;
        padding: 3em 2em 2em
    }

    .c-request-error__warning-icon {
        margin: 0 1em 0 0
    }

    .c-model-powerparts__heading {
        margin-bottom: 108px;
        font-size: 60px
    }

    .c-model-powerparts__item-image img {
        height: 260px
    }

    .c-model-powerparts__item-heading {
        font-size: 18px
    }

    .c-model-powerparts .c-btn {
        margin-top: 83px
    }

    .c-model-powerparts .glider .glide__bullets {
        display: none
    }

    .c-model-powerparts .glider .glide__arrows {
        display: inline-block
    }

    .c-become-a-dealer-form {
        display: flex;
        justify-content: center
    }

    .c-become-a-dealer-form__container {
        grid-template-columns: repeat(2,50%);
        grid-column-gap: 3em;
        max-width: calc(1000px + 3em)
    }

    .c-become-a-dealer-form__heading {
        font: 500 26px/1.61 helvetica-neue
    }

    .component-fullwidth--padded-lg {
        padding: 0 40px
    }

    body .container {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 1200px
    }

    h3 {
        font: 500 40px/1.4 helvetica-neue
    }

    h6 {
        font: 500 16px/2 helvetica-neue
    }

    .download-list--thirds li {
        flex-basis: calc(33% - 20px);
        -ms-flex-preferred-size: calc(33% - 20px - 3rem)
    }

    .c-single-input-form__input-group {
        max-width: 500px;
        margin: 0 auto 2em
    }

    .c-stage-image .glide__content-container--left {
        align-items: flex-start!important;
        text-align: left
    }

    .c-stage-image .glide__content-container--left .glide__content-text {
        text-align: left!important
    }

    .c-stage-image .glide__content-container--left .glide__content-buttons {
        justify-content: flex-start!important
    }

    .c-stage-image .glide__content-container--right {
        text-align: right
    }

    .c-stage-image .glide__content-container--right .glide__content-buttons {
        justify-content: flex-end!important
    }

    .c-culture-switch--active {
        display: flex!important
    }

    .c-content-slider .glider .glide__arrows .arrow {
        font-size: 28px
    }

    .c-content-slider .glider .glide__arrows .arrow--left {
        left: -34px
    }

    .c-content-slider .glider .glide__arrows .arrow--right {
        right: -34px
    }

    .c-image-text__image {
        width: 50%
    }

    .c-image-text__text {
        width: 50%;
        padding: 1.66em 2.5em 1.22em
    }

    .c-image-text__button {
        display: none
    }

    .c-image-text--left {
        flex-direction: row
    }

    .c-image-text--left .c-image-text__text {
        padding: 0 0 1.22em 2.5em
    }

    .c-image-text--right {
        flex-direction: row-reverse
    }

    .c-image-text--right .c-image-text__text {
        padding: 0 2.5em 1.22em 0
    }

    .c-stage-image .glide__content-container.component-fullwidth--padded-lg {
        padding: 150px 40px 100px
    }
    /*
    .c-stage-image .glide__content-headline--30-years-duke-primary,.c-stage-image .glide__content-headline--30-years-duke-secondary {
        font: !important
    }
    */

    .c-stage-image .glide__content-buttons .c-btn__link:not(:last-child) {
        margin-right: 28px
    }

    .c-stage-image .glide__content-headline--main,h3 {
        font: 500 40px/1.4 helvetica-neue
    }

    .c-stage-image .glide__content-headline--sub,h6 {
        font: 500 16px/2 helvetica-neue
    }

    .c-stage-image .glide__content-container {
        padding: 150px 50px 100px;
        justify-content: center
    }

    .c-stage-image .glide__content-text {
        max-width: 50%;
        height: auto;
        padding: 0
    }

    .c-stage-video .c-stage-image .glide__content-text .glide__content-buttons .c-btn {
        flex-wrap: nowrap
    }

    .c-stage-video .c-stage-image .glide__content-text .glide__content-buttons .c-btn .c-btn__link:not(:last-child) {
        margin-right: 28px
    }

    .c-stage-video .icon-play {
        font-size: 4em;
        margin-top: 0;
        position: absolute;
        bottom: 6vh;
        transform: translate(-50%)
    }

    @supports (display: grid) {
        .c-teaser-list__container--three-items-per-row {
            grid-template-columns:repeat(3,calc(33.33333% - 2.01em));
            column-gap: 3em
        }
    }

    .c-teaser-list__item {
        float: left
    }

    @supports (display: grid) {
        .c-teaser-list__item {
            float:none
        }
    }

    .c-teaser-list__item--three-items-per-row {
        width: calc(33.33333% - 2.25em)
    }

    @supports (display: grid) {
        .c-teaser-list__item--three-items-per-row {
            width:100%
        }
    }

    .c-teaser-list__item--three-items-per-row:not(:nth-of-type(3n)) {
        margin-right: 3em
    }

    @supports (display: grid) {
        .c-teaser-list__item--three-items-per-row:not(:nth-of-type(3n)) {
            margin-right:0
        }
    }

    .c-teaser-list__item--three-items-per-row:not(:first-child):nth-child(3n+1) {
        clear: both
    }

    .c-teaser-list__date--three-items-per-row {
        font-size: 1em;
        margin: 1em 0 .5em
    }

    .c-teaser-list__title--three-items-per-row {
        font-size: 1.6em
    }

    .c-icon-list-container .c-icon-list-wrapper .c-icon-list__item {
        padding-right: 45px
    }

    .c-icon-list-container .c-icon-list-wrapper .c-icon-list .c-icon-list-item__content .iconbar-svg-stroke {
        opacity: .2
    }

    .title-component.model>h1 {
        font-size: 3.75em
    }

    .c-model-list__model-section-heading {
        font-size: 40px
    }

    .c-model-list__row {
        grid-template-columns: repeat(3,calc(33.33333% - 116.66667px));
        grid-column-gap: 175px
    }

    .c-model-list__item:hover {
        box-shadow: 0 10px 30px rgba(0,0,0,.0980392)
    }

    .c-overview__link {
        font-size: 1.1em
    }

    .title-component.news>h1 {
        font-size: 60px
    }

    .title-component.news {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 1200px
    }

    .c-date__datetime {
        font-size: 1.625em
    }

    .component.c-date {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 1200px
    }

    .c-benefit {
        margin: 0;
        padding-top: 0
    }

    .c-benefit__category {
        height: 100vh;
        padding: 0;
        min-height: 100vh;
        height: auto;
        padding: 7.75em 0 4.25em
    }

    .c-benefit__category:first-child .c-benefit__feature--first-feature .c-benefit__feature-text {
        max-width: 60%!important
    }

    .c-benefit__heading.highlight>span:before {
        left: 0;
        transform: none
    }

    .c-benefit__heading {
        margin-bottom: 1.25em;
        font-size: 60px;
        text-align: left;
        line-height: 76px
    }

    .c-benefit__feature-container[data-display=ktm-hqv-mobile],.c-benefit__image {
        display: none
    }

    .c-benefit__feature-container[data-display=hqv-desktop] {
        display: block
    }

    .c-benefit__features {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        position: relative
    }

    .c-benefit__feature,.c-benefit__features--centered {
        justify-content: center
    }

    .c-benefit__feature {
        display: flex;
        align-items: flex-start;
        padding: 0;
        position: relative;
        flex: 0 0 25%;
        flex-basis: 33%;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 3.5em;
        padding: 0 3em 0 5em
    }

    .c-benefit__feature:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 8px;
        height: 100%;
        background-image: url(../images/husqvarna-vertical-brush.svg);
        background-repeat: no-repeat;
        background-size: cover
    }

    .c-benefit__feature--first-feature {
        flex: 0 0 100%;
        flex-direction: row;
        transform: translateX(-30px);
        margin-bottom: 6.5em;
        padding: 0
    }

    .c-benefit__feature--first-feature:after {
        display: none
    }

    .c-benefit__feature--first-feature .c-benefit__benefit-image,.c-benefit__feature--first-feature .c-benefit__detail-image {
        display: block;
        margin: 0
    }

    .c-benefit__feature--first-feature .c-benefit__benefit-image img,.c-benefit__feature--first-feature .c-benefit__detail-image img {
        width: 100%;
        height: auto
    }

    .c-benefit__feature--first-feature .c-benefit__feature-image {
        display: none
    }

    .c-benefit__feature--first-feature .c-benefit__feature-content-body {
        display: flex
    }

    .c-benefit__feature--first-feature .c-benefit__feature-content {
        margin-left: 2em;
        padding-top: 2em
    }

    .c-benefit__feature--first-feature .c-benefit__feature-content-body {
        flex-direction: column
    }

    .c-benefit__feature--first-feature .c-benefit__detail-image {
        height: 200px;
        margin: 25px auto 0
    }

    .c-benefit__feature--first-feature .c-benefit__detail-image img {
        width: auto;
        height: 100%
    }

    .c-benefit__feature-image {
        width: 100%;
        max-width: 100%;
        margin: 0 3em 1.5em 0
    }

    .c-benefit__feature-content {
        width: 100%;
        max-width: 400px
    }

    .c-benefit__feature-name {
        font-size: 20px;
        text-align: left
    }

    .c-benefit__feature-text {
        text-align: left
    }

    .c-benefit__feature-heading {
        text-align: center;
        margin-bottom: 1.5em;
        font-size: 26px;
        text-align: left
    }

    .c-benefit .glider--hqv-active .c-benefit__feature {
        flex: initial;
        flex-basis: auto
    }

    .c-benefit .glider--hqv-active .glide__arrows {
        display: block
    }

    .c-benefit .glider--hqv-active .glide__arrows .arrow--left {
        bottom: 0;
        left: 50%!important;
        transform: rotate(180deg) translate(150%,-50px);
        transform: rotate(180deg) translate(150%,-49px)
    }

    .c-benefit .glider--hqv-active .glide__arrows .arrow--right {
        top: 100%;
        right: 50%!important;
        transform: translate(150%,50px)
    }

    .c-benefit .glider .glide__bullet-bar {
        width: 38px
    }

    .c-benefit .glider .glide__arrows .arrow--left {
        left: -25px
    }

    .c-benefit .glider .glide__arrows .arrow--right {
        right: -25px
    }

    .c-cta-bar {
        position: absolute;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        display: block;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    .c-cta-bar__button {
        border-top: 0
    }

    .c-cta-bar__button:before {
        content: attr(data-label);
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: -1;
        transform: translate(100%,-50%);
        opacity: 0;
        padding-right: 10px;
        font-size: 16px;
        white-space: nowrap;
        transition: all .3s ease-in-out;
        pointer-events: none
    }

    .c-cta-bar__button-wrapper {
        justify-content: flex-end;
        margin-bottom: 5px
    }

    .c-cta-bar__button-wrapper i {
        background: #fff;
        padding: 11px;
        border: 1px solid
    }

    .c-cta-bar__button-wrapper .icon-precent-wrapper {
        border: 1px solid;
        background-color: #fff
    }

    .c-cta-bar__button-wrapper .icon-precent-wrapper:hover {
        border-color: #273a60
    }

    .c-cta-bar__button-wrapper .icon-location,.c-cta-bar__button-wrapper .icon-precent-wrapper,.c-cta-bar__button-wrapper .icon-wheel {
        visibility: visible;
        opacity: 1;
        display: block
    }

    .c-cta-bar__button-label {
        visibility: hidden;
        opacity: 0;
        display: none
    }

    .js-fixed-sidebar {
        position: fixed;
        top: 50%;
        transform: translateY(-50%)
    }

    body {
        font: 300 16px/1.62 helvetica-neue
    }

    h1 {
        font: 500 80px/1.2 helvetica-neue
    }

    h2 {
        font: 500 60px/1.27 helvetica-neue
    }

    .vehicleStageSlider .glide__content-headline--main,h3 {
        font: 500 40px/1.4 helvetica-neue
    }

    h4 {
        font: 500 26px/1.61 helvetica-neue
    }

    h5 {
        font: 500 18px/1.89 helvetica-neue
    }

    .vehicleStageSlider .glide__content-headline--sub,.vehicleStageSlider .glide__scroll-action p,h6 {
        font: 500 16px/2 helvetica-neue
    }

    .vehicleStageSlider .glide__content-container {
        max-width: 1640px;
        align-items: flex-end;
        margin-left: auto;
        margin-right: auto;
        justify-content: flex-end;
        padding: 150px 30px 40px
    }

    .vehicleStageSlider .glide__content-text {
        max-width: 50%;
        height: auto;
        text-align: left
    }

    .vehicleStageSlider .c-btn:first-child {
        margin-bottom: 0;
        margin-right: 35px
    }

    .vehicleStageSlider .c-btn__link {
        font-size: 22px
    }

    .maininfo--background:after {
        width: calc(58.33335% - 5px);
        background-image: url(../images/norden-background.png)
    }

    .maininfo--expedition-background:after {
        width: calc(58.33335% - 5px);
        background-image: url(../images/norden-exp-background.png)
    }

    .models {
        padding-top: 144px
    }

    .models__row-reverse {
        flex-direction: row-reverse
    }

    .models__row-reverse .col-lg-5 {
        position: relative;
        padding-left: 8.33333%;
        padding-right: 2.5em
    }

    .models__row-reverse .col-lg-5:after {
        top: 0;
        z-index: -1;
        height: 100%
    }

    .models__row-reverse .col-lg-5--top-col:before,.models__row-reverse .col-lg-5:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: calc(100% + 30px);
        background-color: #f2f2f2
    }

    .models__row-reverse .col-lg-5--top-col:before {
        top: -144px;
        height: 144px
    }

    .models__row-reverse .col-lg-5--bottom-col:before {
        content: "";
        display: block;
        position: absolute;
        bottom: -120px;
        left: 0;
        width: calc(100% + 30px);
        height: 120px;
        background-color: #f2f2f2
    }

    .models__reverse-col-offset-lg {
        margin-left: 8.33333%
    }

    .models__heading {
        padding: 0 0 .5em;
        text-align: left;
        font-size: 50px
    }

    @-moz-document url-prefix() {
    }

    @-moz-document url-prefix() {
    }

    .models__manufacturer-info {
        display: none
    }

    .models__description {
        display: none
    }

    .models__description--desktop-only {
        display: block;
        margin-top: 0;
        padding: 1em 0 0;
        text-align: left
    }

    .models__actions--desktop {
        display: flex;
        justify-content: flex-end;
        height: 100%
    }

    .models__actions--mobile,.models__mobile-actions {
        display: none
    }

    .models__actions-list {
        text-align: right;
        padding-top: 20px;
        justify-content: flex-start;
        width: 100%;
        text-align: left
    }

    .models__action-list-item--desktop:last-child {
        margin-left: auto
    }

    .models__variants-list {
        margin-top: 3.75em
    }

    .models__slide-index {
        font-family: helvetica-neue;
        font-weight: 400;
        display: inline-block;
        position: absolute;
        bottom: 1em;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
        font-size: 12px;
        line-height: 15px
    }

    .models .glider {
        margin: 0
    }

    .models .glider .glide__bullets {
        display: none
    }

    .models .glider .glide__arrows {
        display: inline-block
    }

    .c-technical-data {
        position: relative;
        margin-top: 3em;
        padding: 6.5em 4em
    }

    .c-technical-data__heading {
        margin-bottom: 137px;
        font-size: 60px;
        text-align: left
    }

    .c-technical-data__image {
        display: block
    }

    .c-technical-data__image--right {
        display: none!important
    }

    .c-technical-data__image-container--left {
        top: -9.5em;
        left: 0;
        transform: translateX(-60px)
    }

    .c-technical-data__image-container--left-open {
        top: 0
    }

    .c-technical-data__backdrop {
        position: relative;
        background-color: #f2f2f2
    }

    .c-technical-data__backdrop--top:before {
        content: "";
        display: block;
        position: absolute;
        top: -6.5em;
        left: 0;
        width: 100%;
        height: 6.5em;
        background-color: #f2f2f2
    }

    .c-technical-data__backdrop--top:after {
        content: "";
        display: block;
        position: absolute;
        top: -9.5em;
        left: 0;
        width: 100%;
        height: 3em;
        background-color: #fff
    }

    .c-technical-data__group {
        padding: 0 1em 0 0;
        border-top: none
    }

    .c-technical-data__group--last {
        border-bottom: none
    }

    .c-technical-data__group-heading {
        margin-bottom: 1.5em;
        padding-bottom: 0;
        font-size: 26px;
        text-align: left;
        cursor: auto
    }

    .c-technical-data__group-heading--open+ul {
        padding-bottom: 0
    }

    .c-technical-data__list {
        display: table
    }

    .c-technical-data__list li.c-technical-data__list-item--hidden {
        display: none
    }

    .c-technical-data__list-label {
        padding-bottom: 1.5em;
        font-size: 18px
    }

    .c-technical-data__list-value {
        padding: 0 0 1.5em 2.5em
    }

    .c-technical-data__show-all-container {
        margin-top: 2em
    }

    .c-technical-data__show-all {
        font-family: helvetica-neue;
        font-weight: 400;
        display: inline-block;
        position: relative;
        background-color: transparent;
        padding: 5px 0 0;
        border: none;
        outline: none;
        color: #273a60;
        font-size: 18px;
        text-transform: uppercase;
        cursor: pointer
    }

    .c-technical-data__row-backdrop:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        height: 6.5em;
        background-color: #f2f2f2
    }

    .c-preorder-form__checkbox-label {
        margin-left: 1.11111em
    }

    .c-preorder-form__group {
        margin-bottom: 1.66667em
    }

    .c-stage-image .glide__content-container--right .glide__content-text {
        text-align: right!important
    }

    .c-stage-image .glide__content-container--right .glide__content-text .c-btn {
        text-align: center!important
    }

    h1.rte-30-years-duke {
        font-size: 48px
    }

    h2.rte-30-years-duke {
        font-size: 41px
    }

    h3.rte-30-years-duke {
        font-size: 29px
    }

    h4.rte-30-years-duke {
        font-size: 20px
    }

    h5.rte-30-years-duke,h6.rte-30-years-duke {
        font-size: 17px
    }

    .container,.container-lg,.container-md,.container-sm {
        max-width: 1200px
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .c-footer {
        font: 300 16px/1.62 helvetica-neue
    }

    .c-footer__title {
        cursor: auto
    }

    .c-footer__title i {
        display: none
    }

    .c-footer nav {
        padding: 88px 0 0;
        display: flex;
        justify-content: space-between
    }

    .c-footer__col h3 {
        cursor: auto
    }

    .c-footer__col h3 i {
        display: none
    }

    .c-footer__col ul {
        padding-top: 15px
    }

    .c-footer__col ul li {
        display: block
    }

    .c-footer__icons {
        max-width: 25%
    }

    .c-footer__icons ul {
        justify-content: start;
        margin-left: -15px;
        margin-right: -15px
    }

    .c-footer__icons ul li a img {
        height: 25px;
        padding-left: 14px;
        padding-right: 14px
    }

    .c-footer__legal-text {
        display: flex;
        justify-content: space-between
    }

    .c-footer__legal-text p {
        text-align: left
    }

    .c-footer__legal-text .back-to-top {
        padding-top: 0;
        padding-left: 20px
    }
}

@media (min-width: 1200px) {
    .device-selector-wrapper .device-xl {
        display:block!important
    }

    .component {
        margin-bottom: 80px
    }

    body .container {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 1640px
    }

    .title-component.news {
        max-width: 1640px
    }

    .component.c-date,.title-component.news {
        padding-left: 30px;
        padding-right: 30px
    }

    .component.c-date {
        max-width: 1640px
    }

    .c-benefit__feature--first-feature .c-benefit__feature-content {
        margin-left: 4em
    }

    .c-benefit__feature-image {
        max-width: 100%;
        margin-right: 8em
    }

    .c-benefit__feature-content {
        max-width: 551px
    }

    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width: 1640px
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
}

@media (max-width: 575.98px) {
    .device-selector-wrapper .device-xs {
        display:block!important
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    .device-selector-wrapper .device-sm {
        display:block!important
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .device-selector-wrapper .device-md {
        display:block!important
    }

    .c-stage-image .glide__content-buttons .c-btn__link:not(:last-child) {
        margin-bottom: 20px
    }

    .c-stage-image .glide__content-text {
        justify-content: flex-end
    }

    .c-stage-video .c-stage-image .glide__content-text .glide__content-buttons .c-btn .c-btn__link:not(:last-child) {
        margin-bottom: 20px
    }

    .vehicleStageSlider .glide__content-text {
        padding-bottom: 65px
    }
}

@media (-ms-high-contrast:none) {

    .c-cta-bar {
        max-width: 20%;
        height: 0
    }
}

@media (max-width: 767.98px) {

    .c-video-content__poster {
        justify-content: center
    }

    .c-video-content__poster i {
        font-size: 5em
    }

    .c-stage-image .glide__content-buttons .c-btn__link {
        font-size: 18px
    }

    .c-stage-image .glide__content-buttons .c-btn__link:not(:last-child),.c-stage-video .c-stage-image .glide__content-text .glide__content-buttons .c-btn .c-btn__link:not(:last-child) {
        margin-bottom: 13px
    }

    .c-model-list__button {
        line-height: 20px;
        font-size: 20px
    }

    .c-overview {
        padding-left: 20px!important
    }

    .component.c-date {
        margin-top: 18px
    }

    .vehicleStageSlider .glide__scroll-action {
        bottom: 20px
    }

    .vehicleStageSlider .glide__content-text {
        padding-bottom: 15px
    }

    .stageSlider--publish .glide__bullets {
        bottom: 80px
    }

    .c-text__table tr th {
        white-space: nowrap
    }

    h1.rte-30-years-duke,h2.rte-30-years-duke,h3.rte-30-years-duke,h4.rte-30-years-duke,h5.rte-30-years-duke,h6.rte-30-years-duke {
        line-height: 1.06!important
    }
}

@media (max-width: 991.98px) {

    .c-btn__link--primary-dark-icon:hover {
        margin-right: 0
    }

    .c-video-content__poster h2 {
        font-size: 24px
    }

    .cmp-accordion>.cmp-accordion__item .cmp-accordion__header .cmp-accordion__title {
        display: blocK
    }

    .cmp-accordion>.cmp-accordion__item .cmp-accordion__header .cmp-accordion__title:after {
        right: 10px;
        top: -2px
    }

    .cmp-accordion .cmp-accordion .cmp-accordion__item {
        padding-top: 16px
    }

    .cmp-accordion .cmp-accordion .cmp-accordion__header .cmp-accordion__title {
        display: blocK
    }

    .cmp-accordion .cmp-accordion .cmp-accordion__header .cmp-accordion__title:after {
        right: 10px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .c-stage-image .glide__content-image img {
        width: 100vw
    }

    .c-stage-image .glide__content-container {
        align-items: end;
        flex-direction: row;
        justify-content: center
    }

    .c-stage-image .glide__content-headline--sub {
        font-size: 14px!important
    }

    .c-stage-image .glide__content-headline--main {
        font-size: 30px!important
    }

    .c-stage-video .c-stage-image .glide__content-text .glide__content-buttons .c-btn {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .c-icon-list-container .c-icon-list-wrapper {
        padding: 42px 0
    }

    .c-icon-list-container .c-icon-list-wrapper .c-icon-list {
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        margin-left: 20px
    }

    .c-cta-bar__button {
        background: #000;
        flex: 1 0 auto;
        position: relative;
        max-height: 80px;
        transition: all .3s ease-in-out;
        background-color: #fff;
        font-family: helvetica-neue;
        font-weight: 300
    }

    .c-cta-bar__button:hover .c-cta-bar__button-wrapper i,.c-cta-bar__button:hover .c-cta-bar__button-wrapper span {
        color: #ffed00
    }

    .c-cta-bar__button:hover {
        background: #273a60
    }

    .c-cta-bar__button:not(:last-child) {
        border-right: 1px solid #f7f7f7
    }

    .c-cta-bar__button:after {
        content: "";
        display: block;
        padding-top: 100%
    }

    .c-cta-bar__button-wrapper {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        justify-content: center
    }

    .c-cta-bar__button-wrapper span {
        display: none;
        display: block
    }

    .vehicleStageSlider .glide__content-image {
        height: calc(100vh - 240px)
    }

    .models__price-note-loadmore__expanded {
        font-weight: 900
    }

    .models__finance {
        display: flex;
        justify-content: center
    }

    .models__description {
        padding: 1em 1.5em 0
    }

    .stageSlider--publish .glide__content-buttons {
        margin-bottom: 50px
    }
}

@media (max-width: 1149.98px) {

    .c-model-list__button {
        padding: 14px 30px
    }
}

@media (min-width: 768px) and (max-width:1149.98px) {

    .c-overview {
        padding-left: 30px!important
    }
}

@media (min-width: 1680px) {
    .c-stage-image .glide__content-container.component-fullwidth--padded-lg {
        width:100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1680px) and (min-width:576px) {
    .c-stage-image .glide__content-container.component-fullwidth--padded-lg {
        padding-left:10px;
        padding-right: 10px;
        max-width: 768px
    }
}

@media (min-width: 1680px) and (min-width:768px) {
    .c-stage-image .glide__content-container.component-fullwidth--padded-lg {
        padding-left:20px;
        padding-right: 20px;
        max-width: 992px
    }
}

@media (min-width: 1680px) and (min-width:992px) {
    .c-stage-image .glide__content-container.component-fullwidth--padded-lg {
        padding-left:30px;
        padding-right: 30px;
        max-width: 1200px
    }
}

@media (min-width: 1680px) and (min-width:1200px) {
    .c-stage-image .glide__content-container.component-fullwidth--padded-lg {
        padding-left:30px;
        padding-right: 30px;
        max-width: 1640px
    }
}

@media (min-width: 992px) and (min-height:660px) {
    .c-stage-video .icon-play {
        bottom:15vh
    }
}

@media (min-width: 992px) and (min-height:950px) {
    .c-stage-video .icon-play {
        bottom:25vh
    }
}

@media (min-width: 1700px) {
    .c-icon-list-container .c-icon-list-wrapper .c-icon-list {
        justify-content:center;
        flex-wrap: nowrap
    }
}

@media (min-width: 992px) and (-ms-high-contrast:active),(min-width:992px) and (-ms-high-contrast:none) {
    .c-benefit__feature {
        display:block
    }

    .c-benefit__feature--first-feature {
        display: flex
    }
}

@media (min-width: 1640px) {
    .c-benefit__feature--first-feature {
        transform:translateX(calc(-100vw + 1610px))
    }

    .models__row-reverse .col-lg-5--bottom-col:before,.models__row-reverse .col-lg-5--top-col:before,.models__row-reverse .col-lg-5:after {
        width: calc(100% - 790px + 50vw)
    }

    @-moz-document url-prefix() {
    }
}

@media (min-width: 1800px) {
    .c-benefit__feature--first-feature .c-benefit__feature-content {
        margin-left:4em
    }

    .c-benefit__feature--first-feature .c-benefit__feature-content-body {
        flex-direction: row
    }

    .c-benefit__feature--first-feature .c-benefit__feature-text {
        max-width: 24em
    }

    .c-benefit__feature--first-feature .c-benefit__detail-image {
        position: absolute;
        top: 50%;
        left: 100%;
        transform: translate(-33%,-50%);
        width: 400px;
        height: auto;
        margin: 0
    }

    .c-benefit__feature--first-feature .c-benefit__detail-image img {
        width: 100%;
        height: auto
    }
}

@media (max-width: 991.98px) and (min-width:992px) {
    .c-cta-bar__button:not(:last-child) {
        border-right:0
    }

    .c-cta-bar__button-wrapper span {
        display: none
    }
}

@media (min-height: 519px) and (max-width:768px) {
    .vehicleStageSlider .glide__content-image {
        height:calc(100vh - 300px)
    }
}

@media screen and (min-width: 992px) and (min-height:700px) {
    .vehicleStageSlider .glide__content-container {
        padding:150px 30px 100px
    }
}

@media screen and (min-width: 2560px) {
    .vehicleStageSlider .glide__content-container {
        justify-content:center
    }
}

@media screen and (min-width: 1200px) {
    .maininfo--background:after,.maininfo--expedition-background:after {
        width:calc(66.66668% - 10px)
    }
}

@media screen and (min-width: 1500px) {
    .maininfo--background:after,.maininfo--expedition-background:after {
        width:65vw
    }
}

@media screen and (max-width: 575px) {
    .models {
        padding-top:0
    }
}
.fluidimage{
  position: absolute;
  top: 50% !important;
  left: 50% !important;  
  transform: translate(-50%, -50%) !important;
}.aem-Grid {
    display: block;
    width: 100%
}

.aem-Grid::before,.aem-Grid::after {
    display: table;
    content: " "
}

.aem-Grid::after {
    clear: both
}

.aem-GridColumn {
    box-sizing: border-box;
    clear: both
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 12.5%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 62.5%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 8.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 41.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 16.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 66.66666667%
}

.aem-Grid.aem-Grid--default--6>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 83.33333333%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 12.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 37.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 62.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 75%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 87.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 12.5%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 25%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 50%
}

.aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 62.5%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--1 {
    float: left;
    clear: none;
    width: 8.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--3 {
    float: left;
    clear: none;
    width: 25%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--4 {
    float: left;
    clear: none;
    width: 33.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--5 {
    float: left;
    clear: none;
    width: 41.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--6 {
    float: left;
    clear: none;
    width: 50%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--7 {
    float: left;
    clear: none;
    width: 58.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--8 {
    float: left;
    clear: none;
    width: 66.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--10 {
    float: left;
    clear: none;
    width: 83.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--11 {
    float: left;
    clear: none;
    width: 91.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--default--12 {
    float: left;
    clear: none;
    width: 100%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--0 {
    margin-left: 0
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--1 {
    margin-left: 8.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--2 {
    margin-left: 16.66666667%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--4 {
    margin-left: 33.33333333%
}

.aem-Grid.aem-Grid--default--12>.aem-GridColumn.aem-GridColumn--offset--default--5 {
    margin-left: 41.66666667%
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--none {
    display: block;
    clear: none !important;
    float: left
}

.aem-Grid>.aem-GridColumn.aem-GridColumn--default--hide {
    display: none
}

@media(max-width: 767px) {

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--6>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 50%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--8>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--phone--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--4 {
        float: left;
        clear: none;
        width: 33.33333333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--8 {
        float: left;
        clear: none;
        width: 66.66666667%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--10 {
        float: left;
        clear: none;
        width: 83.33333333%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--phone--12 {
        float: left;
        clear: none;
        width: 100%
    }

    .aem-Grid.aem-Grid--phone--12>.aem-GridColumn.aem-GridColumn--offset--phone--0 {
        margin-left: 0
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--none {
        display: block;
        clear: none !important;
        float: left
    }

    .aem-Grid>.aem-GridColumn.aem-GridColumn--phone--hide {
        display: none
    }
}

@media(min-width: 768px) and (max-width:991px) {

    .aem-Grid.aem-Grid--12>.aem-GridColumn.aem-GridColumn--tablet--12 {
        float: left;
        clear: none;
        width: 100%
    }
}

.aem-GridColumn {
    padding: 0
}

.responsivegrid.aem-GridColumn {
    padding-left: 0;
    padding-right: 0
}