@charset "utf-8";
/* CSS Document */


/*
 * -----     SITE.CSS     -----
 */


*,
*::before,
*::after {
  box-sizing: border-box;
}


body .root {
    max-width: 100%;
    margin: 0 auto;
}

@-ms-viewport {
  width: device-width;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


@font-face {
    font-family: site-icon-font;
    src: url(clientlib-site/resources/fonts/site-icon-font.ttf) format("truetype"), url(clientlib-site/resources/fonts/site-icon-font.woff) format("woff"), url(clientlib-site/resources/fonts/site-icon-font.svg#site-icon-font) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}
[class$="-icon"],
[class$="__icon"],
[class*="-icon"],
[class*="__icon"] {
    font-family: site-icon-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* ----- chevron ----- */

.chevron:before {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: "";
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.45em;
}
.chevron.right:before {
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.chevron.bottom:before {
    top: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.chevron.left:before {
    left: 0.25em;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* ----- titles ----- */

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1;
    color: #202020;
}
.h1,
h1 {
    font-size: calc(24px + (50 - 24) * ((100vw - 300px) / (1900 - 300))) !important;
}
.h2,
h2 {
    font-size: calc(22px + (40 - 22) * ((100vw - 300px) / (1900 - 300))) !important;
}
.h3,
h3 {
    font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (1900 - 300))) !important;
}
.h4,
h4 {
    font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1900 - 300))) !important;
}
.h5,
h5 {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1900 - 300))) !important;
}
.h6,
h6 {
    font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1900 - 300))) !important;
}
a {
    color: var(--sixty-cello);
    text-decoration: none;
}
h1 a,
h2 a,
h3 a {
    color: var(--sixty-cello);
}
h1 a:after,
h2 a:after,
h3 a:after {
    font-family: site-icon-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 9pt;
    position: relative;
    top: -0.5em;
    left: 0.75em;
}

/* ----- paragraph ----- */

p {
    margin: 0 0 13.5px;
}
b, strong {
  font-weight: 500;
}

/* ----- accordion ----- */

