/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */
[x-cloak] {
    display: none !important
}

.modal-backdrop {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, .7)
}

.modal {
    width: 480px;
    max-width: calc(100% - 32px);
    margin: 120px auto auto;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.modal__header {
    display: flex;
    align-items: center;
    padding: var(--spacing-sm) var(--spacing-md);
    border-bottom: 1px solid var(--color-border-dimmed)
}

.modal__actions {
    padding: var(--spacing-sm);
    border-top: 1px solid var(--color-border-dimmed)
}

.modal__title {
    font-size: var(--font-size-h4)
}

.modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: auto;
    cursor: pointer;
    color: #bbb;
    font-size: 0;
    line-height: 0
}

.modal__close::before {
    display: block;
    content: "×";
    font-size: 24px
}

.modal__content {
    padding: var(--spacing-sm) var(--spacing-md);
    font-weight: 600
}

.modal__content p:first-child {
    margin-top: 0
}

.modal__content p:last-child {
    margin-bottom: 0
}

:root {
    --ui-dialog-titlebar-height: 4rem;
    --ui-dialog-icon-size: 1.5rem
}

.ui-widget-overlay {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--color-black-rgb), .25);
}

.ui-dialog {
    z-index: 1001;
    overflow: hidden;
    max-width: 100%;
    border-radius: var(--radius-xs);
    background: var(--color-white);
    box-shadow: var(--shadow-md);
}

.ui-dialog--fullscreen {
    width: 100% !important;
    height: 100% !important
}

.ui-dialog-titlebar {
    display: flex;
    align-items: center;
    height: var(--ui-dialog-titlebar-height);
    padding: 0 var(--spacing-lg);
    border-bottom: 1px solid var(--color-platinum)
}

.ui-dialog-title {
    margin-right: var(--spacing-sm);
    font-size: var(--font-size-h6)
}

.ui-dialog-titlebar-close {
    width: var(--ui-dialog-icon-size);
    height: var(--ui-dialog-icon-size);
    margin-left: auto;
    cursor: pointer;
    opacity: .6;
    border: unset;
    background: transparent url(../image/close.svg) 50% no-repeat;
    background-size: var(--ui-dialog-icon-size);
    font-size: 0;
}

.ui-dialog-titlebar-close:hover {
    opacity: 1;
    border: unset;
    background: transparent url(../image/close.svg) 50% no-repeat
}

.ui-dialog-content {
    position: relative;
    overflow-y: auto;
    padding: var(--spacing-md) var(--spacing-lg);
}

.ui-dialog--no-content-padding .ui-dialog-content {
    padding: unset
}

.ui-dialog-buttonpane {
    padding: var(--spacing-md) var(--spacing-lg);
    padding-top: 0
}

.ui-dialog-titlebar {
    color: var(--color-blue-gray);
    border: 0;
    border-bottom: 1px solid var(--color-border-form);
    border-radius: 0;
    background-color: #fff;
}

.brochures-download .form-item {
    margin: 0
}

.brochures-download .form-item__label {
    color: var(--color-blue-gray);
    font-family: var(--font-secondary);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

.brochures-download .form-item__label::after {
    display: none
}

.brochures-download .brochures-download__privacy {
    color: #5a5e67;
    font-size: .75em
}

.brochures-download .brochures-download__privacy a {
    text-decoration: underline;
    color: #df273e;
}

.brochures-download .brochures-download__brochure {
    position: relative;
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    padding: 2px 7px 2px 22px;
    text-decoration: none;
    color: #545f67;
    border: 1px solid #b4c3c7;
    font-family: var(--font-family);
    font-size: 14px;
}

.brochures-download .brochures-download__brochure::before {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    content: "";
    background: url(../image/graphics.svg) -148px -44px no-repeat
}

.brochures-download .form-item--name-header {
    font-size: var(--font-size-h6)
}

.brochures-download .form-element {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 4px 0;
    border: none;
    border-bottom: 1px solid var(--color-border-form);
    background: 0 0;
}

.brochures-download .form-element:hover {
    box-shadow: none
}

.brochures-download .brochures-download__actions {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    margin-bottom: 24px;
}

.brochures-download .brochure-download__action {
    width: 48%
}

.brochures-download .brochure-download__action--skip {
    cursor: pointer;
    text-align: right;
    color: #5a5e67;
    border: none;
    background: none;
}

.ui-button .ui-icon, .ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: none !important
}

.ui-dialog-buttonpane {
    display: none !important
}

.header-top-navigation__list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-top-navigation__item {
    margin: 0 var(--spacing-sm);
}

.article-survey {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 36px 0;
}

.article-survey::before {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    display: block;
    width: 100vw;
    margin-left: -50vw;
    content: "";
    border-top: 1px solid var(--color-red3);
    background-color: var(--color-light-gray);
}

.article-survey__initial {
    display: grid;
    grid-template-columns:max-content 1fr;
    grid-gap: 16px;
    align-items: center;
}

.article-survey__actions {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 16px;
    align-items: center;
}

.article-survey__initial .article-survey__action {
    background-color: var(--color-white);
}

.article-survey__initial .article-survey__action:hover {
    background-color: var(--color-red3);
}

.article-survey__title {
    font-family: var(--font-secondary);
    font-size: var(--font-size-h5);
}

.article-survey__additional, .article-survey__complete {
    display: none;
}

.article-survey--feedback .article-survey__initial {
    display: none;
}

.article-survey--feedback .article-survey__additional {
    display: block;
}

.article-survey__feedback {
    width: 100%;
    resize: none;
}

.article-survey__how-improve {
    margin: var(--spacing-sm) 0;
    font-weight: bold;
}

.article-survey--completed .article-survey__initial, .article-survey--completed .article-survey__additional {
    display: none;
}

.article-survey--completed .article-survey__complete {
    display: block;
}

.article-survey__complete {
    text-align: center;
    font-family: var(--font-secondary);
    font-size: var(--font-size-h5);
}

.more-information {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding: var(--spacing-xxl) var(--spacing-md);
    text-align: center
}

@media (max-width: 992px) {
    .more-information {
        display: block
    }
}

.more-information .more-information__item {
    flex: 1 1 0;
    max-width: 480px;
    margin-right: auto;
    margin-left: auto;
    padding: 8px 25px 0;
}

