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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-spacing: 0
}

.content-product-teaser.is-initialized .button > span, .content-product-teaser.is-initialized .pagination button > span, .content-products-slider .button > span, .content-products-slider .pagination button > span, .content-slider .button > span, .content-slider .pagination button > span, .content-steps .button > span, .content-teasers .button > span, .content-teasers .pagination button > span, .content-tips .pagination button > span, .table .button > span {
    cursor: default;
    display: block;
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-align: left;
    text-indent: -119988px;
    text-transform: none;
    top: 0;
    width: 0
}

.content-product-teaser.is-initialized .button > span:focus, .content-product-teaser.is-initialized .pagination button > span:focus, .content-products-slider .button > span:focus, .content-products-slider .pagination button > span:focus, .content-slider .button > span:focus, .content-slider .pagination button > span:focus, .content-steps .button > span:focus, .content-teasers .button > span:focus, .content-teasers .pagination button > span:focus, .content-tips .pagination button > span:focus, .table .button > span:focus {
    border: 0;
    outline: 0
}

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

@font-face {
    font-display: swap;
    font-family: Gotham;
    font-weight: 400;
    src: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/fonts/gotham/GothamSSm-Book_Web.woff2) format("woff2"), url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/fonts/gotham/GothamSSm-Book_Web.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Gotham;
    font-style: "italic";
    font-weight: 400;
    src: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/fonts/gotham/GothamSSm-Book_Web.woff2) format("woff2"), url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/fonts/gotham/GothamSSm-Book_Web.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Gotham;
    font-weight: 700;
    src: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/fonts/gotham/GothamSSm-Bold_Web.woff2) format("woff2"), url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/fonts/gotham/GothamSSm-Bold_Web.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Gotham;
    font-style: "italic";
    font-weight: 700;
    src: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/fonts/gotham/GothamSSm-Bold_Web.woff2) format("woff2"), url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/fonts/gotham/GothamSSm-Bold_Web.woff) format("woff")
}

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

body, html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    color: #222;
    font-family: Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

html {
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.375
}

body {
    background: #fff;
    line-height: inherit;
    overflow-x: hidden
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

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

a[data-hs-anchor=true] {
    display: block;
    line-height: 0;
    position: relative;
    top: -120px
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

p {
    margin: 0 0 1.875rem
}

h1 {
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1.25rem;
    text-transform: uppercase
}

@media screen and (min-width: 720px) {
    h1 {
        font-size: 2.25rem
    }
}

h1:only-child {
    margin: 0
}

h1 > em, h1 > strong {
    display: block
}

h1 > em {
    color: #ab1d22;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0 0 .625rem
}

h1 > em, h2 {
    text-transform: uppercase
}

h2 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1.25rem
}

@media screen and (min-width: 720px) {
    h2 {
        font-size: 1.75rem
    }
}

h2:only-child {
    margin: 0
}

h2 > em, h2 > strong {
    display: block
}

h2 > em {
    color: #ab1d22;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0 0 .625rem;
    text-transform: uppercase
}

h3 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1.25rem
}

@media screen and (min-width: 720px) {
    h3 {
        font-size: 1.5rem
    }
}

h3 > em, h3 > strong {
    display: block
}

h3 > em {
    color: #ab1d22;
    font-size: .875rem;
    font-style: normal;
    letter-spacing: .04em;
    margin: 0 0 .625rem;
    text-transform: uppercase
}

h3 > em, h4 {
    font-weight: 700
}

h4 {
    font-size: 1.125rem;
    line-height: 1.2;
    margin-bottom: 1.25rem
}

@media screen and (min-width: 720px) {
    h4 {
        font-size: 1.375rem
    }
}

blockquote {
    margin-left: auto;
    margin-right: auto;
    max-width: 770px
}

blockquote em {
    display: block;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700
}

blockquote em:last-child {
    margin-top: 2.5rem
}

sup {
    line-height: 0;
    vertical-align: super
}

[data-global-resource-path] {
    display: inline
}

table {
    border: 0 !important;
    background-color: transparent;
    border-collapse: collapse;
    position: relative
}

table:not(:last-child) {
    margin-bottom: 1.875rem
}

[data-hs-responsive-table=true] table {
    width: auto !important;
    min-width: 100%
}

td, th, tr {
    height: auto !important
}

td, th {
    border: 0 !important;
    padding: 1.25rem !important;
    text-align: left
}

tbody tr:nth-of-type(odd) {
    background-color: #f5f5f5
}

.table .button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid;
    border-radius: 0;
    border-radius: 50%;
    color: inherit;
    color: #ab1d22;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 48px;
    justify-content: center;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    transition: opacity .2s ease-out;
    vertical-align: middle;
    width: auto;
    width: 48px
}

.table .button:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-size: 1.5em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

@media screen and (min-width: 720px) {
    .table .button {
        height: 48px;
        width: 48px
    }
}

.table .button.is-previous:before {
    content: ""
}

@media screen and (min-width: 720px) {
    .table .button.is-previous:before {
        content: ""
    }
}

.table .button.is-next:before {
    content: ""
}

@media screen and (min-width: 720px) {
    .table .button.is-next:before {
        content: ""
    }
}

.table .button[disabled] {
    opacity: .2
}

@media screen and (max-width: 719px) {
    .table {
        margin: 0 -1.25rem
    }
}

.table td, .table th {
    width: auto !important
}

@media screen and (max-width: 719px) {
    .table td, .table th {
        min-width: calc(50vw - 2rem)
    }
}

.table td:first-child, .table th:first-child {
    border-left: 0 !important
}

.table td:last-child, .table th:last-child {
    border-right: 0 !important
}

.table thead th {
    border: 1px solid #7b7b7b !important;
    padding: 1rem 1.5rem !important;
    background-color: #f5f5f5;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75
}

.table tbody tr {
    background: none !important
}

.table tbody td {
    border: 1px solid #f5f5f5 !important;
    border-bottom-color: #7b7b7b !important
}

.table tbody td[colspan] {
    border: 0 !important;
    padding: 1.5em 1.5rem 1rem !important;
    font-weight: 700;
    position: relative
}

@media screen and (min-width: 720px) {
    .table tbody td[colspan] {
        padding-top: 2.5rem !important
    }
}

.table tbody td[colspan] > :first-child {
    left: 1.5rem;
    position: -webkit-sticky;
    position: sticky
}

.table .headers {
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 1
}

.table .headers .scroller::-webkit-scrollbar {
    display: none
}

.table .headers.is-sticky {
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15)
}

.table .scroller {
    overflow-x: auto
}

.table .track {
    clear: both;
    position: relative
}

.table .button {
    float: right;
    margin: 1rem 1.25rem 1rem 0
}

.table .scroll-bg {
    bottom: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .2s ease-out;
    width: 40px
}