.cmp-accordion .cmp-accordion__button {
    border: none;
    border-bottom: 2px solid #ebebeb;
    padding: 1em;
    cursor: pointer;
    background: none;
}
.cmp-accordion .cmp-accordion__button:focus {
    outline: none;
}
.cmp-accordion .cmp-accordion__icon {
    float: right;
}
.cmp-accordion .cmp-accordion__icon:before {
    content: "";
}
.cmp-accordion .cmp-accordion__button--expanded {
    border: none;
}
.cmp-accordion .cmp-accordion__button--expanded .cmp-accordion__icon:before {
    content: "";
}
.cmp-accordion .cmp-accordion__title {
    font-size: 1pc;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 0.5em;
}
.cmp-accordion .cmp-accordion__panel {
    font-size: 14px;
    padding-left: 0.5em;
    padding-top: 0.5em;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.cmp-accordion .cmp-accordion__panel p {
    font-size: 14px;
    line-height: 1.75;
}
.cmp-accordion .cmp-accordion__panel--expanded {
    display: block;
}
.cmp-accordion .cmp-accordion__panel--hidden {
    display: none;
}

/* ----- breadcrumbs ----- */

.cmp-breadcrumb .cmp-breadcrumb__list {
    padding: 9pt 9pt 0 0;
    margin-bottom: 0;
    list-style: none;
    border-radius: 0;
    font-size: 14px;
}
@media (max-width: 1024px) {
    .cmp-breadcrumb .cmp-breadcrumb__list {
        margin-top: 0;
    }
}
@media (max-width: 767px) {
    .cmp-breadcrumb .cmp-breadcrumb__list {
        font-size: 9pt;
    }
}
.cmp-breadcrumb .cmp-breadcrumb__item {
    display: inline-block;
    padding: 10px 5px;
    text-transform: uppercase;
}
.cmp-breadcrumb .cmp-breadcrumb__item:before {
    font-family: sixty60-icon-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
    content: "";
    color: #ffea00;
    padding-right: 5px;
}
.cmp-breadcrumb .cmp-breadcrumb__item:first-child {
    padding-left: 0;
}
.cmp-breadcrumb .cmp-breadcrumb__item:first-child:before {
    content: none;
}
.cmp-breadcrumb .cmp-breadcrumb__item-link {
    color: #202020;
    text-decoration: none;
    font-weight: 600;
}
.cmp-breadcrumb .cmp-breadcrumb__item-link:first {
    padding-left: 0;
}
.cmp-breadcrumb--fixed {
    max-width: 873pt;
    margin: 0 auto;
    padding: 0 14px;
    float: unset !important;
}
.cmp-breadcrumb--fixed .cmp-breadcrumb__list {
    padding-top: 0;
    margin-top: 0;
}

/* ----- byline ----- */

.cmp-byline .cmp-byline__image {
    float: left;
}
.cmp-byline .cmp-byline__image .cmp-image__image {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    -o-object-fit: cover;
    object-fit: cover;
}
.cmp-byline .cmp-byline__name {
    font-size: 24px;
    padding-top: 0.5rem;
    margin-left: 85px;
    margin-bottom: 0.25rem;
    margin-top: 0;
}
.cmp-byline .cmp-byline__occupations {
    margin-left: 85px;
    color: #696969;
    font-size: 9pt;
    text-transform: uppercase;
}

/* ----- button ----- */

.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.cmp-button {
    text-transform: uppercase;
    color: #202020;
    font-size: 14px;
    background-color: #ebebeb;
    font-weight: 600;
    float: left;
    height: 3pc;
    min-width: 3pc;
}
.cmp-button .cmp-button__text {
    padding: 1rem 2rem;
    float: left;
}
.cmp-button--primary .cmp-button {
    background-color: var(--sixty-cinnabar);
}
.cmp-button--secondary .cmp-button {
	background-color: var(--sixty-teal);
	color: #fff;
}
.cmp-button .cmp-button__icon {
    float: left;
    padding-top: 18px;
    padding-left: 14px;
    font-size: 1.25em;
}
.cmp-button .cmp-button__icon--facebook:before {
    content: "";
}
.cmp-button .cmp-button__icon--twitter:before {
    content: "";
}
.cmp-button .cmp-button__icon--instagram:before {
    content: "";
}
.cmp-button--icononly .cmp-button {
    width: 3pc;
    height: 3pc;
}
.cmp-button--icononly .cmp-button .cmp-button__icon {
    float: left;
}
.cmp-button--icononly .cmp-button .cmp-button__text {
    display: none;
}

/* ----- carousel ----- */

.cmp-carousel .cmp-carousel__item {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    display: none;
}
.cmp-carousel .cmp-carousel__item--active {
    display: block;
}
.cmp-carousel .cmp-carousel__indicators {
    margin-top: 0.5em;
    cursor: pointer;
}
.cmp-carousel .cmp-carousel__actions {
    float: right;
    margin-top: 0;
}
.cmp-carousel .cmp-carousel__action {
    border: none;
    padding-right: 0;
    margin-right: 1em;
    background: none;
}
.cmp-carousel .cmp-carousel__action-text {
    display: none;
}
.cmp-carousel .cmp-carousel__action-icon {
    cursor: pointer;
}
.cmp-carousel .cmp-carousel__action--previous .cmp-carousel__action-icon:before {
    content: "";
}
.cmp-carousel .cmp-carousel__action--next .cmp-carousel__action-icon:before {
    content: "";
}
.cmp-carousel--hero {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.cmp-carousel--hero .cmp-carousel {
    margin-bottom: 4em;
}
@media (max-width: 767px) {
    .cmp-carousel--hero .cmp-carousel__indicators {
        float: left;
        padding-left: 14px;
        padding-top: 14px;
    }
}
.cmp-carousel--mini {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.cmp-carousel--mini .cmp-carousel {
    width: 100%;
}
.cmp-carousel--mini .cmp-image .cmp-image__image {
    min-height: 25pc;
    height: 25pc;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

/* ----- content fragment ----- */

.cmp-contentfragment .cmp-contentfragment__description,
.cmp-contentfragment .cmp-contentfragment__title {
    display: none;
}
.cmp-contentfragment .cmp-contentfragment__element-value img {
    width: 100%;
}
.cmp-contentfragment--elements .cmp-contentfragment__elements {
    float: left;
    width: 100%;
    display: block;
}
.cmp-contentfragment--elements .cmp-contentfragment__elements .cmp-contentfragment__element {
    text-transform: uppercase;
    height: 84px;
    border-left: 5px solid #ebebeb;
    margin-bottom: 1.25em;
    padding-left: 1em;
    padding-right: 1em;
    float: left;
    width: 100%;
}
.cmp-contentfragment--elements .cmp-contentfragment__elements .cmp-contentfragment__element-title {
    color: #696969;
    font-size: 9pt;
    padding-top: 1em;
}
.cmp-contentfragment--elements .cmp-contentfragment__elements .cmp-contentfragment__element-value {
    padding-top: 0.5em;
    font-weight: 600;
    font-size: 14px;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
}
@media (max-width: 1024px) {
    .cmp-contentfragment--elements .cmp-contentfragment__elements .cmp-contentfragment__element {
        width: unset;
        border-width: 3px;
        border-left: none;
        padding-left: 0;
        padding-right: 2em;
    }
}
.cmp-contentfragment--contributor .cmp-contentfragment .cmp-contentfragment__element-title {
    display: none;
}
.cmp-contentfragment--contributor .cmp-contentfragment .cmp-contentfragment__element-value {
    margin: 0;
}
.cmp-contentfragment--contributor .cmp-contentfragment .cmp-contentfragment__element-value img {
    width: 100%;
}
.cmp-contentfragment--contributor .cmp-contentfragment .cmp-contentfragment__element--fullName {
    border-bottom: 1px solid #ebebeb;
    font-size: 3rem;
    margin-top: 1rem;
    margin-bottom: 4rem;
    padding-bottom: 2rem;
    text-align: center;
}
.cmp-contentfragment--contributor .cmp-contentfragment .cmp-contentfragment__element--biographyText {
    padding: 0;
    margin: 0 2rem;
}
.cmp-contentfragment--contributor .cmp-contentfragment .cmp-contentfragment__element--biographyText .cmp-contentfragment__element-value {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 5rem;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
}
.cmp-contentfragment--contributor .cmp-contentfragment .cmp-contentfragment__element--biographyText .cmp-contentfragment__element-value img {
    max-height: 275px;
    -o-object-fit: cover;
    object-fit: cover;
}
.cmp-contentfragment--contributor .cmp-contentfragment .cmp-contentfragment__element--biographyText .cmp-contentfragment__element-value p {
    line-height: 1.75rem;
}
.cmp-contentfragment--contributor .cmp-contentfragment .cmp-contentfragment__element--pictureReference {
    display: none;
}
.cmp-contentfragment--contributor .cmp-contentfragment .cmp-contentfragment__picture {
    display: block;
    height: 300px;
    width: 300px;
    border-radius: 150px;
    border: 10px solid #ebebeb;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

/* ----- download ----- */

.download {
    float: left;
}
.cmp-download {
    float: left;
    line-height: 1;
}
.cmp-download .cmp-download__title {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 0.5em;
    margin-bottom: 0;
    font-weight: 600;
}
.cmp-download .cmp-download__title-link:after {
    content: none;
}
.cmp-download .cmp-download__description {
    font-weight: 600;
    font-size: 1pc;
}
.cmp-download .cmp-download__description p {
    font-weight: 600;
    font-size: 1pc;
    text-transform: uppercase;
    margin: 0;
}
.cmp-download .cmp-download__properties {
    float: left;
    width: 100%;
    margin-top: 0.25em;
}
.cmp-download .cmp-download__property {
    text-transform: uppercase;
    font-size: 9pt;
    color: #696969;
    float: left;
}
.cmp-download .cmp-download__property-label {
    display: none;
}
.cmp-download .cmp-download__property-content {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    margin-right: 1em;
}
.cmp-download .cmp-download__action {
    background-color: #202020;
    color: #fff;
    float: left;
    height: 3pc;
}
.cmp-download .cmp-download__action-text {
    padding-top: 1pc;
    padding-left: 2.25em;
    padding-right: 2.5em;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
}
.cmp-download .cmp-download__action-text:before {
    font-family: sixty60-icon-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    padding-right: 0.5em;
    margin-top: -0.1em;
    font-size: 1.1rem;
    float: left;
}

/* ----- experience fragment ----- */

.cmp-experience-fragment--contributor {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 0.5em;
    padding-bottom: 1em;
}
.cmp-experience-fragment--contributor .cmp-title__text {
    margin-top: 0;
    margin-bottom: 0.25em;
}
.cmp-experience-fragment--contributor .cmp-image .cmp-image__image {
    border-radius: 50%;
    height: 164px;
    width: 164px;
    -o-object-fit: cover;
    object-fit: cover;
}
.cmp-experience-fragment--contributor .cmp-buildingblock--btn-list {
    padding-top: 1em;
}
.cmp-experience-fragment--contributor .cmp-buildingblock--btn-list > .aem-Grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* ----- building blocks ----- */

.cmp-buildingblock--btn-list > .aem-Grid > .aem-GridColumn.cmp-button--icononly {
    float: left;
    width: unset !important;
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 1024px) {
    .cmp-buildingblock--btn-list {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* ----- image ----- */
.cmp-image .cmp-image__image {
    width: 100%;
    height: auto;
    margin-top: 7px;
    margin-bottom: 7px;
}
.cmp-image .cmp-image__title {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: -0.25em;
    float: left;
    font-weight: 700;
}
.cmp-image .cmp-image__image--is-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    background-image: url(clientlib-site/resources/images/loading-icon.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 60px 60px;
}
.cmp-image--logo .cmp-image__link {
    border: none;
}
.cmp-image--logo .cmp-image__image {
    max-width: 8rem;
    margin-top: 7px;
    margin-bottom: 7px;
}
.cmp-image--logo .cmp-image .cmp-image__image--is-loading {
    background-color: unset;
    background-image: none;
}
@media (max-width: 1024px) {
    .cmp-experiencefragment--header .cmp-image--logo .cmp-image__image {
        max-width: 6rem;
        margin-left: 2rem;
        margin-top: 0.75rem;
    }
}
.cmp-image-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cmp-image-list .cmp-image-list__item {
    -ms-flex-preferred-size: 260px;
    flex-basis: 260px;
    margin: 0 0 2rem;
    padding-right: 14px;
}
.cmp-image-list .cmp-image__image {
    height: 200px;
    width: 100%;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    overflow: hidden;
}
.cmp-image-list .cmp-image-list__item-title {
    color: #202020;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.cmp-image-list .cmp-image-list__item-description {
    color: #696969;
    display: block;
    font-size: 14px;
    margin-top: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 260px;
}
.cmp-image-list .cmp-image-list__item-description p {
    font-size: 14px;
}
@media (max-width: 767px) {
    .cmp-image-list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .cmp-image-list .cmp-image-list__item {
        padding-right: 0;
    }
}

/* ----- layout container ----- */

.cmp-layout-container--fixed {
    padding: 0 14px;
}
@media (min-width: 1025px) {
    .cmp-layout-container--fixed {
        display: block;
        max-width: 873pt !important;
        float: unset !important;
        margin: 0 auto !important;
        clear: both !important;
    }
}
.cmp-layoutcontainer--footer {
    background-color: #202020;
    color: #f7f7f7;
}
.cmp-layoutcontainer--footer .cmp-text p {
    line-height: 1.25;
}
.cmp-layoutcontainer--footer .cmp-text a {
    color: #f7f7f7;
    text-decoration: underline;
}
.cmp-layoutcontainer--utility {
    min-height: 25px;
    background-color: #202020;
    color: #f7f7f7;
    font-size: 14px;
}
@media (min-width: 1201px) {
    .cmp-layoutcontainer--utility .aem-Grid {
        max-width: 873pt;
        margin: 0 auto;
        padding: 0 14px;
        float: unset !important;
    }
}
.cmp-layoutcontainer--utility a {
    color: #ebebeb;
    font-size: 14px;
    text-transform: uppercase;
}
.cmp-layoutcontainer--header {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 0;
    -webkit-transition: padding-bottom 0s ease, padding-top 0s;
    -webkit-transition: padding-bottom 0s ease-out, padding-top 0s ease ease-out 0s;
    transition: padding-bottom 0s ease-out, padding-top 0s ease ease-out 0s;
}
.cmp-layoutcontainer--header .aem-Grid {
    margin: 0 auto;
    padding: 0 14px;
    float: unset !important;
}
@media (max-width: 1024px) {
    .cmp-layoutcontainer--header {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
.scrolly .cmp-layoutcontainer--header {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.26);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.26);
    -webkit-transition: padding-bottom 0.5s ease, padding-top 0.5s;
    -webkit-transition: padding-bottom 0.5s ease-out, padding-top 0.5s ease ease-out 0.25s;
    transition: padding-bottom 0.5s ease-out, padding-top 0.5s ease ease-out 0.25s;
}
@media (min-width: 1025px) {
    .scrolly .cmp-layoutcontainer--header {
        padding-top: 15px;
        padding-bottom: 5px;
    }
}
.cmp-layout-container--modal {
    background: #202020;
    -webkit-box-shadow: 0 10px 20px #696969;
    box-shadow: 0 10px 20px #696969;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2rem;
    max-width: 450px;
    padding: 2rem 1.75rem !important;
}
.cmp-layout-container--modal .container {
    margin-bottom: 1rem;
}
.cmp-layout-container--modal *,
.cmp-layout-container--modal .cmp-text {
    color: #fff;
}
.cmp-layout-container--modal a:hover {
    text-decoration: underline;
}
.cmp-layout-container--modal .cmp-form-text__text {
    background-color: #202020;
    color: #fff;
}
.cmp-layout-container--modal .cmp-title__text {
}
.cmp-layout-container--modal .cmp-text p {
    line-height: normal;
}
.cmp-layout-container--modal .cmp-button,
.cmp-layout-container--modal .cmp-form-button {
    color: #202020;
    background: #ffea00 0 0 no-repeat padding-box;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-weight: 600;
    padding: 0.75rem 1rem;
    min-width: 180px;
    text-align: center;
    text-transform: uppercase;
}
.cmp-layout-container--modal .cmp-button:hover,
.cmp-layout-container--modal .cmp-form-button:hover {
    cursor: pointer;
    text-decoration: none;
}
.cmp-layout-container--modal .cmp-button .cmp-button__text,
.cmp-layout-container--modal .cmp-form-button .cmp-button__text {
    color: #202020;
}
.cmp-layout-container--modal .cmp-button .cmp-text__text,
.cmp-layout-container--modal .cmp-form-button .cmp-text__text {
    line-height: 1rem;
}
.cmp-layout-container--modal .cmp-separator {
    margin: 1rem 0;
}
.cmp-layout-container--modal .cmp-separator__horizontal-rule {
    background: #696969;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#202020));
    background-image: linear-gradient(180deg, #696969, #202020);
    border: 0;
    height: 2px;
}
@media (max-width: 767px) {
    .cmp-layout-container--modal {
        padding: 0.5rem 0.25rem;
        margin: 0;
        max-width: 340px;
    }
}
@media (max-width: 1024px) {
    .cmp-layout-container--modal {
        padding: 1rem 0.5rem;
    }
}

/* ----- language navigation ----- */

.cmp-languagenavigation--default .cmp-languagenavigation {
    text-align: left;
    width: 360px;
}
.cmp-languagenavigation--default .cmp-languagenavigation__group {
    list-style: none;
    margin: 0;
    float: left;
    padding: 0;
}
.cmp-languagenavigation--default .cmp-languagenavigation__item {
    text-transform: uppercase;
    display: block;
    float: left;
}
.cmp-languagenavigation--default .cmp-languagenavigation__item-title {
    font-size: 9pt;
    float: left;
    width: 100%;
    margin-bottom: -5px;
    padding-left: 2px;
}
.cmp-languagenavigation--default .cmp-languagenavigation__item-link {
    font-size: 14px;
}
.cmp-languagenavigation--default .cmp-languagenavigation__item-link:hover {
    text-decoration: underline;
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-0 {
    background-repeat: no-repeat;
    background-size: 25px;
    padding: 8px 0 15px 45px;
    background-position-y: center;
    background-position-x: 9pt;
    border-bottom: 0.25px solid;
    width: calc(100% - 45px);
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-0.cmp-languagenavigation__item--countrycode-CA {
    background-image: url(clientlib-site/css/clientlib-site/css/clientlib-site/resources/images/country-flags/CA.svg);
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-0.cmp-languagenavigation__item--countrycode-CH {
    background-image: url(clientlib-site/css/clientlib-site/css/clientlib-site/resources/images/country-flags/CH.svg);
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-0.cmp-languagenavigation__item--countrycode-DE {
    background-image: url(clientlib-site/css/clientlib-site/css/clientlib-site/resources/images/country-flags/DE.svg);
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-0.cmp-languagenavigation__item--countrycode-ES {
    background-image: url(clientlib-site/css/clientlib-site/css/clientlib-site/resources/images/country-flags/ES.svg);
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-0.cmp-languagenavigation__item--countrycode-FR {
    background-image: url(clientlib-site/css/clientlib-site/css/clientlib-site/resources/images/country-flags/FR.svg);
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-0.cmp-languagenavigation__item--countrycode-IT {
    background-image: url(clientlib-site/css/clientlib-site/css/clientlib-site/resources/images/country-flags/IT.svg);
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-0.cmp-languagenavigation__item--countrycode-US {
    background-image: url(clientlib-site/css/clientlib-site/css/clientlib-site/resources/images/country-flags/US.svg);
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-0:last-child {
    border-bottom: none;
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-1 {
    padding-top: 2px;
    padding-left: 2px;
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-1.cmp-languagenavigation__item--active .cmp-languagenavigation__item-link {
    text-decoration: underline;
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-1 .cmp-languagenavigation__item-link {
    border-right: 1px solid;
    padding-right: 5px;
    margin-right: 5px;
}
.cmp-languagenavigation--default .cmp-languagenavigation__item--level-1:last-child .cmp-languagenavigation__item-link {
    border-right: none;
}
.cmp-languagenavigation--dark .cmp-languagenavigation {
    background: #202020;
    float: left;
    color: #ebebeb;
}
.cmp-languagenavigation--dark .cmp-languagenavigation__item-title {
    color: #ebebeb;
}
.cmp-languagenavigation--dark .cmp-languagenavigation__item-link {
    color: #f7f7f7;
}
.cmp-languagenavigation--dark .cmp-languagenavigation__item--level-0 {
    border-bottom-color: #696969;
}
.cmp-languagenavigation--header .cmp-languagenavigation {
    position: fixed;
    top: 38px;
    z-index: 999;
    width: 360px;
    right: 0;
    display: none;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
.cmp-languagenavigation--header .cmp-languagenavigation.showMenu {
    display: block;
}
.cmp-languagenavigation--header .cmp-languagenavigation--langnavtoggle a {
    padding-right: 14px;
    background-repeat: no-repeat;
    background-size: 25px;
    padding-left: 35px;
    background-position-x: 0;
    background-position-y: -1px;
}
.cmp-languagenavigation--header .cmp-languagenavigation--langnavtoggle a:after {
    border-style: solid;
    border-width: 0.1em 0.1em 0 0;
    content: "";
    display: inline-block;
    height: 0.45em;
    left: 0.45em;
    position: relative;
    top: 0.35em;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: top;
    width: 0.45em;
}
.cmp-languagenavigation--header .cmp-languagenavigation--langnavtoggle a.open:after {
    top: 0.65em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media (max-width: 1024px) {
    .cmp-languagenavigation--header .cmp-languagenavigation--langnavtoggle {
        text-align: right;
    }
}
@media (max-width: 475px) {
    .cmp-languagenavigation--header .cmp-languagenavigation--langnavtoggle a {
        font-size: 0;
        height: 25px;
        float: right;
    }
    .cmp-languagenavigation--header .cmp-languagenavigation--langnavtoggle a:after {
        font-size: 14px;
    }
}

/* ----- list ----- */

.cmp-list {
    float: left;
    padding: 0;
}
.cmp-list .cmp-list__item {
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 1em;
}
.cmp-list .cmp-list__item:before {
    content: none;
    position: unset;
}
.cmp-list .cmp-list__item-link {
    font-weight: 600;
    float: left;
    padding: 0.5rem 1rem;
}
.cmp-list .cmp-list__item-link:hover .cmp-list__item-title {
    text-decoration: underline;
}
.cmp-list .cmp-list__item-title {
    width: 100%;
    float: left;
}
.cmp-list .cmp-list__item-date {
    width: 100%;
    float: left;
    color: #696969;
    font-size: 14px;
}
.cmp-list--upnext {
    padding-top: 2rem;
    float: left;
}
.cmp-list--upnext .cmp-list {
    padding-left: 0;
}
.cmp-list--upnext .cmp-list .cmp-list__item {
    float: left;
    list-style: none;
    margin-bottom: 1em;
    width: 100%;
}
.cmp-list--upnext .cmp-list .cmp-list__item-link {
    font-weight: 400;
    height: 90pt;
    border-left: 5px solid #ebebeb;
}
.cmp-list--upnext .cmp-list .cmp-list__item-link:hover {
    background: #ffea00;
    border-color: #202020;
}
.cmp-list--upnext .cmp-list .cmp-list__item-link:hover .cmp-list__item-title {
    text-decoration: none;
}
.cmp-list--upnext .cmp-list .cmp-list__item-title {
    color: #202020;
    padding: 5px;
    text-transform: uppercase;
}
.cmp-list--upnext .cmp-list .cmp-list__item-date {
    color: #696969;
    font-size: 9pt;
    padding: 5px;
    text-transform: uppercase;
}

/* ----- navigation ----- */

.cmp-navigation {
    padding-top: 15px;
}
.cmp-navigation__group {
    list-style: none;
    margin: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}
.cmp-navigation__item {
    display: block;
    float: left;
}

.cmp-navigation__item--level-0 > .cmp-navigation__item-link {
    display: none;
}
.cmp-navigation--footer .cmp-navigation__item-link {
    color: #ebebeb;
}
.cmp-navigation--footer .cmp-navigation__item-link:focus,
.cmp-navigation--footer .cmp-navigation__item-link:hover {
    background-color: unset;
    text-decoration: underline;
}
.cmp-navigation--footer .cmp-navigation__item--level-1.cmp-navigation__item--active .cmp-navigation__item-link {
    background-color: unset;
    text-decoration: underline;
    color: #f7f7f7;
}
@media (max-width: 1024px) {
    .cmp-navigation--footer .cmp-navigation {
        padding-top: 10px;
    }
    .cmp-navigation--footer .cmp-navigation__group {
        float: left;
        width: 100%;
    }
    .cmp-navigation--footer .cmp-navigation__item {
        width: 100%;
    }
    .cmp-navigation--footer .cmp-navigation__item--level-1 {
        margin-bottom: 1rem;
    }
}
.cmp-navigation--header {
    min-width: 75pt;
}
@media (min-width: 1025px) and (max-width: 1200px) {
    .cmp-navigation--header {
        width: 60% !important;
    }
}
.cmp-navigation--header .cmp-navigation {
    float: right;
}
.cmp-navigation--header .cmp-navigation__item--level-1.cmp-navigation__item--active .cmp-navigation__item-link {
    background-color: #ffea00;
}
@media (max-width: 1024px) {
    .cmp-navigation--header .cmp-navigation {
        display: none !important;
    }
}
.cmp-navigation--mobile .cmp-navigation__item {
    float: left;
    width: 100%;
}
.cmp-navigation--mobile .cmp-navigation__item-link {
    display: block;
    color: #ebebeb;
    text-decoration: none;
    height: 44px;
    line-height: 44px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.05);
    padding: 0 1em;
}
.cmp-navigation--mobile .cmp-navigation__item-link:focus,
.cmp-navigation--mobile .cmp-navigation__item-link:hover {
    background-color: unset;
    color: #ffea00;
}
.cmp-navigation--mobile .cmp-navigation__item--level-0 > .cmp-navigation__item-link:hover,
.cmp-navigation--mobile .cmp-navigation__item--level-1 > .cmp-navigation__item-link:hover {
    color: #ffea00;
}
.cmp-navigation--mobile .cmp-navigation__item--level-2 {
    padding-left: 2em;
}
.cmp-navigation--mobile .cmp-navigation__item--level-3 {
    padding-left: 4em;
}
#mobileNav,
#toggleNav {
    display: none;
}
@media (max-width: 1024px) {
    .root.responsivegrid {
        padding-bottom: 1px;
    }
    #toggleNav,
    .root.responsivegrid {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    }
    #toggleNav {
        display: block;
        height: 44px;
        left: 10px;
        position: fixed;
        top: 40px;
        width: 40px;
        z-index: 10001;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }
    #toggleNav .toggle {
        color: #202020;
    }
    #toggleNav .toggle:hover {
        text-decoration: none;
        color: #202020;
    }
    #toggleNav .toggle .sixty60icon-menu {
        font-size: 1.75rem;
        padding: 0.5rem;
        float: left;
    }
    #mobileNav {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(-275px);
        transform: translateX(-275px);
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: -webkit-transform 0.5s ease;
        transition: transform 0.5s ease;
        transition: transform 0.5s ease, -webkit-transform 0.5s ease;
        display: block;
        height: 100%;
        left: 0;
        overflow-y: auto;
        position: fixed;
        top: 0;
        width: 275px;
        z-index: 10002;
        background: #202020;
        -webkit-box-shadow: inset -3px 0 5px 0 rgba(0, 0, 0, 0.35);
        box-shadow: inset -3px 0 5px 0 rgba(0, 0, 0, 0.35);
    }
    body.navPanel-visible {
        overflow-x: hidden;
    }
    body.navPanel-visible #toggleNav,
    body.navPanel-visible .root.responsivegrid {
        -webkit-transform: translateX(275px);
        transform: translateX(275px);
    }
    body.navPanel-visible #mobileNav {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    body.navPanel-visible.scrolly .sixty60icon-menu {
        background: rgba(68, 68, 68, 0.75);
        color: #fff;
        border: 1px solid #696969;
    }
}

/* ----- search ----- */

.cmp-search {
    position: relative;
}
.cmp-search__field {
    position: relative;
    height: 2rem;
}
.cmp-search__input {
    padding-left: 2rem;
    padding-right: 2rem;
    height: 100%;
    width: 100%;
}
.cmp-search__icon {
    display: block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTUyIiBoZWlnaHQ9IjExNTIiPjxwYXRoIGQ9Ik02NzIgMEM0MDYuOTAzIDAgMTkyIDIxNC45MDMgMTkyIDQ4MGMwIDk1LjcgMjguMDExIDE4NC44NTUgNzYuMjc1IDI1OS43MjVMMzYgOTcyYy0xOCAxOC0zNiAzNi0zNiA3MnMxOCA1NCAzNiA3MiAzNi4wMTIgMzYgNzIgMzYgNTQtMTggNzItMzZsMjMyLjI3NS0yMzIuMjc1QzQ4Ny4xNDQgOTMxLjk4OCA1NzYuMyA5NjAgNjcyIDk2MGMyNjUuMDk3IDAgNDgwLTIxNC45MDMgNDgwLTQ4MFM5MzcuMDk3IDAgNjcyIDB6bTAgODE2Yy0xODUuNTY4IDAtMzM2LTE1MC40MzMtMzM2LTMzNiAwLTE4NS41NjggMTUwLjQzMi0zMzYgMzM2LTMzNiAxODUuNTY3IDAgMzM2IDE1MC40MzIgMzM2IDMzNiAwIDE4NS41NjctMTUwLjQzMyAzMzYtMzM2IDMzNnoiLz48L3N2Zz4=");
    background-size: contain;
    pointer-events: none;
}
.cmp-search__icon,
.cmp-search__loading-indicator {
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    width: 1rem;
    height: 1rem;
}
.cmp-search__loading-indicator {
    display: none;
    border: 3px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    -webkit-animation: cmp-search__loading-indicator-spin 2s linear infinite;
    animation: cmp-search__loading-indicator-spin 2s linear infinite;
}
@-webkit-keyframes cmp-search__loading-indicator-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes cmp-search__loading-indicator-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.cmp-search__clear {
    display: none;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
}
.cmp-search__clear-icon {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTUyIiBoZWlnaHQ9IjExNTIiPjxwYXRoIGQ9Ik04Mi42IDkzNy4ybDM2Mi0zNjJMODQgMjE0LjhjLTE0LjEtMTQuMS0xNC4xLTM2LjkgMC01MWw4MS4yLTgxLjJjMTQuMS0xNC4xIDM2LjktMTQuMSA1MSAwbDM2MC41IDM2MC41TDkzNy4yIDgyLjZjMTQuMS0xNC4xIDM2LjktMTQuMSA1MSAwbDgxLjIgODEuMmMxNC4xIDE0LjEgMTQuMSAzNi45IDAgNTFMNzA4LjkgNTc1LjNsMzYwLjUgMzYwLjVjMTQuMSAxNC4xIDE0LjEgMzYuOSAwIDUxbC04MS4yIDgxLjJjLTE0LjEgMTQuMS0zNi45IDE0LjEtNTEgMEw1NzYuNyA3MDcuNWwtMzYyIDM2MmMtMTQuMSAxNC4xLTM2LjkgMTQuMS01MSAwbC04MS4yLTgxLjJjLTE0LTE0LjEtMTQtMzcgLjEtNTEuMXoiLz48L3N2Zz4=");
    background-size: contain;
    width: 1rem;
    height: 1rem;
}
.cmp-search__results {
    display: none;
    overflow-y: auto;
    min-width: 100%;
    max-height: 10rem;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999999;
    border: 1px solid #ccc;
    background: #fff;
}
.cmp-search__item {
    display: block;
}
.cmp-search__item--is-focused {
    background-color: #ccc;
}
.cmp-search--header .cmp-search {
    padding-top: 10px;
}
.cmp-search--header .cmp-search__clear-icon,
.cmp-search--header .cmp-search__icon {
    top: 0.8rem;
}
.cmp-search--header .cmp-search__input {
    background-color: hsla(0, 0%, 92.2%, 0.5411764705882353);
    color: #202020;
    font-size: 9pt;
    border-radius: 0;
    border: none;
    height: 40px;
    width: calc(100% - 4rem);
}
.cmp-search--header .cmp-search__input:focus {
    background-color: #fff;
    outline: none !important;
    border: 1px solid #202020;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.cmp-search--header .cmp-search__input::-webkit-input-placeholder {
    text-transform: uppercase;
}
.cmp-search--header .cmp-search__input::-moz-placeholder {
    text-transform: uppercase;
}
.cmp-search--header .cmp-search__input:-ms-input-placeholder {
    text-transform: uppercase;
}
.cmp-search--header .cmp-search__input::-ms-input-placeholder {
    text-transform: uppercase;
}
.cmp-search--header .cmp-search__input::placeholder {
    text-transform: uppercase;
}
.cmp-search--header .cmp-search__results {
    margin-top: 0.75em;
    background: #202020;
    width: 20rem;
    left: unset;
    right: 0;
    max-height: unset;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
.cmp-search--header a.cmp-search__item {
    color: #ebebeb;
    font-size: 14px;
    height: 50px;
    text-overflow: ellipsis;
    padding: 0.5em;
    margin-top: 0.25em;
}
.cmp-search--header a.cmp-search__item:hover {
    text-decoration: underline;
}
.cmp-search--header .cmp-search__item-mark {
    color: #202020;
    background-color: #f7f7f7;
}
@media (max-width: 1024px) {
    .cmp-search--header .cmp-search__input {
        max-width: 10rem;
        position: absolute;
        right: 14px;
    }
    .cmp-search--header .cmp-search__results {
        right: 0.75rem;
    }
    .cmp-search--header .cmp-search__icon,
    .cmp-search--header .cmp-search__loading-indicator {
        left: unset;
        right: 13.5rem;
        z-index: 1;
    }
    .cmp-search--header .cmp-search__clear-icon {
        right: 1.5rem;
    }
}
@media (max-width: 767px) {
    .cmp-search--header {
        padding-right: 0;
        position: absolute;
        right: 0;
        z-index: 100;
    }
    .cmp-search--header .cmp-search__input {
        width: 6rem;
    }
    .cmp-search--header .cmp-search__icon,
    .cmp-search--header .cmp-search__loading-indicator {
        right: 9.5rem;
    }
}

/* ----- seperator ----- */

.cmp-separator {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.cmp-separator__horizontal-rule {
    border-width: 1px;
    border-style: solid;
    color: #ebebeb;
}
.cmp-separator--space-small .cmp-separator {
    margin-top: 1em;
    margin-bottom: 1em;
}
.cmp-separator--space-medium .cmp-separator {
    margin-top: 2em;
    margin-bottom: 2em;
}
.cmp-separator--space-large .cmp-separator {
    margin-top: 4em;
    margin-bottom: 4em;
}
.cmp-separator--light .cmp-separator__horizontal-rule {
    color: #f7f7f7;
}
.cmp-separator--dark .cmp-separator__horizontal-rule {
    color: #696969;
}
.cmp-separator--hidden .cmp-separator__horizontal-rule {
    border: none;
}

/* ----- tabs ----- */

.cmp-tabs .cmp-tabs__tab {
    font-size: 14px;
    text-transform: uppercase;
    padding: 1em 1.5em;
    max-height: 3pc;
    min-width: 3pc;
}
.cmp-tabs .cmp-tabs__tab:focus {
    outline: none;
}
.cmp-tabs .cmp-tabs__tab--active {
    border: none;
    background-color: #202020;
    color: #fff;
}
.cmp-tabs .cmp-tabs__tabpanel .aem-GridColumn {
    padding-left: 0;
    padding-right: 0;
}

/* ----- teaser ----- */

.cmp-teaser .cmp-teaser__pretitle {
    font-weight: 700;
}
.cmp-teaser .cmp-teaser__content {
}
.cmp-teaser .cmp-teaser__title {
    margin: 0.5em 0;
}
.cmp-teaser .cmp-teaser__title-link {
    color: #202020;
}
.cmp-teaser .cmp-teaser__title-link:after {
    content: none;
}
.cmp-teaser .cmp-teaser__description {
    margin: 0;
    float: left;
    width: 65%;
    padding: 10% 10px 10px 10px;
}

.cmp-teaser .cmp-teaser__action-container {
    margin: 40px auto;
    float: left;
    width: 100%;
    text-align: left;
}

.cmp-teaser--list .cmp-teaser__image .cmp-image__image {
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 200px;
}
.cmp-teaser--list .cmp-teaser__title {
    font-weight: 600;
    text-transform: uppercase;
}
.cmp-teaser--list .cmp-teaser__description {
    font-size: 14px;
    color: #696969;
    text-transform: uppercase;
}
.cmp-teaser--list .cmp-teaser__description p {
    font-size: 14px;
}
.cmp-teaser--hero .cmp-teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.cmp-teaser--hero .cmp-teaser__image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 25pc;
    max-height: 25pc;
    overflow: hidden;
}
.cmp-teaser--hero .cmp-teaser__image .cmp-image {
    width: 100%;
    height: 100%;
}
.cmp-teaser--hero .cmp-teaser__image .cmp-image__image {
    margin-top: 0;
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}
.cmp-teaser--hero .cmp-teaser__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 14px;
    padding-right: 14px;
}
.cmp-teaser--hero .cmp-teaser__description,
.cmp-teaser--hero .cmp-teaser__description p,
.cmp-teaser--hero .cmp-teaser__title {
    margin-bottom: 0;
}
@media (min-width: 1165px) {
    .cmp-teaser--hero .cmp-teaser__image {
        height: 40pc;
        max-height: 40pc;
    }
    .cmp-teaser--hero .cmp-teaser__content {
        background-color: #fff;
        margin-top: -180px;
        height: 180px;
        min-height: 180px;
        float: left;
        padding-bottom: 0;
        width: 71pc;
        position: relative;
        padding-left: 28px;
        padding-right: 28px;
    }
}
.cmp-teaser--hero.aem-GridColumn--default--12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.cmp-teaser--imagetop .cmp-teaser__image .cmp-image__image {
    -o-object-position: top;
    object-position: top;
}
.cmp-teaser--imagebottom .cmp-teaser__image .cmp-image__image {
    -o-object-position: bottom;
    object-position: bottom;
}
body.anonymous .cmp-teaser--secure:before {
    font-family: site-icon-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 1.25rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    content: "";
    color: #000;
    background: -webkit-gradient(linear, right bottom, left top, from(hsla(0, 0%, 100%, 0)), color-stop(50%, hsla(0, 0%, 100%, 0)), color-stop(50%, #ffea00), to(#ffea00));
    background: linear-gradient(to top left, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 50%, #ffea00 0, #ffea00);
    position: relative;
    top: 49px;
    padding: 9pt;
    z-index: 2;
}
body.anonymous .cmp-teaser--secure .cmp-teaser {
    opacity: 0.65;
}
body.anonymous .cmp-teaser--secure .cmp-teaser__action-container {
    color: #696969;
    background-color: #ebebeb;
    text-transform: uppercase;
    padding: 0.5em 1em;
    font-size: 14px;
}

/* ----- content fragment list ----- */

.cmp-contentfragment ul,
.cmp-text ul {
    display: block;
    list-style-type: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
}
.cmp-contentfragment ul li,
.cmp-text ul li {
    padding-left: 9pt;
}
.cmp-contentfragment ul li:before,
.cmp-text ul li:before {
    content: "";
    font-family: sixty60-icon-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 0.55em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: -0.25em;
    left: -0.75em;
}
.cmp-contentfragment ol,
.cmp-text ol {
    display: block;
    -webkit-padding-start: 1.5em;
    padding-inline-start: 1.5em;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
}
.cmp-contentfragment li,
.cmp-text li {
    display: list-item;
    text-align: -webkit-match-parent;
    line-height: 2;
}

/* ----- text ----- */

.cmp-text--font-xsmall p {
    font-size: calc(9px + (14 - 9) * ((100vw - 300px) / (1900 - 300))) !important;
    line-height: calc(14px + (18 - 14) * ((100vw - 300px) / (1900 - 300))) !important;
}
.cmp-text--font-small p {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1900 - 300))) !important;
    line-height: calc(18px + (22 - 18) * ((100vw - 300px) / (1900 - 300))) !important;
}
.cmp-text--font-default p {
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1900 - 300))) !important;
    line-height: calc(20px + (24 - 20) * ((100vw - 300px) / (1900 - 300))) !important;
}
.cmp-text--font-large p {
    font-size: calc(24px + (28 - 24) * ((100vw - 300px) / (1900 - 300))) !important;
    line-height: calc(28px + (32 - 28) * ((100vw - 300px) / (1900 - 300))) !important;
}
.cmp-text--quote {
    background-color: #ebebeb;
    margin: 1em 0;
}
.cmp-text--quote .cmp-text {
    padding: 1em;
}
.cmp-text--quote blockquote {
    font-size: 36px;
    border: none;
    padding: 14px;
    margin: 0 0 0.5em;
}
.cmp-text--quote blockquote:after {
    border-bottom: 2px solid #ffea00;
    content: "";
    display: block;
    width: 5pc;
    position: relative;
    top: 0.25em;
}
.cmp-text--quote u {
    text-decoration: none;
}

/* ----- title ----- */

.cmp-title--white .cmp-title__text {
    color: #ebebeb;
}
.cmp-title--gray .cmp-title__text {
    color: #696969;
}
.cmp-title--black .cmp-title__text {
    color: #202020;
}
.cmp-title--bold .cmp-title__text {
    font-weight: 600;
}
.cmp-title--underline .cmp-title .cmp-title__text:after {
    display: block;
    width: 84px;
    padding-top: 8px;
    content: "";
    border-bottom: 2px solid #ffea00;
}
.cmp-title--minispacing .cmp-title__text {
    margin-top: 0;
    margin-bottom: 3rem;
}
.cmp-title--right .cmp-title {
    text-align: right;
}
@media (max-width: 1024px) {
    .cmp-title--right .cmp-title {
        text-align: unset;
    }
}

/* ----- sign-in ----- */

.site-sign-in-form .aem-GridColumn {
    padding: 0;
    margin-bottom: 1.25rem;
}
.site-sign-in-buttons {
    text-align: right;
    float: left;
    width: 100%;
    min-height: 1px;
}
@media (max-width: 1200px) {
    .site-sign-in-buttons {
        text-align: left;
    }
}
.site-sign-in-buttons__button {
    display: none;
    text-transform: uppercase;
    color: #f7f7f7;
}
.site-sign-in-buttons__button--greeting {
    text-align: left;
    padding-right: 14px;
}

/* ----- form ----- */

.cmp-form-text {
    margin: 10px 0;
}
.cmp-form-text__text {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 400;
    height: 3pc;
    padding: 2rem 1rem;
    width: 100%;
}
.cmp-form-text__text--error {
    border: 1px solid #ffea00;
}
.cmp-form-button {
    color: #202020;
    background: #ffea00 0 0 no-repeat padding-box;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    min-width: 180px;
    text-transform: uppercase;
}
.cmp-form-button:hover {
    cursor: pointer;
}

/****** ADDITIONAL *******/


.cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
    padding-bottom: 0px !important;
}

.cmp-container--promo .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
    padding-bottom: 30px !important;
    text-align: left;                
 }

.teaser-home .cmp-teaser .cmp-teaser__action-container {
    margin-left: 60px;
}

@charset "utf-8";

/* -----  CUSTOM CSS ----- */



html {
  font-family: "Metropolis", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 1vw;
  letter-spacing: 0px;
    --top-spacing: 0;
}
body {
    font-family: "Metropolis", sans-serif;
    margin: 0;
    padding: 0;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(20px + (24 - 20) * ((100vw - 300px)/(1900 - 300))) !important;
    font-weight: 400;
    text-align: left;
    background-color: #fff;
    color: var(--medirite-darkgrey);
    scroll-padding-top: var(--top-spacing);
    margin: var(--top-spacing) auto;
    height: auto;
}
:root {
  --medirite-darkgrey: #4F4F4F;
  --medirite-red: #E12727;
  --medirite-green: #A2C72C;
  --medirite-lightteal: #00A289;
    --medirite-darkteal: #027D6A;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1200px;
}


/* -----  FONTS ----- */


@font-face {
    font-family: "Metropolis";
    src: url("clientlib-site/resources/fonts/Metropolis-Black.otf") format("truetype");
    font-style: normal;
    font-weight: 900;
  }

  @font-face {
    font-family: "Metropolis";
    src: url("clientlib-site/resources/fonts/Metropolis-SemiBold.otf") format("truetype");
    font-style: normal;
    font-weight: 500;
  }

  @font-face {
    font-family: "Metropolis";
    src: url("clientlib-site/resources/fonts/Metropolis-Regular.otf") format("truetype");
    font-style: normal;
    font-weight: 400;
  }

  div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td, .tab-item, input,
  button, select, textarea {
    font-family: "Metropolis", sans-serif;
    font-weight: 400;
}

.root.responsivegrid {
  padding: 20px;
  padding-bottom: 0;
}
.root > .responsivegrid {
  padding: 25px;
}
.root > .aem-Grid > .responsivegrid {
  padding: 0;
}

/* -----  HEADER  ----- */

.cmp-layoutcontainer--header > .aem-Grid > .responsivegrid {
  margin-top: 3%;
  margin-bottom: 3%;
}
.cmp-layoutcontainer--header > .aem-Grid > .responsivegrid div.image {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .cmp-layoutcontainer--header > .aem-Grid > .responsivegrid {
        margin-top: 6%;
        margin-bottom: 6%;
    }
}


/* -----  CONTAINER  ----- */

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

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

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

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

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

/* -----  HEADER  ----- */

.root .xf-content-height {
  margin: 0;
}
.root.responsivegrid.cmp-layoutcontainer--header {
  padding: 0;
}
.cmp-container--header .aem-Grid {
  display: flex;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.cmp-container--header .cmp-image__image {
  width: 70%;
}
.cmp-container--header-info .aem-Grid {
  display: flex;
  align-items: center;
}
.cmp-container--header-info .aem-Grid .cmp-image {
  width: 50%;
}


/* -----  FOOTER  ----- */

.cmp-container--footer > .aem-Grid {
  margin: 0 -20px !important;
  background-color: var(--medirite-lightteal);
}

@media (min-width: 320px) {
  .cmp-container--footer .text .cmp-text {
    text-align: center;
  }
  .cmp-container--footer {
      background-color: var(--medirite-lightteal);
      color: #FFF;
      margin: 0 auto !important;
      width: 100%;
      max-width: 100% !important;
  }
  .cmp-container--footer .aem-Grid {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 100%;
      padding: 0;
      flex-direction: column;
      height: 368px;
  }
}

@media (min-width: 768px) {
    .cmp-container--footer .aem-Grid {
        flex-direction: row;
        height: 140px;
    }
    .cmp-container--footer .text {
        padding: 0 2%;
        flex: 1 1 auto;
        width: max-content !important;
    }
}

@media (min-width: 1280px) {
    .cmp-container--footer .aem-Grid {
        margin: 0 10%;
    }
    .cmp-container--footer {
        height: 140px;
    }
}


/* -----  NAVBAR  ----- */

.medirite-navigation {
  margin-bottom: 40px;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px !important;
  text-align: center;
}

.navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .active > .nav-link:active, .navbar-dark .navbar-nav .nav-link.show:active, .navbar-dark .navbar-nav .nav-link.active:active, .navbar-dark .navbar-nav .nav-link:active {
  color: var(--medirite-green);
}


.medirite-navigation .c-offcanvas-content-wrap {
  width: 100%;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    position: relative;
  overflow: initial;
}
.navbar {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  height: 60px;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.navbar-expand-lg .navbar-collapse {
  justify-content: center;
  width: 100%;
}
.navbar-nav {
  display: block;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  width: 100%;
}
#navbarsExampleDefault > .navbar-nav {
  height: 100%;
  display: flex;
  justify-content: space-evenly;
}
.cmp-navigation__item {
  display: block;
  float: left;
    padding-left: 0;
}
.nav-item--level-0 {
  display: flex;
  align-items: center;
  width: 100%;
}
.nav-item--level-0 .navbar-nav {
  display: flex;
  justify-content: space-evenly;
}
.nav-item--level-1.cmp-navigation__item.cmp-navigation__item--level-1 {
  position: relative;
}
.nav-item--level-1 ul {
  position: absolute;
  z-index: 100;
  min-width: max-content;
  height: auto;
  box-shadow: 0 7px 8px 0px #00000052;
  top: 40px;
  width: 220px;
  left: 50%;
  margin-left: -110px;
  flex-wrap: wrap;
}
.nav-item--level-1:hover > ul.navbar-nav {
  display: flex;
  flex-direction: column !important;
}
li.nav-item--level-1 > ul.navbar-nav {
  display: none;
}
.nav-item--level-2.cmp-navigation__item.cmp-navigation__item--level-2 {
  /* position: relative; */
  /* top: 100%; */
  /* left: 0; */
  /* z-index: 1000; */
  display: block;
  min-width: max-content;
  color: #fff;
  text-align: center;
  list-style: none;
  background-color: var(--medirite-lightteal);
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
}
.nav-item--level-2 .nav-link.cmp-navigation__item-link {
  width: 220px;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  background-color: var(--medirite-green);
  color: var(--medirite-lightteal);
  text-decoration: none;
  border-radius: 5px;
}
.navbar-dark .navbar-toggler {
  position: relative;
  left: 10%;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Crect class='cls-1' y='6' width='20' height='2'/%3E%3Crect class='cls-1' width='15' height='2'/%3E%3Crect class='cls-1' y='12' width='10' height='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar-toggler-icon {
  display: inline-block;
  width: 30px;
  height: 45px;
  vertical-align: middle;
  content: "";
  background: 50% / 100% 100% no-repeat;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
.c-offcanvas {
  background: var(--medirite-lightteal);
}
.c-offcanvas .cmp-navigation__item-link {
  color: #FFF;
  font-weight: 900;
  font-size: 23px;
  line-height: 32px;
  text-transform: capitalize;
  padding: 30px 0px;
  text-decoration: none;
  text-align: center;
}
.offcanvas-nav > .navbar-nav {
  position: relative;
  top: 60px;
}
.navbar button.js-offcanvas-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 32px;
  height: 32px;
  opacity: 1;
  border: none;
}
.navbar button.js-offcanvas-close::before, .navbar button.js-offcanvas-close::after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 4px;
  background-color: #fff;
}
.medirite-navigation .cmp-teaser .cmp-teaser__title {
  color: #FFF;
}

.offcanvas-nav li.nav-item--level-1 > ul.navbar-nav {
  display: block;
}

.offcanvas-nav .nav-item--level-1 ul {
  position: unset;
  z-index: auto;
  min-width: auto;
  height: auto;
  box-shadow: none;
  width: auto;
  margin: 0 auto;
  text-align: center;
}

.offcanvas-nav .nav-item--level-2.cmp-navigation__item.cmp-navigation__item--level-2 {
  display: block;
  min-width: auto;
  color: #fff;
  text-align: center;
  list-style: none;
  background-color: var(--medirite-lightteal);
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
}

.offcanvas-nav .nav-item--level-2 .nav-link.cmp-navigation__item-link {
  width: auto;
  font-size: 20px !important;
  padding: 0;
  position: relative;
  top: -20px;
  color: #ffffff82;
}


@media (min-width: 320px) {
    .navbar {
        max-width: 100%;
        display: block;
      }
    .navbar {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        height: 100%;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        max-width: 100%;
        display: block;
    }
    .c-offcanvas--left {
        height: 100%;
        width: 100%;
        transform: translate3d(-100%, 0, 0);
    }
}

@media (min-width: 768px) {

    .c-offcanvas--left {
        height: 70%;
        width: 50%;
        transform: translate3d(-100%, 0, 0);
    }
}

@media (max-width: 1024px) {

    .c-offcanvas .cmp-navigation__item-link {
        color: #fff;
        font-weight: 800;
        font-size: 23px;
        line-height: 32px;
        text-transform: capitalize;
        padding: 25px 0px;
        text-decoration: none;
        text-align: center;
    }
    
    .c-offcanvas {
        overflow: auto;
    }

}

@media (min-width: 1024px) {
    .navbar {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        height: 60px;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        max-width: 960px;
      display: -ms-flexbox;
    display: flex;
    }
}

@media (min-width: 1200px) {
  .navbar {
    max-width: 1140px;
  }
}



/* -----  LAYOUT CONTAINER  ----- */
.aem-Grid .responsivegrid.cmp-container--border-teal {
  border: 1px solid var(--medirite-lightteal);
  border-radius: 10px;
  padding: 25px;
  margin: 20px;
}
.cmp-container--multi-col > .aem-Grid {
  display: flex;
  justify-content: space-between;
}
.cmp-container--multi-col .aem-Grid:before, .cmp-container--multi-col .aem-Grid:after {
  content: none; 
}
.cmp-container--flex-buttons > .aem-Grid {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
}
.cmp-container--flex-buttons > .aem-Grid .button {
  width: 100%;
  margin: 0 10px;
  flex:  1;
}
.cmp-container--flex-buttons > .aem-Grid .button a.cmp-button {
  width: 100%;
  text-align: center;
}
.cmp-container--flex-buttons > .aem-Grid .button a.cmp-button span {
  width: 100%;
  text-align: center;
}

@media (max-width: 767.99px) {
  .cmp-container--flex-buttons > .aem-Grid {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .cmp-container--flex-buttons > .aem-Grid .button {
    width: 100%;
    margin: 0;
    padding: 10px 0;
  }
}

@media (min-width: 320px) {
    .cmp-container--multi-col > .aem-Grid {
        flex-direction: column;
    }
    .cmp-container--multi-col .aem-Grid .responsivegrid.cmp-container--border-teal {
      width: 100% !important;
      margin: 0;
      margin-bottom: 20px;
    }
}
@media (min-width: 1024px) {
    .cmp-container--multi-col > .aem-Grid {
      flex-direction: row;
    }
    .cmp-container--multi-col .aem-Grid .responsivegrid.cmp-container--border-teal {
      width: 48% !important;
      margin: 0;
    }
}

/* -----    ACCORDION  ----- */

.cmp-accordion {
  background-color: var(--medirite-lightteal);
  font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(16px + (22 - 16) * ((100vw - 300px)/(1900 - 300))) !important;
}
.cmp-accordion .cmp-accordion__panel {
  font-size: inherit;
  padding-left: 0px;
}
.cmp-accordion .cmp-accordion__button {
    background-color: var(--medirite-green);
    padding: 0.4em;
    border-bottom: 5px solid var(--medirite-lightteal);
}
.cmp-accordion .cmp-accordion__title {
    color: #FFF;
}
.cmp-accordion .cmp-accordion__icon {
  color: #FFF;
  font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: 2;
}
.cmp-accordion table tr td {
  padding: 5px 10px;
}

/* -----  UDOK  ----- */
.cmp-container--udok {
  position: relative;
  height: auto;
  overflow: hidden;
  border: 1px solid var(--medirite-lightteal);
  border-radius: 10px;
}
.cmp-container--udok .cmp-teaser__image {
  position: absolute;
  z-index: 5;
}
.cmp-container--udok .cmp-teaser .cmp-teaser__content {
  padding-left: 6%;
  height: auto;
  padding-top: 100px;
  z-index: 10;
  position: relative;
}
.cmp-container--udok .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
  padding: 0;
  font-weight: 900;
  color: var(--medirite-lightteal);
  text-transform: none;
  font-size: calc(24px + (54 - 24) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(28px + (58 - 28) * ((100vw - 300px)/(1900 - 300))) !important;
  width: 60%;
}
.cmp-container--udok .image {
  position: absolute;
  z-index: 6;
  top: 5%;
  left: 6%;
  width: 20% !important;
  min-width: 100px;
  max-width: 160px;
}
.cmp-container--udok .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
  text-align: left;
}


@media (min-width: 320px) {
  .cmp-container--udok .cmp-teaser__image {
    right: 0px;
    top: -10px;
    width: 55%;
  }
  .cmp-container--udok .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    width: 94%;
    border-top: 1px solid var(--medirite-lightteal);
    color: var(--medirite-lightteal);
  }
}
@media (min-width: 576px) {
  .cmp-container--udok .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    width: 75%;
  }
  .cmp-container--udok .cmp-teaser__image {
    right: -30px;
    top: -30px;
  }
}
@media (min-width: 768px) {
  .cmp-container--udok .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    width: 75%;
  }
}
@media (min-width: 1024px) {
  .cmp-container--udok .cmp-teaser__image {
    width: 450px;
  }
  .cmp-container--udok .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    width: 60%;
  }
}
@media (min-width: 1280px) {
  .cmp-container--udok .cmp-teaser__image {
    right: -50px;
    top: -20px;
    width: 620px;
  }
}
@media (min-width: 1440px) {
  .cmp-container--udok .cmp-teaser__image {
    right: -50px;
    top: -20px;
    width: 750px;
  }
  .cmp-container--udok .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    width: 60%;
  }
}
@media (min-width: 1900px) {
  .cmp-container--udok .cmp-teaser__image {
    width: 750px;
  }
}

/* ----- TEASER ARTICLES ----- */

.cmp-teaser--articles {
  position: relative;
}
.cmp-teaser--articles .cmp-teaser {
  display: flex;
  flex-direction: column;
  margin-bottom: 100px;
}
.cmp-teaser--articles .cmp-teaser__action-container {
  position: absolute;
  bottom: 0px;
}
.cmp-teaser--articles .cmp-teaser__image {
  position: relative;
  height: 100%;
}
.cmp-teaser--articles .cmp-teaser__content {
  /*! position: relative; */
  bottom: 0;
}

.cmp-teaser--articles .cmp-teaser__content h2.cmp-teaser__title {
  font-weight: 400;
  color: var(--medirite-darkgrey);
  text-transform: none;
  font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(22px + (26 - 22) * ((100vw - 300px)/(1900 - 300))) !important;
  padding: 0;
}
.cmp-teaser--articles .cmp-teaser__content h2.cmp-teaser__title .cmp-teaser__title-link {
  font-weight: 500;
  color: var(--medirite-darkgrey);
  text-transform: none;
  font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(22px + (26 - 22) * ((100vw - 300px)/(1900 - 300))) !important;
  padding: 0;
}
.cmp-teaser--articles .cmp-teaser__content .cmp-teaser__description {
  font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(20px + (24 - 20) * ((100vw - 300px)/(1900 - 300))) !important;
  color: var(--medirite-darkgrey);
  margin: 0;
  float: left;
  width: 100%;
  padding: 0;
  padding-top: 10px;
}
.cmp-teaser--articles .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link {
  padding: 15px 40px;
  float: left;
}

@media (min-width: 320px) {
  .cmp-teaser--articles {
      width: 100% !important;
      margin-left:  0 !important;
      }
  .cmp-teaser--articles .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link {
      float: none;
    }
  .cmp-teaser--articles .cmp-image__image {
      border-radius: 10px;
      height: 260px;
      object-fit: cover;
  }
}

@media (min-width: 576px) {
  .cmp-teaser--articles .cmp-image__image {
    height: 300px;
  }
}

@media (min-width: 768px) {

}

@media (min-width: 1024px) {
    .cmp-teaser--articles {
        width: 100% !important;
        margin-left:     0 !important;
        margin-right: 5%;
      }
    .cmp-teaser--articles .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link {
        float: none;
    }
    .cmp-teaser--articles:last-child {
        margin-right: 0;
    }
    .cmp-teaser--articles .cmp-image__image {
      height: 260px;
    }
}

@media (min-width: 1280px) {

}

@media (min-width: 1440px) {

}

@media (min-width: 1900px) {

}


/* -----  PROMO  ----- */

.cmp-container--promo {
  position: relative;
  height: auto;
  overflow: hidden;
  border: 1px solid var(--medirite-lightteal);
  border-radius: 10px;
  background-color: var(--medirite-lightteal);
}
.cmp-container--promo .cmp-teaser__image {
  position: absolute;
  z-index: 5;
}
.cmp-container--promo .cmp-teaser .cmp-teaser__content {
  padding-left: 5%;
  height: auto;
  padding-top: 100px;
  z-index: 10;
  position: relative;
}
.cmp-container--promo .cmp-teaser .cmp-teaser__content .cmp-teaser__title, .cmp-container--promo .cmp-teaser .cmp-teaser__content .cmp-teaser__title a {
  padding: 0;
  font-weight: 500;
  color: #FFF;
  text-transform: none;
  font-size: calc(24px + (54 - 24) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(28px + (58 - 28) * ((100vw - 300px)/(1900 - 300))) !important;
  width: 60%;
  text-decoration: none;
}
.cmp-container--promo .cmp-teaser .cmp-teaser__description p {
  color: #FFF;
}
.cmp-container--promo .image {
  position: absolute;
  z-index: 6;
  top: 5%;
  left: 6%;
  width: 20% !important;
  min-width: 100px;
  max-width: 160px;
}
.cmp-container--promo .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
  text-align: left;
}

@media (min-width: 320px) {
  .cmp-container--promo .cmp-teaser__image {
    right: 0px;
    top: -10px;
    width: 55%;
  }
  .cmp-container--promo .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    width: 94%;
    border-top: 1px solid #FFF;
  }
}
@media (min-width: 576px) {
  .cmp-container--promo .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    width: 75%;
  }
  .cmp-container--promo .cmp-teaser__image {
    right: -30px;
    top: -30px;
  }
}

@media (min-width: 1024px) {
  .cmp-container--promo .cmp-teaser__image {
    width: 450px;
  }
  .cmp-container--promo .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    width: 60%;
  }
}
@media (min-width: 1280px) {
  .cmp-container--promo .cmp-teaser__image {
    right: -50px;
    top: -20px;
    width: 620px;
  }
}
@media (min-width: 1440px) {
  .cmp-container--promo .cmp-teaser__image {
    right: -50px;
    top: -20px;
    width: 620px;
  }
  .cmp-container--promo .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    width: 60%;
  }
}
@media (min-width: 1900px) {
  .cmp-container--promo .cmp-teaser__image {
    width: 670px;
  }
}