@media (max-width: 992px) {
    .more-information .more-information__item {
        max-width: 235px;
        padding: 0
    }

    .more-information .more-information__item:not(:last-child) {
        margin-bottom: 15px
    }
}

.more-information > .more-information__item:nth-child(3) {
    border-left: 1px solid #9298a5
}

@media (max-width: 992px) {
    .more-information > .more-information__item:nth-child(3) {
        border: initial
    }
}

.more-information .more-information__title {
    display: block;
    margin-bottom: 30px;
    color: #0a4a7d;
    font-family: var(--font-secondary);
    font-size: 34px;
}

.more-information .more-information__description {
    margin-bottom: 50px
}

.more-information .more-information__actions a {
    display: inline-block;
    min-width: 0;
    padding: 10px 28px;
    text-decoration: none;
    color: #0a4a7d;
    border: 2px solid #0a4a7d;
    border-radius: 4px;
    font-family: var(--font-secondary);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.more-information .more-information__actions a:hover {
    color: #fff;
    background: #0a4a7d;
}

@media (max-width: 992px) {
    .more-information .more-information__actions a {
        width: 100%
    }
}

.more-information .desktop-hide {
    display: none
}

@media (max-width: 992px) {
    .more-information .desktop-hide {
        display: block;
        margin-top: 12px;
        margin-bottom: 34px;
        text-align: center;
        text-transform: none;
        color: #5a5e67;
        font-family: var(--font-secondary);
        font-size: 24px;
        line-height: 30px
    }
}

.product-tab-content {
    padding-top: 45px;
    padding-bottom: 40px;
    font-size: 14px
}

.product-tab-content .tab-cols-2, .product-tab-content .tab-cols-3, .product-tab-content .tab-subtitle, .product-tab-content .tab-title {
    max-width: 480px;
    margin-right: auto;
    margin-left: auto
}

.product-tab-content .tab-title {
    margin-bottom: 20px;
    text-transform: none;
    color: var(--color-blue-gray2);
    font-family: var(--font-secondary);
    font-size: 24px;
    font-weight: 400;
    line-height: 30px
}

.product-tab-content .tab-title :is(h1,h2,h3,h4,h5) {
    margin-top: 0;
    text-transform: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

.product-tab-content .tab-title.title-w-suffix * {
    margin-bottom: 0
}

.product-tab-content .tab-title.title-w-suffix .suffix {
    color: var(--color-blue-gray2);
    font-family: var(--font-family);
    font-size: 14px;
    line-height: normal
}

.product-tab-content .desktop {
    display: none
}

@media (min-width: 768px) {
    .product-tab-content {
        font-size: 16px
    }

    .product-tab-content .desktop {
        display: block
    }

    .product-tab-content .mobile {
        display: none
    }

    .product-tab-content .tab-title {
        margin-top: 50px;
        margin-bottom: 30px;
        font-size: 34px;
        line-height: 48px
    }

    .product-tab-content .tab-title.title-w-suffix {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline
    }

    .product-tab-content .tab-title.title-w-suffix .suffix {
        margin-right: 8px;
        margin-left: 8px;
        color: var(--color-blue-gray2);
        font-size: 16px
    }

    .product-tab-content .tab-cols-2 {
        display: flex;
        max-width: none
    }

    .product-tab-content .tab-cols-2 .tab-col {
        flex: 1 1 50%
    }
}

@media (min-width: 1024px) {
    .product-tab-content .tab-subtitle, .product-tab-content .tab-title {
        max-width: 830px
    }

    .product-tab-content .tab-cols-3 {
        display: flex;
        max-width: none
    }

    .product-tab-content .tab-cols-3 .tab-col {
        flex: 1 1 33.33%
    }
}

.product-tab-overview {
    text-align: center
}

.product-tab-overview .tab-cols-3 {
    margin-bottom: -30px;
    padding-right: 8px;
    padding-left: 8px
}

.product-tab-overview .tab-cols-3 .tab-col:not(:last-child) {
    border-bottom: 1px solid var(--color-ddd)
}

.product-tab-overview .benefits-image {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px
}

.product-tab-overview .benefits-image img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin-right: auto;
    margin-left: auto
}

.product-tab-overview .benefits-list .item {
    padding-top: 35px;
    padding-bottom: 35px
}

.product-tab-overview .benefits-list .item:not(:last-child) {
    border-bottom: 1px solid var(--color-ddd)
}

.product-tab-overview .benefits-list .item-title {
    margin-bottom: 12px;
    color: var(--color-red3);
    font-family: var(--font-secondary);
    font-size: 16px
}

@media (min-width: 1024px) {
    .product-tab-overview .tab-cols-3 {
        align-items: stretch;
        margin-top: 25px;
        margin-bottom: 10px;
        padding-right: 0;
        padding-left: 0
    }

    .product-tab-overview .tab-cols-3 .col-2 {
        order: -1
    }

    .product-tab-overview .tab-cols-3 .col-2, .product-tab-overview .tab-cols-3 .col-3 {
        flex: 0 0 auto;
        width: 270px
    }

    .product-tab-overview .tab-cols-3 .col-1 {
        display: flex;
        flex: 1 1 auto;
        align-items: center;
        justify-content: center;
        margin-right: 40px;
        margin-left: 40px
    }

    .product-tab-overview .tab-cols-3 .tab-col:not(:last-child) {
        border-bottom: 0
    }

    .product-tab-overview .benefits-list .item-title {
        font-size: 18px
    }
}

.product-tab-programs .tab-subtitle, .product-tab-programs .tab-title {
    text-align: center
}

.product-tab-programs .tab-table .table-title {
    color: var(--color-red3);
    font-family: var(--font-secondary);
    font-size: 16px
}

.product-tab-programs .tab-table .table-caption {
    color: var(--color-5a5e67-06);
    font-size: 12px
}

.product-tab-programs .tab-table table {
    background: none
}

.product-tab-programs .tab-table th {
    font-weight: 400
}

.product-tab-programs .feature-item {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center
}

.product-tab-programs .feature-item .feature-icon {
    width: 60px;
    height: 60px;
    margin-right: auto;
    margin-left: auto;
    background: url(../image/product-programs-icons.png) no-repeat;
    background-size: auto 60px
}

.product-tab-programs .feature-item .feature-title {
    margin-bottom: 8px;
    color: var(--color-red3);
    font-family: var(--font-secondary);
    font-size: 16px
}

@media (max-width: 575px) {
    .product-tab-programs .tab-table {
        max-width: 480px;
        margin: 50px auto 15px
    }

    .product-tab-programs .tab-table .table-title {
        padding-right: 12px;
        padding-left: 12px
    }

    .product-tab-programs .tab-table table, .product-tab-programs .tab-table tbody, .product-tab-programs .tab-table th, .product-tab-programs .tab-table tr {
        display: block
    }

    .product-tab-programs .tab-table table {
        margin-top: 12px;
        margin-bottom: 12px;
        border-bottom: 1px solid var(--color-ddd)
    }

    .product-tab-programs .tab-table thead {
        display: none
    }

    .product-tab-programs .tab-table td, .product-tab-programs .tab-table th {
        padding: 12px
    }

    .product-tab-programs .tab-table th {
        text-align: left;
        color: var(--color-white);
        background: var(--color-blue-gray2);
        font-family: var(--font-secondary)
    }

    .product-tab-programs .tab-table td {
        display: flex;
        justify-content: space-between
    }

    .product-tab-programs .tab-table td::before {
        margin-right: 12px;
        content: attr(data-label)
    }

    .product-tab-programs .tab-table td:not(:last-child) {
        border-bottom: 1px solid var(--color-ddd)
    }
}

@media (max-width: 575px) {
    .product-tab-programs .tab-cols-2 {
        margin-bottom: -20px
    }

    .product-tab-programs .tab-cols-2 .col-1 {
        border-bottom: 1px solid var(--color-ddd)
    }
}

@media (min-width: 576px) {
    .product-tab-programs .tab-table {
        max-width: 970px;
        margin: 80px auto
    }

    .product-tab-programs .tab-table .table-title {
        font-size: 18px
    }

    .product-tab-programs .tab-table table {
        margin-top: 15px;
        margin-bottom: 20px
    }

    .product-tab-programs .tab-table thead th {
        padding: 12px;
        color: var(--color-white);
        background: var(--color-blue-gray2);
        font-family: var(--font-secondary);
        font-size: 14px
    }

    .product-tab-programs .tab-table td {
        text-align: center
    }

    .product-tab-programs .tab-table td:first-child, .product-tab-programs .tab-table th:first-child {
        text-align: left
    }

    .product-tab-programs .tab-table tbody tr {
        border-bottom: 1px solid var(--color-ddd)
    }

    .product-tab-programs .tab-table tbody td, .product-tab-programs .tab-table tbody th {
        padding: 18px 12px
    }

    .product-tab-programs .feature-item {
        position: relative;
        max-width: 400px;
        margin-right: auto;
        margin-bottom: 15px;
        margin-left: auto;
        padding-left: 100px;
        text-align: left
    }

    .product-tab-programs .feature-item .feature-icon {
        position: absolute;
        top: 12px;
        left: 10px;
        width: 80px;
        height: 80px;
        background-size: auto auto
    }

    .product-tab-programs .feature-item .feature-title {
        margin-bottom: 12px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .product-tab-programs .tab-table thead th {
        padding: 12px 20px
    }

    .product-tab-programs .tab-table tbody td, .product-tab-programs .tab-table tbody th {
        padding: 18px 20px
    }
}

.product-tab-data-software .tab-subtitle.mobile, .product-tab-data-software .tab-title.mobile {
    padding-right: 16px;
    padding-left: 16px;
    text-align: center
}

.product-tab-data-software .tab-cols-2 {
    max-width: none;
    margin-left: 0
}

.product-tab-data-software .col-1 .col-content, .product-tab-data-software .col-2 .col-content {
    padding-right: 16px;
    padding-left: 16px
}

.product-tab-data-software .data-image {
    margin-top: 35px;
    margin-bottom: 15px
}

.product-tab-data-software .data-image img {
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    max-height: 480px;
    margin-right: auto;
    margin-left: auto
}

.product-tab-data-software .data-list {
    max-width: 480px;
    margin-right: auto;
    margin-bottom: -20px;
    margin-left: auto
}

.product-tab-data-software .data-list .item {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 64px
}

.product-tab-data-software .data-list .item:not(:last-child) {
    border-bottom: 1px solid var(--color-ddd)
}

.product-tab-data-software .data-list .item::before {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    content: "";
    background: url(../image/product-data-icons.png) 0 0 no-repeat;
    background-size: auto 24px
}

.product-tab-data-software .data-list .item.download::before {
    background-position-x: -24px
}

.product-tab-data-software .data-list .item.transfer::before {
    background-position-x: -48px
}

.product-tab-data-software .data-list .item.connect::before {
    background-position-x: -72px
}

.product-tab-data-software .data-list .item.report::before {
    background-position-x: -96px
}

.product-tab-data-software .data-list .item.barcode::before {
    background-position-x: -120px
}

.product-tab-data-software .data-list .item.control::before {
    background-position-x: -144px
}

.product-tab-data-software .data-list .item.date::before {
    background-position-x: -168px
}

.product-tab-data-software .data-list .item.diagnostics::before {
    background-position-x: -192px
}

.product-tab-data-software .data-list .item.download-2::before {
    background-position-x: -216px
}

.product-tab-data-software .data-list .item.notifications::before {
    background-position-x: -240px
}

.product-tab-data-software .data-list .item.pdf::before {
    background-position-x: -264px
}

.product-tab-data-software .data-list .item.pressure::before {
    background-position-x: -288px
}

.product-tab-data-software .data-list .item.printer::before {
    background-position-x: -312px
}

.product-tab-data-software .data-list .item.security::before {
    background-position-x: -336px
}

.product-tab-data-software .data-list .item.temperature::before {
    background-position-x: -360px
}

.product-tab-data-software .data-list .item.touch::before {
    background-position-x: -384px
}

.product-tab-data-software .data-list .item.usb::before {
    background-position-x: -408px
}

@media (min-width: 576px) {
    .product-tab-data-software.product-tab-content {
        padding-top: 100px;
        padding-bottom: 80px
    }

    .product-tab-data-software .tab-col {
        display: flex;
        align-items: stretch
    }

    .product-tab-data-software .tab-col.col-1 {
        justify-content: flex-end
    }

    .product-tab-data-software .col-1 .col-content {
        display: flex;
        align-items: center;
        margin-right: -86px;
        padding-right: 40px
    }

    .product-tab-data-software .col-2 .col-content {
        padding-left: 86px
    }

    .product-tab-data-software .data-image {
        margin-top: 0;
        margin-bottom: 0
    }

    .product-tab-data-software .data-image img {
        max-height: none
    }

    .product-tab-data-software .tab-subtitle, .product-tab-data-software .tab-title {
        max-width: none;
        margin-left: 0
    }

    .product-tab-data-software .tab-title {
        margin-top: 0;
        margin-bottom: 20px
    }

    .product-tab-data-software .data-list {
        max-width: none;
        margin: 35px 0 0
    }

    .product-tab-data-software .data-list .item {
        padding-left: 48px
    }

    .product-tab-data-software .data-list .item::before {
        top: 12px;
        left: 0;
        width: 32px;
        height: 32px;
        margin-top: 0;
        background-size: auto 32px
    }

    .product-tab-data-software .data-list .item.download::before {
        background-position-x: -32px
    }

    .product-tab-data-software .data-list .item.transfer::before {
        background-position-x: -64px
    }

    .product-tab-data-software .data-list .item.connect::before {
        background-position-x: -96px
    }

    .product-tab-data-software .data-list .item.report::before {
        background-position-x: -128px
    }

    .product-tab-data-software .data-list .item.barcode::before {
        background-position-x: -160px
    }

    .product-tab-data-software .data-list .item.control::before {
        background-position-x: -192px
    }

    .product-tab-data-software .data-list .item.date::before {
        background-position-x: -224px
    }

    .product-tab-data-software .data-list .item.diagnostics::before {
        background-position-x: -256px
    }

    .product-tab-data-software .data-list .item.download-2::before {
        background-position-x: -288px
    }

    .product-tab-data-software .data-list .item.notifications::before {
        background-position-x: -320px
    }

    .product-tab-data-software .data-list .item.pdf::before {
        background-position-x: -352px
    }

    .product-tab-data-software .data-list .item.pressure::before {
        background-position-x: -384px
    }

    .product-tab-data-software .data-list .item.printer::before {
        background-position-x: -416px
    }

    .product-tab-data-software .data-list .item.security::before {
        background-position-x: -448px
    }

    .product-tab-data-software .data-list .item.temperature::before {
        background-position-x: -480px
    }

    .product-tab-data-software .data-list .item.touch::before {
        background-position-x: -512px
    }

    .product-tab-data-software .data-list .item.usb::before {
        background-position-x: -544px
    }
}

@media (min-width: 768px) {
    .product-tab-data-software .col-1 .col-content {
        max-width: 687px;
        padding-right: 64px
    }
}

@media (min-width: 1024px) {
    .product-tab-data-software .col-2 .col-content {
        width: 496px;
        margin-right: auto
    }
}

.product-tab-tech-spec .tab-subtitle.mobile, .product-tab-tech-spec .tab-title.mobile {
    text-align: center
}

.product-tab-tech-spec .tech-spec .col-1 .col-content {
    padding-right: 24px;
    padding-left: 24px
}

.product-tab-tech-spec .spec-image {
    margin-top: 35px;
    margin-bottom: 35px
}

.product-tab-tech-spec .spec-image img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin-right: auto;
    margin-left: 0
}

.product-tab-tech-spec .spec-list {
    padding-right: 20px;
    padding-left: 20px;
    background: var(--color-white)
}

.product-tab-tech-spec .spec-list .spec-item {
    padding-top: 15px;
    padding-bottom: 15px
}

.product-tab-tech-spec .spec-list .spec-item:not(:last-child), .product-tab-tech-spec .spec-list .spec-row:not(:last-child) {
    border-bottom: 1px solid var(--color-ddd)
}

.product-tab-tech-spec .spec-list .item-title {
    margin-bottom: 20px;
    color: var(--color-red3);
    font-family: var(--font-secondary)
}

.product-tab-tech-spec .tech-spec + .tab-title {
    margin-top: 45px;
    text-align: center
}

.product-tab-tech-spec .standards {
    background: var(--color-white)
}

.product-tab-tech-spec .standards .col-content {
    padding-right: 20px;
    padding-left: 20px
}

.product-tab-tech-spec .standards-list {
    padding-top: 15px;
    padding-bottom: 15px
}

.product-tab-tech-spec .standards-list:not(:last-child) {
    border-bottom: 1px solid var(--color-ddd)
}

.product-tab-tech-spec .standards-list .list-title {
    margin-bottom: 12px;
    color: var(--color-red3);
    font-family: var(--font-secondary)
}

.product-tab-tech-spec .standards-list .item {
    padding-top: 8px;
    padding-bottom: 8px
}

.product-tab-tech-spec .standards-list ol, .product-tab-tech-spec .standards-list ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 18px
}

