/* ACHTUNG ES WURDE WAS ANGEPASST --> original style-before-2025.css */
/* TODO sourcefiles? Aktuell nur media-query breakpoints geändert */
body {
    margin: 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

a {
    background-color: transparent
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%
}

body {
    position: relative;
    overflow-x: hidden
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    font-weight: 400
}

h1, h2, h3, h4, h5, h6, li, p, small {
    display: block;
    margin: 0
}

ol, ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    height: auto
}

figure {
    margin: 0
}

a, button, input {
    -ms-touch-action: none !important
}

blockquote {
    margin: 0
}

input {
    border-radius: 0
}

input[type=radio] {
    -webkit-appearance: radio
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

textarea {
    resize: none
}

select {
    border-radius: 0
}

input::-ms-clear {
    display: none
}

input[type=search], input[type=text], textarea {
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

picture {
    display: block
}

address {
    font-style: normal
}

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

b, strong {
    font-weight: 400
}

em, i {
    font-style: normal
}

button:not(:focus) {
    outline: 0
}

.no-outline a, .no-outline button, .no-outline input, .no-outline label, .no-outline option, .no-outline select, .no-outline textarea {
    outline: none !important
}

body:after {
    display: none;
    position: relative;
    z-index: 1
}

@media (min-width: 440px) {
    body:after {
        content: "s";
        z-index: 440
    }
}

@media (min-width: 600px) {
    body:after {
        content: "sp";
        z-index: 600
    }
}

@media (min-width: 1000px) {
    body:after {
        content: "m";
        z-index: 750
    }
}

@media (min-width: 1300px) {
    body:after {
        content: "mp";
        z-index: 980
    }
}

@media (min-width: 1200px) {
    body:after {
        content: "l";
        z-index: 1200
    }
}

@media (min-width: 1420px) {
    body:after {
        content: "lp";
        z-index: 1420
    }
}

@media (min-width: 1800px) {
    body:after {
        content: "xl";
        z-index: 1800
    }
}

@-webkit-keyframes a {
    0% {
        top: 0
    }
    33% {
        top: -4px
    }
    66% {
        top: 3px
    }
    to {
        top: 0
    }
}

@keyframes a {
    0% {
        top: 0
    }
    33% {
        top: -4px
    }
    66% {
        top: 3px
    }
    to {
        top: 0
    }
}

@-webkit-keyframes b {
    0% {
        left: 0
    }
    33% {
        left: -4px
    }
    66% {
        left: 3px
    }
    to {
        left: 0
    }
}

@keyframes b {
    0% {
        left: 0
    }
    33% {
        left: -4px
    }
    66% {
        left: 3px
    }
    to {
        left: 0
    }
}

@font-face {
    font-family: BatonTurbo;
    font-weight: 400;
    font-style: normal;
    src: url(/assets/fonts/BatonTurboWeb-Regular.woff2) format("woff2"), url(/assets/fonts/BatonTurboWeb-Regular.woff) format("woff")
}

@font-face {
    font-family: BatonTurbo;
    font-weight: 400;
    font-style: italic;
    src: url(/assets/fonts/BatonTurboWeb-RegularItalic.woff2) format("woff2"), url(/assets/fonts/BatonTurboWeb-RegularItalic.woff) format("woff")
}

@font-face {
    font-family: BatonTurbo;
    font-weight: 500;
    font-style: normal;
    src: url(/assets/fonts/BatonTurboWeb-Medium.woff2) format("woff2"), url(/assets/fonts/BatonTurboWeb-Medium.woff) format("woff")
}

@font-face {
    font-family: BatonTurbo;
    font-weight: 500;
    font-style: italic;
    src: url(/assets/fonts/BatonTurboWeb-MediumItalic.woff2) format("woff2"), url(/assets/fonts/BatonTurboWeb-MediumItalic.woff) format("woff")
}

@font-face {
    font-family: BatonTurbo;
    font-weight: 300;
    font-style: normal;
    src: url(/assets/fonts/BatonTurboWeb-Book.woff2) format("woff2"), url(/assets/fonts/BatonTurboWeb-Book.woff) format("woff")
}

@font-face {
    font-family: BatonTurbo;
    font-weight: 300;
    font-style: italic;
    src: url(/assets/fonts/BatonTurboWeb-BookItalic.woff2) format("woff2"), url(/assets/fonts/BatonTurboWeb-BookItalic.woff) format("woff")
}

@font-face {
    font-family: BatonTurbo;
    font-weight: 700;
    font-style: normal;
    src: url(/assets/fonts/BatonTurboWeb-Book.woff2) format("woff2"), url(/assets/fonts/BatonTurboWeb-Book.woff) format("woff")
}

@font-face {
    font-family: BatonTurbo;
    font-weight: 700;
    font-style: italic;
    src: url(/assets/fonts/BatonTurboWeb-BoldItalic.woff2) format("woff2"), url(/assets/fonts/BatonTurboWeb-BoldItalic.woff) format("woff")
}

@font-face {
    font-family: BatonTurbo;
    font-weight: 800;
    font-style: normal;
    src: url(/assets/fonts/BatonTurboWeb-Book.woff2) format("woff2"), url(/assets/fonts/BatonTurboWeb-Book.woff) format("woff")
}

@font-face {
    font-family: BatonTurbo;
    font-weight: 800;
    font-style: italic;
    src: url(/assets/fonts/BatonTurboWeb-HeavyItalic.woff2) format("woff2"), url(/assets/fonts/BatonTurboWeb-HeavyItalic.woff) format("woff")
}

@font-face {
    font-family: Lyon;
    font-weight: 400;
    font-style: normal;
    src: url(/assets/fonts/LyonDisplay-Regular-Web.woff2) format("woff2"), url(/assets/fonts/LyonDisplay-Regular-Web.woff) format("woff")
}

@font-face {
    font-family: Lyon;
    font-weight: 400;
    font-style: italic;
    src: url(/assets/fonts/LyonDisplay-RegularItalic-Web.woff2) format("woff2"), url(/assets/fonts/LyonDisplay-RegularItalic-Web.woff) format("woff")
}

body {
    font-family: BatonTurbo;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625;
    color: #000
}

@media (min-width: 1000px) {
    body {
        font-size: 16px;
        line-height: 30px
    }
}

@media (min-width: 1200px) {
    body {
        font-size: 18px;
        line-height: 32px
    }
}

body.is-404 {
    background: #f5d050
}

.lazyload, .lazyloading {
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94)
}

.no-js img.lazyload {
    display: none
}

.wysiwyg ol, .wysiwyg p, .wysiwyg ul {
    margin-bottom: 1.625em
}

.wysiwyg h2:last-child, .wysiwyg h3:last-child, .wysiwyg p:last-child {
    margin-bottom: 0
}

.wysiwyg em {
    font-style: italic
}

.wysiwyg strong {
    font-weight: 500
}

@media (min-width: 1200px) {
    .wysiwyg h2 + h3 {
        padding-top: 20px
    }
}

.wysiwyg a {
    border-bottom: 1px solid #000;
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

.wysiwyg a:hover {
    opacity: .5
}

.wysiwyg ul {
    list-style: square;
    margin-left: 18px
}

.wysiwyg ol {
    list-style: decimal;
    margin-left: 18px
}

.wysiwyg li {
    display: list-item;
    padding-left: 10px
}

.g-wrap {
    *zoom: 1;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1340px;
    padding-left: 24px;
    padding-right: 24px
}

.g-wrap:after, .g-wrap:before {
    content: "";
    display: table
}

.g-wrap:after {
    clear: both
}

.g-wrap--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.g-wrap--flex:after, .g-wrap--flex:before {
    display: none
}

.g-col {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px
}

.g-col--has-sub {
    padding-left: 0 !important;
    padding-right: 0 !important;
    *zoom: 1
}

.g-col--has-sub:after, .g-col--has-sub:before {
    content: "";
    display: table
}

.g-col--has-sub:after {
    clear: both
}

.g-1 {
    width: 16.66667% !important;
    float: left
}

.g-push-1 {
    margin-left: 16.66667% !important
}

.g-2 {
    width: 33.33333% !important
}

.g-2, .g-3 {
    float: left
}

.g-3 {
    width: 50% !important
}

.g-4 {
    width: 66.66667% !important
}

.g-4, .g-5 {
    float: left
}

.g-5 {
    width: 83.33333% !important
}

.g-6 {
    width: 100% !important;
    float: left
}

.g-right {
    float: right !important;
    margin-left: auto !important
}

@media (min-width: 440px) {
    .g-wrap {
        max-width: 1340px;
        padding-left: 24px;
        padding-right: 24px
    }

    .g-col {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media (min-width: 600px) {
    .g-wrap {
        max-width: 1340px;
        padding-left: 24px;
        padding-right: 24px
    }

    .g-col {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media (min-width: 1000px) {
    .g-wrap {
        max-width: 1360px;
        padding-left: 30px;
        padding-right: 30px
    }

    .g-col {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1300px) {
    .g-wrap {
        max-width: 1360px;
        padding-left: 30px;
        padding-right: 30px
    }

    .g-col {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1200px) {
    .g-wrap {
        max-width: 1440px;
        padding-left: 61px;
        padding-right: 61px
    }

    .g-col {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media (min-width: 1420px) {
    .g-wrap {
        max-width: 1440px;
        padding-left: 61px;
        padding-right: 61px
    }

    .g-col {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media (min-width: 1800px) {
    .g-wrap {
        max-width: 1440px;
        padding-left: 61px;
        padding-right: 61px
    }

    .g-col {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media (min-width: 600px) {
    .g-3\@sp {
        width: 50% !important;
        float: left
    }

    .g-right\@sp {
        float: right !important;
        margin-left: auto !important
    }
}

@media (min-width: 1000px) {
    .g-push-0\@m {
        margin-left: 0 !important
    }

    .g-push-1\@m {
        margin-left: 12.5% !important
    }

    .g-2\@m {
        width: 25% !important;
        float: left
    }

    .g-push-2\@m {
        margin-left: 25% !important
    }

    .g-3\@m {
        width: 37.5% !important;
        float: left
    }

    .g-push-3\@m {
        margin-left: 37.5% !important
    }

    .g-4\@m {
        width: 50% !important;
        float: left
    }

    .g-5\@m {
        width: 62.5% !important;
        float: left
    }

    .g-6\@m {
        width: 75% !important;
        float: left
    }

    .g-7\@m {
        width: 87.5% !important;
        float: left
    }

    .g-right\@m {
        float: right !important;
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .g-push-0\@mp {
        margin-left: 0 !important
    }

    .g-push-1\@mp {
        margin-left: 12.5% !important
    }

    .g-2\@mp {
        width: 25% !important;
        float: left
    }

    .g-push-2\@mp {
        margin-left: 25% !important
    }

    .g-3\@mp {
        width: 37.5% !important;
        float: left
    }

    .g-4\@mp {
        width: 50% !important;
        float: left
    }

    .g-5\@mp {
        width: 62.5% !important;
        float: left
    }

    .g-6\@mp {
        width: 75% !important;
        float: left
    }
}

@media (min-width: 1200px) {
    .g-push-0\@l {
        margin-left: 0 !important
    }

    .g-push-1\@l {
        margin-left: 12.5% !important
    }

    .g-2\@l {
        width: 25% !important;
        float: left
    }

    .g-3\@l {
        width: 37.5% !important;
        float: left
    }

    .g-4\@l {
        width: 50% !important;
        float: left
    }

    .g-5\@l {
        width: 62.5% !important;
        float: left
    }

    .g-6\@l {
        width: 75% !important;
        float: left
    }
}

@media (min-width: 1420px) {
    .g-push-0\@lp {
        margin-left: 0 !important
    }

    .g-push-1\@lp {
        margin-left: 12.5% !important
    }

    .g-2\@lp {
        width: 25% !important;
        float: left
    }

    .g-3\@lp {
        width: 37.5% !important;
        float: left
    }

    .g-5\@lp {
        width: 62.5% !important;
        float: left
    }
}

.objectfit .u-objectfit {
    width: 100%;
    height: 100%
}

.objectfit .u-objectfit--cover {
    -o-object-fit: cover;
    object-fit: cover
}

.u-fill {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.u-top {
    top: 0
}

.u-left {
    left: 0
}

.u-right {
    right: 0
}

.u-bottom {
    bottom: 0
}

.fw-book {
    font-weight: 300
}

.fw-normal {
    font-weight: 400
}

.fs-12 {
    font-size: 12px
}

.fs-14 {
    font-size: 14px
}

.fs-15 {
    font-size: 15px
}

.fs-16 {
    font-size: 16px
}

.fs-18 {
    font-size: 18px
}

.fs-20 {
    font-size: 20px
}

.fs-23 {
    font-size: 23px
}

.fs-25 {
    font-size: 25px
}

.fs-30 {
    font-size: 30px
}

.fs-35 {
    font-size: 35px
}

.fs-40 {
    font-size: 40px
}

.fs-50 {
    font-size: 50px
}

@media (min-width: 1000px) {
    .fs-12\@m {
        font-size: 12px
    }

    .fs-14\@m {
        font-size: 14px
    }

    .fs-16\@m {
        font-size: 16px
    }

    .fs-18\@m {
        font-size: 18px
    }

    .fs-20\@m {
        font-size: 20px
    }

    .fs-23\@m {
        font-size: 23px
    }

    .fs-30\@m {
        font-size: 30px
    }

    .fs-35\@m {
        font-size: 35px
    }

    .fs-40\@m {
        font-size: 40px
    }

    .fs-50\@m {
        font-size: 50px
    }

    .fs-60\@m {
        font-size: 60px
    }
}

@media (min-width: 1300px) {
    .fs-14\@mp {
        font-size: 14px
    }

    .fs-16\@mp {
        font-size: 16px
    }
}

@media (min-width: 1200px) {
    .fs-16\@l {
        font-size: 16px
    }

    .fs-18\@l {
        font-size: 18px
    }

    .fs-20\@l {
        font-size: 20px
    }

    .fs-25\@l {
        font-size: 25px
    }

    .fs-30\@l {
        font-size: 30px
    }

    .fs-40\@l {
        font-size: 40px
    }

    .fs-45\@l {
        font-size: 45px
    }

    .fs-50\@l {
        font-size: 50px
    }

    .fs-60\@l {
        font-size: 60px
    }

    .fs-80\@l {
        font-size: 80px
    }
}

.ff-serif {
    font-family: Lyon
}

.fstyle-i {
    font-style: italic
}

.tt-u {
    text-transform: uppercase
}

.ta-c {
    text-align: center
}

.ta-r {
    text-align: right
}

@media (min-width: 1300px) {
    .ta-l\@mp {
        text-align: left
    }
}

.ls-3 {
    letter-spacing: .03em
}

.ws-nowrap {
    white-space: nowrap
}

.lh-12 {
    line-height: 12px
}

.lh-20 {
    line-height: 20px
}

.lh-24 {
    line-height: 24px
}

.lh-26 {
    line-height: 26px
}

.lh-28 {
    line-height: 28px
}

.lh-30 {
    line-height: 30px
}

.lh-32 {
    line-height: 32px
}

.lh-35 {
    line-height: 35px
}

.lh-40 {
    line-height: 40px
}

.lh-45 {
    line-height: 45px
}

.lh-50 {
    line-height: 50px
}

.lh-70 {
    line-height: 70px
}

@media (min-width: 1000px) {
    .lh-14\@m {
        line-height: 14px
    }

    .lh-22\@m {
        line-height: 22px
    }

    .lh-24\@m {
        line-height: 24px
    }

    .lh-26\@m {
        line-height: 26px
    }

    .lh-28\@m {
        line-height: 28px
    }

    .lh-30\@m {
        line-height: 30px
    }

    .lh-32\@m {
        line-height: 32px
    }

    .lh-33\@m {
        line-height: 33px
    }

    .lh-40\@m {
        line-height: 40px
    }

    .lh-45\@m {
        line-height: 45px
    }

    .lh-55\@m {
        line-height: 55px
    }

    .lh-65\@m {
        line-height: 65px
    }

    .lh-75\@m {
        line-height: 75px
    }

    .lh-90\@m {
        line-height: 90px
    }
}

@media (min-width: 1200px) {
    .lh-26\@l {
        line-height: 26px
    }

    .lh-28\@l {
        line-height: 28px
    }

    .lh-30\@l {
        line-height: 30px
    }

    .lh-32\@l {
        line-height: 32px
    }

    .lh-34\@l {
        line-height: 34px
    }

    .lh-35\@l {
        line-height: 35px
    }

    .lh-40\@l {
        line-height: 40px
    }

    .lh-50\@l {
        line-height: 50px
    }

    .lh-65\@l {
        line-height: 65px
    }

    .lh-70\@l {
        line-height: 70px
    }

    .lh-75\@l {
        line-height: 75px
    }

    .lh-100\@l {
        line-height: 100px
    }

    .lh-120\@l {
        line-height: 120px
    }
}

.w-80 {
    width: 80%
}

.w-100 {
    width: 100%
}

@media (min-width: 1000px) {
    .w-a\@m {
        width: auto
    }
}

.h-0 {
    height: 0
}

.h-100 {
    height: 100%
}

@media (min-width: 1000px) {
    .h-a\@m {
        height: auto
    }
}

@media (min-width: 1300px) {
    .h-100\@mp {
        height: 100%
    }
}

.pos-a {
    position: absolute
}

.pos-f {
    position: fixed
}

.pos-r {
    position: relative
}

@media (min-width: 1000px) {
    .pos-a\@m {
        position: absolute
    }

    .pos-f\@m {
        position: fixed
    }

    .pos-r\@m {
        position: relative
    }

    .pos-s\@m {
        position: static
    }
}

.d-b {
    display: block
}

.d-ib {
    display: inline-block
}

.d-f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.d-n {
    display: none
}

@media (min-width: 1000px) {
    .d-b\@m {
        display: block
    }

    .d-ib\@m {
        display: inline-block
    }

    .d-f\@m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .d-n\@m {
        display: none
    }
}

@media (min-width: 1300px) {
    .d-f\@mp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.jc-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jc-fe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.jc-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 1000px) {
    .jc-fe\@m {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width: 1200px) {
    .jc-fe\@l {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.ac-c {
    -ms-flex-line-pack: center;
    align-content: center
}

.ai-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ai-b {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media (min-width: 1000px) {
    .ai-c\@m {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ai-fs\@m {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width: 1300px) {
    .ai-c\@mp {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.as-fs {
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media (min-width: 1000px) {
    .as-c\@m {
        -ms-flex-item-align: center;
        align-self: center
    }
}

.flex-00 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.flex-11 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (min-width: 1300px) {
    .fd-c\@mp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.fwrap-w {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.va-t {
    vertical-align: top
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 1000px) {
    .order-1\@m {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-2\@m {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.overflow-a {
    overflow: auto
}

.overflow-h {
    overflow: hidden
}

@media (min-width: 1000px) {
    .overflow-h\@m {
        overflow: hidden
    }

    .overflow-v\@m {
        overflow: visible
    }
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-80 {
    z-index: 80
}

.z-90 {
    z-index: 90
}

.z-990 {
    z-index: 990
}

.z-991 {
    z-index: 991
}

.z-992 {
    z-index: 992
}

@media (min-width: 1000px) {
    .z-991\@m {
        z-index: 991
    }
}

.pe-n {
    pointer-events: none
}

.p-0 {
    padding: 0
}

.plr-8 {
    padding-left: 8px;
    padding-right: 8px
}

.plr-10 {
    padding-left: 10px;
    padding-right: 10px
}

.plr-20 {
    padding-left: 20px;
    padding-right: 20px
}

.plr-30 {
    padding-left: 30px;
    padding-right: 30px
}

@media (min-width: 1000px) {
    .plr-0\@m {
        padding-left: 0;
        padding-right: 0
    }

    .plr-12\@m {
        padding-left: 12px;
        padding-right: 12px
    }

    .plr-20\@m {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1300px) {
    .plr-0\@mp {
        padding-left: 0;
        padding-right: 0
    }
}

.ptb-4 {
    padding-top: 4px;
    padding-bottom: 4px
}

.ptb-14 {
    padding-top: 14px;
    padding-bottom: 14px
}

.ptb-17 {
    padding-top: 17px;
    padding-bottom: 17px
}

.ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.ptb-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.ptb-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (min-width: 1000px) {
    .ptb-8\@m {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .ptb-30\@m {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .ptb-40\@m {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .ptb-50\@m {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .ptb-70\@m {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .ptb-120\@m {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

@media (min-width: 1200px) {
    .ptb-16\@l {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .ptb-19\@l {
        padding-top: 19px;
        padding-bottom: 19px
    }

    .ptb-40\@l {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .ptb-50\@l {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .ptb-60\@l {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .ptb-90\@l {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .ptb-100\@l {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.pt-0 {
    padding-top: 0
}

.pt-5 {
    padding-top: 5px
}

.pt-6 {
    padding-top: 6px
}

.pt-8 {
    padding-top: 8px
}

.pt-10 {
    padding-top: 10px
}

.pt-20 {
    padding-top: 20px
}

.pt-22 {
    padding-top: 22px
}

.pt-23 {
    padding-top: 23px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}

.pt-80 {
    padding-top: 80px
}

.pt-110 {
    padding-top: 110px
}

.pt-120 {
    padding-top: 120px
}

@media (min-width: 1000px) {
    .pt-0\@m {
        padding-top: 0
    }

    .pt-4\@m {
        padding-top: 4px
    }

    .pt-8\@m {
        padding-top: 8px
    }

    .pt-10\@m {
        padding-top: 10px
    }

    .pt-14\@m {
        padding-top: 14px
    }

    .pt-15\@m {
        padding-top: 15px
    }

    .pt-30\@m {
        padding-top: 30px
    }

    .pt-37\@m {
        padding-top: 37px
    }

    .pt-60\@m {
        padding-top: 60px
    }

    .pt-70\@m {
        padding-top: 70px
    }

    .pt-120\@m {
        padding-top: 120px
    }
}

@media (min-width: 1300px) {
    .pt-0\@mp {
        padding-top: 0
    }

    .pt-60\@mp {
        padding-top: 60px
    }
}

@media (min-width: 1200px) {
    .pt-13\@l {
        padding-top: 13px
    }

    .pt-20\@l {
        padding-top: 20px
    }

    .pt-25\@l {
        padding-top: 25px
    }

    .pt-30\@l {
        padding-top: 30px
    }

    .pt-40\@l {
        padding-top: 40px
    }

    .pt-50\@l {
        padding-top: 50px
    }

    .pt-70\@l {
        padding-top: 70px
    }

    .pt-80\@l {
        padding-top: 80px
    }

    .pt-90\@l {
        padding-top: 90px
    }
}

.pb-4 {
    padding-bottom: 4px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-12 {
    padding-bottom: 12px
}

.pb-14 {
    padding-bottom: 14px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-17 {
    padding-bottom: 17px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-110 {
    padding-bottom: 110px
}

@media (min-width: 1000px) {
    .pb-0\@m {
        padding-bottom: 0
    }

    .pb-25\@m {
        padding-bottom: 25px
    }

    .pb-30\@m {
        padding-bottom: 30px
    }

    .pb-40\@m {
        padding-bottom: 40px
    }

    .pb-50\@m {
        padding-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .pb-12\@l {
        padding-bottom: 12px
    }

    .pb-15\@l {
        padding-bottom: 15px
    }

    .pb-16\@l {
        padding-bottom: 16px
    }

    .pb-19\@l {
        padding-bottom: 19px
    }

    .pb-40\@l {
        padding-bottom: 40px
    }

    .pb-60\@l {
        padding-bottom: 60px
    }

    .pb-70\@l {
        padding-bottom: 70px
    }

    .pb-100\@l {
        padding-bottom: 100px
    }
}

.pl-0 {
    padding-left: 0
}

.pl-3 {
    padding-left: 3px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

@media (min-width: 1000px) {
    .pl-0\@m {
        padding-left: 0
    }

    .pl-40\@m {
        padding-left: 40px
    }
}

@media (min-width: 1300px) {
    .pl-40\@mp {
        padding-left: 40px
    }
}

@media (min-width: 1200px) {
    .pl-0\@l {
        padding-left: 0
    }
}

.pr-0 {
    padding-right: 0
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-40 {
    padding-right: 40px
}

@media (min-width: 1000px) {
    .pr-18\@m {
        padding-right: 18px
    }

    .pr-100\@m {
        padding-right: 100px
    }
}

@media (min-width: 1300px) {
    .pr-40\@mp {
        padding-right: 40px
    }
}

@media (min-width: 1200px) {
    .pr-0\@l {
        padding-right: 0
    }

    .pr-20\@l {
        padding-right: 20px
    }

    .pr-170\@l {
        padding-right: 170px
    }
}

.mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-16 {
    margin-top: 16px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

@media (min-width: 1000px) {
    .mt-0\@m {
        margin-top: 0
    }

    .mt-10\@m {
        margin-top: 10px
    }

    .mt-15\@m {
        margin-top: 15px
    }

    .mt-20\@m {
        margin-top: 20px
    }

    .mt-25\@m {
        margin-top: 25px
    }

    .mt-50\@m {
        margin-top: 50px
    }
}

@media (min-width: 1200px) {
    .mt-15\@l {
        margin-top: 15px
    }

    .mt-30\@l {
        margin-top: 30px
    }

    .mt-70\@l {
        margin-top: 70px
    }
}

.mb-10 {
    margin-bottom: 10px
}

.mb-12 {
    margin-bottom: 12px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-16 {
    margin-bottom: 16px
}

.mb-18 {
    margin-bottom: 18px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

@media (min-width: 440px) {
    .mb-10\@s {
        margin-bottom: 10px
    }
}

@media (min-width: 1000px) {
    .mb-0\@m {
        margin-bottom: 0
    }

    .mb-10\@m {
        margin-bottom: 10px
    }

    .mb-11\@m {
        margin-bottom: 11px
    }

    .mb-15\@m {
        margin-bottom: 15px
    }

    .mb-17\@m {
        margin-bottom: 17px
    }

    .mb-20\@m {
        margin-bottom: 20px
    }

    .mb-30\@m {
        margin-bottom: 30px
    }

    .mb-32\@m {
        margin-bottom: 32px
    }

    .mb-40\@m {
        margin-bottom: 40px
    }

    .mb-50\@m {
        margin-bottom: 50px
    }

    .mb-60\@m {
        margin-bottom: 60px
    }

    .mb-80\@m {
        margin-bottom: 80px
    }
}

@media (min-width: 1300px) {
    .mb-0\@mp {
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .mb-0\@l {
        margin-bottom: 0
    }

    .mb-14\@l {
        margin-bottom: 14px
    }

    .mb-15\@l {
        margin-bottom: 15px
    }

    .mb-20\@l {
        margin-bottom: 20px
    }

    .mb-25\@l {
        margin-bottom: 25px
    }

    .mb-30\@l {
        margin-bottom: 30px
    }

    .mb-40\@l {
        margin-bottom: 40px
    }

    .mb-50\@l {
        margin-bottom: 50px
    }

    .mb-60\@l {
        margin-bottom: 60px
    }

    .mb-70\@l {
        margin-bottom: 70px
    }

    .mb-80\@l {
        margin-bottom: 80px
    }
}

.c-black {
    color: #000
}

.c-white {
    color: #fff
}

.c-cc {
    color: currentColor
}

.c-8d {
    color: #8d8d8d
}

.c-73 {
    color: #737373
}

.alpha-0 {
    opacity: 0
}

.alpha-20 {
    opacity: .2
}

.alpha-50 {
    opacity: .5
}

.bg-black {
    background-color: #000
}

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

.bg-cc {
    background-color: currentColor
}

.bg-ce {
    background-color: #cee5fa
}

@media (min-width: 1000px) {
    .bg-t\@m {
        background-color: transparent
    }
}

.border-2s {
    border: 2px solid
}

.bt-0 {
    border-top: 0
}

.bt-1s {
    border-top: 1px solid
}

.bb-0 {
    border-bottom: 0
}

.bb-1s {
    border-bottom: 1px solid
}

@media (min-width: 1200px) {
    .bb-2s\@l {
        border-bottom: 2px solid
    }
}

.bl-0 {
    border-left: 0
}

.br-0 {
    border-right: 0
}

.bcolor-cc {
    border-color: currentColor
}

.u-sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.u-hide {
    visibility: hidden
}

.u-gpu {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)
}

.u-blur-background {
    background-size: cover;
    background-position: 0 -1px;
    background-repeat: no-repeat;
    overflow: hidden
}

.u-placed-wrap {
    position: relative;
    height: 0
}

.u-placed-image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.u-arrow-link {
    display: inline-block;
    position: relative;
    border-bottom: 1px solid currentColor;
    padding-left: 1.3em;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.u-arrow-link span {
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0
}

.u-arrow-link:hover {
    opacity: .5
}

.u-arrow-link:hover span {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.u-pad-top {
    padding-top: 67px
}

@media (min-width: 1000px) {
    .u-pad-top {
        padding-top: 106px
    }
}

.l-wrap {
    display: block;
    max-width: 1340px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 440px) {
    .l-wrap {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 1340px
    }
}

@media (min-width: 600px) {
    .l-wrap {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 1340px
    }
}

@media (min-width: 1000px) {
    .l-wrap {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1360px
    }
}

@media (min-width: 1300px) {
    .l-wrap {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1360px
    }
}

@media (min-width: 1200px) {
    .l-wrap {
        padding-left: 80px;
        padding-right: 80px;
        max-width: 1440px
    }
}

@media (min-width: 1420px) {
    .l-wrap {
        padding-left: 80px;
        padding-right: 80px;
        max-width: 1440px
    }
}

@media (min-width: 1800px) {
    .l-wrap {
        padding-left: 80px;
        padding-right: 80px;
        max-width: 1440px
    }
}

@media (min-width: 1000px) {
    .l-wrap\@m {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1360px
    }
}

@media (min-width: 1300px) {
    .l-wrap\@m {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 1360px
    }
}

@media (min-width: 1200px) {
    .l-wrap\@m {
        padding-left: 80px;
        padding-right: 80px;
        max-width: 1440px
    }
}

@media (min-width: 1420px) {
    .l-wrap\@m {
        padding-left: 80px;
        padding-right: 80px;
        max-width: 1440px
    }
}

@media (min-width: 1800px) {
    .l-wrap\@m {
        padding-left: 80px;
        padding-right: 80px;
        max-width: 1440px
    }
}

.l-clear:after, .l-clear:before {
    content: "";
    display: table
}

.l-clear:after {
    clear: both
}

.l-center {
    margin-left: auto;
    margin-right: auto
}

.l-block {
    display: block
}

.l-ib {
    display: inline-block
}

.l-pos-rel {
    position: relative
}

.l-pos-abs {
    position: absolute
}

.l-fill {
    top: 0;
    left: 0
}

.l-fill, .objectfit .l-objectfit {
    width: 100%;
    height: 100%
}

.objectfit .l-objectfit--contain {
    -o-object-fit: contain;
    object-fit: contain
}

.objectfit .l-objectfit--cover {
    -o-object-fit: cover;
    object-fit: cover
}

.no-objectfit .l-objectfit {
    width: auto;
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.no-objectfit .l-objectfit--contain {
    max-width: 100%;
    max-height: 100%
}

.no-objectfit .l-objectfit--cover {
    max-width: none;
    max-height: none;
    min-width: 100%;
    min-height: 100%
}

.t-baton {
    font-family: BatonTurbo
}

.t-lyon {
    font-family: Lyon
}

.t-button {
    line-height: 1;
    font-size: 16px;
    border: 1px solid currentColor;
    padding: 14px 24px;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: background, color, border-color;
    transition-property: background, color, border-color;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.t-button:hover {
    color: #fff;
    background: #000;
    border-color: #000
}

@supports (color:var(--prop)) {
    .t-button:hover {
        color: #fff;
        color: var(--buttonhovercolor, #fff)
    }
}

@media (min-width: 1000px) {
    .t-button {
        padding: 16px 28px
    }
}

@media (min-width: 1200px) {
    .t-button {
        font-size: 18px;
        padding: 20px 38px
    }
}

.t-button.-has-icon {
    position: relative;
    padding-right: 55px
}

@media (min-width: 1000px) {
    .t-button.-has-icon {
        padding-right: 60px
    }
}

@media (min-width: 1200px) {
    .t-button.-has-icon {
        padding-right: 70px
    }
}

.t-button svg {
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    right: 24px;
    top: 12px
}

@media (min-width: 1000px) {
    .t-button svg {
        right: 28px;
        top: 14px
    }
}

@media (min-width: 1200px) {
    .t-button svg {
        right: 38px;
        top: 19px
    }
}

.t-button circle, .t-button path {
    fill: currentColor
}

.t-button--red {
    background: #f25c42;
    color: #fff;
    border-color: #f25c42;
    font-size: 18px
}

@media (min-width: 1200px) {
    .t-button--red {
        font-size: 24px
    }
}

.t-button--black {
    background: #000;
    color: #fff;
    border-color: #000
}

.t-spaced-1 {
    letter-spacing: 1px
}

.t-w-book {
    font-weight: 300
}

.t-w-regular {
    font-weight: 400
}

.t-w-medium {
    font-weight: 500
}

.t-w-bold {
    font-weight: 700
}

.t-w-heavy {
    font-weight: 800
}

.t-italic {
    font-style: italic
}

.t-center {
    text-align: center
}

.t-anti {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.t-ws-nw {
    white-space: nowrap
}

.t-o-ellipsis {
    text-overflow: ellipsis
}

.t-pluglink {
    font-size: 16px;
    line-height: 32px
}

@media (min-width: 1200px) {
    .t-pluglink {
        font-size: 18px;
        line-height: 32px
    }
}

@media (min-width: 1000px) {
    .t-pluglink--larger {
        font-size: 18px;
        line-height: 32px
    }
}

@media (min-width: 1200px) {
    .t-pluglink--larger {
        font-size: 20px;
        line-height: 32px
    }
}

.t-paginationlink {
    font-size: 18px;
    line-height: 28px
}

@media (min-width: 1000px) {
    .t-paginationlink {
        font-size: 18px;
        line-height: 32px
    }
}

@media (min-width: 1200px) {
    .t-paginationlink {
        font-size: 20px;
        line-height: 32px
    }
}

.m-block {
    display: block
}

.m-pos-rel {
    position: relative
}

.m-pos-abs {
    position: absolute
}

.m-fill {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.page-footer {
    position: relative;
    background: #f7f4f8;
    padding-top: 50px;
    padding-bottom: 50px
}

@media (min-width: 1000px) {
    .page-footer {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width: 1300px) {
    .page-footer {
        padding-top: 72px;
        padding-bottom: 80px
    }
}

.page-footer__logo {
    margin-bottom: 53px
}

@media (min-width: 1000px) {
    .page-footer__logo {
        margin-bottom: 43px
    }
}

.page-footer__logo a {
    display: block;
    position: relative
}

@media (max-width: 1299px) {
    .page-footer__logo a {
        width: 100%;
        height: 0;
        padding-bottom: 14.16667%
    }
}

@media (min-width: 1300px) {
    .page-footer__logo a {
        width: 180px;
        height: 28px
    }
}

@media (min-width: 1200px) {
    .page-footer__logo a {
        width: 200px;
        height: 30px
    }
}

@media (min-width: 1420px) {
    .page-footer__logo a {
        width: 220px;
        height: 32px
    }
}

.page-footer__logo svg {
    position: absolute;
    width: 100%;
    height: 100%
}

@media (min-width: 1300px) {
    .page-footer__outer-logo-wrap {
        position: absolute;
        width: 100%;
        top: 78px;
        left: 0
    }
}

.page-footer__menus {
    position: relative
}

@media (max-width: 999px) {
    .page-footer__menu-heading {
        width: 33.33333%;
        float: left
    }
}

@media (min-width: 1000px) {
    .page-footer__menu-heading {
        padding-bottom: 5px
    }
}

.page-footer__menu-items {
    padding-bottom: 20px
}

@media (max-width: 999px) {
    .page-footer__menu-items {
        width: 66.66667%;
        float: left;
        padding-left: 4px
    }
}

.page-footer__menu-item {
    padding-bottom: 5px
}

@media (min-width: 440px) {
    .page-footer__menu-item {
        width: 50%;
        float: left;
        padding-bottom: 10px
    }

    .page-footer__menu-item:nth-child(2n) {
        padding-left: 6px
    }
}

@media (min-width: 1000px) {
    .page-footer__menu-item {
        width: 100%;
        float: none;
        padding-bottom: 5px
    }

    .page-footer__menu-item:nth-child(2n) {
        padding-left: 0
    }
}

.page-footer__menu-link {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.page-footer__menu-link:hover {
    opacity: .5
}

.page-footer__some-list {
    margin-top: 20px
}

@media (min-width: 600px) {
    .page-footer__some-list {
        margin-top: 25px;
        text-align: right
    }
}

@media (min-width: 1000px) {
    .page-footer__some-list {
        margin-top: 35px
    }
}

.page-footer__some-list a, .page-footer__some-list li {
    display: inline-block;
    width: 30px;
    height: 30px
}

@media (min-width: 1000px) {
    .page-footer__some-list a, .page-footer__some-list li {
        width: 40px;
        height: 40px
    }
}

.page-footer__some-list a svg, .page-footer__some-list li svg {
    display: block;
    width: 100%;
    height: 100%
}

.page-footer__some-list a {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.page-footer__some-list a:hover {
    opacity: .5
}

.page-footer__some-list li {
    margin-left: 15px
}

.page-footer__some-list li:first-child {
    margin-left: 0
}

@media (min-width: 1000px) {
    .page-footer__some-list li {
        margin-left: 25px
    }
}

.page-footer__newsletter {
    margin-top: 20px
}

@media (min-width: 1000px) {
    .page-footer__newsletter {
        margin-top: 38px
    }
}

.page-footer__newsletter-link {
    border-bottom: 1px solid #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    line-height: 32px
}

.page-footer__newsletter-link:hover {
    opacity: .5
}

.page-footer__newsletter-link svg {
    width: 27px;
    height: 28px;
    margin-right: 10px
}

.page-footer__copyright {
    margin-top: 20px
}

@media (min-width: 1000px) {
    .page-footer__copyright {
        margin-top: 38px
    }
}

.page-footer-temp {
    position: relative;
    background: #f7f4f8;
    padding-top: 50px;
    padding-bottom: 50px
}

@media (min-width: 1000px) {
    .page-footer-temp {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media (min-width: 1300px) {
    .page-footer-temp {
        padding-top: 72px;
        padding-bottom: 80px
    }
}

.page-footer-temp__logo {
    margin-bottom: 40px
}

@media (min-width: 1000px) {
    .page-footer-temp__logo {
        margin-bottom: 0
    }
}

.page-footer-temp__logo a {
    display: block;
    position: relative;
    width: 120px;
    height: 18px
}

@media (min-width: 1000px) {
    .page-footer-temp__logo a {
        width: 140px;
        height: 24px
    }
}

@media (min-width: 1300px) {
    .page-footer-temp__logo a {
        width: 180px;
        height: 28px
    }
}

@media (min-width: 1200px) {
    .page-footer-temp__logo a {
        width: 200px;
        height: 30px
    }
}

@media (min-width: 1420px) {
    .page-footer-temp__logo a {
        width: 220px;
        height: 32px
    }
}

.page-footer-temp__logo svg {
    position: absolute;
    width: 100%;
    height: 100%
}

.page-footer-temp__menus {
    position: relative
}

.page-footer-temp__visit-wrap {
    float: left
}

.page-footer-temp__visit-button {
    border: 1px solid #000;
    display: inline-block;
    padding: 10px 15px;
    -webkit-transition-property: background, color, border-color;
    transition-property: background, color, border-color;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.page-footer-temp__visit-button:hover {
    color: #fff;
    background: #000;
    border-color: #f7f4f8
}

.page-footer-temp__some-list {
    width: 50%;
    float: right;
    text-align: right;
    padding-top: 12px
}

@media (min-width: 1000px) {
    .page-footer-temp__some-list {
        text-align: left;
        padding-top: 8px
    }
}

.page-footer-temp__some-list a, .page-footer-temp__some-list li {
    display: inline-block;
    width: 30px;
    height: 30px
}

@media (min-width: 1000px) {
    .page-footer-temp__some-list a, .page-footer-temp__some-list li {
        width: 40px;
        height: 40px
    }
}

.page-footer-temp__some-list a svg, .page-footer-temp__some-list li svg {
    display: block;
    width: 100%;
    height: 100%
}

.page-footer-temp__some-list a {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.page-footer-temp__some-list a:hover {
    opacity: .5
}

.page-footer-temp__some-list li {
    margin-left: 15px
}

@media (min-width: 1000px) {
    .page-footer-temp__some-list li {
        margin-left: 0;
        margin-right: 25px
    }
}

.page-footer-temp__newsletter {
    margin-bottom: 40px
}

@media (min-width: 1000px) {
    .page-footer-temp__newsletter {
        margin-bottom: 55px
    }
}

.page-footer-temp__newsletter-form {
    position: relative;
    padding-right: 115px
}

@media (min-width: 1200px) {
    .page-footer-temp__newsletter-form {
        padding-right: 203px
    }
}

.page-footer-temp__newsletter input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #000;
    height: 40px;
    width: 100%
}

@media (min-width: 1200px) {
    .page-footer-temp__newsletter input {
        height: 55px
    }
}

.page-footer-temp__newsletter button {
    border: 0;
    background: #000;
    color: #fff;
    width: 105px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width: 1200px) {
    .page-footer-temp__newsletter button {
        width: 165px;
        height: 55px
    }
}

.page-footer-temp__newsletter-link {
    border-bottom: 1px solid #000;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    line-height: 32px
}

.page-footer-temp__newsletter-link:hover {
    opacity: .5
}

.page-footer-temp__newsletter-link svg {
    width: 27px;
    height: 28px;
    margin-right: 10px
}

@media (max-width: 999px) {
    .page-header {
        position: relative;
        z-index: 9999
    }
}

@media (min-width: 1000px) {
    .page-header {
        height: 106px;
        position: absolute;
        width: 100%;
        z-index: 9999
    }
}

@media (min-width: 1000px) {
    .page-header__wrap {
        position: relative
    }
}

@media (max-width: 999px) {
    .page-header__bar {
        position: absolute;
        height: 67px;
        width: 100%;
        top: 0;
        left: 0
    }
}

@media (min-width: 1000px) {
    .page-header__bar {
        position: relative;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: none !important
    }
}

@media (max-width: 999px) {
    .page-header__logo {
        position: relative;
        top: 22px
    }
}

@media (min-width: 1000px) {
    .page-header__logo {
        position: absolute;
        left: 0;
        top: 37px
    }
}

.page-header__logo-link {
    display: block;
    position: relative;
    width: 120px;
    height: 18px
}

@media (min-width: 1000px) {
    .page-header__logo-link {
        width: 220px;
        height: 32px
    }
}

.page-header__logo-link svg {
    position: absolute;
    width: 100%;
    height: 100%
}

.page-header__nav-toggle {
    display: none
}

@media (max-width: 999px) {
    .page-header__nav-toggle {
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        right: 27px;
        top: 16px
    }

    .page-header__nav-toggle span {
        display: block;
        position: absolute;
        width: 24px;
        height: 2px;
        left: 3px;
        background: #000
    }

    .page-header__nav-toggle span.l1 {
        top: 7px
    }

    .page-header__nav-toggle span.l2 {
        top: 14px
    }

    .page-header__nav-toggle span.l3 {
        top: 21px
    }
}

@media (max-width: 999px) {
    .page-header__nav-wrapper {
        height: 0;
        overflow: hidden
    }
}

@media (min-width: 1000px) {
    .page-header__nav-wrapper {
        text-align: right;
        padding-top: 40px
    }
}

@media (min-width: 1000px) {
    .page-header__language-nav, .page-header__main-nav {
        display: inline;
        white-space: nowrap
    }

    .page-header__language-nav li, .page-header__language-nav ul, .page-header__main-nav li, .page-header__main-nav ul {
        display: inline-block
    }
}

@media (min-width: 1000px) {
    .page-header__main-nav {
        font-size: 14px
    }

    .page-header__main-nav li {
        margin-right: 44px
    }

    .page-header__main-nav a:hover {
        border-bottom: 1px solid #000
    }
}

@media (min-width: 1300px) {
    .page-header__main-nav {
        font-size: 16px;
        margin-right: 50px
    }

    .page-header__main-nav li {
        margin-right: 40px
    }
}

@media (min-width: 1000px) {
    .page-header__language-nav {
        text-transform: uppercase;
        font-size: 12px
    }

    .page-header__language-nav a, .page-header__language-nav li {
        color: rgba(0, 0, 0, .6)
    }

    .page-header__language-nav a:hover {
        color: #000
    }

    .page-header__language-nav li:after {
        content: "/";
        display: inline-block;
        padding: 0 6px 0 12px
    }

    .page-header__language-nav li:last-child:after {
        display: none
    }
}

@media (min-width: 1300px) {
    .page-header__language-nav {
        font-size: 14px
    }
}

.header__bg {
    height: 67px
}

@media (min-width: 1000px) {
    .header__bg {
        height: 60px
    }
}

.header__bg {
    background: #fff;
    opacity: 0
}

[data-component-booted] .header__bg {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.has-opaque-header .header__bg {
    opacity: .9
}

.is-opaque .header__bg {
    -webkit-transition: opacity .2s .2s;
    transition: opacity .2s .2s;
    opacity: .9
}

.header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 1000px) {
    .header__content {
        height: 106px
    }
}

@media (max-width: 999px) {
    .header__bar {
        height: 67px
    }
}

@media (min-width: 1000px) {
    .header__bar {
        width: 220px
    }
}

.header__logo-link {
    -webkit-transition-property: width, height;
    transition-property: width, height;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.header__logo-link.-size-full {
    width: 126px;
    height: 20px
}

@media (min-width: 1000px) {
    .header__logo-link.-size-full {
        width: 220px;
        height: 32px
    }
}

.is-small .header__logo-link.-size-full {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

@media (min-width: 1000px) {
    .is-small .header__logo-link.-size-full {
        width: 176px;
        height: 26px
    }
}

.header__logo-link.-size-small {
    width: 52px;
    height: 40px
}

@media (max-width: 999px) {
    .header__logo-link.-size-small {
        top: -6px
    }
}

@media (min-width: 1000px) {
    .header__logo-link.-size-small {
        width: 69px;
        height: 54px
    }
}

.is-small .header__logo-link.-size-small {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

@media (min-width: 1000px) {
    .is-small .header__logo-link.-size-small {
        width: 49px;
        height: 39px
    }
}

.header__logo-link svg {
    position: absolute;
    width: 100%;
    height: 100%
}

.header__nav-toggle {
    right: 27px;
    top: 18px;
    width: 30px;
    height: 30px
}

.header__nav-toggle span {
    display: block;
    position: absolute;
    width: 24px;
    height: 2px;
    left: 3px;
    background: #000
}

.header__nav-toggle span.l1 {
    top: 7px
}

.header__nav-toggle span.l2 {
    top: 14px
}

.header__nav-toggle span.l3 {
    top: 21px
}

@media (min-width: 1000px) {
    .header__menu li {
        margin-left: 25px
    }

    .header__menu a:hover {
        border-bottom: 1px solid #000
    }
}

@media (min-width: 1300px) {
    .header__menu li {
        margin-left: 30px
    }
}

@media (min-width: 1200px) {
    .header__menu li {
        margin-left: 40px
    }
}

.header__language-nav a, .header__language-nav li {
    color: rgba(0, 0, 0, .6)
}

.header__language-nav a:hover {
    color: #000
}

.header__language-nav li:after {
    content: "/";
    display: inline-block;
    padding: 0 6px
}

.header__language-nav li:last-child:after {
    display: none
}

@media (min-width: 1000px) {
    .header__language-nav {
        top: -32px;
        right: 0;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease
    }

    .is-small .header__language-nav {
        opacity: 0
    }
}

.header__search-button a {
    width: 25px;
    height: 25px;
    top: 2px
}

.header__search-button a:hover {
    border: 0
}

.header__search-button svg {
    width: 100%;
    height: 100%
}

.video__link svg {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.video__link:hover svg {
    opacity: .5
}

.video__close {
    width: 20px;
    height: 20px;
    top: 20px;
    right: 20px
}

@media (min-width: 1000px) {
    .video__close {
        width: 29px;
        height: 29px;
        top: 60px;
        right: 80px
    }
}

.video__close svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__embed-wrap {
    z-index: 9999;
    position: fixed;
    pointer-events: none;
    display: none;
    background: hsla(0, 0%, 100%, .95)
}

.is-playing .video__embed-wrap {
    z-index: 9999;
    pointer-events: auto
}

.video__embed {
    width: 80%;
    height: 80%
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__button {
    width: 57px;
    height: 57px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 1000px) {
    .video__button {
        width: 63px;
        height: 63px
    }
}

@media (min-width: 1200px) {
    .video__button {
        width: 83px;
        height: 83px
    }
}

.video__button svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.listing {
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width: 1000px) {
    .listing {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media (min-width: 1200px) {
    .listing {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.listing.-no-top-padding {
    padding-top: 0 !important
}

.listing__item-link .listing__item-heading {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.listing__item-link:hover .listing__item-heading {
    opacity: .5
}

.listing__item {
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.listing__item:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important
}

@media (min-width: 1000px) {
    .listing__item {
        padding: 30px 0
    }
}

@media (min-width: 1200px) {
    .listing__item {
        padding: 36px 0
    }
}

.listing__continue-link {
    border-top: 1px solid rgba(0, 0, 0, .2);
    margin-top: 20px;
    padding-top: 20px
}

@media (min-width: 1000px) {
    .listing__continue-link {
        padding-top: 30px
    }
}

@media (min-width: 1200px) {
    .listing__continue-link {
        padding-top: 36px
    }
}

.listing__continue-link a {
    border-bottom: 1px solid currentColor
}

.palette {
    width: 100%;
    position: relative
}

@media (min-width: 1000px) {
    .palette:nth-child(odd) {
        clear: both
    }
}

@media (min-width: 1420px) {
    .palette:nth-child(odd) {
        clear: none
    }

    .palette:nth-child(3n+1) {
        clear: both
    }
}

.palette__color {
    margin-right: -17px;
    width: 65px;
    height: 65px
}

.palette__color-element {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1);
    transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1)
}

.palette__color-element:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.palette__colors, .palette__colors-more {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 270px
}

.palette__colors-more {
    display: none
}

.palette__colors-more:target {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.palette__more-colors-load {
    border-bottom: 1px solid #000
}

.palette__tooltip {
    position: absolute;
    left: 0;
    font-size: 14px;
    color: #8d8d8d
}

.article-head__summary a {
    border-bottom: 1px solid #000
}

.not-found {
    height: 100vh
}

.not-found__top-ill svg {
    width: 130px;
    height: 72px
}

@media (min-width: 1000px) {
    .not-found__top-ill svg {
        width: 260px;
        height: 144px
    }
}

.not-found__bottom-ill svg {
    width: 150px;
    height: 92px
}

@media (min-width: 1000px) {
    .not-found__bottom-ill svg {
        width: 299px;
        height: 182px
    }
}

.not-found__logo-wrap {
    bottom: 16px
}

@media (min-width: 1000px) {
    .not-found__logo-wrap {
        bottom: 22px
    }
}

.not-found__logo-inner {
    position: relative
}

.not-found__logo svg {
    display: block;
    width: 111px;
    height: 86px;
    left: 0
}

@media (min-width: 1000px) {
    .not-found__logo svg {
        width: 195px;
        height: 150px
    }
}

.not-found__logo path {
    fill: #000
}

.lightbox-slideshow {
    z-index: 9999;
    background: hsla(0, 0%, 100%, .95);
    top: 0;
    left: 0
}

.lightbox-slideshow .flickity-viewport {
    width: 100%;
    height: 100% !important
}

.lightbox-slideshow .flickity-slider {
    height: 100% !important
}

.lightbox-slideshow__wrap {
    padding: 120px 0
}

.lightbox-slideshow__slide {
    padding: 0 120px
}

@media (min-width: 1200px) {
    .lightbox-slideshow__slide {
        padding: 0 160px
    }
}

@media (min-width: 1420px) {
    .lightbox-slideshow__slide {
        padding: 0 180px
    }
}

.lightbox-slideshow__slide-inner {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.lightbox-slideshow__close-button, .lightbox-slideshow__nav-button {
    background: transparent;
    margin-left: 0;
    border: 0;
    cursor: pointer;
    z-index: 10001
}

.lightbox-slideshow__close-button path, .lightbox-slideshow__nav-button path {
    fill: #000
}

.lightbox-slideshow__close-button {
    right: 30px;
    top: 53px;
    padding: 10px
}

@media (min-width: 1300px) {
    .lightbox-slideshow__close-button {
        right: 30px
    }
}

@media (min-width: 1200px) {
    .lightbox-slideshow__close-button {
        right: 70px
    }
}

@media (min-width: 1420px) {
    .lightbox-slideshow__close-button {
        right: 70px
    }
}

@media (min-width: 1800px) {
    .lightbox-slideshow__close-button {
        right: 70px
    }
}

.lightbox-slideshow__close-button svg {
    width: 28px;
    height: 28px
}

.lightbox-slideshow__nav-button {
    top: calc(50% - 24px);
    padding: 10px
}

.lightbox-slideshow__nav-button.-next {
    right: 30px
}

.lightbox-slideshow__nav-button.-prev {
    left: 30px
}

@media (min-width: 1300px) {
    .lightbox-slideshow__nav-button.-next {
        right: 30px
    }

    .lightbox-slideshow__nav-button.-prev {
        left: 30px
    }
}

@media (min-width: 1200px) {
    .lightbox-slideshow__nav-button.-next {
        right: 70px
    }

    .lightbox-slideshow__nav-button.-prev {
        left: 70px
    }
}

@media (min-width: 1420px) {
    .lightbox-slideshow__nav-button.-next {
        right: 70px
    }

    .lightbox-slideshow__nav-button.-prev {
        left: 70px
    }
}

@media (min-width: 1800px) {
    .lightbox-slideshow__nav-button.-next {
        right: 70px
    }

    .lightbox-slideshow__nav-button.-prev {
        left: 70px
    }
}

.about-frontpage__header {
    height: 100vh;
    background: #fcded9
}

@media (min-width: 1000px) {
    .about-frontpage__header {
        min-height: 650px
    }
}

.about-frontpage .flickity-slider, .about-frontpage .flickity-viewport {
    height: 100%
}

.swiper.about-frontpage__slideshow {
    padding-top: 76px;
    padding-bottom: 90px;
    padding-left: 40px;
    padding-right: 40px;
}

@media (min-width: 440px) {
    .swiper.about-frontpage__slideshow {
        padding-bottom: 100px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 1000px) {
    .swiper.about-frontpage__slideshow {
        padding-top: 96px;
        padding-bottom: 110px;
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (min-width: 1200px) and (max-height: 700px) {
    .swiper.about-frontpage__slideshow {
        padding-bottom: 90px
    }
}

.about-frontpage__slideshow .swiper-slide {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 1000px) {
    .about-frontpage__slideshow .swiper-slide {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width: 1200px) {
    .about-frontpage__slideshow .swiper-slide {
        padding-left: 120px;
        padding-right: 120px
    }
}

.about-frontpage__slide:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about-frontpage__slide-image-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (min-width: 1200px) and (max-height: 700px) {
    .about-frontpage__slide-image-wrap {
        margin-bottom: 30px
    }
}

.about-frontpage__slide-text-wrap {
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media (min-width: 1200px) and (max-height: 700px) {
    .about-frontpage__slide-text-wrap h2 {
        font-size: 42px;
        line-height: 40px
    }
}

@media (min-width: 1000px) {
    .about-frontpage__slideshow-nav {
        top: 0;
        left: 0;
        width: 100%
    }
}

.about-frontpage__slideshow-nav-link {
    bottom: 32px;
    padding: 5px 0;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

@media (min-width: 1000px) {
    .about-frontpage__slideshow-nav-link {
        bottom: auto;
        top: calc(50vh - 15px)
    }
}

.swiper-button-prev.about-frontpage__slideshow-nav-link.-prev {
    left: 30px!important;
    background: none!important;
}

@media (min-width: 600px) {
    .swiper-button-prev.about-frontpage__slideshow-nav-link.-prev {
        left: 30px!important;
    }
}

@media (min-width: 1000px) {
    .swiper-button-prev.about-frontpage__slideshow-nav-link.-prev {
        left: 40px!important;
    }
}

@media (min-width: 1300px) {
    .swiper-button-prev.about-frontpage__slideshow-nav-link.-prev {
        left: 40px!important;
    }
}

@media (min-width: 1200px) {
    .swiper-button-prev.about-frontpage__slideshow-nav-link.-prev {
        left: 80px!important;
    }
}

@media (min-width: 1420px) {
    .swiper-button-prev.about-frontpage__slideshow-nav-link.-prev {
        left: 80px!important;
    }
}

@media (min-width: 1800px) {
    .swiper-button-prev.about-frontpage__slideshow-nav-link.-prev {
        left: 80px!important;
    }
}

.swiper-button-next.about-frontpage__slideshow-nav-link.-next {
    right: 30px!important;
    background: none!important;
}

@media (min-width: 600px) {
    .swiper-button-next.about-frontpage__slideshow-nav-link.-next {
        right: 30px!important;
    }
}

@media (min-width: 1000px) {
    .swiper-button-next.about-frontpage__slideshow-nav-link.-next {
        right: 40px!important;
    }
}

@media (min-width: 1300px) {
    .swiper-button-next.about-frontpage__slideshow-nav-link.-next {
        right: 40px!important;
    }
}

@media (min-width: 1200px) {
    .swiper-button-next.about-frontpage__slideshow-nav-link.-next {
        right: 80px!important;
    }
}

@media (min-width: 1420px) {
    .swiper-button-next.about-frontpage__slideshow-nav-link.-next {
        right: 80px!important;
    }
}

@media (min-width: 1800px) {
    .swiper-button-next.about-frontpage__slideshow-nav-link.-next {
        right: 80px!important;
    }
}

@media (min-width: 1000px) {
    .swiper-button-next.about-frontpage__slideshow-nav-link svg {
        width: 40px;
        height: 20px;
    }
}

@media (min-width: 1200px) {
    .swiper-button-next.about-frontpage__slideshow-nav-link svg {
        width: 51px;
        height: 23px;
    }
}

.about-frontpage__slideshow-nav-link path {
    fill: #000
}

.about-frontpage__link-wrapper {
    bottom: 35px;
    left: 0
}

@media (min-width: 1000px) {
    .about-frontpage__link-wrapper {
        bottom: 40px
    }
}

.about-frontpage__continue-link {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid currentColor;
    margin-top: 25px;
    padding-left: 1em;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.about-frontpage__continue-link span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.about-frontpage__continue-link:hover {
    opacity: .5
}

.about-frontpage__continue-link:hover span {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: a;
    animation-name: a;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.about-frontpage__menu-nav-link {
    margin: 10px;
    border-bottom: 1px solid transparent
}

@media (min-width: 1000px) {
    .about-frontpage__menu-nav-link {
        margin: 10px 15px
    }
}

.about-frontpage__menu-nav-link a:hover {
    border-bottom: 1px solid #000
}

.main-link-item__image-inner {
    background: #f7f4f8
}

@media (min-width: 1000px) {
    .-portrait .main-link-item__image-wrapper, .-portrait .main-link-item__text-wrapper {
        width: calc((100% + 20px * 1.5) - 50%);
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1200px) {
    .-portrait .main-link-item__image-wrapper, .-portrait .main-link-item__text-wrapper {
        width: calc((100% + 38px * 1.5) - 50%)
    }
}

.main-link-item__text {
    max-width: 430px;
    margin-left: auto;
    margin-right: auto
}

.main-link-item__link-text {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.main-link-item__link-text-inner {
    padding-left: 1.3em;
    border-bottom: 1px solid #000
}

.main-link-item__link-text .arrow {
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0
}

.main-link-item__link:hover .main-link-item__link-text {
    opacity: .5
}

.main-link-item__link:hover .main-link-item__link-text .arrow {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@media (min-width: 1000px) {
    .block-media--l2mpml2, .block-media--l2slml {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .block-media--l2mpml2:after, .block-media--l2mpml2:before, .block-media--l2slml:after, .block-media--l2slml:before {
        display: none
    }
}

.block-media--hero-media {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1000px) {
    .block-media--hero-media, .block-media--l2mpml2 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1000px) {
    .block-media--l2slml {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.block-media--l2blsp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.block-media__image {
    width: 100%;
    height: 0;
    background: #f7f4f8
}

.block-media__image--landscape {
    padding-bottom: 62.5%
}

.block-media__image--portrait {
    padding-bottom: 150%
}

@media (max-width: 999px) {
    .block-media__inner--l3, .block-media__inner--l4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .block-media__inner--l3:after, .block-media__inner--l3:before, .block-media__inner--l4:after, .block-media__inner--l4:before {
        display: none
    }
}

.block-media__col-2 {
    float: right;
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media (min-width: 1000px) {
    .block-media__item-inner--l3-3, .block-media__item-inner--l4-3 {
        height: 0;
        width: 100%;
        padding-bottom: 75%;
        position: relative
    }

    .block-media__item-inner--l3-3 .block-media__image, .block-media__item-inner--l4-3 .block-media__image {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media (max-width: 999px) {
    .block-media__item-inner--l2blsp-1 {
        padding-bottom: calc((50% - 6px) * 1.5);
        position: relative
    }

    .block-media__item-inner--l2blsp-1 .block-media__image {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media (min-width: 1000px) {
    .is-landing-page .block-media__item-inner--l2blsp-1 {
        width: calc(100% + 40px);
        margin-left: -40px
    }
}

@media (min-width: 1200px) {
    .is-landing-page .block-media__item-inner--l2blsp-1 {
        width: calc(100% + 80px);
        margin-left: -80px
    }
}

@media (min-width: 1000px) {
    .block-media__item-inner--l2blsp-2 {
        height: 0;
        width: 100%;
        position: relative;
        padding-bottom: calc((300% + 40px) * .625)
    }

    .is-landing-page .block-media__item-inner--l2blsp-2 {
        padding-bottom: calc((300% + 80px) * .625)
    }
}

@media (min-width: 1200px) {
    .block-media__item-inner--l2blsp-2 {
        padding-bottom: calc((300% + 76px) * .625)
    }

    .is-landing-page .block-media__item-inner--l2blsp-2 {
        padding-bottom: calc((300% + 156px) * .625)
    }
}

@media (min-width: 1000px) {
    .block-media__item-inner--l2blsp-2 .block-media__image {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media (min-width: 1000px) {
    .is-landing-page .block-media__item-inner--l2mpml2-2 {
        width: calc(100% + 40px)
    }
}

@media (min-width: 1200px) {
    .is-landing-page .block-media__item-inner--l2mpml2-2 {
        width: calc(100% + 80px)
    }
}

@media (min-width: 1000px) {
    .block-media__item-inner--l3blslmp-3 {
        height: 0;
        padding-bottom: calc((300% + 40px) * .625);
        position: relative;
        margin-top: 75%
    }

    .block-media__item-inner--l3blslmp-3 .block-media__image {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

@media (min-width: 1200px) {
    .block-media__item-inner--l3blslmp-3 {
        padding-bottom: calc((300% + 76px) * .625)
    }
}

.block-media__item--l2mpml-2 .block-media__image, .block-media__item--l2mpml-3 .block-media__image, .block-media__item--l2mpml-4 .block-media__image, .block-media__item--l3-2 .block-media__image, .block-media__item--l3-3 .block-media__image, .block-media__item--l3-4 .block-media__image, .block-media__item--l4-2 .block-media__image, .block-media__item--l4-3 .block-media__image, .block-media__item--l4-4 .block-media__image {
    padding-bottom: 62.5%
}

.block-media__item--l2mpml-1, .block-media__item--l3-1, .block-media__item--l4-1 {
    position: relative;
    float: left
}

.block-media__item--l2mpml-1 .block-media__image, .block-media__item--l3-1 .block-media__image, .block-media__item--l4-1 .block-media__image {
    padding-bottom: 150%
}

.block-media__item--l2mpml-2, .block-media__item--l3-2, .block-media__item--l4-2 {
    width: 100%;
    float: left
}

@media (max-width: 999px) {
    .block-media__item--l2mpml-2, .block-media__item--l3-2, .block-media__item--l4-2 {
        clear: both;
        margin-top: 12px
    }
}

@media (min-width: 1000px) {
    .block-media__item--l2mpml-2, .block-media__item--l3-2, .block-media__item--l4-2 {
        float: right;
        width: 62.5%
    }
}

.block-media__item--l2mpml-3, .block-media__item--l3-3, .block-media__item--l4-3 {
    width: 100%;
    float: right;
    margin-top: 12px
}

@media (min-width: 1000px) {
    .block-media__item--l2mpml-3, .block-media__item--l3-3, .block-media__item--l4-3 {
        margin-top: -10px;
        margin-bottom: 20px;
        width: 60%;
        margin-right: 20%
    }
}

@media (min-width: 1200px) {
    .block-media__item--l2mpml-3, .block-media__item--l3-3, .block-media__item--l4-3 {
        margin-top: -19px;
        margin-bottom: 38px
    }
}

.block-media__item--l2mpml-4, .block-media__item--l3-4, .block-media__item--l4-4 {
    width: 100%;
    display: none
}

@media (min-width: 1000px) {
    .block-media__item--l2mpml-4, .block-media__item--l3-4, .block-media__item--l4-4 {
        display: block;
        width: 37.5%;
        float: left;
        margin-top: 20px
    }
}

@media (min-width: 1200px) {
    .block-media__item--l2mpml-4, .block-media__item--l3-4, .block-media__item--l4-4 {
        margin-top: 38px
    }
}

.block-media__item--l2mpml-4--a, .block-media__item--l3-4--a, .block-media__item--l4-4--a {
    display: block;
    width: 100%;
    float: right
}

@media (min-width: 1000px) {
    .block-media__item--l2mpml-4--a, .block-media__item--l3-4--a, .block-media__item--l4-4--a {
        display: none
    }
}

.block-media__item--l2mpml-1 {
    width: 50%
}

@media (max-width: 999px) {
    .block-media__item--l2mpml-1 {
        margin-left: 16.66667%
    }
}

@media (min-width: 1000px) {
    .block-media__item--l2mpml-1 {
        width: 37.5%
    }
}

@media (min-width: 1000px) {
    .block-media__item--l2mpml-2 {
        margin-top: calc((((37.5% - 20px) * 1.5) / 2) + 10px)
    }
}

@media (min-width: 1200px) {
    .block-media__item--l2mpml-2 {
        margin-top: calc((((37.5% - 38px) * 1.5) / 2) + 19px)
    }
}

.block-media__item--l2mpml2-1 {
    float: left;
    width: 66.66667%
}

.block-media__item--l2mpml2-1 .block-media__image {
    padding-bottom: 150%
}

@media (max-width: 999px) {
    .block-media__item--l2mpml2-1 {
        margin-bottom: 12px
    }
}

@media (min-width: 1000px) {
    .block-media__item--l2mpml2-1 {
        width: 37.5%
    }
}

.block-media__item--l2mpml2-2 {
    float: right;
    width: 72%
}

.block-media__item--l2mpml2-2 .block-media__image {
    padding-bottom: 62.5%
}

@media (min-width: 1000px) {
    .block-media__item--l2mpml2-2 {
        width: 50%
    }
}

.block-media__item--l2slml-1 .block-media__image, .block-media__item--l2slml-2 .block-media__image {
    padding-bottom: 62.5%
}

.block-media__item--l2slml-1 {
    width: 50%
}

@media (max-width: 999px) {
    .block-media__item--l2slml-1 {
        margin-bottom: 12px
    }
}

@media (min-width: 1000px) {
    .block-media__item--l2slml-1 {
        width: 37.5%
    }
}

.block-media__item--l2slml-2 {
    width: 83.33333%;
    margin-left: auto
}

@media (min-width: 1000px) {
    .block-media__item--l2slml-2 {
        width: 62.5%
    }
}

.block-media__item--hero-media-1, .block-media__item--hero-media-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.block-media__item--hero-media-1 .block-media__image, .block-media__item--hero-media-2 .block-media__image {
    padding-bottom: 62.5%
}

.block-media__item--hero-media-1 {
    width: 100%;
    margin-bottom: 12px
}

@media (min-width: 1000px) {
    .block-media__item--hero-media-1 {
        width: 75%;
        margin-bottom: 20px
    }
}

@media (min-width: 1200px) {
    .block-media__item--hero-media-1 {
        margin-bottom: 0;
        width: 56.25%
    }
}

.block-media__item--hero-media-1:last-of-type {
    margin-bottom: 0;
    width: 100%
}

@media (min-width: 1300px) {
    .block-media__item--hero-media-1:last-of-type {
        width: calc(75% + 40px)
    }
}

@media (min-width: 1200px) {
    .block-media__item--hero-media-1:last-of-type {
        width: calc(75% + 76px)
    }
}

.block-media__item--hero-media-2 {
    width: 75%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1000px) {
    .block-media__item--hero-media-2 {
        width: 37.5%;
        margin-right: 0
    }
}

@media (min-width: 1200px) {
    .block-media__item--hero-media-2 {
        margin-left: 0
    }
}

.block-media__item--l2blsp-1 {
    width: 66.66667%
}

.block-media__item--l2blsp-1 .block-media__image {
    padding-bottom: 62.5%
}

@media (min-width: 1000px) {
    .block-media__item--l2blsp-1 {
        width: 75%
    }
}

.block-media__item--l2blsp-2 {
    width: 33.33333%
}

.block-media__item--l2blsp-2 .block-media__image {
    padding-bottom: 150%
}

@media (min-width: 1000px) {
    .block-media__item--l2blsp-2 {
        width: 25%
    }
}

.block-media__item--l2slbl-1 {
    width: 50%
}

.block-media__item--l2slbl-1 .block-media__image {
    padding-bottom: 62.5%
}

@media (min-width: 1000px) {
    .block-media__item--l2slbl-1 {
        width: 37.5%
    }
}

.block-media__item--l2slbl-2 {
    width: 83.33333%;
    margin-left: 16.66667%;
    margin-top: 12px
}

.block-media__item--l2slbl-2 .block-media__image {
    padding-bottom: 62.5%
}

@media (min-width: 1000px) {
    .block-media__item--l2slbl-2 {
        width: 75%;
        margin-left: 25%;
        margin-top: 20px
    }
}

@media (min-width: 1200px) {
    .block-media__item--l2slbl-2 {
        margin-top: 38px
    }
}

.block-media__item--l2mpmp-1, .block-media__item--l2mpmp-2 {
    float: left;
    width: 50%
}

.block-media__item--l2mpmp-1 .block-media__image, .block-media__item--l2mpmp-2 .block-media__image {
    padding-bottom: 150%
}

@media (min-width: 1000px) {
    .block-media__item--l2mpmp-1, .block-media__item--l2mpmp-2 {
        width: 37.5%
    }
}

@media (min-width: 1000px) {
    .block-media__item--l2mpmp-1 {
        margin-left: 12.5%
    }
}

.block-media__item--l2mpmp-2 {
    margin-top: 18%
}

.block-media__item--l3blslmp-1 {
    margin-bottom: 12px
}

@media (min-width: 1000px) {
    .block-media__item--l3blslmp-1 {
        margin-bottom: 20px
    }
}

@media (min-width: 1200px) {
    .block-media__item--l3blslmp-1 {
        margin-bottom: 38px
    }
}

.block-media__item--l3blslmp-1 .block-media__image, .block-media__item--l3blslmp-2 .block-media__image {
    padding-bottom: 62.5%
}

.block-media__item--l3blslmp-3 .block-media__image {
    padding-bottom: 150%
}

.block-media__item--l3blslml-1 .block-media__image, .block-media__item--l3blslml-2 .block-media__image, .block-media__item--l3blslml-3 .block-media__image {
    padding-bottom: 62.5%
}

.block-media__item--l3blslml-1 {
    margin-bottom: 12px
}

@media (min-width: 1000px) {
    .block-media__item--l3blslml-1 {
        margin-bottom: 20px
    }
}

@media (min-width: 1200px) {
    .block-media__item--l3blslml-1 {
        margin-bottom: 38px
    }
}

.block-media figcaption {
    color: #333;
    max-width: 600px;
    margin-top: 12px
}

@media (max-width: 999px) {
    .block-textimage__text-wrap {
        margin-left: 10%
    }

    .-page-block .block-textimage__text-wrap {
        margin-left: 0
    }
}

.block-textimage__button:first-child, .block-textimage__subheading:first-child, .block-textimage__text:first-child {
    padding-top: 0
}

@media (max-width: 999px) {
    .block-textimage__image {
        width: calc(100% + 30px);
        margin-right: -30px
    }
}

@media (min-width: 1000px) and (max-width: 1199px) {
    .block-textimage__image {
        width: calc(100% + 40px)
    }

    .block-textimage--text-right .block-textimage__image {
        margin-left: -40px
    }
}

.block-textimage__image-inner {
    padding-bottom: 60.60606%
}

@media (min-width: 1000px) {
    .block-textimage__image-inner {
        padding-bottom: 64.51613%
    }
}

@media (min-width: 1200px) {
    .block-textimage__image-inner {
        padding-bottom: 65.78947%
    }
}

.block-quote {
    z-index: 1;
    position: relative
}

.block-quote__source-bullet {
    width: 12px;
    height: 12px;
    background: currentColor;
    top: 6px;
    left: -24px
}

@media (min-width: 1000px) {
    .block-quote__source-bullet {
        width: 11px;
        height: 11px;
        left: 0
    }
}

@media (min-width: 1200px) {
    .block-quote__source-bullet {
        top: 7px;
        left: -38px
    }
}

.block-quote__bg {
    z-index: 0;
    pointer-events: none;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.block-quote__bg-inner {
    width: 100%
}

.block-button__wrap:after, .block-button__wrap:before {
    display: none
}

.block-button__button {
    width: auto;
    min-width: 66.66667%
}

@media (min-width: 1000px) {
    .block-button__button {
        min-width: 37.5%
    }
}

@media (min-width: 1200px) {
    .block-button__button {
        min-width: 33.33333%
    }
}

.block-table table {
    border-spacing: 0;
    width: 100%
}

.block-table__col {
    width: auto;
    min-width: 200px
}

.block-table__col--long {
    min-width: 300px
}

@media (min-width: 600px) {
    .block-table__col--2 {
        width: 50%
    }
}

@media (min-width: 1000px) {
    .block-table__col--3 {
        width: 33.33333%
    }
}

@media (min-width: 1200px) {
    .block-table__col--4 {
        width: 25%
    }
}

.block-feature__image--portrait {
    width: calc(((100% + 12px) * 0.666666666666667) + 12px);
    margin: 0 auto
}

@media (min-width: 1000px) {
    .block-feature__image--portrait {
        width: calc(((100% + 20px) / 2) + 20px)
    }
}

@media (min-width: 1420px) {
    .block-feature__image--portrait, .block-feature__text--portrait {
        width: calc(((100% + 38px) / 2) + 38px);
        margin: 0 auto
    }
}

.block-feature__image-wrap--portrait {
    padding-bottom: 150%
}

.block-feature__image-wrap--landscape {
    padding-bottom: 66.66667%
}

.block-feature__item--portrait:nth-of-type(odd) + .block-feature__item--portrait {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.block-feature__item:last-of-type {
    margin-bottom: 0
}

@media (min-width: 1000px) {
    .block-feature__item:nth-of-type(odd):nth-last-of-type(2) {
        margin-bottom: 0
    }
}

.block-feature__image:last-child, .block-feature h2:last-child {
    padding-bottom: 0
}

.block-products-feature__item:last-of-type {
    margin-bottom: 0
}

@media (min-width: 1000px) {
    .block-products-feature__item:nth-of-type(odd):nth-last-of-type(2) {
        margin-bottom: 0
    }
}

.block-products-feature__item a h3 {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.block-products-feature__item a:hover h3 {
    opacity: .5
}

.block-products-feature__image-outer {
    padding-bottom: 73.52941%
}

@media (min-width: 1000px) {
    .block-products-feature__image-outer {
        padding-bottom: 66.66667%
    }
}

.block-products-feature__image-wrap--landscape {
    width: calc((100% + 12px) * 0.833333333333333)
}

@media (min-width: 1000px) {
    .block-products-feature__image-wrap--landscape {
        width: calc((100% + 20px) * 0.75)
    }
}

@media (min-width: 1200px) {
    .block-products-feature__image-wrap--landscape {
        width: calc((100% + 38px) * 0.75)
    }
}

.block-products-feature__image-wrap--square {
    width: calc((100% + 12px) * 0.666666666666667)
}

@media (min-width: 1000px) {
    .block-products-feature__image-wrap--square {
        width: 65%
    }
}

.block-products-feature__image-wrap--portrait {
    width: calc(50% + 6px)
}

@media (min-width: 1000px) {
    .block-products-feature__image-wrap--portrait {
        width: calc(50% + 10px)
    }
}

@media (min-width: 1200px) {
    .block-products-feature__image-wrap--portrait {
        width: calc(50% + 19px)
    }
}

.block-products-feature__image--landscape {
    padding-bottom: 71.42857%
}

.block-colorpalettes__palettes {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-downloads__link {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.block-downloads__link .arrow {
    right: 0;
    top: 0
}

.block-downloads__link:hover {
    opacity: .5
}

.block-downloads__link:hover .arrow {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: a;
    animation-name: a;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.block-people__item a {
    border-bottom: 1px solid #000;
    -webkit-transition: border .1s ease;
    transition: border .1s ease
}

.block-people__item a:hover {
    border-color: transparent
}

.block-people__item-image-wrap {
    width: 100%;
    height: 0;
    padding-bottom: 75%
}

.block-people__item-image {
    height: 100%;
    width: auto;
    top: 0
}

.block-people__item:nth-child(4n+1) .block-people__item-image-wrap {
    background: #fcf1cb
}

.block-people__item:nth-child(4n+1) .block-people__item-image {
    left: 0
}

.block-people__item:nth-child(4n+2) .block-people__item-image-wrap {
    background: #fcded9
}

.block-people__item:nth-child(4n+2) .block-people__item-image {
    right: 0
}

.block-people__item:nth-child(4n+3) .block-people__item-image-wrap {
    background: #d1e6f9
}

.block-people__item:nth-child(4n+3) .block-people__item-image {
    right: 0
}

.block-people__item:nth-child(4n+4) .block-people__item-image-wrap {
    background: #d9eedb
}

.block-people__item:nth-child(4n+4) .block-people__item-image {
    left: 0
}

.block-showrooms a {
    border-bottom: 1px solid #000;
    -webkit-transition: border .1s ease;
    transition: border .1s ease
}

.block-showrooms a:hover {
    border-color: transparent
}

@media (max-width: 999px) {
    .block-showrooms__item-contact-info, .block-showrooms__item-heading, .block-showrooms__item-image-wrap, .block-showrooms__item-meta-info {
        padding-left: 36px
    }
}

@media (max-width: 999px) {
    .block-showrooms__item-heading span {
        top: 3px;
        left: 8px
    }

    .block-showrooms__item-heading span svg {
        width: 16px;
        height: 24px
    }
}

@media (min-width: 1000px) {
    .block-showrooms__item-heading span {
        top: 5px;
        margin-right: 10px
    }
}

@media (min-width: 1200px) {
    .block-showrooms__item-heading span {
        top: 1px
    }
}

@media (min-width: 1200px) {
    .block-showrooms__item-image-wrap {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width: 1200px) {
    .block-showrooms__item-contact-info, .block-showrooms__item-meta-info {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.block-showrooms__item-image-inner {
    padding-bottom: 62.5%
}

.block-contactinformation a {
    border-bottom: 1px solid #000;
    -webkit-transition: border .1s ease;
    transition: border .1s ease
}

.block-contactinformation a:hover {
    border-color: transparent
}

@media (max-width: 999px) {
    .block-contactinformation__item-address-info, .block-contactinformation__item-contact-info, .block-contactinformation__item-heading {
        padding-left: 36px
    }
}

@media (max-width: 999px) {
    .block-contactinformation__item-heading span {
        top: 3px;
        left: 8px
    }

    .block-contactinformation__item-heading span svg {
        width: 16px;
        height: 24px
    }
}

@media (min-width: 1000px) {
    .block-contactinformation__item-heading span {
        top: 5px;
        margin-right: 10px
    }
}

@media (min-width: 1200px) {
    .block-contactinformation__item-heading span {
        top: 1px
    }
}

.block-contactinformation__item-contact-line {
    height: 2px
}

.block-contactinformation__item-contact-line:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 45%, .6)
}

.block-productiontext {
    background: #f7f4f8
}

@media (min-width: 1300px) {
    .block-productiontext__image-wrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width: 1300px) {
    .-flipped .block-productiontext__text-wrap {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.block-history__item {
    -webkit-transition: background-color .1s;
    transition: background-color .1s
}

.block-history__item.-open, .block-history__item:target {
    background: #f7f4f8
}

.block-history__item-toggle {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid currentColor;
    padding-left: 1em;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

@media (min-width: 1000px) {
    .block-history__item-toggle {
        padding-bottom: 2px
    }
}

@media (min-width: 1200px) {
    .block-history__item-toggle {
        border-width: 2px
    }
}

.block-history__item-toggle span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

@media (min-width: 1000px) {
    .block-history__item-toggle span {
        margin-right: 2px
    }
}

.block-history__item-toggle:hover {
    opacity: .5
}

.block-history__item-toggle:hover span {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: a;
    animation-name: a;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.block-history__content {
    height: 0;
    overflow: hidden
}

.block-history__item:target .block-history__content {
    height: auto
}

.block-textbuttons__button:first-child, .block-textbuttons__subheading:first-child, .block-textbuttons__text:first-child {
    padding-top: 0
}

.block-textbuttons + .block-textbuttons {
    padding-top: 0 !important
}

.block-textbuttons + .block-textbuttons .block-textbuttons__text-wrap:before {
    content: "";
    display: block;
    background-color: #f7f4f8;
    width: 100%;
    height: 1px;
    margin-bottom: 30px
}

@media (min-width: 1200px) {
    .block-textbuttons + .block-textbuttons .block-textbuttons__text-wrap:before {
        margin-bottom: 50px;
        height: 2px
    }
}

@media (max-width: 999px) {
    .block-front-feature__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .block-front-feature__content:after, .block-front-feature__content:before {
        display: none
    }
}

.block-front-feature__text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.block-front-feature__text-spacer {
    display: none
}

@media (min-width: 1000px) {
    .block-front-feature__text-spacer {
        pointer-events: none;
        display: block;
        width: 100%;
        padding-bottom: 58.13953%;
        margin-top: 40px
    }
}

.block-front-feature__item {
    position: relative
}

@media (max-width: 999px) {
    .block-front-feature__item--1 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        z-index: 2;
        top: 0 !important
    }
}

@media (min-width: 1000px) {
    .block-front-feature__item--1 {
        position: absolute;
        left: 10px;
        padding: 0
    }

    .no-js .block-front-feature__item--1 {
        top: auto !important;
        bottom: 0
    }
}

@media (min-width: 1200px) {
    .block-front-feature__item--1 {
        left: 19px
    }
}

@media (max-width: 999px) {
    .block-front-feature__item--2 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding: 0;
        width: 100vw !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-left: -24px;
        z-index: 1;
        margin-bottom: -20px
    }
}

@media (min-width: 1000px) {
    .block-front-feature__item--2 {
        float: right;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0;
        position: relative;
        z-index: 2
    }
}

@media (min-width: 1000px) {
    .block-front-feature__item--2:nth-last-of-type(2) {
        width: calc(50% + 20px) !important;
        left: calc(-12.5% + 10px)
    }
}

@media (min-width: 1200px) {
    .block-front-feature__item--2:nth-last-of-type(2) {
        width: calc(50% + 38px) !important;
        left: calc(-12.5% + 19px)
    }
}

@media (min-width: 1000px) {
    .block-front-feature__item--2:last-of-type {
        left: -10px
    }
}

@media (min-width: 1200px) {
    .block-front-feature__item--2:last-of-type {
        left: -19px
    }
}

@media (max-width: 999px) {
    .block-front-feature__item--3 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: auto;
        padding: 0;
        margin-right: 6px;
        margin-bottom: -20px;
        z-index: 3
    }

    .block-front-feature--has-button .block-front-feature__item--3 {
        margin-top: -23px
    }
}

@media (min-width: 1000px) {
    .block-front-feature__item--3 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        float: right;
        z-index: 1;
        margin-top: -25px;
        padding: 0;
        position: relative;
        left: -10px
    }
}

@media (min-width: 1200px) {
    .block-front-feature__item--3 {
        left: -19px
    }
}

.block-front-feature__image--1, .block-front-feature__image--1 .block-media__image {
    padding-bottom: 58.13953%
}

.block-front-feature__image--2, .block-front-feature__image--2 .block-media__image, .block-front-feature__image--3, .block-front-feature__image--3 .block-media__image {
    padding-bottom: 62.5%
}

.block-categories__item:hover .block-categories__hover-image {
    opacity: 1
}

.block-categories__item a {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.block-categories__item a:hover {
    opacity: .5
}

.hero {
    position: relative;
    height: calc(100vh - 90px - 50px);
    background: #f0f0f0
}

@media (min-width: 1000px) {
    .hero {
        height: calc(100vh - 120px)
    }
}

.hero.-has-padding-top {
    padding-top: 67px
}

@media (min-width: 1000px) {
    .hero.-has-padding-top {
        padding-top: 106px
    }
}

.hero__inner-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.hero-textblock {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.-has-padding-top .hero-textblock {
    top: calc(50% + 120px / 2)
}

.hero-textblock.-textcolor-light {
    color: #fff
}

.hero-textblock__heading {
    padding: 0 10px
}

@media (min-width: sm0px) {
    .hero-textblock__heading {
        padding: 0 40px
    }
}

@media (min-width: 1000px) {
    .hero-textblock__heading {
        padding: 0 80px
    }
}

@media (min-width: 1200px) {
    .hero-textblock__heading {
        padding: 0;
        width: 65%;
        margin-left: auto;
        margin-right: auto
    }
}

.-has-background .hero-textblock__heading span {
    margin-left: -15px;
    background: hsla(0, 0%, 100%, .9);
    padding: 0 15px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.-has-background.-textcolor-light .hero-textblock__heading span {
    background: rgba(0, 0, 0, .5);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hero-textblock__continue {
    margin-top: 15px
}

@media (min-width: 1000px) {
    .hero-textblock__continue {
        margin-top: 35px;
        margin-top: 45px
    }
}

.-has-background .hero-textblock__continue-bg {
    display: inline-block;
    background: hsla(0, 0%, 100%, .9);
    padding: 3px 15px 8px
}

@media (min-width: 1000px) {
    .-has-background .hero-textblock__continue-bg {
        padding: 7px 20px 12px
    }
}

.-has-background.-textcolor-light .hero-textblock__continue-bg {
    background: rgba(0, 0, 0, .5);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.hero-textblock__continue-link {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid currentColor;
    padding-left: 28px;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.hero-textblock__continue-link:hover {
    opacity: .5
}

.hero-textblock__continue-link:hover span {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hero-textblock__continue-link.-is-scroll {
    padding-left: 20px
}

.hero-textblock__continue-link.-is-scroll:hover span {
    -webkit-animation-name: a;
    animation-name: a
}

@media (min-width: 1000px) {
    .hero-textblock__continue-link {
        padding-bottom: 2px
    }
}

@media (min-width: 1200px) {
    .hero-textblock__continue-link {
        border-width: 2px
    }
}

.hero-textblock__continue-link span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.hero-logo-n__inner {
    position: relative
}

.hero-logo-n svg {
    position: absolute;
    display: block;
    width: 185px;
    height: 143px;
    top: -83px;
    left: 0;
}

@media (min-width: 1000px) {
    .hero-logo-n svg {
        width: 240px;
        height: 186px;
        top: -106px
    }
}

.hero-logo-n path {
    fill: #000
}

.hero-singleimage__image-wrapper {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.hero-slideshow {
    position: absolute
}

.hero-slideshow, .hero-slideshow .flickity-slider {
    width: 100%;
    height: 100%
}

.hero-slideshow__slide {
    position: absolute;
    width: 100%;
    height: 100%
}

.hero-slideshow__nav {
    position: absolute;
    width: 100%;
    height: 0;
    top: 50%;
    left: 0;
    color: #000;
    z-index: 999
}

.hero-slideshow__nav path, .hero-slideshow__nav polygon {
    fill: #000
}

.hero-slideshow__nav.-text-color-light {
    color: #fff
}

.hero-slideshow__nav.-text-color-light path, .hero-slideshow__nav.-text-color-light polygon {
    fill: #fff
}

.hero-slideshow__nav-btn {
    position: relative;
    top: -20px;
    left: -10px;
    background: transparent;
    border: 0;
    padding: 10px;
    cursor: pointer
}

@media (min-width: 1000px) {
    .hero-slideshow__nav-btn {
        top: -23px
    }
}

.hero-slideshow__nav-btn.-next {
    float: right;
    left: 10px
}

.hero-slideshow__nav-btn .svg-arrow {
    display: none
}

@media (min-width: 1000px) {
    .hero-slideshow__nav-btn .arrow {
        display: none
    }

    .hero-slideshow__nav-btn .svg-arrow {
        display: block
    }
}

.hero-two-images__inner, .hero-two-images__wrap {
    position: relative;
    height: 100%
}

.hero-two-images__image {
    position: absolute
}

.hero-two-images__image img {
    max-width: none !important
}

.hero-two-images__image.-first {
    top: 0;
    left: 0
}

@media (min-width: 1200px) {
    .hero-two-images__image.-first {
        width: auto !important;
        height: 100%;
        left: 76px
    }

    .hero-two-images__image.-first img {
        width: auto;
        height: 100%
    }
}

.hero-two-images__image.-second {
    bottom: 0;
    right: 0
}

@media (min-width: 1000px) {
    .hero-two-images__image.-second {
        bottom: 30px
    }
}

.magazine-featured-article {
    margin-bottom: 50px
}

@media (min-width: 1200px) {
    .magazine-featured-article {
        margin-bottom: 80px
    }
}

.magazine-featured-article.-is-top {
    padding-top: 140px;
    padding-bottom: 40px
}

@media (min-width: 1000px) {
    .magazine-featured-article.-is-top {
        padding-top: 160px;
        padding-bottom: 60px
    }
}

@media (min-width: 1200px) {
    .magazine-featured-article.-is-top {
        padding-bottom: 0
    }
}

@media (max-width: 1299px) {
    .magazine-featured-article__link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 1300px) {
    .magazine-featured-article__link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.-is-inline .magazine-featured-article__outer {
    position: relative;
    padding-bottom: 40px
}

@media (min-width: 1000px) {
    .-is-inline .magazine-featured-article__outer {
        padding-bottom: 60px
    }
}

@media (min-width: 1300px) {
    .-is-inline .magazine-featured-article__outer {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width: 1200px) {
    .-is-inline .magazine-featured-article__outer {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.-is-inline .magazine-featured-article__outer:after, .-is-inline .magazine-featured-article__outer:before {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    background: #fff
}

@media (min-width: 1000px) {
    .-is-inline .magazine-featured-article__outer:after, .-is-inline .magazine-featured-article__outer:before {
        display: block;
        width: 40px
    }
}

@media (min-width: 1300px) {
    .-is-inline .magazine-featured-article__outer:after, .-is-inline .magazine-featured-article__outer:before {
        width: 40px
    }
}

@media (min-width: 1200px) {
    .-is-inline .magazine-featured-article__outer:after, .-is-inline .magazine-featured-article__outer:before {
        width: 80px
    }
}

@media (min-width: 1420px) {
    .-is-inline .magazine-featured-article__outer:after, .-is-inline .magazine-featured-article__outer:before {
        width: 80px
    }
}

@media (min-width: 1800px) {
    .-is-inline .magazine-featured-article__outer:after, .-is-inline .magazine-featured-article__outer:before {
        width: 80px
    }
}

.-is-inline .magazine-featured-article__outer:before {
    left: 0
}

.-is-inline .magazine-featured-article__outer:after {
    right: 0
}

.-text-only.-is-inline .magazine-featured-article__outer {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (min-width: 1000px) {
    .-text-only.-is-inline .magazine-featured-article__outer {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (min-width: 1200px) {
    .-text-only.-is-inline .magazine-featured-article__outer {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.-text-only.-is-inline .magazine-featured-article__outer:after, .-text-only.-is-inline .magazine-featured-article__outer:before {
    display: block
}

.magazine-featured-article__image-wrapper {
    margin-bottom: 23px
}

@media (min-width: 1000px) {
    .magazine-featured-article__image-wrapper {
        margin-bottom: 48px
    }
}

@media (min-width: 1300px) {
    .magazine-featured-article__image-wrapper {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0
    }
}

.-is-top .magazine-featured-article__image-inner {
    margin-left: -30px;
    margin-right: -30px
}

@media (min-width: 1000px) {
    .-is-top .magazine-featured-article__image-inner {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media (min-width: 1300px) {
    .-is-top .magazine-featured-article__image-inner {
        margin-left: 0;
        margin-right: -40px
    }
}

@media (min-width: 1200px) {
    .-is-top .magazine-featured-article__image-inner {
        margin-left: 0;
        margin-right: -80px
    }
}

.magazine-featured-article__image-picture {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background: hsla(0, 0%, 100%, .05)
}

@media (min-width: 1300px) {
    .magazine-featured-article__image-picture {
        padding-bottom: 75%
    }
}

@media (max-width: 999px) {
    .magazine-featured-article__text-wrapper {
        text-align: center
    }
}

@media (min-width: 1300px) {
    .-is-inline .magazine-featured-article__text-inner {
        margin-left: -20px
    }
}

@media (min-width: 1200px) {
    .-is-inline .magazine-featured-article__text-inner {
        margin-left: -38px
    }
}

@media (min-width: 1420px) {
    .-is-inline .magazine-featured-article__text-inner {
        margin-left: -38px
    }
}

@media (min-width: 1800px) {
    .-is-inline .magazine-featured-article__text-inner {
        margin-left: -38px
    }
}

.-text-only .magazine-featured-article__text-inner {
    margin-left: 0 !important
}

.magazine-featured-article__heading {
    margin-bottom: 5px
}

@media (min-width: 1000px) {
    .magazine-featured-article__heading {
        margin-bottom: 8px
    }
}

@media (min-width: 1200px) {
    .magazine-featured-article__heading {
        margin-bottom: 16px
    }
}

.-hide-meta .magazine-featured-article__meta {
    display: none
}

.magazine-featured-article__link-dummy {
    margin-top: 8px;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

@media (min-width: 1000px) {
    .magazine-featured-article__link-dummy {
        margin-top: 16px
    }
}

@media (min-width: 1200px) {
    .magazine-featured-article__link-dummy {
        margin-top: 24px
    }
}

.magazine-featured-article__link-dummy-inner {
    padding-left: 1.3em;
    border-bottom: 1px solid #000
}

.magazine-featured-article__link-dummy .arrow {
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0
}

.magazine-featured-article__link:hover .magazine-featured-article__link-dummy {
    opacity: .5
}

.magazine-featured-article__link:hover .magazine-featured-article__link-dummy .arrow {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.magazine-article__content {
    padding-top: 33px
}

@media (min-width: 1000px) {
    .magazine-article__content {
        padding-top: 62px
    }
}

.magazine-article__summary {
    padding-bottom: 40px
}

@media (min-width: 1000px) {
    .magazine-article__summary {
        padding-bottom: 60px
    }
}

.magazine-article__summary a {
    border-bottom: 1px solid #000
}

@media (min-width: 1000px) {
    .magazine-article-list__wrap {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.magazine-article-list__pagination {
    margin-top: 30px;
    margin-bottom: 40px
}

@media (min-width: 1000px) {
    .magazine-article-list__pagination {
        margin-bottom: 70px
    }
}

@media (min-width: 1200px) {
    .magazine-article-list__pagination {
        margin-bottom: 100px
    }
}

.magazine-article-list__pagination a {
    display: inline-block;
    border-bottom: 1px solid currentColor
}

.magazine-article-item {
    margin-bottom: 40px
}

@media (min-width: 1000px) {
    .magazine-article-item {
        margin-bottom: 60px
    }
}

@media (min-width: 1000px) {
    .magazine-article-list--module .magazine-article-item {
        margin-bottom: 0
    }
}

.magazine-article-list--module .magazine-article-item:last-of-type {
    margin-bottom: 0
}

.magazine-article-item.-text-only {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.magazine-article-item__image-wrapper {
    margin-bottom: 12px
}

@media (min-width: 1200px) {
    .magazine-article-item__image-wrapper {
        margin-bottom: 32px
    }
}

.magazine-article-item__image-wrapper.-portrait {
    width: calc(66.67% - 3.96px);
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1000px) {
    .magazine-article-item__image-wrapper.-portrait {
        width: calc((100% + 20px * 1.5) - 50%)
    }
}

@media (min-width: 1200px) {
    .magazine-article-item__image-wrapper.-portrait {
        width: calc((100% + 38px * 1.5) - 50%)
    }
}

.magazine-article-item__image-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 62.5%;
    background: #f5f5f5
}

.-portrait .magazine-article-item__image-inner {
    padding-bottom: 150%
}

.magazine-article-item__image-inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.magazine-article-item__text-wrapper {
    padding: 0 15px
}

.-text-only .magazine-article-item__text-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 62.5%
}

.-text-only .magazine-article-item__text-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 20px
}

@media (min-width: 1200px) {
    .-text-only .magazine-article-item__text-inner {
        padding: 40px
    }
}

.magazine-article-item__text-positioner {
    width: 100%
}

.magazine-article-item__heading {
    margin-bottom: 5px
}

@media (min-width: 1000px) {
    .magazine-article-item__heading {
        margin-bottom: 5px
    }
}

@media (min-width: 1200px) {
    .magazine-article-item__heading {
        margin-bottom: 5px
    }

    .-text-only .magazine-article-item__heading {
        font-size: 45px;
        line-height: 60px
    }
}

.magazine-article-item__meta {
    opacity: .5
}

.-hide-meta .magazine-article-item__meta {
    display: none
}

.magazine-article-item__link-text {
    margin-top: 8px;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

@media (min-width: 1000px) {
    .magazine-article-item__link-text {
        margin-top: 5px
    }
}

@media (min-width: 1200px) {
    .magazine-article-item__link-text {
        margin-top: 5px
    }
}

.magazine-article-item__link-text-inner {
    padding-left: 1.3em;
    border-bottom: 1px solid #000
}

.magazine-article-item__link-text .arrow {
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0
}

.magazine-article-item__link:hover .magazine-article-item__link-text {
    opacity: .5
}

.magazine-article-item__link:hover .magazine-article-item__link-text .arrow {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.magazine-article-header {
    position: relative;
    height: calc(100vh - 50px)
}

@media (min-width: 1000px) {
    .magazine-article-header {
        height: 100vh
    }
}

@media (min-width: 1200px) {
    .magazine-article-header {
        min-height: 700px
    }
}

.-text-only-header .magazine-article-header {
    height: auto;
    min-height: 0 !important;
    margin-bottom: 0 !important
}

.magazine-article-header__wrap {
    position: relative;
    height: 100%
}

.magazine-article-header__inner {
    position: relative;
    height: 100%;
    padding-top: 96px;
    padding-bottom: 50px
}

@media (min-width: 1000px) {
    .magazine-article-header__inner {
        padding-top: 116px;
        padding-bottom: 80px
    }
}

@media (min-width: 1200px) {
    .-text-only-header .magazine-article-header__inner {
        padding-bottom: 0
    }
}

.magazine-article-header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%
}

@media (min-width: 1200px) {
    .-text-only-header .magazine-article-header__content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.magazine-article-header__image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    position: relative
}

@media (min-width: 1200px) {
    .magazine-article-header__image-wrapper {
        width: calc(0.75 * 100% - 10px);
        margin: 0 auto
    }
}

.magazine-article-header__image-wrapper img {
    height: auto
}

.magazine-article-header__link-wrapper, .magazine-article-header__text-wrapper {
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.-text-only-header .magazine-article-header__text-wrapper {
    padding-top: 36px
}

@media (min-width: 1000px) {
    .-text-only-header .magazine-article-header__text-wrapper {
        padding-top: 50px;
        padding-bottom: 80px
    }
}

@media (min-width: 1200px) {
    .-text-only-header .magazine-article-header__text-wrapper {
        padding-top: 100px;
        padding-bottom: 180px
    }
}

@media (min-width: 1200px) {
    .-text-only-header .magazine-article-header__link-wrapper {
        display: none
    }
}

.magazine-article-header__heading {
    margin-top: 40px
}

.-text-only-header .magazine-article-header__heading {
    margin-top: 0
}

@media (min-width: 1000px) {
    .magazine-article-header__heading {
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1200px) {
    .magazine-article-header__heading {
        width: 780px
    }
}

.magazine-article-header__continue-link {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    border-bottom: 1px solid currentColor;
    margin-top: 25px;
    padding-left: 1em;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

@media (min-width: 1000px) {
    .magazine-article-header__continue-link {
        font-size: 16px;
        line-height: 32px
    }
}

@media (min-width: 1200px) {
    .magazine-article-header__continue-link {
        font-size: 20px;
        line-height: 32px
    }
}

.magazine-article-header__continue-link span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.magazine-article-header__continue-link:hover {
    opacity: .5
}

.magazine-article-header__continue-link:hover span {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: a;
    animation-name: a;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    animation-timing-function: cubic-bezier(.39, .575, .565, 1);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.magazine-article-header__nav {
    font-size: 12px;
    line-height: 24px
}

@media (min-width: 1200px) {
    .magazine-article-header__nav {
        font-size: 14px;
        line-height: 24px
    }
}

.magazine-article-header__nav-link {
    position: absolute;
    bottom: 52px;
    -webkit-transition-property: opacity, left, right;
    transition-property: opacity, left, right;
    -webkit-transition-duration: .1s, .3s, .3s;
    transition-duration: .1s, .3s, .3s
}

.magazine-article-header__nav-link .arrow {
    -webkit-transition-property: margin;
    transition-property: margin;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

@media (min-width: 1000px) {
    .magazine-article-header__nav-link {
        bottom: 82px
    }
}

@media (max-width: 999px) {
    .magazine-article-header__nav-link .text {
        display: none
    }
}

@media (min-width: 1200px) {
    .magazine-article-header__nav-link {
        top: 50%;
        bottom: auto
    }
}

.magazine-article-header__nav-link:hover {
    opacity: .5
}

.magazine-article-header__nav-link.-prev {
    left: 0
}

.magazine-article-header__nav-link.-prev .arrow {
    margin-right: 5px
}

.magazine-article-header__nav-link.-prev:hover {
    left: -3px
}

.magazine-article-header__nav-link.-prev:hover .arrow {
    margin-right: 8px
}

.magazine-article-header__nav-link.-next {
    right: 0
}

.magazine-article-header__nav-link.-next .arrow {
    margin-left: 5px
}

.magazine-article-header__nav-link.-next:hover {
    right: -3px
}

.magazine-article-header__nav-link.-next:hover .arrow {
    margin-left: 8px
}

.magazine-footer-nav {
    margin-top: 70px;
    margin-bottom: 70px
}

.magazine-footer-nav__link {
    border-bottom: 1px solid currentColor
}

.magazine-footer-nav__link.-next {
    float: right
}

@media (min-width: 1000px) {
    .product-list {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.product-list-item__image-inner {
    background: #f7f4f8
}

@media (min-width: 1000px) {
    .-portrait .product-list-item__image-wrapper, .-portrait .product-list-item__text-wrapper {
        width: calc((100% + 20px * 1.5) - 50%);
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1200px) {
    .-portrait .product-list-item__image-wrapper, .-portrait .product-list-item__text-wrapper {
        width: calc((100% + 38px * 1.5) - 50%)
    }
}

.product-filter__toggle {
    display: inline-block
}

.product-filter__toggle.-categories, .product-filter__toggle.-topics {
    margin-right: 50px
}

@media (min-width: 1000px) {
    .product-filter__toggle.-all {
        display: none
    }

    .product-filter__toggle.-categories, .product-filter__toggle.-topics {
        margin-right: 90px
    }
}

.product-filter__toggle.-all {
    border-bottom: 1px solid #000
}

.product-filter__toggle.is-selected {
    font-style: italic;
    border-bottom: 1px solid #000
}

@media (max-width: 999px) {
    .product-filter__panels {
        position: fixed;
        z-index: 99;
        width: 100%;
        height: 0;
        overflow: hidden;
        top: 0;
        left: 0;
        background: #fff
    }

    .product-filter__panels:target {
        height: 100%;
        overflow: auto
    }
}

@media (min-width: 1000px) {
    .product-filter__panels-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: none;
        display: block
    }
}

.product-filter__panel {
    display: none
}

.product-filter__panel:target {
    display: block
}

.product-filter__panel ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1200px) {
    .product-filter__item {
        width: 33.33333% !important
    }
}

.product-filter__item a span {
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color .1s ease;
    transition: border-color .1s ease
}

@media (min-width: 1200px) {
    .product-filter__item a span {
        border-width: 2px
    }
}

.product-filter__item a.is-selected span, .product-filter__item a:hover span {
    border-color: #000
}

.product-filter__item a.is-selected span {
    font-style: italic
}

.product-filter__item a.is-selected span:before {
    content: "x";
    display: inline-block;
    padding-right: 10px
}

@media (min-width: 1200px) {
    .product-filter__item a.is-selected span:before {
        padding-right: 15px
    }
}

.product-filter__sub-item a {
    white-space: nowrap
}

.product-filter__sub-item a:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 1px solid #000;
    position: relative;
    top: 4px;
    margin-right: 10px
}

.product-filter__sub-item a.is-selected:before {
    background: #000
}

.product-filter__button {
    border: 1px solid #000;
    background: #fff;
    line-height: 1;
    padding: 14px 45px
}

@media (min-width: 1000px) {
    .product-filter__button-wrap, .product-listpage__heading {
        display: none
    }
}

.reference-list-item.-textonly {
    border-bottom: 1px solid #adadad
}

.reference-list-item.-textonly:last-child {
    border-bottom: 0
}

.reference-list-item__image-picture.-layout-ref1bl {
    padding-bottom: 66.66667%
}

@media (min-width: 1000px) {
    .reference-list-item__image-picture.-layout-ref1bl {
        padding-bottom: 50%
    }
}

.landing-text__image img {
    position: absolute;
    right: 0;
    top: 0
}

.landing-text__image--wide img {
    width: 95%
}

.landing-text__image--square img {
    width: 85%
}

.landing-text__image--tall img {
    width: 70%
}

.landing-slider [data-wrap] {
    pointer-events: none
}

.landing-slider [data-wrap]:first-child {
    left: -150%;
    width: 200%
}

.landing-slider [data-wrap]:first-child [data-image-wrap] {
    left: 75%;
    width: 50%
}

.landing-slider__dragger {
    width: 30px;
    top: 0;
    left: 50%;
    margin-left: -15px
}

@media (min-width: 1000px) {
    .landing-slider__dragger {
        width: 100px;
        margin-left: -50px
    }
}

.landing-slider__drag-line {
    top: 0;
    left: 14px;
    width: 2px
}

@media (min-width: 1000px) {
    .landing-slider__drag-line {
        left: 49px
    }
}

.landing-slider__drag-instructions {
    opacity: 0;
    bottom: 40px;
    left: 50%;
    padding: 0 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 1000px) {
    .landing-slider__drag-instructions {
        bottom: auto;
        top: 70%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media (min-width: 1200px) {
    .landing-slider__drag-instructions {
        top: 60%;
        -webkit-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%)
    }
}

.js-has-engaged .landing-slider__drag-instructions {
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    opacity: 1
}

@media (min-width: 1200px) {
    .js-has-engaged .landing-slider__drag-instructions {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.js-is-engaging .landing-slider__drag-instructions {
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    opacity: .6
}

.js-has-engaged .landing-slider__drag-text, .js-is-engaging .landing-slider__drag-text {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0
}

.landing-slider__drag-icon {
    width: 28px;
    margin: 0 auto
}

@media (min-width: 1000px) {
    .landing-slider__drag-icon {
        width: 48px
    }
}

.landing-slider__drag-icon svg {
    display: block;
    width: 28px;
    height: 45px
}

@media (min-width: 1000px) {
    .landing-slider__drag-icon svg {
        width: 48px;
        height: 77px
    }
}

.landing-slider__drag-icon path {
    fill: currentColor
}

.landing-slider__drag-arrow {
    width: 8px;
    height: 8px;
    top: 50%;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s;
    transition: opacity .5s .2s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s .2s;
    transition: transform .5s, opacity .5s .2s, -webkit-transform .5s
}

@media (min-width: 1000px) {
    .landing-slider__drag-arrow {
        width: 12px;
        height: 12px;
        margin-top: -5px
    }
}

.js-has-engaged .landing-slider__drag-arrow {
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s;
    transition: opacity .5s .2s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s .2s;
    transition: transform .5s, opacity .5s .2s, -webkit-transform .5s
}

.landing-slider__drag-arrow--left {
    left: -10px
}

@media (min-width: 1000px) {
    .landing-slider__drag-arrow--left {
        left: -15px
    }
}

.js-is-engaging .landing-slider__drag-arrow--left {
    opacity: 0;
    -webkit-transform: translateX(-20px) rotate(45deg);
    transform: translateX(-20px) rotate(45deg)
}

.landing-slider__drag-arrow--right {
    right: -10px
}

@media (min-width: 1000px) {
    .landing-slider__drag-arrow--right {
        right: -15px
    }
}

.js-is-engaging .landing-slider__drag-arrow--right {
    opacity: 0;
    -webkit-transform: translateX(20px) rotate(45deg);
    transform: translateX(20px) rotate(45deg)
}

.landing-slider__label {
    bottom: 20px;
    max-width: 40%
}

@media (min-width: 1000px) {
    .landing-slider__label {
        bottom: auto;
        top: 20px
    }
}

@media (min-width: 1200px) {
    .landing-slider__label {
        top: 40px
    }
}

.landing-slider__label--left {
    left: 20px
}

@media (min-width: 1200px) {
    .landing-slider__label--left {
        left: 40px
    }
}

.landing-slider__label--right {
    right: 20px
}

@media (min-width: 1200px) {
    .landing-slider__label--right {
        right: 40px
    }
}

.landing-nav__item {
    min-width: 26%;
    max-width: 50%
}

@media (min-width: 440px) {
    .landing-nav__item {
        min-width: 26%;
        max-width: 33.33333%
    }
}

@media (min-width: 1200px) {
    .landing-nav__item {
        min-width: 17%;
        max-width: 20%
    }
}

.landing-nav img {
    max-width: 70px
}

@media (min-width: 1000px) {
    .landing-nav img {
        max-width: 80px
    }
}

@media (min-width: 1200px) {
    .landing-nav img {
        max-width: 100px
    }
}

@media (min-width: 1000px) and (max-width: 1199px) {
    .landing-nav br {
        display: none
    }
}

.landing-nav a span {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.landing-nav a.-has-hover:hover .landing-nav__icon {
    display: none
}

.landing-nav a.-has-hover:hover .landing-nav__icon.-hover {
    display: block
}

.landing-nav a.-has-hover:hover span {
    opacity: .5
}

@media (max-width: 1299px) {
    .front-banner__image-wrap {
        width: calc(50vw + (2 * ((100vw - 48px) / 6)) - 6px) !important;
        padding: 0 !important
    }
}

@media (max-width: 1299px) and (min-width: 1000px) {
    .front-banner__image-wrap {
        width: calc(50vw + (3 * ((100vw - 60px) / 8)) - 10px) !important
    }
}

@media (max-width: 1299px) {
    .front-banner__image-wrap--right {
        margin-left: -24px
    }
}

@media (max-width: 1299px) and (min-width: 1000px) {
    .front-banner__image-wrap--right {
        margin-left: -30px
    }
}

@media (max-width: 1299px) {
    .front-banner__image-wrap--left {
        margin-left: auto;
        position: relative;
        left: 24px
    }
}

@media (max-width: 1299px) and (min-width: 1000px) {
    .front-banner__image-wrap--left {
        left: 30px
    }
}

@media (min-width: 1300px) {
    .front-banner__image-wrap--left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (max-width: 1299px) {
    .front-banner__image {
        height: 0;
        position: relative;
        padding-bottom: 62.5%
    }
}

@media (min-width: 1300px) {
    .front-banner__image--square {
        width: calc(50vw - ((100vw - 60px) / 8) - 10px);
        max-height: calc(50vw + 10px)
    }
}

@media (min-width: 1200px) {
    .front-banner__image--square {
        width: calc(50vw - ((100vw - 122px) / 8) - 19px);
        max-height: calc(50vw + 19px)
    }
}

@media (min-width: 1440px) {
    .front-banner__image--square {
        width: calc(50vw - 164.75px - 19px)
    }
}

@media (min-width: 1300px) {
    .front-banner__image--landscape {
        width: calc(50vw + 10px);
        margin-left: -20px;
        max-height: calc(50vw + 10px)
    }
}

@media (min-width: 1200px) {
    .front-banner__image--landscape {
        width: calc(50vw + 19px);
        margin-left: -38px;
        max-height: calc(50vw + 19px)
    }
}

.front-banner__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1299px) {
    .front-banner__image img {
        position: absolute;
        top: 0;
        left: 0
    }
}

@media (min-width: 1300px) {
    .front-banner__text-wrap--right {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.newsletter-popup {
    z-index: 9999;
    background: rgba(0, 0, 0, .25);
    top: 0;
    left: 0;
    padding: 30px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1000px) {
    .newsletter-popup {
        padding: 40px
    }
}

@media (min-width: 1200px) {
    .newsletter-popup {
        padding: 80px
    }
}

.newsletter-popup__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    width: 100%;
    height: auto;
    max-width: 700px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1200px) {
    .newsletter-popup__inner {
        max-width: 900px
    }
}

.newsletter-popup__text-area {
    padding: 70px 40px
}

@media (max-width: 999px) {
    .newsletter-popup__image-area {
        display: none
    }
}

@media (min-width: 1000px) {
    .newsletter-popup__image-area {
        width: 44.44444%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.newsletter-popup__close-button {
    background: transparent;
    margin-left: 0;
    border: 0;
    cursor: pointer;
    z-index: 10001
}

.newsletter-popup__close-button path {
    fill: #000
}

.newsletter-popup__close-button {
    right: 5px;
    top: 5px;
    padding: 10px
}

.newsletter-popup__close-button svg {
    width: 18px;
    height: 18px
}

.search-form input {
    border: 0;
    border-bottom: 1px solid #000;
    padding-right: 50px;
    background: transparent
}

@media (min-width: 1200px) {
    .search-form input {
        border-width: 2px
    }
}

.search-form input::-webkit-input-placeholder {
    color: #000
}

.search-form input::-ms-input-placeholder {
    color: #000
}

.search-form input::placeholder {
    color: #000
}

.search-form button {
    background: none;
    border: 0;
    right: 0;
    top: 5px;
    padding: 0
}

@media (min-width: 1200px) {
    .search-form button {
        top: 20px
    }
}

.search-form button svg {
    width: 35px;
    height: 35px
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

video {
    filter: grayscale(0) !important;
    background: #fff !important;
}

.hero-video .hero__inner-wrap {
    clip-path: inset(1.5px 1.5px);
}

.block-table .g-col table .block-table__col a {
    text-decoration: underline;
}

.block-table .g-col table .block-table__col a:hover {
    opacity: 0.5;
}

.no-js img.lazyload {
    display: block !important;
}

/*# sourceMappingURL=style.css.map*/


/*Navigation Style*/
/*nav.header__menu ul li div.has-children{display: flex!important;}*/

.image_container {
    max-width: 45%;
    margin-right: 3%;
    flex: 1 0 50%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.image_container img {
    width: auto;
}

.level_2 {
    margin-top: -7px;
}

.category-textblock-content-first + .image-category .category-image2 {
    width: 90% !important;
}

/*.header__logo svg, .header__search-button a svg{fill:#fff;}
.header__menu ul li, .header__language-nav ul li, .header__language-nav ul li a{color:#fff;}
.header__nav-toggle span{background:#fff;}

.header__content:hover .header__logo svg, .header__content:hover .header__search-button svg{fill:#000;}
.header__content:hover ul li, .header__content:hover .header__language-nav ul li, .header__content:hover .header__language-nav ul li a{color:#000;}

.header.is-opaque ul li{color:#000;}
.header.is-opaque .header__logo svg, .header.is-opaque .header__search-button a svg{fill:#000;}*/

.product-list-item__meta a:hover {
    opacity: .5;
}


/*Cookie Banner*/
#onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded {
    top: 43%;
}

#onetrust-policy-title {
    font-size: 20px !important;
}

#onetrust-policy #onetrust-policy-text, #onetrust-button-group #onetrust-accept-btn-handler {
    font-size: 12px !important;
}

/*Header*/
.header div.u-top {
    background: #fff;
}

.header__content {
    max-height: 60px;
}


@media only screen and (min-width: 1200px) {
    /*Startseiten Banner*/
    .is-frontpage .hero-textblock__heading {
        line-height: 90px;
        font-size: 70px;
    }

    .is-frontpage h1 span {
        font-weight: 800;
        font-size: 80px;
        line-height: 115px;
    }
}

/* Breadcrumbs */

.c-breadcrumb {
    max-width: 1440px;
    margin: auto;
    padding-left: 81px;
    padding-right: 61px;
}

.c-breadcrumb__items {
    display: flex;
    gap: 5px;
    color: #8d8d8d;
    line-height: 32px;
    font-size: 16px;
}

.c-breadcrumb__items .breadcrumb-name {
    text-decoration: underline;
    text-transform: capitalize;
}

/*Link Allgemein*/
.about-frontpage__slide-text-wrap.ta-c a {
    border-bottom: 1px solid currentColor;
}

.about-frontpage__slide-text-wrap.ta-c a:hover {
    border-bottom: none;
}

.category-overview.content {
    font-family: 'BatonTurbo' !important;
    font-weight: 400 !important;
}

.category-textblock-content-second + .block-textbuttons {
    margin-bottom: 10%;
}

@media only screen and (max-width: 1200px) {
    .category-textblock-content-first, .category-textblock-content-second {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}

/*Menü*/
.header__menu ul.level_1 li:first-child a, .header__menu ul.level_1 li:nth-child(2) a {
    color: #F25C42;
    text-transform: uppercase;
    font-weight: 500;
}

.header__menu ul.level_3 li a, .header__menu ul.level_3 li a {
    color: #000 !important;
    text-transform: inherit !important;
    font-weight: 400 !important;
}

/*Kategorieseite*/

.category-content h1.block-textimage__heading {
    margin-bottom: 20px !important;
}

.category-content {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.category-content p {
    font-weight: 400;
}

.category-content .article-head__summary p {
    font-weight: 300;
}

/*.product-filter__panels-inner #filter-type{
  display: block!important;
}*/

/*Table Breite */
.block-colorpalettes + .block-table .g-col.g-6 {
    width: 100% !important;
    margin-left: 0 !important;
}

/*Kategorie-Übersicht*/

h1.article-head__heading.category-overview {
    font-size: 60px;
    line-height: 70px;
    font-weight: 400;
    max-width: 70%;
    margin-bottom: 20px;
}

.article-head__summary.category-overview {
    max-width: 70%;
}


.category-content {
    max-width: 1440px;
    padding-left: 80px;
    padding-right: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: 300;
}


.image-category {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.category-image2 {
    margin-top: 20%;
}

.category-textblock-content-first {
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 60px;
}

.category-textblock-content-second {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 60px;
}

h2.article-head__heading {
    font-size: 45px;
}

.article-head__summary.category-overview.content {
    margin-top: 10px;
    font-weight: 100;
}


.filter-top .product-filter__panels .product-filter__panel .u-sr-only, .filter-top .product-filter__panels .product-filter__panel .filter-category-main, .filter-top .category-product-topic {
    display: none;
}

.wysiwyg a.t-button--red {
    border-bottom: none !important;
}

.article-head__summary.category-overview, h1.article-head__heading.category-overview {
    max-width: 80%;
}

.downloadbutton {
    margin-top: 20px;
}

.product-list-item {
    min-height: 500px;
}

/*.filter-bottom .product-filter__sub-categories{
  display: none;
}*/

.product-filter__item {
    font-size: 24px;
    line-height: 30px;
}

.is-products-category .image-category {
    display: grid;
    grid-template-columns: 1fr 0.7fr;
    grid-gap: 40px;
}

/*Detailseite*/

tbody tr td img {
    width: auto !important;
}


@media only screen and (max-width: 1200px) {
    .c-breadcrumb {
        padding-right: 0px;
        padding-left: 40px;
    }

    .category-content {
        max-width: 1360px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .product-list-item {
        min-height: 280px;
    }


}

@media only screen and (min-width: 1200px) {
    .is-search p.listing__item-heading {
        font-size: 50px !important;
    }

    .is-search div.l-wrap.mb-10 p {
        font-weight: 900;
    }

    .product-filter__item {
        width: 25% !important;
        font-size: 18px;
        padding-bottom: 15px !important;
    }

    .hero-textblock__heading {
        padding: 0;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

}

@media only screen and (max-width: 1000px) {
    .c-breadcrumb {
        padding-right: 0px;
        padding-left: 30px;
    }

    .c-breadcrumb__item {

        font-size: 14px;
    }

    /*Navigation Style*/
    .image_container {
        max-width: 90%;
        margin-right: 3%;
    }

    h1.article-head__heading.category-overview {
        font-size: 35px;
        line-height: 45px;
        font-weight: 400;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .article-head__summary.category-overview {
        max-width: 100%;
    }

    .block-textbuttons.g-wrap {
        padding-left: 0px !important;
    }

    .is-frontpage .t-pluglink {
        font-size: 14px !important;
    }

}

@media only screen and (max-width: 370px) {
    .c-breadcrumb__item {

        font-size: 11px;
    }

    .product-list-item {
        min-height: 280px !important;
    }


}