/* -----  Mini Carousel Teaser  ----- */

.cmp-carousel--mini {
  background-color: var(--medirite-lightteal);
  border-radius: 10px;
  border: 1px solid var(--medirite-lightteal);
}
.cmp-carousel--mini .teaser .cmp-teaser {
  position: relative;
}
.cmp-carousel--mini .teaser .cmp-teaser .cmp-teaser__content {
  position: absolute;
  top: 20%;
  left: 5%;
  width: 60%;
}
.cmp-carousel--mini .teaser .cmp-teaser .cmp-teaser__image .cmp-image__image {
  object-fit: cover;
  object-position: top right;
}
.cmp-carousel--mini .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
  color: #FFF;
  padding: 0;
  font-size: calc(24px + (54 - 24) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(28px + (58 - 28) * ((100vw - 300px)/(1900 - 300))) !important;
}
.cmp-carousel--mini .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
  color: #FFF;
  border-top: 1px solid #FFF;
  float: none;
  width: 100%;
}
.cmp-carousel--mini .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
  
  margin: 40px 0;
  float: none;
  position: relative;
  text-align: left;
}

@media (max-width: 1280px) {
  .cmp-carousel--mini .teaser .cmp-teaser .cmp-teaser__image .cmp-image__image {
    object-fit: scale-down;
    border: none;
    border-radius: unset;
  }
}