.product-tab-tech-spec .standards-list li {
    margin-bottom: 10px
}

.product-tab-tech-spec .standards .col-1 .standards-list:last-child {
    border-bottom: 1px solid var(--color-ddd)
}

@media (min-width: 576px) {
    .product-tab-tech-spec.product-tab-content {
        padding-top: 100px;
        padding-bottom: 90px
    }

    .product-tab-tech-spec .tech-spec .col-1 {
        display: flex;
        align-items: center
    }

    .product-tab-tech-spec .tech-spec .col-1 .col-content {
        margin-right: -48px;
        padding-right: 40px;
        padding-left: 0
    }

    .product-tab-tech-spec .tech-spec .col-2 .col-content {
        padding-left: 48px
    }

    .product-tab-tech-spec .spec-image {
        margin-top: 0;
        margin-bottom: 0
    }

    .product-tab-tech-spec .spec-list {
        padding-right: 0;
        padding-left: 0;
        background: none
    }

    .product-tab-tech-spec .spec-list .spec-item {
        flex: 0 0 auto;
        width: calc(50% - 20px);
        padding-top: 25px;
        padding-bottom: 30px
    }

    .product-tab-tech-spec .spec-list .spec-item:not(:last-child) {
        border-bottom: 0
    }

    .product-tab-tech-spec .spec-list .spec-item:first-child {
        margin-right: 40px
    }

    .product-tab-tech-spec .spec-list .spec-row {
        display: flex
    }

    .product-tab-tech-spec .spec-list .item-title {
        font-size: 16px
    }

    .product-tab-tech-spec .tab-subtitle.desktop, .product-tab-tech-spec .tab-title.desktop {
        max-width: none;
        margin-left: 0
    }

    .product-tab-tech-spec .tab-title.desktop {
        margin-top: 0;
        margin-bottom: 20px
    }

    .product-tab-tech-spec .spec-list {
        margin-top: 40px
    }

    .product-tab-tech-spec .tech-spec + .tab-title {
        justify-content: center;
        margin-top: 90px
    }

    .product-tab-tech-spec .standards {
        margin-right: -16px;
        margin-left: -16px;
        background: none
    }

    .product-tab-tech-spec .standards .tab-col {
        display: flex;
        align-items: stretch;
        padding-right: 16px;
        padding-left: 16px
    }

    .product-tab-tech-spec .standards .col-content {
        padding: 12px 40px;
        background: var(--color-white)
    }

    .product-tab-tech-spec .standards-list {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .product-tab-tech-spec .standards-list .list-title {
        margin-bottom: 20px;
        font-size: 16px
    }

    .product-tab-tech-spec .standards-list .item {
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid var(--color-ddd)
    }

    .product-tab-tech-spec .standards-list .item:last-child {
        padding-bottom: 0
    }

    .product-tab-tech-spec .standards .col-1 .standards-list:last-child {
        border-bottom: 0
    }
}

@media (min-width: 768px) {
    .product-tab-tech-spec .tech-spec .col-1 .col-content {
        padding-right: 64px
    }

    .product-tab-tech-spec .spec-list .spec-item {
        width: calc(50% - 32px)
    }

    .product-tab-tech-spec .spec-list .spec-item:first-child {
        margin-right: 64px
    }
}

.product-tab-faq .tab-subtitle, .product-tab-faq .tab-title {
    text-align: center
}

.product-tab-faq .faq-list {
    margin-top: 45px;
    margin-bottom: -35px
}

.product-tab-faq .faq-list .item {
    border-top: 1px solid var(--color-ddd)
}

.product-tab-faq .faq-list .item .accordion-toggle {
    padding-top: 15px;
    padding-bottom: 20px;
    color: var(--color-blue-gray2);
    font-family: var(--font-secondary)
}

.product-tab-faq .faq-list .item .accordion-content {
    padding-top: 15px;
    padding-bottom: 15px
}

.product-tab-faq .faq-list .item .item-title {
    display: none
}

.product-tab-faq .faq-list .item.expanded {
    border-color: transparent
}

.product-tab-faq .faq-list .item.expanded .accordion-toggle {
    position: relative;
    padding: 18px 15px 17px 52px;
    color: var(--color-white);
    background: var(--color-blue-gray2)
}

.product-tab-faq .faq-list .item.expanded .accordion-toggle::before {
    position: absolute;
    top: 50%;
    left: 15px;
    display: block;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    content: "";
    background: url(../image/graphics1.svg) -350px -44px no-repeat
}

@media (min-width: 576px) {
    .product-tab-faq .faq-list {
        position: relative;
        min-height: 480px;
        margin-top: 60px;
        margin-bottom: 60px;
        padding-right: 50%
    }

    .product-tab-faq .faq-list .item {
        border-right: 1px solid var(--color-ddd)
    }

    .product-tab-faq .faq-list .item .accordion-toggle {
        padding: 20px
    }

    .product-tab-faq .faq-list .item .accordion-toggle::before {
        transform: rotate(-90deg)
    }

    .product-tab-faq .faq-list .item .accordion-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        width: 50%;
        padding: 50px 0 50px 40px
    }

    .product-tab-faq .faq-list .item .item-title {
        display: block;
        margin-bottom: 30px;
        color: var(--color-red3);
        font-family: var(--font-secondary);
        font-size: 34px
    }

    .product-tab-faq .faq-list .item:first-child {
        border-top: 0
    }

    .product-tab-faq .faq-list .item.expanded .accordion-toggle {
        padding: 20px 20px 20px 58px
    }

    .product-tab-faq .faq-list .item.expanded .accordion-toggle::before {
        left: 20px;
        transform: rotate(-90deg)
    }

    .product-tab-faq .faq-list .item.expanded + .item {
        border-top-color: transparent
    }
}