.table .scroll-left {
    background: linear-gradient(270deg, transparent, #fff);
    left: 0
}

.table .scroll-right {
    background: linear-gradient(90deg, transparent, #fff);
    right: 0
}

.table sup {
    font-size: 10px;
    font-weight: 400
}

.table-top {
    position: relative;
    top: -80px
}

.unmute-pain {
    color: #d40174;
    font-size: 2.25rem
}

@media screen and (min-width: 720px) {
    .unmute-pain {
        font-size: 4.0625rem
    }
}

.unmute-pain > strong {
    display: inline
}

.header {
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10
}

.header-content {
    align-items: center;
    display: block;
    display: flex;
    height: 80px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 1.25rem;
    width: 100%
}

.header-content > div:last-child {
    margin-left: 1.875rem
}

@media screen and (min-width: 1100px) {
    .header-content > div:last-child {
        align-self: flex-end;
        margin-right: -1.25rem
    }
}

.header-logo {
    max-width: 250px
}

.footer {
    margin-top: 2.5rem
}

.footer ul {
    list-style: none
}

.footer nav li {
    padding: 0 .9375rem
}

.footer a {
    text-decoration: none
}

.footer a:focus, .footer a:hover {
    text-decoration: underline
}

.footer-wrap {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    padding: 1.875rem .3125rem;
    width: 100%
}

@media screen and (min-width: 720px) {
    .footer-wrap {
        padding: 3.75rem .3125rem
    }

    .footer-grid {
        align-items: flex-start;
        display: flex;
        justify-content: space-between
    }
}

@media screen and (max-width: 719px) {
    .footer-grid > * + * {
        margin-top: 1.875rem
    }
}

.footer-grid > div, .footer-grid > li {
    flex: 1 1 100%;
    padding: 0 .9375rem
}

.footer-headline {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 2.5rem;
    text-align: center
}

@media screen and (min-width: 720px) {
    .footer-headline {
        font-size: 1.375rem
    }
}

.footer-headline:empty {
    display: none
}

.footer-icons {
    background-color: #f5f5f5
}

.footer-icons li {
    display: flex
}

.footer-icons li > div {
    flex: 1 1 100%
}

.footer-icons li > div:first-child {
    margin-right: 1.875rem;
    max-width: 40px
}

.footer-content {
    background-color: #ab1d22;
    color: #fff
}

.footer-content nav ul {
    margin: 0 -.9375rem
}

.footer-content nav li {
    font-weight: 700;
    text-transform: uppercase
}

.footer-content nav li + li {
    margin-top: .9375rem
}

@media screen and (min-width: 720px) {
    .footer-content nav li + li {
        margin-top: 1.875rem
    }
}

.footer-meta {
    background-color: #9a1a1e;
    color: #fff;
    font-size: .875rem
}

.footer-meta > div {
    align-items: center;
    padding-bottom: 1.875rem;
    padding-top: 1.875rem
}

.footer-meta ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.9375rem
}

.footer-meta li {
    padding: .3125rem .9375rem
}

@media screen and (min-width: 720px) {
    .footer-partner {
        max-width: 270px
    }
}

.footer-partner > * + * {
    margin-top: 1.875rem
}

.footer-marks {
    margin-bottom: 3.125rem
}

.footer-copyright {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media screen and (min-width: 720px) {
    .footer-copyright {
        justify-content: flex-end;
        text-align: right
    }
}

.footer-copyright > div:last-child {
    margin-left: 1.25rem
}

.footer-newsletter h3 {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

.footer-newsletter p {
    margin-bottom: 1.25rem
}

.footer-newsletter input[type=submit] {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    color: inherit;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    outline: 0;
    padding: .75rem 1rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.footer-newsletter input[type=submit]:focus, .footer-newsletter input[type=submit]:hover {
    background-color: #fff;
    border-color: #fff;
    color: #ab1d22
}

.footer-newsletter input[type=submit].disabled, .footer-newsletter input[type=submit][disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.footer-newsletter input[type=email] {
    background-color: #fff;
    border: 1px solid #eee;
    font: inherit;
    margin-bottom: 1.25rem;
    max-width: 370px;
    padding: 1rem;
    width: 100%
}

.footer-newsletter label {
    color: inherit;
    display: block;
    font-weight: 700;
    margin-bottom: .625rem
}

.footer-newsletter .hs-form-booleancheckbox-display {
    margin-bottom: 1.25rem;
    position: relative
}

.footer-newsletter .hs-form-booleancheckbox-display input[type=checkbox] {
    height: 1em;
    opacity: 0;
    width: 1em
}

.footer-newsletter .hs-form-booleancheckbox-display input[type=checkbox] + span {
    margin-left: 2.5rem
}

.footer-newsletter .hs-form-booleancheckbox-display input[type=checkbox] + span:before {
    background: transparent;
    border: 1px solid #eee;
    content: "";
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.5rem
}

.footer-newsletter .hs-form-booleancheckbox-display input[type=checkbox] + span:after {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: "";
    height: 1.125rem;
    left: .4375rem;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: opacity .2s ease-out;
    width: .625rem
}

.footer-newsletter .hs-form-booleancheckbox-display input[type=checkbox]:checked + span:after {
    opacity: 1
}

.footer-newsletter .hs-form-booleancheckbox-display p {
    font-size: .75rem;
    font-weight: 400
}

.footer-newsletter .hs-form-booleancheckbox-display a {
    text-decoration: underline
}

.footer-newsletter .legal-consent-container .hs-error-msgs label {
    color: inherit
}

.content {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}

.row-fluid [class*=span] {
    display: block;
    min-height: 1.875rem
}

@media screen and (min-width: 720px) {
    .row-fluid .span1 {
        flex-basis: 8.3333333333%;
        width: 8.3333333333%
    }

    .row-fluid .span2 {
        flex-basis: 16.6666666667%;
        width: 16.6666666667%
    }

    .row-fluid .span3 {
        flex-basis: 25%;
        width: 25%
    }

    .row-fluid .span4 {
        flex-basis: 33.3333333333%;
        width: 33.3333333333%
    }

    .row-fluid .span5 {
        flex-basis: 41.6666666667%;
        width: 41.6666666667%
    }

    .row-fluid .span6 {
        flex-basis: 50%;
        width: 50%
    }

    .row-fluid .span7 {
        flex-basis: 58.3333333333%;
        width: 58.3333333333%
    }

    .row-fluid .span8 {
        flex-basis: 66.6666666667%;
        width: 66.6666666667%
    }

    .row-fluid .span9 {
        flex-basis: 75%;
        width: 75%
    }

    .row-fluid .span10 {
        flex-basis: 83.3333333333%;
        width: 83.3333333333%
    }

    .row-fluid .span11 {
        flex-basis: 91.6666666667%;
        width: 91.6666666667%
    }

    .row-fluid .span12 {
        flex-basis: 100%;
        width: 100%
    }
}

.dnd-section {
    padding: 2.5rem 1.25rem
}

@media screen and (min-width: 720px) {
    .dnd-section {
        padding: 2.5rem .3125rem
    }
}

.dnd-section[class*=background-color], .dnd-section[class*=background-gradient] {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
    padding-bottom: 3.75rem;
    padding-top: 3.75rem
}

.dnd-section > .row-fluid {
    display: block;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}

@media screen and (min-width: 720px) {
    .dnd-section > .row-fluid {
        flex-direction: row
    }
}

@media screen and (max-width: 719px) {
    .dnd-column + .dnd-column {
        margin-top: 1.875rem
    }
}

@media screen and (min-width: 720px) {
    .dnd-column {
        padding: 0 .9375rem
    }
}

.dnd-column.span12 .content-accordion, .dnd-column.span12 .content-link, .dnd-column.span12 .content-read-more, .dnd-column.span12 .widget-type-linked_image, .dnd-column.span12 .widget-type-rich_text, .dnd-column.span12 h1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 770px
}

.dnd-row + .dnd-row {
    margin-top: 2.5rem
}

.widget-type-rich_text ol, .widget-type-rich_text ul {
    margin-left: 1.5rem
}

.widget-type-rich_text ol:not(:last-child), .widget-type-rich_text ul:not(:last-child) {
    margin-bottom: 1.875rem
}

.widget-type-rich_text ul {
    list-style: square
}

.widget-type-rich_text ol {
    list-style: decimal
}

.widget-type-rich_text li {
    margin-top: .625rem
}

.widget-type-rich_text a[target=_blank]:after {
    background: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/icon-external-link.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-left: .125rem;
    vertical-align: middle;
    width: 1rem
}

.widget-type-rich_text p:last-child {
    margin-bottom: 0
}

.widget-type-rich_text .letter-list {
    list-style: none;
    margin-left: 0
}

.widget-type-rich_text .letter-list li {
    min-height: 1.875rem;
    padding-left: 3.75rem;
    position: relative
}

.widget-type-rich_text .letter-list li > span:first-child {
    align-items: center;
    background-color: #ab1d22;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: .875rem;
    height: 1.875rem;
    justify-content: center;
    left: 0;
    position: absolute;
    top: -.3125rem;
    width: 1.875rem
}

@media screen and (max-width: 719px) {
    .widget-type-cell[class*=-padding] {
        margin-top: 1.875rem;
        order: 1
    }
}

.error-page {
    padding: 10rem 0;
    position: relative;
    text-align: center
}

.error-page:before {
    color: #fbf5ef;
    content: attr(data-error);
    font-size: 40vw;
    font-weight: 700;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1
}

@media screen and (min-width: 860px) {
    .error-page:before {
        font-size: 20rem
    }
}

.systems-page {
    margin-left: auto;
    margin-right: auto;
    max-width: 770px;
    padding: 2.5rem 1.25rem
}

.systems-page h1, .systems-page h2 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1.25rem;
    text-align: center
}

@media screen and (min-width: 720px) {
    .systems-page h1, .systems-page h2 {
        font-size: 1.5rem
    }
}

.systems-page h1 > strong, .systems-page h2 > strong {
    display: block
}

.systems-page h1 > em, .systems-page h2 > em {
    color: #ab1d22;
    display: block;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0 0 .625rem;
    text-transform: uppercase
}

.systems-page h3 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.25rem
}

@media screen and (min-width: 720px) {
    .systems-page h3 {
        font-size: 1.375rem
    }
}

.systems-page input[type=submit] {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: #ab1d22;
    border: 2px solid #ab1d22;
    border-radius: 0;
    color: inherit;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    outline: 0;
    padding: .75rem 1rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.systems-page input[type=submit]:focus, .systems-page input[type=submit]:hover {
    background-color: transparent;
    border-color: #ab1d22;
    color: #ab1d22
}

.systems-page input[type=submit].disabled, .systems-page input[type=submit][disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.systems-page input[type=email] {
    background-color: #fff;
    border: 1px solid #eee;
    font: inherit;
    margin-bottom: 1.25rem;
    max-width: 370px;
    padding: 1rem;
    width: 100%
}

.systems-page label {
    color: inherit;
    display: block;
    font-weight: 700;
    margin-bottom: .625rem
}

.systems-page .page-header {
    margin-bottom: 1.875rem
}

.systems-page .header {
    background: none;
    box-shadow: none;
    position: static
}

.content-accordion h2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 770px;
    text-align: center
}

.dnd-column:not(.span12) .content-accordion h2 {
    text-align: left
}

.content-accordion .accordion {
    border-top: 1px solid
}

.content-accordion .accordion:last-child {
    border-bottom: 1px solid
}

.content-accordion .accordion-header {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    padding: 1.25rem 0
}

.content-accordion .accordion-content > :last-child {
    margin-bottom: 2.5rem
}

.content-accordion .text ol, .content-accordion .text ul {
    margin-left: 1.5rem
}

.content-accordion .text ol:not(:last-child), .content-accordion .text ul:not(:last-child) {
    margin-bottom: 1.875rem
}

.content-accordion .text ul {
    list-style: square
}

.content-accordion .text ol {
    list-style: decimal
}

.content-accordion .text li {
    margin-top: .625rem
}

.content-accordion .text a[target=_blank]:after {
    background: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/icon-external-link.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-left: .125rem;
    vertical-align: middle;
    width: 1rem
}

.content-accordion .text ol, .content-accordion .text p, .content-accordion .text ul {
    max-width: 970px
}

.js .content-accordion .accordion-header {
    cursor: pointer;
    padding-right: 2.5rem;
    position: relative
}

.js .content-accordion .accordion-header:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 0;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    width: 1em
}

.js .content-accordion .accordion-content {
    height: 0;
    opacity: .2;
    overflow: hidden;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: opacity .2s ease-out, transform .2s ease-out;
    transition: opacity .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out
}

.js .content-accordion .accordion.is-active .accordion-header:before {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg)
}

.js .content-accordion .accordion.is-active .accordion-content {
    height: auto;
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.content-audio {
    max-width: none;
    padding: 0;
    width: auto
}

.content-audio h3 {
    max-width: 670px
}

@media screen and (min-width: 720px) {
    .content-audio h3 {
        margin: 0 2.5rem 0 0
    }
}

.content-audio .image {
    flex: 0 1 auto;
    max-height: 520px;
    text-align: center
}

@media screen and (min-width: 720px) {
    .content-audio .image img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%
    }
}

.content-audio .box {
    margin: -3.75rem auto 0;
    max-width: 1200px;
    padding: 0 1.25rem;
    position: relative
}

@media screen and (min-width: 720px) {
    .content-audio .box {
        margin-top: -6.25rem
    }
}

.content-audio .box .inner {
    background-color: #fff;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
    padding: 2.5rem 1.5625rem;
    text-align: center
}

@media screen and (min-width: 720px) {
    .content-audio .box .inner {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 3.75rem 5rem
    }
}

.content-audio .buttons {
    flex: 0 0 auto
}

.content-audio .container {
    background-color: #fbf5ef;
    margin: 0 auto;
    max-width: 1680px
}

@media screen and (min-width: 720px) {
    .content-audio .container {
        display: flex
    }
}

.content-audio .container .inner {
    flex: 1 1 65%;
    max-width: 1055px;
    padding: 2.5rem 1.25rem
}

@media screen and (min-width: 900px) {
    .content-audio .container .inner {
        padding: 4.375rem 8.125rem
    }
}

.content-audio .container:not(:only-child) .inner {
    padding-bottom: 6.25rem
}

@media screen and (min-width: 720px) {
    .content-audio .container:not(:only-child) .inner {
        padding-bottom: 10.625rem
    }
}

.dnd-section[class*=force-full-width-section] .content-audio {
    margin: 0 -1.25rem
}

.cookiefirst-cookie-declaration button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: transparent;
    border: 2px solid #ab1d22;
    border-radius: 0;
    color: inherit;
    color: #ab1d22;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: .3125rem 0;
    outline: 0;
    padding: .75rem 1rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.cookiefirst-cookie-declaration button:focus, .cookiefirst-cookie-declaration button:hover {
    background-color: #ab1d22;
    border-color: #ab1d22;
    color: #fff
}

.cookiefirst-cookie-declaration button.disabled, .cookiefirst-cookie-declaration button[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.cookiefirst-cookie-declaration button:first-child {
    margin-right: .625rem
}

.cookiefirst-root > div {
    max-height: 100vh;
    overflow-y: auto
}

.cookiefirst-root .cf3nSz [data-cookiefirst-button=primary] {
    order: 1
}

.emergency-exit {
    z-index: 5
}

.emergency-exit i {
    align-items: center;
    -webkit-animation: video-pulse 2s infinite;
    animation: video-pulse 2s infinite;
    background-color: #ab1d22;
    border-radius: 50%;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.emergency-exit svg {
    fill: #fff;
    height: 62.5%;
    width: 62.5%
}

@media screen and (max-width: 1099px) {
    .emergency-exit {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0
    }
}

@media screen and (min-width: 1100px) {
    .emergency-exit {
        position: -webkit-sticky;
        position: sticky;
        top: 80px
    }
}

.emergency-exit button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    display: block;
    font: inherit;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 1.25rem .625rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
    width: 100%
}

@media screen and (min-width: 1100px) {
    .emergency-exit button {
        border-radius: 1rem;
        position: absolute;
        right: 1.5rem;
        top: 1.5rem;
        width: 126px
    }
}

.emergency-exit button:hover i {
    box-shadow: 0 0 0 .375rem rgba(171, 29, 34, .4)
}

.emergency-exit button:hover i, .emergency-exit i {
    -webkit-animation: none;
    animation: none
}

@media screen and (max-width: 1099px) {
    .emergency-exit i {
        flex: 0 0 auto;
        height: 34px;
        margin-left: 1.5rem;
        width: 34px
    }
}

@media screen and (min-width: 1100px) {
    .emergency-exit i {
        margin: .75rem 0 0
    }
}

.emergency-exit strong {
    color: #ab1d22;
    display: block;
    font-size: .75rem
}

@media screen and (max-width: 1099px) {
    .emergency-exit .head {
        align-items: center;
        display: flex;
        justify-content: center
    }
}

@media screen and (min-width: 1100px) {
    .emergency-exit .head span {
        display: block
    }
}

.emergency-exit .info {
    color: #606060;
    display: block;
    font-size: .625rem;
    max-height: 500px;
    overflow: hidden;
    transition: .2s ease-out;
    transition-property: max-height, opacity
}

.emergency-exit .info > span {
    display: block;
    padding-top: 1rem
}

.emergency-exit .on-scroll .info {
    max-height: 0;
    opacity: 0
}

#hs_cos_wrapper_emergency_exit {
    display: inline
}

.content-highlight-box {
    border: 10px solid #fbf5ef;
    margin-left: auto;
    margin-right: auto;
    max-width: 850px;
    padding: 1.875rem
}

.content-highlight-box .text ol, .content-highlight-box .text ul {
    margin-left: 1.5rem
}

.content-highlight-box .text ol:not(:last-child), .content-highlight-box .text ul:not(:last-child) {
    margin-bottom: 1.875rem
}

.content-highlight-box .text ul {
    list-style: square
}

.content-highlight-box .text ol {
    list-style: decimal
}

.content-highlight-box .text li {
    margin-top: .625rem
}

.content-highlight-box .text a[target=_blank]:after {
    background: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/icon-external-link.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-left: .125rem;
    vertical-align: middle;
    width: 1rem
}

.content-highlight-box .text p:last-child {
    margin-bottom: 0
}

.content-highlight-box .link {
    margin: 1.875rem 0 0
}

.content-hotspot {
    text-align: center
}

@media screen and (min-width: 720px) {
    .content-hotspot {
        align-items: flex-start;
        display: flex;
        justify-content: space-between
    }
}

.content-hotspot .container {
    background: linear-gradient(180deg, #c40d1a, #560f11);
    color: #fff;
    flex: 1 1 50%;
    margin: -2.5rem 0 2.5rem;
    padding: 3.75rem 1.875rem;
    text-align: left
}

@media screen and (min-width: 720px) {
    .content-hotspot .container {
        margin-right: 2.5rem;
        max-width: 470px
    }
}

.content-hotspot .container .link {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    color: inherit;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    outline: 0;
    padding: .75rem 1rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.content-hotspot .container .link:focus, .content-hotspot .container .link:hover {
    background-color: #fff;
    border-color: #fff;
    color: #ab1d22
}

.content-hotspot .container .link.disabled, .content-hotspot .container .link[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.content-hotspot .image {
    align-self: flex-end;
    display: inline-block;
    flex: 0 1 auto;
    margin: 0 0 -2.5rem;
    position: relative
}

.content-hotspot .spot {
    display: block;
    position: absolute;
    text-decoration: none
}

.content-hotspot .spot:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    -webkit-animation: video-pulse 2s infinite;
    animation: video-pulse 2s infinite;
    background-color: #ab1d22;
    border-radius: 50%;
    color: #fff;
    content: "";
    display: inline-block;
    display: inline-flex;
    font-family: icons;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    line-height: 1;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em;
    width: 36px
}

.content-hotspot .spot:focus:before, .content-hotspot .spot:hover:before {
    -webkit-animation: none;
    animation: none
}

.content-hotspot .spot > span {
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -119988px
}

.content-hotspot .box {
    background-color: #fff;
    height: 0;
    max-width: 370px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    transition: opacity .2s ease-out;
    width: 100%;
    z-index: 2
}

.content-hotspot .box.is-active {
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
    height: auto;
    max-height: 500px;
    opacity: 1;
    overflow: auto;
    padding: 1.875rem
}

.content-hotspot .close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 1.25rem;
    position: absolute;
    right: 0;
    text-align: inherit;
    text-decoration: none;
    top: 0;
    vertical-align: middle;
    width: auto
}

.content-hotspot .close:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

.content-hotspot .close > span {
    overflow: hidden;
    text-align: left;
    text-indent: -119988px
}

.content-hotspot .product-image {
    margin: -1.875rem -1.875rem 0;
    max-width: 320px
}

.dnd-section[class*=background-color] .content-hotspot .container {
    margin-top: -3.75rem
}

.dnd-section[class*=background-color] .content-hotspot .image {
    margin-bottom: -3.75rem
}

@media screen and (min-width: 720px) {
    .dnd-section[class*=background-color] .content-hotspot .image {
        margin-top: -1.25rem
    }
}

.content-icons {
    text-align: center
}

.content-icons ul {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    list-style: none;
    margin: 0 -.9375rem;
    position: relative
}

.content-icons li {
    flex: 0 0 100%;
    max-width: 300px;
    min-width: 230px;
    padding: 1.875rem .9375rem
}

@media screen and (min-width: 720px) {
    .content-icons li {
        flex-basis: 25%;
        padding: .9375rem
    }
}

.content-icons .image {
    margin: 0 auto 1.875rem;
    max-width: 80px
}

.content-icons .text p {
    margin: 0
}

.content-infographic {
    position: relative
}

.content-infographic .image {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 0 1.25rem
}

@media screen and (min-width: 720px) {
    .content-infographic .image {
        margin: 0;
        min-height: 240px
    }
}

.content-infographic .spots {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width: 720px) {
    .content-infographic .spots {
        align-items: center;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.content-infographic .spots > li {
    flex: 1 1 50%;
    padding: .625rem
}

@media screen and (min-width: 720px) {
    .content-infographic .spots > li:nth-child(2n) .spot {
        justify-content: flex-end;
        margin-left: auto
    }

    .content-infographic .spots > li:nth-child(2n) .icon {
        order: 1
    }
}

.content-infographic .icon {
    flex: 0 0 100%;
    margin: 0 auto;
    max-width: 80px
}

.content-infographic .spot {
    max-width: 250px
}

@media screen and (min-width: 720px) {
    .content-infographic .spot {
        align-items: center;
        display: flex
    }
}

.content-infographic .text {
    padding-top: .625rem;
    text-align: center
}

@media screen and (min-width: 720px) {
    .content-infographic .text {
        flex: 1;
        padding: .625rem .9375rem;
        text-align: left
    }
}

.content-infographic .text p {
    margin: 0
}

.content-image-teaser {
    max-width: 570px
}

.content-image-teaser h2 {
    max-width: 400px
}

.content-image-teaser .teaser {
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
    position: relative
}

.content-image-teaser .teaser-content {
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 2.5rem 1.875rem 1.875rem;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (min-width: 1100px) {
    .content-image-teaser .teaser-content {
        bottom: 6.6371681416%;
        top: 6.6371681416%
    }
}

.content-image-teaser .teaser-image {
    background: no-repeat bottom;
    background-size: 100% auto;
    height: 0;
    padding-bottom: 120px;
    padding-top: 79.298245614%
}

@media screen and (min-width: 1100px) {
    .content-image-teaser .teaser-image {
        background-size: cover;
        padding-bottom: 0
    }
}

.content-interview {
    margin-bottom: 3.5rem;
    max-width: 770px
}

.content-interview h2, .content-interview h3, .content-interview h4 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.25rem;
    text-transform: none
}

@media screen and (min-width: 720px) {
    .content-interview h2, .content-interview h3, .content-interview h4 {
        font-size: 1.375rem
    }
}

.content-interview .interview {
    align-items: flex-start;
    display: flex;
    margin-bottom: 1.5rem
}

.content-interview .image {
    border-radius: 50%;
    flex: 0 0 auto;
    margin: .1875rem 1.875rem 0 0;
    overflow: hidden
}

.content-interview .image + * {
    flex: 1
}

.content-interview .image + *, .content-interview .image + * > :last-child {
    margin: 0
}

.content-link .buttons {
    margin: -.625rem
}

.content-link .buttons > a {
    margin: .625rem
}

.content-link.is-center {
    text-align: center
}

.content-link.has-break .buttons > a {
    clear: left;
    float: left
}

.link-primary {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: #ab1d22;
    border: 2px solid #ab1d22;
    border-radius: 0;
    color: inherit;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    outline: 0;
    padding: .75rem 1rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.link-primary:focus, .link-primary:hover {
    background-color: transparent;
    border-color: #ab1d22;
    color: #ab1d22
}

.link-primary.disabled, .link-primary[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.link-secondary {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: transparent;
    border: 2px solid #ab1d22;
    border-radius: 0;
    color: inherit;
    color: #ab1d22;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    outline: 0;
    padding: .75rem 1rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.link-secondary:focus, .link-secondary:hover {
    background-color: #ab1d22;
    border-color: #ab1d22;
    color: #fff
}

.link-secondary.disabled, .link-secondary[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.link-text {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: transparent;
    border: 0;
    border-color: #ab1d22;
    border-radius: 0;
    color: inherit;
    color: #ab1d22;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    outline: 0;
    padding: 0 0 .25rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.link-text:focus, .link-text:hover {
    background-color: transparent;
    border-color: #222;
    color: #222
}

.link-text.disabled, .link-text[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.link-text > span {
    border-bottom: 4px solid;
    padding: 4px 0
}

.link-primary-inverse {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    color: inherit;
    color: #ab1d22;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    outline: 0;
    padding: .75rem 1rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.link-primary-inverse:focus, .link-primary-inverse:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.link-primary-inverse.disabled, .link-primary-inverse[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.link-secondary-inverse {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    color: inherit;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    outline: 0;
    padding: .75rem 1rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.link-secondary-inverse:focus, .link-secondary-inverse:hover {
    background-color: #fff;
    border-color: #fff;
    color: #ab1d22
}

.link-secondary-inverse.disabled, .link-secondary-inverse[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.link.icon-arrow-down:after {
    content: ""
}

.link.icon-arrow-down:after, .link.icon-arrow-up:after {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-left: .625rem;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

.link.icon-arrow-up:after {
    content: ""
}

.link.icon-restart:after {
    content: "";
    margin-left: .625rem
}
.link.icon-arrow-down-line:after {
    content: ""
}

.link.icon-arrow-out:after {
    content: "";
    margin-left: .625rem
}
.link.icon-back:before, .link.icon-restart:after {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

.link.icon-back:before {
    content: "";
    font-size: 1.5em;
    margin-right: .625rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.navigation {
    font-size: 1rem;
    line-height: 1.35
}

@media screen and (min-width: 1100px) {
    .navigation .level-1 {
        display: flex;
        padding: 0
    }

    .navigation .level-1 > li {
        padding: 0 1.25rem
    }

    .navigation .level-1 > li > span {
        border: 0
    }
}

.navigation .level-1 > li > span > .menu-label, .navigation .level-1 > li > span > a {
    font-weight: 700;
    padding: 1.25rem 0;
    text-transform: uppercase
}

@media screen and (min-width: 1100px) {
    .navigation .level-1 > li > span > a {
        border-bottom: 8px solid transparent
    }

    .navigation .level-1 > li > span > a.is-active, .navigation .level-1 > li > span > a.is-current {
        border-color: currentColor
    }
}

.navigation .level-1 > li.has-submenu > span > a {
    padding-right: 0
}

.navigation .level-1 > li.has-submenu > span > a:after {
    content: none
}

@media screen and (min-width: 1100px) {
    .navigation .level-1 > li > div {
        border-top: 1px solid #eee;
        box-shadow: 0 20px 10px -10px rgba(0, 0, 0, .15);
        height: auto;
        top: 100%;
        width: 100%
    }
}

@media screen and (max-width: 719px) {
    .navigation .level-1 > li > div {
        top: 81px
    }
}

.navigation .level-2 {
    display: block;
    margin: 0 auto;
    max-width: 1020px;
    width: 100%
}

@media screen and (min-width: 1100px) {
    .navigation .level-2 {
        position: relative
    }
}

@media screen and (max-width: 1099px) {
    .navigation .level-2 {
        min-height: 0 !important
    }
}

@media screen and (min-width: 1100px) {
    .navigation .level-2 > li {
        width: 50%
    }

    .navigation .level-2 > li.has-submenu > div {
        background-color: #f5f5f5
    }

    .navigation .level-2 > li.has-submenu.focus, .navigation .level-2 > li.has-submenu:hover {
        color: #ab1d22
    }

    .navigation .level-2 > li.has-submenu.focus > span > a, .navigation .level-2 > li.has-submenu:hover > span > a {
        color: inherit
    }

    .navigation .level-2 > li.has-submenu.focus > div, .navigation .level-2 > li.has-submenu:hover > div {
        left: 50%
    }

    .navigation .level-3 > li.has-submenu > div {
        display: none
    }

    .navigation .level-3 > li.has-submenu > span > a:after {
        content: none
    }
}

.navigation-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0 30px 0 0;
    position: relative;
    text-align: inherit;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: auto
}

@media screen and (min-width: 1100px) {
    .navigation-toggle {
        display: none
    }
}

.navigation-toggle:after, .navigation-toggle:before, .navigation-toggle > span:after {
    speak: none;
    border-top: 2px solid;
    bottom: 50%;
    box-sizing: content-box;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out;
    width: 20px
}

.navigation-toggle:before {
    margin-bottom: 6px
}

.navigation-toggle:after {
    margin-bottom: -6px
}

.is-open .navigation-toggle {
    color: #ab1d22
}

.is-open .navigation-toggle:after, .is-open .navigation-toggle:before {
    margin-bottom: 0
}

.is-open .navigation-toggle:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.is-open .navigation-toggle:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.is-open .navigation-toggle > span:after {
    opacity: 0
}

.navigation ul {
    padding: 1.25rem 0
}

.navigation li {
    padding: 0 1.25rem
}

.navigation li + li > span {
    border-top: 1px solid #eee
}

.navigation li > span {
    align-items: center;
    display: flex
}

.navigation li > div {
    background-color: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1
}

@media screen and (max-width: 1099px) {
    .navigation li > div {
        bottom: 0;
        left: 0;
        overflow-y: auto;
        position: fixed;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        transition: -webkit-transform .2s ease-out;
        transition: transform .2s ease-out;
        transition: transform .2s ease-out, -webkit-transform .2s ease-out;
        width: 100%
    }
}

@media screen and (min-width: 1100px) {
    .navigation li > div {
        left: -9999px;
        opacity: 0;
        transition: opacity .2s ease-out .2s, left 0s .2s;
        width: 50%
    }

    .navigation li.has-submenu.focus > div, .navigation li.has-submenu:hover > div {
        left: 0;
        opacity: 1;
        transition-delay: 0s
    }
}

.navigation li.has-submenu > span > .menu-label, .navigation li.has-submenu > span > a {
    padding-right: 1.5rem;
    position: relative
}

.navigation li.has-submenu > span > .menu-label:after, .navigation li.has-submenu > span > a:after {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    width: 1em
}

@media screen and (max-width: 1099px) {
    .navigation li.has-submenu > span > a {
        display: none
    }
}

.navigation .menu-link {
    color: #222;
    display: block;
    flex-grow: 1;
    padding: 1.125rem 0;
    position: relative;
    text-decoration: none;
    transition: color .2s ease-out
}

.navigation .menu-link.is-active, .navigation .menu-link.is-current, .navigation .menu-link:hover {
    color: #ab1d22
}

.navigation .menu-label {
    cursor: pointer;
    display: block;
    flex-grow: 1;
    padding: 1rem 0
}

@media screen and (min-width: 1100px) {
    .navigation .menu-label {
        display: none
    }
}

.navigation .menu-label:hover {
    color: #ab1d22
}

.navigation .menu-back {
    color: #ab1d22;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin: 1.25rem 0 -1.25rem 1.25rem;
    padding: 1rem 1rem 1rem 1.5rem;
    position: relative;
    text-transform: uppercase
}

.navigation .menu-back:after {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: 0;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    vertical-align: middle;
    width: 1em
}

@media screen and (min-width: 1100px) {
    .navigation .menu-back {
        display: none
    }
}

.navigation .menu-title {
    color: #aaa;
    display: none;
    font-weight: 700;
    padding: .625rem 1.25rem;
    text-transform: uppercase
}

@media screen and (min-width: 1100px) {
    .navigation .menu-title {
        display: block
    }

    .navigation .menu-title + li > span {
        border: 0
    }

    .navigation .menu-title ~ li > div {
        padding-top: 2.5625rem
    }
}

.navigation .submenu-toggle {
    display: none
}

@media screen and (max-width: 1099px) {
    .navigation > div {
        background-color: #fff;
        border-top: 1px solid #eee;
        display: none;
        height: calc(100% - 80px);
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 80px;
        z-index: 1
    }

    .navigation.is-open > div {
        display: block
    }

    .navigation input:checked + div {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .open-navigation {
        height: 100%;
        overflow-y: hidden
    }
}

@media screen and (min-width: 720px) {
    .content-newsletter h3 > span {
        display: block;
        max-width: 370px
    }
}

.content-newsletter .container {
    margin: 0 -.9375rem;
    position: relative
}

@media screen and (min-width: 720px) {
    .content-newsletter .container {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media screen and (min-width: 900px) {
    .content-newsletter .container {
        flex-wrap: nowrap
    }
}

.content-newsletter .col {
    margin-bottom: 1.875rem;
    padding: 0 .9375rem
}

@media screen and (min-width: 720px) {
    .content-newsletter .col {
        flex: 1 1 50%
    }
}

@media screen and (min-width: 900px) {
    .content-newsletter .col {
        flex-basis: 33.3333333333%
    }
}

.content-newsletter .image {
    align-self: flex-end;
    flex-basis: 100%;
    margin: 0 auto;
    max-width: 350px;
    text-align: center
}

@media screen and (min-width: 900px) {
    .content-newsletter .image {
        margin: 0
    }
}

.dnd-section .content-newsletter .image {
    margin-bottom: -2.5rem
}

@media screen and (min-width: 900px) {
    .content-newsletter .form {
        max-width: 400px
    }
}

.content-newsletter .form input[type=submit] {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: #ab1d22;
    border: 2px solid #ab1d22;
    border-radius: 0;
    color: inherit;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    outline: 0;
    padding: .75rem 1rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.content-newsletter .form input[type=submit]:focus, .content-newsletter .form input[type=submit]:hover {
    background-color: transparent;
    border-color: #ab1d22;
    color: #ab1d22
}

.content-newsletter .form input[type=submit].disabled, .content-newsletter .form input[type=submit][disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.content-newsletter .form input[type=email] {
    background-color: #fff;
    border: 1px solid #eee;
    font: inherit;
    margin-bottom: 1.25rem;
    max-width: 370px;
    padding: 1rem;
    width: 100%
}

.content-newsletter .form label {
    color: inherit;
    display: block;
    font-weight: 700;
    margin-bottom: .625rem
}

.content-newsletter .form .hs-form-booleancheckbox-display {
    margin-bottom: 1.25rem;
    position: relative
}

.content-newsletter .form .hs-form-booleancheckbox-display input[type=checkbox] {
    height: 1em;
    opacity: 0;
    width: 1em
}

.content-newsletter .form .hs-form-booleancheckbox-display input[type=checkbox] + span {
    margin-left: 2.5rem
}

.content-newsletter .form .hs-form-booleancheckbox-display input[type=checkbox] + span:before {
    background: #fff;
    border: 1px solid #eee;
    content: "";
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.5rem
}

.content-newsletter .form .hs-form-booleancheckbox-display input[type=checkbox] + span:after {
    border-bottom: 3px solid #ab1d22;
    border-right: 3px solid #ab1d22;
    content: "";
    height: 1.125rem;
    left: .4375rem;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: opacity .2s ease-out;
    width: .625rem
}

.content-newsletter .form .hs-form-booleancheckbox-display input[type=checkbox]:checked + span:after {
    opacity: 1
}

.content-newsletter .form .hs-form-booleancheckbox-display p {
    font-size: .75rem;
    font-weight: 400
}

.content-newsletter .form .hs-form-booleancheckbox-display a {
    text-decoration: underline
}

.content-newsletter .form .legal-consent-container .hs-error-msgs label {
    color: inherit
}

.dnd-section[class*=background-color] .content-newsletter .image, .dnd-section[class*=background-gradient] .content-newsletter .image {
    margin-bottom: -3.75rem
}

.content-product-stage {
    max-width: none
}

.content-product-stage.muskelschmerzen {
    background: linear-gradient(180deg, #c40d1a, #560f11);
    color: #fff
}

.content-product-stage.muskelschmerzen .link {
    color: #ab1d22
}

.content-product-stage.gelenkschmerzen {
    background: linear-gradient(180deg, #4151a7, #1f275c);
    color: #fff
}

.content-product-stage.gelenkschmerzen .link {
    color: #1f285d
}

.content-product-stage.regelschmerzen {
    background: linear-gradient(180deg, #a30e71, #5a043c);
    color: #fff
}

.content-product-stage.regelschmerzen .link {
    color: #930b63
}

.content-product-stage .product {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    padding: 2.5rem 1.25rem;
    width: 100%
}

@media screen and (min-width: 720px) {
    .content-product-stage .product {
        align-items: center;
        display: flex;
        height: 520px;
        padding: 2.5rem 1.875rem
    }
}

.content-product-stage .product-image {
    margin-bottom: 1.875rem;
    position: relative
}

@media screen and (min-width: 720px) {
    .content-product-stage .product-image {
        flex: 1 1 100%;
        margin: 0 1.875rem 0 0;
        max-width: 720px
    }
}

.content-product-stage .product-content {
    flex: 1 1 100%;
    max-width: 570px;
    position: relative
}

.content-product-stage .product-content p {
    font-size: 1.125rem
}

@media screen and (min-width: 720px) {
    .content-product-stage .product-content p {
        font-size: 1.375rem
    }
}

.content-product-stage .link {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    color: inherit;
    color: #ab1d22;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    outline: 0;
    padding: .75rem 1rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.content-product-stage .link:focus, .content-product-stage .link:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.content-product-stage .link.disabled, .content-product-stage .link[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.content-product-teaser .product {
    background-color: #fff;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
    height: 100%;
    min-height: 300px;
    padding: 1.875rem 1.875rem 2.5rem
}

@media screen and (min-width: 720px) {
    .content-product-teaser .product {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 2.5rem 4.375rem
    }
}

.content-product-teaser .product-image {
    margin: -1.875rem 0 0;
    max-width: 300px
}

@media screen and (min-width: 720px) {
    .content-product-teaser .product-image {
        flex: 1 1 30%;
        margin: 0 2.5rem 0 0
    }
}

.content-product-teaser .product-content {
    flex: 1 1 70%
}

@media screen and (min-width: 1100px) {
    .content-product-teaser .product-content {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

.content-product-teaser h3 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1.25rem;
    text-transform: uppercase
}

@media screen and (min-width: 720px) {
    .content-product-teaser h3 {
        font-size: 1.75rem
    }
}

.content-product-teaser h3:only-child {
    margin: 0
}

.content-product-teaser h3 > strong {
    display: block
}

.content-product-teaser h3 > em {
    color: #ab1d22;
    display: block;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0 0 .625rem;
    text-transform: uppercase
}

@media screen and (min-width: 1100px) {
    .content-product-teaser p {
        margin-bottom: 0
    }
}

.content-product-teaser .buttons {
    margin: -.625rem
}

@media screen and (min-width: 1100px) {
    .content-product-teaser .buttons {
        display: flex;
        flex: 0 1 auto;
        flex-direction: column;
        padding-left: 2.5rem
    }
}

.content-product-teaser .buttons > a {
    margin: .625rem
}

@media screen and (min-width: 1100px) {
    .content-product-teaser .buttons > a {
        white-space: nowrap
    }
}

.content-product-teaser.has-color .product[data-type=Muskelschmerzen] {
    background: linear-gradient(180deg, #c40d1a, #560f11);
    color: #fff
}

.content-product-teaser.has-color .product[data-type=Muskelschmerzen] .link-primary {
    background-color: #fff;
    border-color: #fff;
    color: #ab1d22
}

.content-product-teaser.has-color .product[data-type=Muskelschmerzen] .link-primary:focus, .content-product-teaser.has-color .product[data-type=Muskelschmerzen] .link-primary:hover, .content-product-teaser.has-color .product[data-type=Muskelschmerzen] .link-secondary {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.content-product-teaser.has-color .product[data-type=Muskelschmerzen] .link-secondary:focus, .content-product-teaser.has-color .product[data-type=Muskelschmerzen] .link-secondary:hover {
    background-color: #fff;
    border-color: #fff;
    color: #ab1d22
}

.content-product-teaser.has-color .product[data-type=Gelenkschmerzen] {
    background: linear-gradient(180deg, #4151a7, #1f275c);
    color: #fff
}

.content-product-teaser.has-color .product[data-type=Gelenkschmerzen] .link-primary {
    background-color: #fff;
    border-color: #fff;
    color: #1f285d
}

.content-product-teaser.has-color .product[data-type=Gelenkschmerzen] .link-primary:focus, .content-product-teaser.has-color .product[data-type=Gelenkschmerzen] .link-primary:hover, .content-product-teaser.has-color .product[data-type=Gelenkschmerzen] .link-secondary {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.content-product-teaser.has-color .product[data-type=Gelenkschmerzen] .link-secondary:focus, .content-product-teaser.has-color .product[data-type=Gelenkschmerzen] .link-secondary:hover {
    background-color: #fff;
    border-color: #fff;
    color: #1f285d
}

.content-product-teaser.has-color .product[data-type=Regelschmerzen] {
    background: linear-gradient(180deg, #a30e71, #5a043c);
    color: #fff
}

.content-product-teaser.has-color .product[data-type=Regelschmerzen] .link-primary {
    background-color: #fff;
    border-color: #fff;
    color: #930b63
}

.content-product-teaser.has-color .product[data-type=Regelschmerzen] .link-primary:focus, .content-product-teaser.has-color .product[data-type=Regelschmerzen] .link-primary:hover, .content-product-teaser.has-color .product[data-type=Regelschmerzen] .link-secondary {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.content-product-teaser.has-color .product[data-type=Regelschmerzen] .link-secondary:focus, .content-product-teaser.has-color .product[data-type=Regelschmerzen] .link-secondary:hover {
    background-color: #fff;
    border-color: #fff;
    color: #930b63
}

.content-product-teaser.is-initialized {
    margin-bottom: 3.75rem;
    position: relative
}

.content-product-teaser.is-initialized .button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid;
    border-radius: 0;
    border-radius: 50%;
    color: inherit;
    color: #ab1d22;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 48px;
    justify-content: center;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    transition: opacity .2s ease-out;
    vertical-align: middle;
    width: auto;
    width: 48px
}

.content-product-teaser.is-initialized .button:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-size: 1.5em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

.content-product-teaser.is-initialized .button.is-previous:before {
    content: ""
}

@media screen and (min-width: 720px) {
    .content-product-teaser.is-initialized .button.is-previous:before {
        content: ""
    }
}

.content-product-teaser.is-initialized .button.is-next:before {
    content: ""
}

@media screen and (min-width: 720px) {
    .content-product-teaser.is-initialized .button.is-next:before {
        content: ""
    }
}

.content-product-teaser.is-initialized .button[disabled] {
    opacity: .2
}

.content-product-teaser.is-initialized .pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1.5625rem
}

.content-product-teaser.is-initialized .pagination > li {
    margin: 5px
}

.content-product-teaser.is-initialized .pagination button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: rgba(34, 34, 34, .2);
    border: 0;
    border-radius: 0;
    border-radius: 50%;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 11px;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: inherit;
    text-decoration: none;
    transition: background-color .2s ease-out;
    vertical-align: middle;
    width: auto;
    width: 11px
}

.content-product-teaser.is-initialized .pagination button:hover, .content-product-teaser.is-initialized .pagination button[disabled] {
    background-color: #ab1d22
}

.content-product-teaser.is-initialized .scroller {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    scroll-snap-destination: 100% 100%;
    scroll-snap-points-x: snapInterval(0, 100%);
    scroll-snap-points-x: repeat(100%);
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    overflow: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: mandatory;
    scroll-snap-type: x mandatory;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    white-space: nowrap;
    width: 100%
}

.content-product-teaser.is-initialized .scroller > * {
    flex: 0 0 auto;
    outline: none;
    white-space: normal
}

.content-product-teaser.is-initialized .scroller[style*="margin-bottom:0px"], .content-product-teaser.is-initialized .scroller[style*="margin-bottom: 0px"] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.content-product-teaser.is-initialized .scroller[style*="margin-bottom:0px"]::-webkit-scrollbar, .content-product-teaser.is-initialized .scroller[style*="margin-bottom: 0px"]::-webkit-scrollbar {
    display: none
}

.content-product-teaser.is-initialized .scroller > * {
    scroll-snap-align: start;
    width: 100%
}

.content-product-teaser.is-initialized .caroucssel-mask {
    position: relative
}

@media screen and (min-width: 720px) {
    .content-product-teaser.is-initialized {
        padding: 0 5rem
    }
}

.content-product-teaser.is-initialized .button {
    position: absolute;
    top: 0
}

@media screen and (min-width: 720px) {
    .content-product-teaser.is-initialized .button {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.content-product-teaser.is-initialized .button.is-previous {
    left: 0
}

.content-product-teaser.is-initialized .button.is-next {
    right: 0
}

@media screen and (max-width: 719px) {
    .content-product-teaser.is-initialized .button {
        display: none
    }
}

@media screen and (min-width: 1380px) {
    .content-product-teaser.is-initialized {
        margin-left: -5rem;
        margin-right: -5rem;
        max-width: 1380px;
        width: auto
    }
}

.content-product-teaser.is-initialized .product {
    box-shadow: none
}

.content-product-teaser.is-initialized .caroucssel-mask {
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15)
}

.content-product-teaser.is-initialized .pagination {
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

.content-products > div {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -.9375rem;
    position: relative
}

.content-products .product {
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin: 0 .9375rem 1.875rem;
    max-width: 370px;
    padding: 1.875rem
}

.content-products .product-image {
    margin: -1.875rem -1.875rem 1rem
}

.content-products .product-content {
    display: flex;
    flex: 1;
    flex-direction: column
}

.content-products .product h3 {
    font-size: 1.125rem
}

@media screen and (min-width: 720px) {
    .content-products .product h3 {
        font-size: 1.375rem
    }
}

.content-products .text {
    flex: 1
}

.content-products-slider {
    position: relative
}

.content-products-slider .button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid;
    border-radius: 0;
    border-radius: 50%;
    color: inherit;
    color: #ab1d22;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 48px;
    justify-content: center;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    transition: opacity .2s ease-out;
    vertical-align: middle;
    width: auto;
    width: 48px
}

.content-products-slider .button:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-size: 1.5em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

.content-products-slider .button.is-previous:before {
    content: ""
}

@media screen and (min-width: 720px) {
    .content-products-slider .button.is-previous:before {
        content: ""
    }
}

.content-products-slider .button.is-next:before {
    content: ""
}

@media screen and (min-width: 720px) {
    .content-products-slider .button.is-next:before {
        content: ""
    }
}

.content-products-slider .button[disabled] {
    opacity: .2
}

.content-products-slider .pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1.5625rem
}

.content-products-slider .pagination > li {
    margin: 5px
}

.content-products-slider .pagination button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: rgba(34, 34, 34, .2);
    border: 0;
    border-radius: 0;
    border-radius: 50%;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 11px;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: inherit;
    text-decoration: none;
    transition: background-color .2s ease-out;
    vertical-align: middle;
    width: auto;
    width: 11px
}

.content-products-slider .pagination button:hover, .content-products-slider .pagination button[disabled] {
    background-color: #ab1d22
}

.content-products-slider .scroller {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    scroll-snap-destination: 100% 100%;
    scroll-snap-points-x: snapInterval(0, 100%);
    scroll-snap-points-x: repeat(100%);
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    overflow: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: mandatory;
    scroll-snap-type: x mandatory;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    white-space: nowrap;
    width: 100%
}

.content-products-slider .scroller > * {
    flex: 0 0 auto;
    outline: none;
    white-space: normal
}

.content-products-slider .scroller[style*="margin-bottom:0px"], .content-products-slider .scroller[style*="margin-bottom: 0px"] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.content-products-slider .scroller[style*="margin-bottom:0px"]::-webkit-scrollbar, .content-products-slider .scroller[style*="margin-bottom: 0px"]::-webkit-scrollbar {
    display: none
}

.content-products-slider .scroller > * {
    scroll-snap-align: start;
    width: 100%
}

.content-products-slider .caroucssel-mask {
    position: relative
}

@media screen and (min-width: 720px) {
    .content-products-slider {
        padding: 0 5rem
    }
}

.content-products-slider .button {
    position: absolute;
    top: 0
}

@media screen and (min-width: 720px) {
    .content-products-slider .button {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.content-products-slider .button.is-previous {
    left: 0
}

.content-products-slider .button.is-next {
    right: 0
}

@media screen and (max-width: 719px) {
    .content-products-slider .button {
        display: none
    }
}

.content-products-slider h3 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1.25rem;
    text-transform: uppercase
}

@media screen and (min-width: 720px) {
    .content-products-slider h3 {
        font-size: 1.75rem
    }
}

.content-products-slider h3:only-child {
    margin: 0
}

.content-products-slider h3 > strong {
    display: block
}

.content-products-slider h3 > em {
    color: #ab1d22;
    display: block;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0 0 .625rem;
    text-transform: uppercase
}

.content-products-slider .scroller > li {
    align-items: center;
    display: flex
}

.content-products-slider .product {
    width: 100%
}

@media screen and (min-width: 720px) {
    .content-products-slider .product {
        align-items: center;
        display: flex
    }

    .content-products-slider .product-image {
        margin-right: 10%;
        max-width: 418px
    }
}

.content-products-slider .buttons {
    margin: -.625rem
}

.content-products-slider .buttons > a {
    margin: .625rem
}

.dnd-section[class*=background-color] .content-products-slider, .dnd-section[class*=background-gradient] .content-products-slider {
    padding-bottom: 1.25rem
}

@media screen and (min-width: 720px) {
    .dnd-section[class*=background-color] .content-products-slider, .dnd-section[class*=background-gradient] .content-products-slider {
        min-height: 300px;
        padding-top: 1.25rem
    }
}

.dnd-section[class*=background-color] .content-products-slider, .dnd-section[class*=background-color] .content-products-slider .button, .dnd-section[class*=background-gradient] .content-products-slider, .dnd-section[class*=background-gradient] .content-products-slider .button {
    color: #fff
}

.dnd-section[class*=background-color] .content-products-slider .link, .dnd-section[class*=background-gradient] .content-products-slider .link {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.dnd-section[class*=background-color] .content-products-slider .link:focus, .dnd-section[class*=background-color] .content-products-slider .link:hover, .dnd-section[class*=background-gradient] .content-products-slider .link:focus, .dnd-section[class*=background-gradient] .content-products-slider .link:hover {
    background-color: #fff;
    border-color: #fff;
    color: #ab1d22
}

.dnd-section[class*=background-color] .content-products-slider .pagination, .dnd-section[class*=background-gradient] .content-products-slider .pagination {
    left: 50%;
    margin: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.dnd-section[class*=background-color] .content-products-slider .pagination button, .dnd-section[class*=background-gradient] .content-products-slider .pagination button {
    background-color: hsla(0, 0%, 100%, .2)
}

.dnd-section[class*=background-color] .content-products-slider .pagination button:hover, .dnd-section[class*=background-color] .content-products-slider .pagination button[disabled], .dnd-section[class*=background-gradient] .content-products-slider .pagination button:hover, .dnd-section[class*=background-gradient] .content-products-slider .pagination button[disabled] {
    background-color: #fff
}

.content-ratings {
    margin-left: auto;
    margin-right: auto;
    max-width: 870px
}

.content-ratings h2 {
    margin-bottom: 2.5rem;
    text-align: center
}

.content-ratings .info {
    text-align: center
}

.content-ratings .rating {
    padding: 1.875rem 3.125rem
}

.content-ratings .rating:nth-child(odd) {
    background-color: #f5f5f5
}

.content-ratings .rating-stars {
    margin-bottom: 1rem
}

.content-ratings .rating-stars > span {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.content-ratings .rating-meta {
    margin-bottom: 1.25rem
}

.content-ratings .rating-meta a {
    color: #ab1d22;
    text-decoration: underline
}

.content-ratings .rating-text {
    margin-bottom: 0
}

.content-ratings .pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 3.125rem 0 0
}

.content-ratings .pagination li {
    font-size: 1.125rem;
    margin: 0 .25rem
}

.content-ratings .pagination button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: .25rem;
    text-align: inherit;
    text-decoration: none;
    vertical-align: middle;
    width: auto
}

.content-ratings .pagination button span {
    overflow: hidden;
    text-align: left;
    text-indent: -119988px
}

.content-ratings .pagination button[disabled] {
    cursor: default
}

.content-ratings .active button {
    border-color: currentColor;
    font-weight: 700
}

.content-ratings .next button:before {
    content: ""
}

.content-ratings .next button:before, .content-ratings .prev button:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-size: 1.25em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

.content-ratings .prev button:before {
    content: ""
}

.content-ratings .filter {
    background-color: #fff;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
    margin: 4.5rem 0 2rem auto;
    max-width: 340px;
    position: relative
}

.content-ratings .filter:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-size: 1.25em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    width: 1em
}

.content-ratings .filter select {
    font: inherit;
    font-weight: 700;
    height: 3rem;
    margin: 0;
    padding: .75rem 1rem;
    position: relative;
    width: auto;
    width: 100%
}

.content-ratings .filter select, .reviews-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    line-height: inherit;
    outline: 0;
    text-align: inherit;
    text-decoration: none;
    vertical-align: middle
}

.reviews-button {
    display: inline-block;
    font: inherit;
    margin: -.5rem 0 1.25rem;
    padding: 0;
    text-align: left;
    width: auto
}

.reviews-button-value {
    font-size: 1.125rem;
    font-weight: 700;
    white-space: nowrap
}

.reviews-button-value:after {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-size: .875rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-left: .25rem;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

.reviews-button-count {
    display: block
}

.stars {
    font-size: 1.75rem
}

.stars:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fdce2f;
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em;
    width: auto
}

.stars-1:before {
    content: ""
}

.stars-2:before {
    content: ""
}

.stars-3:before {
    content: ""
}

.stars-4:before {
    content: ""
}

.stars-5:before {
    content: "none"
}

.stars-1-5:before {
    content: ""
}

.stars-2-5:before {
    content: ""
}

.stars-3-5:before {
    content: ""
}

.stars-4-5:before {
    content: "none"
}

.js .content-read-more .inner {
    max-height: 175px;
    overflow: hidden;
    position: relative
}

.js .content-read-more .inner:before {
    background: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
    bottom: 0;
    content: "";
    height: 75%;
    left: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease-out;
    width: 100%
}

.js .content-read-more.is-active .inner {
    max-height: none;
    transition: max-height .5s ease-out
}

.js .content-read-more.is-active .inner:before {
    opacity: 0
}

.content-read-more .text > :last-child {
    margin-bottom: 0
}

.content-read-more .link {
    margin-top: 1.5rem
}

.content-sharing {
    text-align: center
}

.content-sharing ul {
    align-items: center;
    display: flex;
    justify-content: center
}

.content-sharing li {
    padding: .5rem
}

.content-sharing p {
    margin-bottom: .5rem
}

.content-sharing a {
    display: block;
    height: 50px;
    width: 50px
}

.content-sharing a > span {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.content-sharing button:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 1rem;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

.content-sharing .mail a {
    background-image: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/sharing/mail.png);
    background-size: contain
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .content-sharing .mail a {
        background-image: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/sharing/mail@2x.png)
    }
}

.content-sharing .fb-messenger a {
    background-image: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/sharing/fb-messenger.png);
    background-size: contain
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .content-sharing .fb-messenger a {
        background-image: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/sharing/fb-messenger@2x.png)
    }
}

.content-sharing .telegram a {
    background-image: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/sharing/telegram.png);
    background-size: contain
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .content-sharing .telegram a {
        background-image: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/sharing/telegram@2x.png)
    }
}

.content-sharing .whatsapp a {
    background-image: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/sharing/whatsapp.png);
    background-size: contain
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .content-sharing .whatsapp a {
        background-image: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/sharing/whatsapp@2x.png)
    }
}

.content-sharing.is-button {
    text-align: right
}

.content-sharing.is-button p {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.content-sharing.is-button ul {
    justify-content: flex-end
}

.js .content-sharing.is-button ul {
    height: 0;
    opacity: .2;
    overflow: hidden;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: opacity .2s ease-out, transform .2s ease-out;
    transition: opacity .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out
}

.js .content-sharing.is-button.is-active ul {
    height: auto;
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.sitemap li {
    word-break: break-all
}

.content-slider {
    position: relative;
    text-align: center
}

.content-slider .button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid;
    border-radius: 0;
    border-radius: 50%;
    color: inherit;
    color: #ab1d22;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 48px;
    justify-content: center;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    transition: opacity .2s ease-out;
    vertical-align: middle;
    width: auto;
    width: 48px
}

.content-slider .button:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-size: 1.5em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

.content-slider .button.is-previous:before {
    content: ""
}

@media screen and (min-width: 720px) {
    .content-slider .button.is-previous:before {
        content: ""
    }
}

.content-slider .button.is-next:before {
    content: ""
}

@media screen and (min-width: 720px) {
    .content-slider .button.is-next:before {
        content: ""
    }
}

.content-slider .button[disabled] {
    opacity: .2
}

.content-slider .pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1.5625rem
}

.content-slider .pagination > li {
    margin: 5px
}

.content-slider .pagination button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: rgba(34, 34, 34, .2);
    border: 0;
    border-radius: 0;
    border-radius: 50%;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 11px;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: inherit;
    text-decoration: none;
    transition: background-color .2s ease-out;
    vertical-align: middle;
    width: auto;
    width: 11px
}

.content-slider .pagination button:hover, .content-slider .pagination button[disabled] {
    background-color: #ab1d22
}

.content-slider .scroller {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    scroll-snap-destination: 100% 100%;
    scroll-snap-points-x: snapInterval(0, 100%);
    scroll-snap-points-x: repeat(100%);
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    overflow: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: mandatory;
    scroll-snap-type: x mandatory;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    white-space: nowrap;
    width: 100%
}

.content-slider .scroller > * {
    flex: 0 0 auto;
    outline: none;
    white-space: normal
}

.content-slider .scroller[style*="margin-bottom:0px"], .content-slider .scroller[style*="margin-bottom: 0px"] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.content-slider .scroller[style*="margin-bottom:0px"]::-webkit-scrollbar, .content-slider .scroller[style*="margin-bottom: 0px"]::-webkit-scrollbar {
    display: none
}

.content-slider .scroller > * {
    scroll-snap-align: start;
    width: 100%
}

.content-slider .caroucssel-mask {
    position: relative
}

@media screen and (min-width: 720px) {
    .content-slider {
        padding: 0 5rem
    }
}

.content-slider .button {
    position: absolute;
    top: 0
}

@media screen and (min-width: 720px) {
    .content-slider .button {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.content-slider .button.is-previous {
    left: 0
}

.content-slider .button.is-next {
    right: 0
}

@media screen and (max-width: 719px) {
    .content-slider {
        padding-top: 5rem
    }

    .content-slider .button.is-previous {
        left: auto;
        right: 0;
        -webkit-transform: translateX(-100%) translateX(-1.25rem);
        transform: translateX(-100%) translateX(-1.25rem)
    }
}

.dnd-section[class*=background-color] .content-slider .pagination, .dnd-section[class*=background-gradient] .content-slider .pagination {
    left: 50%;
    margin: .5rem;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.content-stage {
    max-width: 1680px;
    position: relative
}

@media screen and (min-width: 900px) {
    .content-stage {
        background-color: transparent !important
    }
}

.content-stage h2 > strong {
    display: inline
}

.dnd-section .content-stage {
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 100vw
}

.content-stage .text {
    font-size: 1.125rem
}

@media screen and (min-width: 900px) {
    .content-stage .text {
        font-size: 1.625rem
    }
}

.content-stage .text p:last-child {
    margin-bottom: 0
}

.content-stage .image-mobile {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    padding-top: 100%
}

@media screen and (min-width: 720px) {
    .content-stage .image-mobile {
        padding-top: 75%
    }
}

@media screen and (max-width: 899px) {
    .content-stage .image-mobile {
        display: block;
        margin-top: -3.75rem
    }

    .content-stage .image-mobile + .image {
        display: none
    }
}

.content-stage .buttons {
    margin: -.625rem
}

.content-stage .buttons > a {
    clear: left;
    float: left;
    margin: .625rem
}

.content-stage.is-center {
    text-align: center
}

.content-stage.is-light {
    color: #fff
}

.content-stage:not(.is-image-aside) .image {
    background-repeat: no-repeat;
    background-size: auto 220px;
    height: 220px
}

@media screen and (max-width: 899px) {
    .content-stage:not(.is-image-aside) .image {
        margin-top: -2.5rem
    }
}

@media screen and (min-width: 720px) {
    .content-stage:not(.is-image-aside) .image {
        background-size: auto 520px;
        height: 520px
    }
}

@media screen and (min-width: 900px) {
    .content-stage:not(.is-image-aside) .container {
        left: 50%;
        position: absolute;
        right: 0;
        top: 100px;
        z-index: 1
    }
}

.content-stage:not(.is-image-aside) .text {
    padding: 1.875rem 1.25rem 0
}

@media screen and (min-width: 900px) {
    .content-stage:not(.is-image-aside) .text {
        max-width: 670px;
        padding-bottom: 1.875rem
    }
}

.content-stage.is-image-aside {
    background: linear-gradient(180deg, #c40d1a, #560f11);
    padding: 2.5rem 1.25rem
}

@media screen and (min-width: 900px) {
    .content-stage.is-image-aside {
        align-items: center;
        display: flex;
        height: 520px;
        justify-content: center;
        padding: 2.5rem 1.875rem
    }
}

.content-stage.is-image-aside .image {
    margin-top: 1.875rem;
    text-align: center
}

@media screen and (min-width: 900px) {
    .content-stage.is-image-aside .image {
        flex: 1 1 100%;
        margin: 0 1.875rem 0 0;
        max-width: 720px
    }

    .content-stage.is-image-aside .container {
        flex: 1 1 100%;
        max-width: 570px;
        order: 1
    }
}

.stage > div:last-child {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 .625rem;
    position: relative;
    width: 100%
}

.stage > div:last-child > .content {
    margin-top: -3.75rem
}

@media screen and (min-width: 900px) {
    .stage > div:last-child > .content {
        margin-top: -6.25rem
    }
}

.content-steps {
    position: relative
}

.content-steps .button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid;
    border-radius: 0;
    border-radius: 50%;
    color: inherit;
    color: #ab1d22;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 48px;
    justify-content: center;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    transition: opacity .2s ease-out;
    vertical-align: middle;
    width: auto;
    width: 48px
}

.content-steps .button:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-size: 1.5em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

.content-steps .button.is-previous:before {
    content: ""
}

@media screen and (min-width: 720px) {
    .content-steps .button.is-previous:before {
        content: ""
    }
}

.content-steps .button.is-next:before {
    content: ""
}

@media screen and (min-width: 720px) {
    .content-steps .button.is-next:before {
        content: ""
    }
}

.content-steps .button[disabled] {
    opacity: .2
}

.content-steps .scroller {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    scroll-snap-destination: 100% 100%;
    scroll-snap-points-x: snapInterval(0, 100%);
    scroll-snap-points-x: repeat(100%);
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    overflow: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: mandatory;
    scroll-snap-type: x mandatory;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    white-space: nowrap;
    width: 100%
}

.content-steps .scroller > * {
    flex: 0 0 auto;
    outline: none;
    white-space: normal
}

.content-steps .scroller[style*="margin-bottom:0px"], .content-steps .scroller[style*="margin-bottom: 0px"] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.content-steps .scroller[style*="margin-bottom:0px"]::-webkit-scrollbar, .content-steps .scroller[style*="margin-bottom: 0px"]::-webkit-scrollbar {
    display: none
}

.content-steps .scroller > * {
    scroll-snap-align: start;
    width: 100%
}

.content-steps .caroucssel-mask {
    position: relative
}

@media screen and (min-width: 720px) {
    .content-steps {
        padding: 0 5rem
    }
}

.content-steps .button {
    position: absolute;
    top: 0
}

@media screen and (min-width: 720px) {
    .content-steps .button {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.content-steps .button.is-previous {
    left: 0
}

.content-steps .button.is-next {
    right: 0
}

@media screen and (max-width: 719px) {
    .content-steps {
        padding-top: 5rem
    }

    .content-steps .button.is-previous {
        left: auto;
        right: 0;
        -webkit-transform: translateX(-100%) translateX(-1.25rem);
        transform: translateX(-100%) translateX(-1.25rem)
    }
}

@media screen and (max-width: 899px) {
    .content-steps {
        max-width: 600px
    }
}

.content-steps h4 {
    font-size: 1rem
}

.content-steps .steps {
    background-color: #fff;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15)
}

@media screen and (min-width: 900px) {
    .content-steps .step {
        align-items: stretch;
        display: flex;
        justify-content: space-between
    }
}

.content-steps .step > * {
    flex: 1 1 50%
}

.content-steps .text {
    padding: 2.5rem 2.5rem 5.625rem
}

.content-steps .text ol, .content-steps .text ul {
    margin-left: 1.5rem
}

.content-steps .text ol:not(:last-child), .content-steps .text ul:not(:last-child) {
    margin-bottom: 1.875rem
}

.content-steps .text ul {
    list-style: square
}

.content-steps .text ol {
    list-style: decimal
}

.content-steps .text li {
    margin-top: .625rem
}

.content-steps .text a[target=_blank]:after {
    background: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/icon-external-link.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-left: .125rem;
    vertical-align: middle;
    width: 1rem
}

@media screen and (min-width: 900px) {
    .content-steps .text {
        padding: 4.5rem 4.375rem 5.625rem
    }
}

.content-steps .text p:last-child {
    margin-bottom: 0
}

.content-steps .image {
    order: 1
}

.content-steps .pagination {
    align-items: flex-end;
    bottom: 1.875rem;
    display: flex;
    justify-content: flex-start;
    left: 1.875rem;
    position: absolute
}

@media screen and (min-width: 720px) {
    .content-steps .pagination {
        left: 6.875rem
    }
}

@media screen and (min-width: 900px) {
    .content-steps .pagination {
        left: 8.75rem
    }
}

.content-steps .pagination button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 1.375rem;
    line-height: inherit;
    line-height: 1;
    margin: 0;
    outline: 0;
    padding: 0 .625rem;
    text-align: inherit;
    text-decoration: none;
    transition: font-size .2s ease-out;
    vertical-align: middle;
    vertical-align: baseline;
    width: auto
}

.content-steps .pagination button[disabled] {
    color: #ab1d22;
    font-size: 3.75rem;
    line-height: .8
}

@media (hover: hover)and (pointer: fine) {
    .content-steps .pagination button:hover {
        color: #ab1d22
    }
}

@media screen and (min-width: 1380px) {
    .content-steps.is-initialized {
        margin-left: -5rem;
        margin-right: -5rem;
        max-width: 1380px;
        width: auto
    }
}

.sticky-teaser {
    background: linear-gradient(180deg, #c40d1a, #560f11);
    bottom: 0;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
    color: #fff;
    padding: 1.25rem;
    position: fixed;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    z-index: 5
}

@media screen and (min-width: 720px) {
    .sticky-teaser {
        max-width: 375px;
        padding: 1.875rem;
        text-align: left
    }
}

.sticky-teaser .container {
    align-items: center;
    display: flex;
    margin-bottom: 1.25rem;
    text-align: left
}

.sticky-teaser .icon {
    flex: 1;
    margin-right: .625rem;
    max-width: 35px
}

.sticky-teaser .text {
    flex: 1
}

@media screen and (max-width: 719px) {
    .sticky-teaser .text {
        margin-right: 1.25rem
    }
}

.sticky-teaser .text p {
    margin-bottom: 0
}

.sticky-teaser .link {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    color: inherit;
    color: #ab1d22;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    outline: 0;
    padding: .75rem 1rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.sticky-teaser .link:focus, .sticky-teaser .link:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.sticky-teaser .link.disabled, .sticky-teaser .link[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.sticky-teaser .close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 1.25rem;
    position: absolute;
    right: 0;
    text-align: inherit;
    text-decoration: none;
    top: 0;
    vertical-align: middle;
    width: auto
}

.sticky-teaser .close:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

.sticky-teaser .close > span {
    overflow: hidden;
    text-align: left;
    text-indent: -119988px
}

.sticky-teaser.is-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (max-width: 899px) {
    .content-teaser {
        max-width: 600px
    }
}

.content-teaser .teaser {
    background-color: #fff;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
    min-height: 400px
}

@media screen and (min-width: 720px) {
    .content-teaser .teaser {
        align-items: center;
        display: flex
    }
}

.content-teaser .teaser-content, .content-teaser .teaser-image {
    flex: 1 1 100%
}

.content-teaser .teaser-content {
    padding: 2.5rem
}

@media screen and (min-width: 720px) {
    .content-teaser .teaser-content {
        padding: 3.75rem
    }
}

.content-teaser .text ol, .content-teaser .text ul {
    margin-left: 1.5rem
}

.content-teaser .text ol:not(:last-child), .content-teaser .text ul:not(:last-child) {
    margin-bottom: 1.875rem
}

.content-teaser .text ul {
    list-style: square
}

.content-teaser .text ol {
    list-style: decimal
}

.content-teaser .text li {
    margin-top: .625rem
}

.content-teaser .text a[target=_blank]:after {
    background: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/icon-external-link.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-left: .125rem;
    vertical-align: middle;
    width: 1rem
}

.content-teaser-box {
    background-color: #fbf5ef;
    max-width: 370px;
    padding: 3.75rem 1.875rem;
    position: relative
}

.content-teaser-box > * {
    margin-bottom: 1.875rem
}

.content-teaser-box > :last-child {
    margin-bottom: 0
}

.content-teaser-box h4 {
    clear: both
}

.content-teaser-box em {
    color: #ab1d22;
    display: block;
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: .8
}

.content-teaser-box .text p:last-child {
    margin-bottom: 0
}

.content-teaser-box .image {
    margin: -3.75rem -1.875rem 2.5rem
}

.content-teaser-box .image img {
    max-width: none;
    width: 100%
}

.content-teaser-box .logo {
    float: right;
    margin: -1.875rem 0 1.25rem;
    max-width: 78px
}

.content-teasers {
    max-width: none
}

.content-teasers .button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid;
    border-radius: 0;
    border-radius: 50%;
    color: inherit;
    color: #ab1d22;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 48px;
    justify-content: center;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    transition: opacity .2s ease-out;
    vertical-align: middle;
    width: auto;
    width: 48px
}

.content-teasers .button:before {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icons;
    font-size: 1em;
    font-size: 1.5em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: middle;
    width: 1em
}

.content-teasers .button.is-previous:before {
    content: ""
}

@media screen and (min-width: 720px) {
    .content-teasers .button.is-previous:before {
        content: ""
    }
}

.content-teasers .button.is-next:before {
    content: ""
}

@media screen and (min-width: 720px) {
    .content-teasers .button.is-next:before {
        content: ""
    }
}

.content-teasers .button[disabled] {
    opacity: .2
}

.content-teasers .pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1.5625rem
}

.content-teasers .pagination > li {
    margin: 5px
}

.content-teasers .pagination button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: rgba(34, 34, 34, .2);
    border: 0;
    border-radius: 0;
    border-radius: 50%;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 11px;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: inherit;
    text-decoration: none;
    transition: background-color .2s ease-out;
    vertical-align: middle;
    width: auto;
    width: 11px
}

.content-teasers .pagination button:hover, .content-teasers .pagination button[disabled] {
    background-color: #ab1d22
}

.content-teasers .scroller {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    scroll-snap-destination: 100% 100%;
    scroll-snap-points-x: snapInterval(0, 100%);
    scroll-snap-points-x: repeat(100%);
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    overflow: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: mandatory;
    scroll-snap-type: x mandatory;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    white-space: nowrap;
    width: 100%
}

.content-teasers .scroller > * {
    flex: 0 0 auto;
    outline: none;
    white-space: normal
}

.content-teasers .scroller[style*="margin-bottom:0px"], .content-teasers .scroller[style*="margin-bottom: 0px"] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.content-teasers .scroller[style*="margin-bottom:0px"]::-webkit-scrollbar, .content-teasers .scroller[style*="margin-bottom: 0px"]::-webkit-scrollbar {
    display: none
}

.content-teasers .scroller > * {
    scroll-snap-align: start;
    width: 100%
}

.content-teasers .caroucssel-mask {
    position: relative
}

.content-teasers h2 {
    margin-bottom: 2.5rem
}

.content-teasers h3 {
    font-size: 1rem;
    font-weight: 700
}

.content-teasers .teasers {
    margin: -1.875rem -1.25rem;
    position: relative
}

@media screen and (min-width: 1170px) {
    .content-teasers .teasers {
        margin: -1.875rem calc(-50vw + 585px)
    }
}

.content-teasers .teaser {
    background-color: #fff;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    max-width: 370px;
    min-height: 100%;
    padding: 2.5rem 1.875rem 3.75rem
}

.content-teasers .teaser-image {
    margin: -2.5rem -1.875rem 2.5rem
}

.content-teasers .teaser .buttons {
    margin-top: auto
}

.content-teasers .scroller > li {
    padding: 1.875rem .9375rem;
    width: auto
}

.content-teasers .scroller > li:first-child {
    margin-left: auto
}

@media screen and (min-width: 1170px) {
    .content-teasers .scroller > li:first-child {
        padding-left: calc(50vw - 585px)
    }
}

.content-teasers .scroller > li:last-child {
    margin-right: auto
}

@media screen and (min-width: 1170px) {
    .content-teasers .scroller > li:last-child {
        padding-right: calc(50vw - 585px)
    }
}

.content-teasers .pagination {
    margin: 0
}

@media screen and (min-width: 720px) {
    .content-teasers .pagination {
        visibility: hidden
    }
}

.content-teasers .button {
    bottom: 100%;
    position: absolute;
    right: 1.25rem
}

@media screen and (min-width: 1170px) {
    .content-teasers .button {
        right: calc(50vw - 585px)
    }
}

.content-teasers .button.is-previous {
    -webkit-transform: translateX(-100%) translateX(-1.25rem);
    transform: translateX(-100%) translateX(-1.25rem)
}

.content-teasers:not(.has-pages) .button {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.content-teasers.has-pages h2 {
    padding-right: 8.5rem
}

.content-stage + .content-teasers {
    margin-top: -6.875rem
}

.content-tips .pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 1.5625rem
}

.content-tips .pagination > li {
    margin: 5px
}

.content-tips .pagination button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: rgba(34, 34, 34, .2);
    border: 0;
    border-radius: 0;
    border-radius: 50%;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 11px;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    text-align: inherit;
    text-decoration: none;
    transition: background-color .2s ease-out;
    vertical-align: middle;
    width: auto;
    width: 11px
}

.content-tips .pagination button:hover, .content-tips .pagination button[disabled] {
    background-color: #ab1d22
}

@media screen and (min-width: 720px) {
    .content-tips {
        align-items: flex-start;
        display: flex
    }
}

.content-tips .tips {
    margin: 0 -1.25rem;
    max-width: 770px;
    overflow: hidden
}

@media screen and (min-width: 720px) {
    .content-tips .tips {
        margin: 0 -1.875rem 0 1.875rem
    }
}

@media screen and (min-width: 1100px) {
    .content-tips .tips {
        margin-right: auto
    }

    .content-tips .scroller {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.875rem;
        -moz-column-gap: 1.875rem;
        column-gap: 1.875rem
    }

    .content-tips .scroller > li {
        margin-bottom: 1.875rem
    }

    .content-tips .scroller > li:first-child {
        margin-top: 2.5rem
    }

    .content-tips .scroller > li:nth-child(3n) {
        -webkit-column-break-before: always;
        -moz-column-break-before: always;
        break-before: always;
        page-break-before: always
    }
}

.content-tips h3 {
    font-weight: 700
}

.content-tips em {
    color: inherit;
    margin-bottom: 1.875rem
}

.content-tips .tip {
    background: linear-gradient(180deg, #c40d1a, #560f11);
    color: #fff;
    display: inline-block;
    height: 100%;
    max-width: 300px;
    padding: 1.875rem
}

@media screen and (min-width: 1100px) {
    .content-tips .tip {
        max-width: 370px
    }
}

.content-tips .container {
    flex-basis: 33.3333333333%
}

.content-tips .link {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    color: inherit;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: inherit;
    line-height: 1.25;
    margin: 0;
    outline: 0;
    padding: .75rem 1rem;
    text-align: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s ease-out, border .2s ease-out, color .2s ease-out;
    vertical-align: middle;
    width: auto
}

.content-tips .link:focus, .content-tips .link:hover {
    background-color: #fff;
    border-color: #fff;
    color: #ab1d22
}

.content-tips .link.disabled, .content-tips .link[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.content-tips .pagination {
    margin-top: 1rem
}

.content-tips.is-initialized .scroller {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    scroll-snap-destination: 100% 100%;
    scroll-snap-points-x: snapInterval(0, 100%);
    scroll-snap-points-x: repeat(100%);
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: mandatory;
    scroll-snap-type: x mandatory;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    white-space: nowrap;
    width: 100%
}

.content-tips.is-initialized .scroller > * {
    flex: 0 0 auto;
    outline: none;
    white-space: normal
}

.content-tips.is-initialized .scroller[style*="margin-bottom:0px"], .content-tips.is-initialized .scroller[style*="margin-bottom: 0px"] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.content-tips.is-initialized .scroller[style*="margin-bottom:0px"]::-webkit-scrollbar, .content-tips.is-initialized .scroller[style*="margin-bottom: 0px"]::-webkit-scrollbar {
    display: none
}

.content-tips.is-initialized .scroller > * {
    scroll-snap-align: start
}

.content-tips.is-initialized .scroller > li {
    padding: 0 1.25rem
}

.content-travelguide {
    margin: 0 -1.25rem;
    max-width: none;
    text-align: center;
    width: auto
}

.content-travelguide > div {
    background: #fbf5ef no-repeat center 30px;
    margin: 0 auto;
    max-width: 1680px;
    overflow: hidden
}

@media screen and (min-width: 720px) {
    .content-travelguide > div {
        background-image: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/travelguide-bg.svg)
    }
}

.content-travelguide .intro {
    color: #fff;
    padding: 65px 2.5rem 82px;
    position: relative
}

@media screen and (min-width: 720px) {
    .content-travelguide .intro {
        padding-bottom: 130px;
        padding-top: 100px
    }
}

.content-travelguide .intro:before {
    background: linear-gradient(180deg, #c40d1a, #560f11);
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: -50%;
    position: absolute;
    right: -50%;
    top: -50%
}

@media screen and (min-width: 720px) {
    .content-travelguide .intro:before {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 1840px
    }
}

@media screen and (min-width: 1440px) {
    .content-travelguide .intro:after {
        background: url(//8262691.fs1.hubspotusercontent-na1.net/hubfs/8262691/raw_assets/public/thermacare/images/travelguide-stoerer.svg) no-repeat 50%;
        background-size: contain;
        content: "";
        height: 231px;
        left: 50%;
        position: absolute;
        top: 175px;
        -webkit-transform: translateX(-703px);
        transform: translateX(-703px);
        width: 231px;
        z-index: 1
    }
}

.content-travelguide .intro p:last-child {
    margin-bottom: 0
}

.content-travelguide .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 770px;
    position: relative
}

.content-travelguide .questions, .content-travelguide .results {
    display: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 770px;
    padding: 60px 1rem
}

@media screen and (min-width: 720px) {
    .content-travelguide .questions, .content-travelguide .results {
        padding: 80px 1rem
    }
}

.content-travelguide .questions.is-active, .content-travelguide .results.is-active {
    display: block
}

.content-travelguide .results {
    max-width: 1362px
}

.content-travelguide .questions .buttons {
    display: flex;
    flex-direction: column;
    margin: -20px 0
}

.content-travelguide .questions .buttons > button {
    flex: 0 1 auto;
    margin: 20px auto
}

.content-travelguide .question {
    margin: 60px 0
}

@media screen and (min-width: 720px) {
    .content-travelguide .question {
        margin: 80px 0
    }
}

.content-travelguide .question-text {
    margin-top: -1rem
}

@media screen and (max-width: 719px) {
    .content-travelguide .question-text {
        clip: rect(0, 0, 0, 0);
        border-width: 0;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }
}

.content-travelguide .question-title {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 720px) {
    .content-travelguide .question-title {
        font-size: 1.375rem
    }
}

.content-travelguide .question-fields {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -2px
}

.content-travelguide .question-field {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.content-travelguide .question-item {
    margin: 2px
}

.content-travelguide .question-icon {
    height: 80px;
    margin: 1rem auto;
    width: 80px
}

.content-travelguide .question-inner {
    background-color: #fff;
    border: 1px solid transparent;
    box-shadow: 0 2px 15px rgba(173, 134, 57, .15);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 187px;
    padding: 1.125rem;
    transition: border-color .2s ease-out;
    width: 169px
}

.content-travelguide .question-inner:hover {
    border-color: #bcbaba
}

.content-travelguide .question-label {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    margin-top: auto;
    min-height: 44px;
    text-align: left
}

.content-travelguide .question-label:before {
    border: 1px solid #7b7b7b;
    border-radius: 50%;
    content: "";
    flex: 0 0 auto;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.content-travelguide .question-field:checked + .question-inner {
    border-color: currentColor
}

.content-travelguide .question-field:checked + .question-inner .question-label:before {
    background: currentColor;
    border-color: currentColor;
    box-shadow: inset 0 0 0 3px #fff
}

.content-travelguide .content {
    margin: 50px auto 100px;
    text-align: left
}

.content-travelguide .step[data-question]:not(.is-active) {
    display: none
}

.content-travelguide .step h4 {
    text-transform: uppercase
}

.content-travelguide .step p + ul {
    margin-top: -.875rem
}

.content-video {
    text-align: center
}

.content-video .iframe-wrapper {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

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

.content-video .embed {
    display: inline-block;
    width: 100%
}

.content-video .embed-container {
    position: relative
}

.content-video .embed-thumbnail {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    text-align: inherit;
    text-decoration: none;
    top: 0;
    vertical-align: middle;
    width: auto;
    width: 100%;
    z-index: 1
}

.content-video .embed-thumbnail.is-hidden {
    display: none
}

.content-video .embed-thumbnail:hover i {
    -webkit-animation: none;
    animation: none;
    box-shadow: 0 0 0 .375rem rgba(171, 29, 34, .4)
}

.content-video .embed-play {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.content-video .embed-play i {
    align-items: center;
    -webkit-animation: video-pulse 2s infinite;
    animation: video-pulse 2s infinite;
    background-color: #ab1d22;
    border-radius: 50%;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.content-video .embed-play svg {
    fill: #fff;
    height: 62.5%;
    width: 62.5%
}

.content-video .embed > strong {
    display: block;
    margin-top: 1.875rem;
    text-align: left
}

.content-video .embed {
    margin: 0;
    max-width: 770px
}

@media screen and (min-width: 720px) {
    .content-video .embed {
        margin: 0 6.25rem 3.4375rem;
        width: calc(100% - 12.5rem)
    }

    .content-video .embed-info {
        background-color: #fff;
        bottom: 0;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
        left: 0;
        margin: 0 0 -3.4375rem -6.25rem;
        max-width: 370px;
        padding: 2.5rem 1.875rem;
        position: absolute;
        text-align: left
    }

    .content-video .embed-info:before {
        content: attr(data-title);
        display: block;
        font-weight: 700;
        margin-bottom: .9375rem
    }
}

.content-video .embed-play em {
    color: #ab1d22;
    display: block;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0;
    text-transform: uppercase
}

@media screen and (max-width: 719px) {
    .content-video .embed-play em {
        overflow: hidden;
        text-align: left;
        text-indent: -119988px
    }
}

.content-video .embed-play span {
    border-top: 1px solid #aaa;
    flex-grow: 1;
    margin: 0 2.1875rem -1px 1.25rem
}

@media screen and (max-width: 719px) {
    .content-video .embed-play span {
        display: none
    }
}

@media screen and (min-width: 720px) {
    .content-video .embed > strong {
        display: none
    }
}

.dnd-column:not(.span12) .content-video .embed {
    margin: 0;
    width: 100%
}

.dnd-column:not(.span12) .content-video .embed-info {
    background: none;
    box-shadow: none;
    margin: 0;
    max-width: none;
    padding: 0;
    position: static
}

.dnd-column:not(.span12) .content-video .embed-info:before {
    content: none
}

.dnd-column:not(.span12) .content-video .embed-play > :not(i) {
    display: none
}

.dnd-column:not(.span12) .content-video .embed > strong {
    display: block
}

.content-video .hubspot-video {
    margin: 0 auto;
    max-width: 570px;
    position: relative
}

.content-video .hubspot-video-thumbnail {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    text-align: inherit;
    text-decoration: none;
    top: 0;
    vertical-align: middle;
    width: auto;
    width: 100%;
    z-index: 1
}

.content-video .hubspot-video-thumbnail.is-hidden {
    display: none
}

.content-video .hubspot-video-thumbnail i {
    align-items: center;
    -webkit-animation: video-pulse 2s infinite;
    animation: video-pulse 2s infinite;
    background-color: #ab1d22;
    border-radius: 50%;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.content-video .hubspot-video-thumbnail svg {
    fill: #fff;
    height: 62.5%;
    width: 62.5%
}

.content-video .hubspot-video-thumbnail:hover i {
    -webkit-animation: none;
    animation: none;
    box-shadow: 0 0 0 .375rem rgba(171, 29, 34, .4)
}

.content-video .hubspot-video.is-square .vidyard-player-container > div {
    padding-bottom: 100% !important
}

.content-video-playlist .iframe-wrapper {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.content-video-playlist .iframe-wrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.content-video-playlist .embed {
    display: inline-block;
    width: 100%
}

.content-video-playlist .embed-container {
    position: relative
}

.content-video-playlist .embed-thumbnail {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    text-align: inherit;
    text-decoration: none;
    top: 0;
    vertical-align: middle;
    width: auto;
    width: 100%;
    z-index: 1
}

.content-video-playlist .embed-thumbnail.is-hidden {
    display: none
}

.content-video-playlist .embed-thumbnail:hover i {
    -webkit-animation: none;
    animation: none;
    box-shadow: 0 0 0 .375rem rgba(171, 29, 34, .4)
}

.content-video-playlist .embed > strong {
    display: block;
    margin-top: 1.875rem;
    text-align: left
}

@media screen and (min-width: 720px) {
    .content-video-playlist {
        align-items: flex-start;
        display: flex
    }
}

.content-video-playlist a {
    text-decoration: none;
    transition: color .2s ease-out
}

.content-video-playlist a:focus, .content-video-playlist a:hover {
    color: #ab1d22
}

.content-video-playlist .videos {
    border-top: 1px solid #eee;
    flex: 1 1 100%;
    list-style: none;
    margin: 1.875rem 0 0
}

@media screen and (min-width: 720px) {
    .content-video-playlist .videos {
        margin: 0 0 0 1.875rem;
        max-width: 370px
    }
}

.content-video-playlist .video {
    border-bottom: 1px solid #eee;
    cursor: pointer;
    padding: 1.25rem 0
}

.content-video-playlist .video.is-hidden {
    display: none
}

.content-video-playlist .video > a {
    align-items: center;
    display: flex
}

.content-video-playlist .video:hover i {
    -webkit-animation: none;
    animation: none;
    box-shadow: 0 0 0 .375rem rgba(171, 29, 34, .4)
}

.content-video-playlist .image {
    flex: 1 0 100%;
    margin-right: 1.25rem;
    max-width: 120px;
    position: relative
}

.content-video-playlist .image i {
    align-items: center;
    -webkit-animation: video-pulse 2s infinite;
    animation: video-pulse 2s infinite;
    background-color: #ab1d22;
    border-radius: 50%;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 30px
}

.content-video-playlist .image svg {
    fill: #fff;
    height: 62.5%;
    width: 62.5%
}

.content-video-playlist .image i {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.content-video-playlist .embed-play {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.content-video-playlist .embed-play i {
    align-items: center;
    -webkit-animation: video-pulse 2s infinite;
    animation: video-pulse 2s infinite;
    background-color: #ab1d22;
    border-radius: 50%;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.content-video-playlist .embed-play svg {
    fill: #fff;
    height: 62.5%;
    width: 62.5%
}

@-webkit-keyframes video-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(171, 29, 34, .4)
    }
    50% {
        box-shadow: 0 0 0 .75rem rgba(171, 29, 34, 0)
    }
    70% {
        box-shadow: 0 0 0 0 rgba(171, 29, 34, 0)
    }
}

@keyframes video-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(171, 29, 34, .4)
    }
    50% {
        box-shadow: 0 0 0 .75rem rgba(171, 29, 34, 0)
    }
    70% {
        box-shadow: 0 0 0 0 rgba(171, 29, 34, 0)
    }
}

.content-video-playlist .embed-play em {
    overflow: hidden;
    text-align: left;
    text-indent: -119988px
}

.content-video-playlist .embed-play span {
    display: none
}

/*# sourceMappingURL=https://cdn2.hubspot.net/hub/8262691/hub_generated/template_assets/36003182034/1659085057616/thermacare/css/main.css */