/* -----  TITLE  ----- */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--medirite-lightteal);
    font-weight: 500;
}
.cmp-title--center .cmp-title {
  text-align: center;
}
.cmp-title--left .cmp-title {
  text-align: left;
}
.cmp-title--right .cmp-title {
  text-align: right;
}

.cmp-title--darkteal .cmp-title .cmp-title__text {
  color: var(--medirite-darkteal);
}
.cmp-title--lightteal .cmp-title .cmp-title__text {
  color: var(--medirite-lightteal);
}
.cmp-title--green .cmp-title .cmp-title__text {
  color: var(--medirite-green);
}
.cmp-title--darkgrey .cmp-title .cmp-title__text {
  color: var(--medirite-darkgrey);
}
.cmp-title--black .cmp-title .cmp-title__text {
  color: #000;
}
.mp-title--white .cmp-title .cmp-title__text {
  color: #FFF;
}

@media (max-width: 768px) {
    .cmp-title {
      text-align: center;
    }
}


/* -----  TEXT  ----- */

.cmp-text--font-xsmall p {
    font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1900 - 300))) !important;
    line-height: calc(16px + (20 - 16) * ((100vw - 300px)/(1900 - 300))) !important;
}
.cmp-text--font-small p {
    font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1900 - 300))) !important;
    line-height: calc(18px + (22 - 18) * ((100vw - 300px)/(1900 - 300))) !important;
}
.cmp-text--font-default p {
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1900 - 300))) !important;
    line-height: calc(22px + (26 - 22) * ((100vw - 300px)/(1900 - 300))) !important;
}
.cmp-text--font-large p {
    font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1900 - 300))) !important;
    line-height: calc(24px + (28 - 24) * ((100vw - 300px)/(1900 - 300))) !important;
}