@media (min-width: 768px) {
    .product-tab-faq .faq-list {
        padding-right: calc(50% + 82px)
    }

    .product-tab-faq .faq-list .item .accordion-content {
        width: calc(50% + 82px);
        padding-left: 72px
    }
}

.product-tab-accessories .tab-subtitle, .product-tab-accessories .tab-title {
    text-align: center
}

.product-tab-accessories .accessories-grid {
    margin-top: 30px;
    margin-bottom: -16px
}

.product-tab-accessories .accessories-grid .item {
    max-width: 480px;
    margin-right: auto;
    margin-bottom: 16px;
    margin-left: auto
}

.product-tab-accessories .accessories-grid .item-content {
    border: 1px solid var(--color-cecece)
}

.product-tab-accessories .accessories-grid .item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 216px;
    padding: 20px;
    background: var(--color-white)
}

.product-tab-accessories .accessories-grid .item-image img {
    display: block;
    max-width: 100%;
    height: auto !important
}

.product-tab-accessories .accessories-grid .item-info {
    padding: 15px 20px 25px;
    background: var(--color-f2f4f7)
}

.product-tab-accessories .accessories-grid .item-title {
    margin-bottom: 15px;
    color: var(--color-red3);
    font-size: 18px
}

.product-tab-accessories .accessories-grid .item-link {
    margin-top: 20px
}

.product-tab-accessories .accessories-grid .item-link a {
    display: block;
    max-width: 320px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    background: var(--color-white);
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 22px
}

@media (min-width: 576px) {
    .product-tab-accessories .accessories-grid {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        margin: 35px -15px 45px
    }

    .product-tab-accessories .accessories-grid .item {
        display: flex;
        flex: 0 0 auto;
        align-items: stretch;
        width: 50%;
        max-width: none;
        margin-bottom: 0
    }

    .product-tab-accessories .accessories-grid .item-content {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 15px
    }

    .product-tab-accessories .accessories-grid .item-image {
        height: 290px;
        min-height: 0;
        padding: 30px
    }

    .product-tab-accessories .accessories-grid .item-image img {
        width: auto !important;
        max-height: 230px
    }

    .product-tab-accessories .accessories-grid .item-info {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        justify-content: space-between;
        padding: 30px 30px 35px;
        background: var(--color-f2f4f7)
    }

    .product-tab-accessories .accessories-grid .item-title {
        margin-bottom: 20px;
        font-size: 24px
    }

    .product-tab-accessories .accessories-grid .item-link a {
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .product-tab-accessories .accessories-grid .item {
        width: 33.33%
    }
}

.tabs {
    position: relative;
    margin: 16px 0;
    font-family: var(--font-secondary)
}

@media (min-width: 992px) {
    .tabs {
        margin: 0
    }
}

.tabs__head {
    position: relative;
    display: block;
    padding: 10px 38px 10px 16px;
    text-transform: uppercase;
    color: #373737;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    background-color: #fff;
    font-size: 15px;
    font-weight: 700
}

@media (min-width: 992px) {
    .tabs__head {
        display: none
    }
}

.tabs__head.is-active {
    border-radius: 3px 3px 0 0
}

.tabs__head.is-active::after {
    transform: rotate(180deg)
}

.tabs__head::after {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 22px;
    height: 22px;
    content: "";
    transition: transform .25s ease;
    background: url(../image/graphics1.svg) -154px 0 no-repeat
}

.tabs__items {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns:1fr;
    width: 100%;
    margin-top: 0;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    /*background-color: #fff*/
}

@media (min-width: 992px) {
    .tabs__items {
        grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));
        border: none
    }
}