.cmp-text--regular .cmp-text p {
  font-weight: 400;
}

.cmp-text--semibold .cmp-text p {
  font-weight: 500;
}

.cmp-text--bold .cmp-text p {
  font-weight: 900;
}

.cmp-text--404 .cmp-text p {
  font-size: calc(50px + (160 - 50) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(84px + (164 - 84) * ((100vw - 300px)/(1900 - 300))) !important;
  font-weight: 900;
}

@media (max-width: 768px) {
    .cmp-text {
        text-align: center;
    }
}


/* -----  BUTTON  ----- */

.cmp-button {
  text-transform: uppercase;
  color: #202020;
  font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(18px + (20 - 18) * ((100vw - 300px)/(1900 - 300))) !important;
  background-color: #ebebeb;
  font-weight: 400;
  float: left;
  height: 3pc;
  min-width: 3pc;
}
a.cmp-button {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.cmp-button--primary .cmp-button {
  background-color: var(--medirite-red);
  color: #FFF;
  border: 1px solid var(--medirite-red);
  border-radius: 40px;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
  margin-bottom: 5px;
}
.cmp-button--primary .cmp-button:hover {
  background-color: #FFF;
    color: var(--medirite-red);
    border: 1px solid var(--medirite-red);
}
.cmp-button--primary .cmp-button .cmp-button__text {
  padding: 0;
  float: none;
}
.cmp-button--left {
  display: flex !important;
  justify-content: start;
}
.cmp-button--center {
  display: flex !important;
  justify-content: center;
}
.cmp-button--right {
  display: flex !important;
  justify-content: end;
}

@media (min-width: 320px) {
  .cmp-button--primary .cmp-button {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 768px) {
  .cmp-button--primary .cmp-button {
    padding-left: 30px;
    padding-right: 30px;
  }
}


/* -----  IMAGE  ----- */

.cmp-image__float-left .cmp-image {
  float: left;
}
.cmp-image__float-right .cmp-image {
  float: right;
}
.cmp-image__border-radius .cmp-image__image {
  border-radius: 10px;
}
.cmp-image__pagebanner .cmp-image__image {
  min-height: 350px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}


/* -----  TEASER  ----- */

.cmp-teaser .cmp-teaser__title {
    font-family: "Metropolis", sans-serif;
    font-weight: 400;
    color: var(--medirite-lightteal);
    text-transform: none;
    font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1900 - 300))) !important;
    line-height: calc(22px + (26 - 22) * ((100vw - 300px)/(1900 - 300))) !important;
}
.cmp-teaser .cmp-teaser__description {
  line-height: calc(20px + (24 - 20) * ((100vw - 300px)/(1900 - 300))) !important;
  font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1900 - 300))) !important;
  margin: 0;
  float: left;
  width: 55%;
  padding: 0;
  padding-top: 10px;
}
.cmp-teaser .cmp-teaser__action-link {
  font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(18px + (20 - 18) * ((100vw - 300px)/(1900 - 300))) !important;
  padding: 15px;
  font-weight: 400;
  float: unset;
  margin: 0 auto;
  background-color: var(--medirite-red);
  color: #FFF;
  border: 1px solid var(--medirite-red);
  border-radius: 40px;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
  margin-bottom: 5px;
}