.tabs__item {
    display: flex;
    flex-direction: column
}

.tabs__link {
    --link-color: var(--color-333);
    --link-color--hover: var(--color-red3);
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 11px 16px;
    text-decoration: none;
    border-bottom: 1px solid #efefef;
    font-family: var(--font-secondary);
    font-size: 15px;
    line-height: 24px;
}

@media (min-width: 992px) {
    .tabs__link {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 20px 17px;
        text-align: center;
        border-bottom: 3px solid transparent;
        font-size: 16px
    }
}

.tabs__item.is-active .tabs__link {
    --link-color: #0a4a7d
}

@media (min-width: 992px) {
    .tabs__item.is-active .tabs__link {
        border-bottom: 3px solid
    }
}

.tabs__pane {
    position: relative;
    z-index: 0;
    display: none;
    scroll-margin-top: 88px
}

.tabs__pane.is-active {
    display: block
}

.tabs__pane::before {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    display: block;
    width:100%;
    margin-left: -50vw;
    content: "";
    /*background: var(--color-light-gray)*/
}

.additional-information-menu {
    position: relative;
    top: auto;
    left: 0;
    margin: 32px 0 0;
    pointer-events: auto
}

.additional-information-menu .additional-information-menu__link {
    display: inline-block;
    width: 100%;
    padding: 11px 16px;
    text-decoration: none;
    color: #373737;
    border-bottom: 1px solid #efefef;
    font-family: var(--font-secondary);
    font-size: 16px;
    line-height: 24px;
}

.additional-information-menu .additional-information-menu__link:first-child {
    border-top-right-radius: 8px
}

.additional-information-menu .additional-information-menu__link:last-child {
    border-bottom-right-radius: 8px
}

.additional-information-menu .additional-information-menu__link--active {
    width: 100%;
    color: #e13b50;
    background-color: #f7f7f7
}

.additional-information-menu__head {
    position: relative;
    display: block;
    margin: 20px 0 0;
    padding: 10px 38px 10px 16px;
    text-transform: uppercase;
    color: #373737;
    border: 1px solid #cfcfcf;
    background-color: #fff;
    font-size: 15px;
    font-weight: 700
}

.additional-information-menu__head::after {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 22px;
    height: 22px;
    content: "";
    transition: transform .25s ease;
    background: url(../image/graphics1.svg) -154px 0 no-repeat
}

.additional-information-menu__head.is-active::after {
    transform: rotate(180deg)
}

.additional-information-menu__items {
    margin-top: 0;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    background-color: #fff
}

.additional_information .hero {
    background: #ebeff5
}

.additional_information .hero .hero__pane {
    max-width: 820px;
    min-height: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 40px;
    padding-bottom: 60px
}

.additional_information .hero .hero__description {
    margin-top: 20px;
    color: #5a5e67;
    font-family: var(--font-secondary);
    font-size: 24px;
}

@media (min-width: 1544px) {
    .additional-information-menu {
        position: sticky;
        top: 32px;
        left: 50%;
        width: 169px;
        transform: translateX(-50vw)
    }

    .additional-information-menu__head {
        display: none
    }

    .additional-information-menu__items {
        display: flex;
        flex-direction: column;
        border: none;
        border-radius: 0 8px 8px 0;
        box-shadow: 1px 1px 16px -6px #919191
    }
}

article {
    padding-top: 30px;
    font-size: 16px;
    line-height: 25px;
}

article h1 {
    font-size: calc(2.125 * 16px);
}

article h2 {
    margin-bottom: 7px;
    color: #3d6fa9;
    font-size: 22px;
    line-height: normal;
}

article h2 a {
    text-decoration: none;
    color: #df273e
}

article h3, article h4 {
    margin: 10px 0 0;
    text-transform: uppercase;
    color: #666;
    font-size: 1em;
    font-weight: 300;
    line-height: normal;
}

article ul.bullets {
    margin-top: 11px
}

article .art_safe {
    margin-top: 40px;
    padding: 15px;
    background-color: #f6f6f6;
}

article .art_safe p {
    margin: 3px
}

article .art_safe ul.bullets li {
    padding-bottom: 17px;
    line-height: 20px
}