.cmp-teaser--article-banner {
  position: relative;
}
.cmp-teaser--article-banner .cmp-teaser__content {
  position: absolute;
  background-color: #c4c4c49e;
  bottom: 30%;
  left: 5%;
  width: max-content;
  padding: 10px;
  max-width: 50%;
}
.cmp-teaser--article-banner .cmp-teaser__content .cmp-teaser__title {
  color: #262626;
  font-weight: 500 !important;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: calc(22px + (40 - 22) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(26px + (30 - 26) * ((100vw - 300px)/(1900 - 300))) !important;
}
.cmp-teaser--article-banner .cmp-teaser__content .cmp-teaser__description {
  width: 100%;
  color: #262626;
}
.cmp-teaser--article-banner .cmp-teaser__image {
  height: 350px;
}
.cmp-teaser--article-banner .cmp-image__image {
  height: 350px;
  object-fit: cover;
}

@media (max-width: 576px) {
  .cmp-teaser--article-banner .cmp-teaser__content {
    padding: 20px 20px 10px 10px;
    max-width: 70%;
  }
}


/* -----  CAROUSEL  ----- */

.cmp-carousel .cmp-image__image {
  margin: 0;
}
.cmp-carousel--hero .cmp-carousel {
  margin-bottom: 0;
  margin-left: -20px;
  margin-right: -20px;
}
.cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--medirite-lightteal);
  min-height: 360px;
  max-height: 360px;
}
.cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__image {
  width: 50%;
  align-self: stretch;
  /*! width: 50%; */
}
.cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__image .cmp-image {
  width: 100%;
  height: 100%;
}
.cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__image .cmp-image__image {
  margin: 0;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content {
  color: #fff;
  background-image: url("../../../content/dam/medirite/system-images/medirite-carousel-bg.svg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right;
    align-self: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
  color: #fff;
    padding: 10px 20px 10px 60px;
    font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1900 - 300))) !important;
    line-height: calc(24px + (28 - 24) * ((100vw - 300px)/(1900 - 300))) !important;
    font-weight: 900 !important;
}
.cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__title-link {
  color: #fff;
    font-weight: 900 !important;
}
.cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
  margin: 0;
  line-height: 1.75;
  float: left;
  width: 100%;
  padding: 10px 20px 10px 60px;
}
.cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__description p {
  font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(16px + (22 - 16) * ((100vw - 300px)/(1900 - 300))) !important;
}

.cmp-carousel--mini .cmp-image .cmp-image__image {
  min-height: 25pc;
  height: 25pc;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border: 1px solid var(--medirite-lightteal);
  border-radius: 10px;
}

.cmp-carousel .cmp-carousel__indicators {
    position: relative;
    bottom: 40px;
    width: 100%;
}
.cmp-carousel .cmp-carousel__indicator {
  background-color: #ffffff7a;
  width: 60px;
  border-radius: 0;
  height: 5px;
  box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.15);
}
.cmp-carousel .cmp-carousel__indicators .cmp-carousel__indicator--active {
  background-color: #fff;
}

.cmp-carousel__actions .cmp-carousel__action {
  display: none;
}

@media (min-width: 320px) {
  .cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content {
    color: #fff;
    background-image: url("../../../content/dam/medirite/system-images/medirite-carousel-bg.svg");
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: top right;
    align-self: normal;
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 50%;
  }
  .cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content {
  color: #fff;
  background-image: url("../../../content/dam/medirite/system-images/medirite-carousel-bg.svg");
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: top right;
  align-self: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}
}
@media (min-width: 768px) {
    .cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content {
      background-size: auto;
      background-position: right;
      width: 50%;
    }
}

@media (max-width: 768px) {
  .cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
    padding: 10px 20px 10px 10px;
  }
  .cmp-carousel--hero .cmp-carousel .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    padding: 10px 20px 10px 10px;
  }
}