article .tp_par {
    font-size: 20px;
    line-height: 30px
}

article .tp_par_bdr {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #ccc;
}

article .left40 img, article .left50 img, article .left60 img, article .right40 img, article .right50 img, article .right60 img {
    height: auto !important
}

article.node-page .darkstrip, article.node-pcategory .darkstrip, article.node-product-info .darkstrip, article.node-product .darkstrip {
    margin: 0 -1001.69492%;
    padding: 20px 1001.69492%;
    background: url(../../../../tuttnauer.com/themes/custom/tuttnauer_main/assets/css/04-components/images/ttzen/darkstrip.jpg) repeat-x 0 0 #f0f0f0
}

article .links.inline {
    display: none
}

.front article {
    margin: 0
}

.art_e {
    margin-top: 56px !important
}

.art_b {
    width: 90%;
    margin: 29px auto 46px
}

.art_c {
    margin-bottom: 49px
}

.art_d {
    margin-bottom: 47px;
    padding-bottom: 24px
}

.node-product-full {
    padding-top: 0
}

@media (min-width: 1544px) {
    .node-product-full {
        display: grid;
        grid-template-areas:"main"
    }
}

.node-product-full .product--legacy .node-product-field-prod-add-info {
    width: 169px;
    margin: 0 0 30px;
}

.node-product-full .product--legacy .add-info-menu-toggle {
    display: none
}

.node-product-full .product--legacy .add-info-menu-toggle + div {
    display: block;
    margin-top: 0;
    padding: 0;
    border: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #fff;
    box-shadow: 1px 1px 16px -6px #919191
}

.node-product-full .product--legacy .node-product-field-prod-add-info__item {
    border-bottom: 1px solid #efefef
}

.node-product-full .product--legacy .node-product-field-prod-add-info__item a {
    display: inline-block;
    width: 100%;
    padding: 11px 16px;
    text-decoration: none;
    color: #373737;
    font-family: var(--font-secondary);
    font-size: 16px;
    line-height: 24px
}

.node-product-full .product--legacy .node-product-field-prod-add-info__item a.active {
    width: 100%;
    color: #e13b50;
    background-color: #f7f7f7
}

.node-product-full .product--legacy .node-product-field-prod-add-info__item:first-child {
    border-top-right-radius: 8px
}

.node-product-full .product--legacy .node-product-field-prod-add-info__item:last-child {
    border-bottom-right-radius: 8px
}

@media (max-width: 1544px) {
    .product--legacy {
        position: relative
    }
}

.product--platinum .additional-information-menu {
    display: none
}

.node-product-full .lightstrip {
    overflow: hidden
}

.node-product-full .lightstrip img {
    margin-right: auto;
    margin-left: auto
}

.node-product-full .lightstrip .left50, .node-product-full .lightstrip .right50 {
    width: 50%
}

.node-product-full .lightstrip .left50 {
    float: left;
    padding-right: 16px
}

.node-product-full .lightstrip .right50 {
    float: right;
    padding-left: 16px
}

.node-product-full .art_safe {
    margin-top: 40px;
    padding: 30px 60px;
}

.node-product-field-legacy-platinum-content .tabs, .node-product-field-paragraphs--full .tabs {
    position: sticky;
    z-index: 1;
    top: 0;
}

.node-product-full__additional-information-menu {
    position: sticky;
    z-index: 1;
    top: 1px;
    pointer-events: none
}

@media (min-width: 1544px) {
    .node-product-full__additional-information-menu {
        position: relative;
        grid-area: main
    }
}

.node-product-full__additional-information-menu .additional-information-menu {
    pointer-events: all
}

.node-product-full__additional-information-menu > * {
    pointer-events: auto
}

@media (min-width: 1544px) {
    .node-product-full__main {
        grid-area: main
    }
}

.node-product-full__content.product--platinum .paragraph-legacy-platinum-html .product-tab-content .h1 {
    text-transform: none;
    color: #545f67;
    font-size: 34px;
}

.node-product-full .promote-grid-item {
    padding: 0
}

.block--tuttnauer-main-breadcrumbs {
    position: relative;
    z-index: 0
}

.block--tuttnauer-main-breadcrumbs::before {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    display: block;
    width: 100vw;
    margin-left: -50vw;
    content: "";
    background: var(--color-light-blue2)
}

.breadcrumb {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    /*font-size: var(--font-size-xs)*/
}

.breadcrumb__path {
    display: inline;
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 1;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (min-width: 576px) {
    .breadcrumb__path {
        overflow: visible
    }
}

.breadcrumb__item-link {
    --link-color: var(--color-border);
    --link-color--hover: var(--color-5d6a73)
}

.breadcrumb__item-link--current {
    --link-color: var(--color-border)
}

.breadcrumb__item-link--text {
    color: var(--color-border)
}

.breadcrumb__current {
    display: inline;
    flex-grow: 1;
    flex-shrink: 0
}

.breadcrumb__current::before {
    margin: 0 var(--spacing-xs);
    content: ">";
    color: var(--color-border)
}

.breadcrumb--single-item .breadcrumb__current::before {
    display: none
}

.breadcrumb__delimiter::after {
    margin: 0 var(--spacing-xs);
    content: ">";
    color: var(--color-border)
}

.breadcrumb__delimiter:last-child {
    display: none
}

.market .breadcrumb, .market .breadcrumb .breadcrumb__current::before {
    color: var(--hero-text-color, #FFF);
}

.market .breadcrumb .breadcrumb__item-link {
    text-decoration: underline;
    color: inherit;
}

.paragraph-text {
    margin-top: var(--paragraph-spacing--margin-top, 0);
    margin-bottom: var(--paragraph-spacing--margin-bottom, 0);
    padding-top: var(--paragraph-spacing--padding-top, 0);
    padding-bottom: var(--paragraph-spacing--padding-bottom, 0);
}

.node-product-hero-image {
    position: relative;
    z-index: 0;
    display: grid;
    grid-template-areas:". image" ". image" ". image" ". image";
    grid-template-columns:repeat(2, 1fr);
    padding: 92px 0 40px
}

.node-product-hero-image::before {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    display: block;
    width: 100%;
    margin-left: -50vw;
    content: "";

}

.node-product-hero-image.hero--with-background-image::before {
    background-image: var(--bg-img)
}

.node-product-hero-image__label {
    color: var(--color-red3)
}

@media (max-width: 768px) {
    .node-product-hero-image__label {
        order: -2
    }
}

.node-product-hero-image__title {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
    color: #0869b6;
    font-weight: 400;
    gap: 24px
}

.node-product-hero-image__title span:not(.node-product-hero-image__subtitle) {
    font-size: 36px
}

.node-product-hero-image__subtitle {
    text-decoration: none;
    text-transform: none;
    color: #5a5e67;
    font-family: var(--font-secondary);
    font-size: 24px;
}

.node-product-field-product-description--hero-image {
    margin-bottom: 24px
}

.node-product-hero-image__actions {
    display: flex;
    align-items: center;
    margin-top: auto;
    gap: 32px
}

.node-product-hero-image__media {
    display: grid;
    grid-area: image;
    align-items: center;
    justify-content: center;
    margin-top: -32px;
    margin-bottom: -40px
}

.hero--legacy .node-product-hero-image__media {
    grid-area: initial;
    margin-top: -32px;
    margin-bottom: -40px;
}

@media (min-width: 768px) {
    .hero--legacy .node-product-hero-image__media {
        margin-top: 10px;
        margin-bottom: -40px
    }
}

.node-product-field-link--hero-image a {
    display: flex;
    align-items: center;
    color: var(--color-blue-gray);
    font-size: 15px
}

@media (min-width: 1024px) {
    .node-product-field-link--hero-image a {
        font-size: 18px
    }
}

.node-product-field-link--hero-image a::before {
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    content: "";
    background: url(../image/graphics1.svg) -376px -44px no-repeat
}

.node-product-hero-image.hero--legacy {
    grid-template-columns:.6fr 1fr;
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 992px) {
    .node-product-hero-image.hero--legacy {
        display: block
    }
}

.node-product-hero-image.hero--legacy .node-product-hero-image__title {
    grid-column-start: 1;
    grid-column-end: 3
}

.node-product-hero-image.hero--legacy .node-product-field-photo {
    grid-area: initial
}

.node-product-hero-image.hero--legacy .node-product-field-product-description {
    grid-row-start: 2;
    grid-row-end: 5;
    grid-column-start: 2;
    grid-column-end: 3
}

.node-product-hero-image.hero--legacy .node-product-field-photo {
    grid-row-start: 2;
    width: 85%;
}

.node-product-hero-image.hero--legacy.image--right {
    grid-template-columns:1fr 1fr
}

.node-product-hero-image.hero--legacy.image--right .node-product-field-product-description {
    grid-column-start: 1;
    grid-column-end: 2
}

@media (max-width: 768px) {
    .node-product-hero-image.hero--platinum {
        display: flex;
        flex-direction: column
    }
}

.node-product-hero-image.hero--platinum .node-product-hero-image__title {
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .node-product-hero-image.hero--platinum .node-product-hero-image__title {
        order: -1;
        margin-bottom: 35px;
    }
}

@media (max-width: 768px) {
    .node-product-hero-image.hero--platinum .node-product-hero-image__media {
        order: -1;
        margin-bottom: 40px
    }
}

.node-product-hero-image.hero--platinum .node-product-hero-image__subtitle {
    font-size: 20px
}

@media (max-width: 768px) {
    .node-product-hero-image.hero--platinum .node-product-hero-image__subtitle {
        font-size: 14px
    }
}

.node-product-hero-image.hero--platinum .node-product-field-photo__value.field__value {
    max-width: 480px;
    margin: 40px 0 0
}

@media (min-width: 768px) {
    .node-product-hero-image.hero--platinum .node-product-field-photo__value.field__value {
        margin: 0
    }
}

.node-product-hero-image ol {
    padding: 0;
    list-style: none;
    counter-reset: list
}

.node-product-hero-image ol li {
    position: relative;
    margin: 12px 0;
    padding-left: 32px;
}

.node-product-hero-image ol li::before {
    position: absolute;
    left: 0;
    display: block;
    width: 21px;
    height: 21px;
    content: counter(list);
    counter-increment: list;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #df273e;
    line-height: 19px;
}

.menu {
    margin: 0;
    padding: 0;
    list-style: none
}

:root {
    --language-switchers-top: 0px
}

body.toolbar-horizontal {
    --language-switchers-top: 79px
}

.language-switchers__backdrop {
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, .3)
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .language-switchers__backdrop {
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }
}

.language-switchers__toggle {
    display: none;
    cursor: pointer;
}

@media screen and (min-width: 1024px) {
    .language-switchers__toggle {
        display: flex;
    }
}

.language-switchers__panels.menu-panel {
    position: fixed;
    z-index: 11;
    top: var(--language-switchers-top);
    right: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 320px;
    height: 100%;
    border-left: 1px solid #ccd2de;
    background: var(--color-light-gray);
    background: #fff;
    box-shadow: 0 0 12px 2px rgba(45, 47, 51, .1);
    gap: 16px
}

.language-switchers__panels-header {
    display: flex;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-light-gray)
}

.language-switchers__title {
    margin-left: 32px;
    color: var(--color-blue-gray2);
    font-size: 20px
}

.language-switchers__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    margin-left: auto;
    cursor: pointer;
    color: var(--color-blue-gray2);
    font-size: 0;
    line-height: 0
}

.language-switchers__close:hover {
    color: #333
}

.language-switchers__close::before {
    display: block;
    content: "×";
    font-size: 32px
}

.language-switchers__panel-title {
    padding: 4px 32px;
    color: var(--color-link-hover-red);
    font-size: 20px
}

.language-switchers__panel-content {
    padding: 4px 32px
}

.language-switchers .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.language-switchers .menu__link {
    display: block;
    text-align: center;
    border-radius: 4px;
    background: #f5f5f5;
}

.language-switchers .menu__item[data-active="1"] .menu__link {
    border: 2px solid var(--color-link-hover-red);
    border-radius: 6px
}

.language-switchers .menu__item[data-active="1"]::after {
    content: "Current selection";
    color: var(--color-link-hover-red);
    font-size: 11px;
    font-weight: 700;
}