/* -----  CAROUSEL LEAFLET  ----- */

.cmp-carousel--leaflet {
    border: 1px solid #C4C4C4;
}
.cmp-carousel--leaflet  .cmp-carousel__actions {
  position: absolute;
  top: 50%;
  width: 100%;
}
.cmp-carousel--leaflet .cmp-carousel__actions, .cmp-carousel--leaflet .cmp-carousel__action--previous, .cmp-carousel--leaflet .cmp-carousel__action--next {
  display: block;
}

.cmp-carousel--leaflet .cmp-carousel__action--previous {
  position: absolute;
  left: -40px;
}
.cmp-carousel--leaflet .cmp-carousel__action--previous .cmp-carousel__action-icon::before {
    content: url(../../../content/dam/medirite/system-images/left-arrow.svg);
    width: 15px;
    height: 25px;
    display: block;
}
.cmp-carousel--leaflet .cmp-carousel__action--next {
  position: absolute;
  right: -50px;
}
.cmp-carousel--leaflet .cmp-carousel__action--next .cmp-carousel__action-icon::before {
    content: url(../../../content/dam/medirite/system-images/right-arrow.svg);
    width: 15px;
    height: 25px;
    display: block;
}
.cmp-carousel--leaflet .cmp-carousel__indicators {
    display: none;
}

@media (max-width: 576px) {
    .cmp-carousel--leaflet .cmp-carousel__action--previous {
      position: absolute;
      left: -25px;
    }
    .cmp-carousel--leaflet .cmp-carousel__action--previous .cmp-carousel__action-icon::before {
        content: "";
        width: 35px;
        height: 35px;
        display: block;
        background: url(../../../content/dam/medirite/system-images/mobile-controls.svg) 0 0 no-repeat;
        background-size: 70px;
    }
    .cmp-carousel--leaflet .cmp-carousel__action--next {
      position: absolute;
      right: -35px;
    }
    .cmp-carousel--leaflet .cmp-carousel__action--next .cmp-carousel__action-icon::before {
        content: "";
        width: 35px;
        height: 35px;
        display: block;
        background: url(../../../content/dam/medirite/system-images/mobile-controls.svg) -35px 0 no-repeat;
        background-size: 70px;
    }
}


/* -----  SEPERATOR  ----- */


.cmp-separator--space-small .cmp-separator {
  margin-top: 1em;
  margin-bottom: 1em;
}
.cmp-separator--space-medium .cmp-separator {
    margin-top: 2em;
    margin-bottom: 2em;
}
.cmp-separator--space-large .cmp-separator {
    margin-top: 4em;
    margin-bottom: 4em;
}

.cmp-separator--darkteal .cmp-separator__horizontal-rule {
  color: var(--medirite-darkteal);
}
.cmp-separator--lightteal .cmp-separator__horizontal-rule {
  color: var(--medirite-lightteal);
}
.cmp-separator--green .cmp-separator__horizontal-rule {
  color: var(--medirite-green);
}
.cmp-separator--darkgrey .cmp-separator__horizontal-rule {
  color: var(--medirite-darkgrey);
}
.cmp-separator--red .cmp-separator__horizontal-rule {
  color: var(--medirite-red);
}
.cmp-separator--black .cmp-separator__horizontal-rule {
  color: #000;
}
.cmp-separator--transparent .cmp-separator__horizontal-rule {
  color: transparent;
  border-top: 0;
}

/* -----  LIST  ----- */

.cmp-contentfragment ul, .cmp-text ul {
  text-indent: -10px;
  margin-left: 10px;
}
.cmp-contentfragment li, .cmp-text li {
  line-height: calc(20px + (24 - 20) * ((100vw - 300px)/(1900 - 300))) !important;
}
.cmp-contentfragment ul li::before, .cmp-text ul li::before {
  content: " ";
  font-family: site-icon-font !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 0.55em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: -0.25em;
  left: -0.75em;
  background: url('../../../content/dam/medirite/site-images/Asset 3.svg') no-repeat center center/cover;
  width: 10px;
  height: 10px;
  display: inline-block;
}
.cmp-contentfragment ul li, .cmp-text ul li {
  padding-left: 20pt;
}

/* -----  IMAGE  ----- */

.cmp-image__border-lightteal {
  border: 1px solid var(--medirite-lightteal);
  border-radius: 10px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.cmp-image__border-lightteal .cmp-image .cmp-image__image {
  margin: 0;
  border-radius: 10px;
}


/* -----  TEXT  ----- */

.text .cmp-text {
  text-align: left;
}
.cmp-text--darkteal {
  color: var(--medirite-darkteal);
}
.cmp-text--lightteal {
  color: var(--medirite-lightteal);
}
.cmp-text--green {
  color: var(--medirite-green);
}
.cmp-text--darkgrey {
  color: var(--medirite-darkgrey);
}
.cmp-text--black {
  color: #000;
}
.cmp-text--white {
  color: #FFF;
}




.cmp-teaser--featured .cmp-teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1em;
}
.cmp-teaser--featured .cmp-teaser__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}
.cmp-teaser--featured .cmp-teaser__image .cmp-image {
    width: 100%;
    height: 100%;
}
.cmp-teaser--featured .cmp-teaser__image .cmp-image__image {
    margin-top: 0;
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%;
    height: 100%;
}
.cmp-teaser--featured .cmp-teaser__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #ebebeb;
    padding: 3.5em 2em 2em;
}
.cmp-teaser--featured .cmp-teaser__description {
    font-size: 14px;
    -ms-flex-item-align: bottom;
    align-self: bottom;
}
.cmp-teaser--featured .cmp-teaser__description p {
    font-size: 14px;
    text-align: left;
}
@media (max-width: 767px) {
    .cmp-teaser--featured .cmp-teaser {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cmp-teaser--featured .cmp-teaser__image {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .cmp-teaser--featured .cmp-teaser__content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-top: -1em;
    }
}


/* -----  FORM  ----- */

.cmp-form-options__label {
  display: none;
}
.cmp-form-text__text {
  border: 1px solid #E0E0E0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 400;
  height: 3pc;
  padding: 1rem 1rem;
  width: 100%;
  border-radius: 2px;
  color: var(--medirite-darkgrey);
}
.cmp-form-options__field--drop-down {
  border: 1px solid #E0E0E0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 3pc;
  padding: 0.5rem;
  width: 100%;
  border-radius: 2px;
  font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1900 - 300))) !important;
  line-height: calc(20px + (24 - 20) * ((100vw - 300px)/(1900 - 300))) !important;
  font-weight: 400;
  color: var(--medirite-darkgrey);
}

.cmp-form-button {
  background-color: var(--medirite-red);
  color: #FFF;
  border: 1px solid var(--medirite-red);
  border-radius: 40px;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
  margin-bottom: 5px;
  padding-left: 30px;
  padding-right: 30px;
  height: 3pc;
}


/* -----  EXPERIENCE FRAGMENT  ----- */

.cmp-experiencefragment--header {

}
.root .cmp-experiencefragment--header .xf-content-height {
  margin: 0 -20px;
}
.cmp-experiencefragment--footer {
  
}

@media (min-width: 320px) {
  .cmp-experiencefragment--footer .cmp-text {
    text-align: center;
  }
}
@media (min-width: 768px) {
    .cmp-experiencefragment--footer .cmp-text {
        text-align: left;
        padding-left: 20px
      }
}