@charset "UTF-8";
.smooth-reflow-wrapper {
  position: relative;
}
.smooth-reflow-wrapper.--overflow-hidden {
  overflow: hidden;
}
.smooth-reflow-wrapper.--overflow-show-focus:focus-within {
  overflow: visible;
}
.smooth-reflow-wrapper .smooth-reflow-container {
  position: relative;
  top: 0;
  display: block;
}
.smooth-reflow-wrapper .smooth-reflow-container:before,.smooth-reflow-wrapper .smooth-reflow-container:after {
  content: "";
  display: table;
  clear: both;
}
.smooth-reflow-wrapper.--horizontal-mode .smooth-reflow-container {
  display: inline-block;
  width: fit-content;
}
.smooth-reflow-enter-active,.smooth-reflow-leave-active {
  overflow: hidden;
}
.smooth-reflow-enter-from,.smooth-reflow-leave-to {
  height: 0;
}
.smoothReflowPersist-leave-active {
  position: absolute;
  width: 100%;
  overflow: visible;
  transition: opacity .5s linear;
}
.smoothReflowPersist-leave-to {
  opacity: 0;
}
.collapsable {
  margin-bottom: 10px;
  background-color: transparent;
}
.collapsable>.collapsable-label {
  position: relative;
  padding: 20px 43px 20px 20px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  cursor: pointer;
  display: block;
  color: var(--onBackground);
  -webkit-hyphens: auto;
  hyphens: auto;
  background-color: transparent;
  border: none;
  width: 100%;
  text-align: start;
  -webkit-hyphenate-limit-before: 6;
  -webkit-hyphenate-limit-after: 6;
  hyphenate-limit-chars: 12 6 6;
}
.collapsable>.collapsable-label:after {
  content: "+";
  font-family: rittal-icons!important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  transition: color .3s;
}
.collapsable>.collapsable-label:hover:after {
  color: #e50043;
}
.collapsable .collapsable-container {
  position: relative;
}
.collapsable .collapsable-content {
  padding: 0 20px 20px;
}
.collapsable .collapsable-content:focus {
  box-shadow: 0 0 0 transparent;
  outline: 0 transparent;
}
.collapsable .collapsable-content>.text-image,.collapsable .collapsable-content>.video-embed,.collapsable .collapsable-content>.richtext-content {
  margin: 40px 0;
}
.collapsable .collapsable-content>.text-image:last-child,.collapsable .collapsable-content>.video-embed:last-child,.collapsable .collapsable-content>.richtext-content:last-child {
  margin-bottom: 0;
}
.collapsable .collapsable-content>.text-image:first-child,.collapsable .collapsable-content>.video-embed:first-child,.collapsable .collapsable-content>.richtext-content:first-child {
  margin-top: 0;
}
.collapsable .collapsable-content>.highlight-container,.collapsable .collapsable-content>.text-video {
  margin-top: 40px;
  margin-bottom: 40px;
}
.collapsable .collapsable-content>.highlight-container:last-child,.collapsable .collapsable-content>.text-video:last-child {
  margin-bottom: 0;
}
.collapsable .collapsable-content>.highlight-container:first-child,.collapsable .collapsable-content>.text-video:first-child {
  margin-top: 0;
}
.collapsable.active>.collapsable-label:after {
  content: "-";
}
.collapsable:not(.--form-collapse) {
  background-color: #f5f5f7;
  --background: #F5F5F7;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #FFF;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.--grey .collapsable:not(.--form-collapse) {
  background-color: #fff;
  --background: #FFF;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #000;
  --inputDisabled: #888;
  --inputSolid: #F5F5F7;
  --onInputSolid: #000;
  --inputSolidSecondary: #FFF;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #F5F5F7;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.collapsable.--form-collapse {
  border-bottom: 2px solid var(--onBackground);
  margin-bottom: 20px;
}
.collapsable.--form-collapse .collapsable-label {
  padding: 10px 33px 10px 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.collapsable.--form-collapse .collapsable-content {
  padding: 0 0 10px;
  font-size: 14px;
  line-height: 20px;
}
.collapsable.--with-border {
  border: 2px solid var(--onBackground);
  padding: 0 5px 0 10px;
}
.collapsable.--with-border .collapsable-label {
  box-sizing: border-box;
  min-height: 54px;
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
}
.custom-checkbox {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  color: var(--onBackground);
  overflow: hidden;
}
.custom-checkbox .checkbox-wrapper {
  position: relative;
}
.custom-checkbox a {
  color: var(--highlight);
  font-family: inherit;
  font-weight: 700;
  font-size: inherit;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .custom-checkbox a {
    box-shadow: 0 2px rgba(var(--background),0);
    transition: box-shadow .32s ease-in-out;
  }
  .custom-checkbox a:hover,.custom-checkbox a:focus-visible {
    box-shadow: 0 2px 0 0 var(--highlight);
  }
}
.custom-checkbox .sub-checkboxes {
  display: none;
  margin: 10px;
}
.custom-checkbox .sub-checkboxes .custom-checkbox {
  font-size: inherit;
}
.custom-checkbox .sub-checkboxes .custom-checkbox .checkbox-wrapper {
  padding: 10px;
}
.custom-checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
}
.custom-checkbox label {
  display: block;
  box-sizing: border-box;
  transition: all .1s ease-out;
  cursor: pointer;
  background-color: transparent;
  padding-left: 30px;
  min-height: 20px;
}
.custom-checkbox .checkbox-box {
  position: absolute;
  height: 16px;
  width: 16px;
  border: 2px solid var(--onBackground);
  left: 0;
  top: 0;
  background-color: var(--background);
}
.custom-checkbox .checkbox-box:after {
  position: absolute;
  height: 5px;
  width: 9px;
  border-left: 2px solid var(--background);
  border-bottom: 2px solid var(--background);
  left: 2.3px;
  top: 2.5px;
  transform: rotate(-45deg) scale(1);
  transition: all .1s ease-out;
}
.custom-checkbox input[type=checkbox]:checked+label>.checkbox-box:after {
  content: "";
}
.custom-checkbox input[type=checkbox]:checked+label>.checkbox-box {
  background-color: var(--onBackground);
}
.custom-checkbox input[type=checkbox]:checked~.sub-checkboxes {
  display: block;
  margin-bottom: -10px;
  margin-right: -10px;
}
.custom-checkbox input[type=checkbox]:checked~.sub-checkboxes .sub-checkboxes-label {
  padding-left: 20px;
  padding-right: 10px;
}
.custom-checkbox input[type=checkbox]:checked~.sub-checkboxes .sub-checkboxes-wrapper {
  display: flex;
  flex-direction: row;
  padding-left: 10px;
}
.custom-checkbox input[type=checkbox]:checked~.sub-checkboxes .custom-checkbox {
  margin-right: 20px;
}
.custom-checkbox input[type=checkbox]:checked~.sub-checkboxes .custom-checkbox .checkbox-box {
  margin: 10px;
}
.custom-checkbox.--error label>.checkbox-box {
  border-color: var(--inputError);
}
.custom-checkbox.--error.--background {
  outline: 2px solid var(--inputError);
}
.custom-checkbox input[type=checkbox]:required+label:after {
  content: "*";
}
.custom-checkbox input[type=checkbox]:focus-visible+label>.checkbox-box {
  outline: var(--highlight) auto 5px;
}
.custom-checkbox input[type=checkbox]:disabled+label {
  color: var(--inputDisabled);
}
.custom-checkbox input[type=checkbox]:disabled+label:hover {
  cursor: not-allowed;
}
.custom-checkbox input[type=checkbox]:disabled+label:hover>.checkbox-box {
  cursor: not-allowed;
}
.custom-checkbox input[type=checkbox]:disabled:not(:checked)+label>.checkbox-box {
  border-color: var(--inputDisabled);
  background-color: transparent;
}
.custom-checkbox input[type=checkbox]:disabled:checked+label>.checkbox-box {
  border-color: var(--inputDisabled);
  background-color: var(--inputDisabled);
}
.custom-checkbox.--background {
  position: relative;
  font-size: 18px;
  background-color: var(--inputSolid);
  color: var(--onInputSolid);
  padding: 15px 10px;
  cursor: pointer;
}
.custom-checkbox.--background .checkbox-box {
  background-color: var(--inputSolid);
  border-color: var(--onInputSolid);
}
.custom-checkbox.--background .sub-checkboxes .custom-checkbox {
  color: var(--onInputSolid);
}
.custom-checkbox.--background .sub-checkboxes .custom-checkbox.--background .checkbox-wrapper {
  background-color: var(--inputSolidSecondary);
}
@media screen and (min-width: 1024px) {
  .custom-checkbox label:hover>.checkbox-box {
    border: 2px solid var(--highlight);
    cursor: pointer;
  }
}
button.custom-button {
  width: 30%;
}
a.custom-button {
  display: block;
}
.custom-button {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 20px auto;
    padding: 12px 24px;
    font-family: inherit;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    text-transform: none;
    background-color: var(--highlight, #E50043);
    color: var(--onHighlight, #FFF);
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    transition: background-color .3s, color .3s;
    border-radius: 40px;
}

.custom-button.--secondary:not(:disabled) {
  background-color: var(--buttonSecondary);
  color: var(--onButtonSecondary);
}
.custom-button.--secondary-option:not(:disabled) {
  background-color: var(--buttonSecondaryOption);
  color: var(--onButtonSecondaryOption);
}
.custom-button:disabled {
  background-color: #888;
  color: #c8c8c8;
  cursor: default;
}
.custom-button.--small {
  padding: 8px 12px;
  font-size: 14px;
  letter-spacing: .01em;
}
@media screen and (min-width: 1024px) {
  .custom-button:not(:disabled):hover {
    background-color: var(--buttonPrimaryHover);
  }
  .custom-button.--secondary:not(:disabled):hover {
    background-color: var(--buttonSecondaryHover);
  }
  .custom-button.--secondary-option:not(:disabled):hover {
    background-color: var(--buttonSecondaryOptionHover);
  }
}
.cookie-consent .cc-header {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
}
.cookie-consent .cc-body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f7;
  --background: #F5F5F7;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #FFF;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.cookie-consent .cc-extended {
  padding: 40px 20px 20px;
}
.cookie-consent .cc-controls {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.cookie-consent .cc-controls>.custom-button {
  flex-basis: 100%;
  flex-grow: 1;
  margin-bottom: 20px;
  width: auto;
  display: inline-block;
}
.cookie-consent .cc-extra-info {
  margin-bottom: 40px;
}
.cookie-consent .cc-checkbox-wrapper {
  margin-bottom: 20px;
}
.cookie-consent .cc-checkbox-info {
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 17px;
  padding: 0 12px;
}
.cookie-consent .cc-checkbox-info ul {
  margin: 0 0 20px;
}
.cookie-consent .feature-list {
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 20px;
  background-color: #fff;
  padding: 20px 10px 10px;
}
.cookie-consent .feature-list li {
  position: relative;
}
.cookie-consent .feature-list li:before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #008e4f;
}
.cookie-consent .feature-list li.--on:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  height: 5px;
  width: 9px;
  border-left: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  transform: rotate(-45deg) scale(1);
}
.cookie-consent .feature-list li.--off:before {
  background-color: #be0000;
}
.cookie-consent .feature-list li.--off:after {
  position: absolute;
  left: 3px;
  top: 4px;
  height: 5px;
  width: 9px;
  font-size: 14px;
  color: #fff;
}
.cookie-consent .feature-list .feature-list-label {
  font-weight: 700;
  margin-bottom: 20px;
}
.cookie-consent .feature-list li {
  position: relative;
  margin-bottom: 16px;
  padding-left: 26px;
}
.cookie-consent .feature-list li:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  line-height: 24px;
}
@media screen and (min-width: 1024px) {
  .cookie-consent .cc-checkbox-info {
    margin-bottom: 20px;
  }
  .cookie-consent .cc-controls {
    flex-wrap: nowrap;
  }
  .cookie-consent .cc-controls>.custom-button:not(:first-child) {
    margin-left: 40px;
  }
}
.toastify {
  padding: 12px 20px;
  color: #fff;
  display: inline-block;
  box-shadow: 0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;
  background: -webkit-linear-gradient(315deg,#73a5ff,#5477f5);
  background: linear-gradient(135deg,#73a5ff,#5477f5);
  position: fixed;
  opacity: 0;
  transition: all .4s cubic-bezier(.215,.61,.355,1);
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  max-width: calc(50% - 20px);
  z-index: 2147483647;
}
.toastify.on {
  opacity: 1;
}
.toast-close {
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  opacity: .4;
  padding: 0 5px;
}
.toastify-right {
  right: 15px;
}
.toastify-left {
  left: 15px;
}
.toastify-top {
  top: -150px;
}
.toastify-bottom {
  bottom: -150px;
}
.toastify-rounded {
  border-radius: 25px;
}
.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}
.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
}
@media only screen and (max-width: 360px) {
  .toastify-right,.toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
  }
}
.loading-spinner,.loading-spinner:before,.loading-spinner:after {
  display: block;
  border-radius: 50%;
}
.loading-spinner {
  position: relative;
  width: 40px;
  height: 40px;
  border: 3px solid transparent;
  border-top-color: #000;
  border-left-color: #000;
  animation: loading-spinner-ani 2s linear infinite;
}
.loading-spinner:before,.loading-spinner:after {
  content: "";
  position: absolute;
  border: 2px solid transparent;
}
.loading-spinner:before {
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border-top-color: #e50043;
  border-left-color: #e50043;
  animation: loading-spinner-ani 3.25s linear infinite;
}
.loading-spinner:after {
  top: 12px;
  left: 12px;
  right: 12px;
  bottom: 12px;
  border-bottom-color: #fff;
  border-left-color: #fff;
  animation: loading-spinner-ani 2.6s linear infinite;
}
@keyframes loading-spinner-ani {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.icon-button {
  position: relative;
  color: inherit;
  display: inline-block;
  font: inherit;
  align-items: center;
  height: auto;
  text-decoration: none;
  text-align: center;
  transition: background-color .3s,color .3s;
  background: transparent;
  border: 0 none transparent;
  cursor: pointer;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
}
.icon-button .tool-tip-text:empty {
  display: none;
}
.icon-button .icon-button-wrapper {
  align-items: center;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
}
.icon-button .icon-button-wrapper:before,.icon-button .icon-button-wrapper:after {
  text-align: center;
  vertical-align: middle;
  font-size: 42px;
  line-height: 1;
}
.icon-button:disabled {
  pointer-events: none;
  color: #888;
}
.icon-button:disabled.--background {
  background-color: #595959;
}
.icon-button.--background {
  background-color: var(--highlight);
  color: var(--onHighlight);
  height: 52px;
}
.icon-button.--background .icon-button-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 0 15px;
}
.icon-button.--background.--light {
  background-color: var(--inputSolid);
  color: var(--onInputSolid);
}
.icon-button.--collapse {
  align-items: flex-end;
  line-height: 20px;
}
.icon-button.--collapse .icon-button-wrapper {
  align-items: baseline;
}
.icon-button.--small-icon {
  font-size: 24px;
}
.icon-button.--small-icon .icon-button-wrapper:before,.icon-button.--small-icon .icon-button-wrapper:after {
  font-size: 32px;
}
.icon-button.--small-icon:not(.--background):not(.--collapse) .icon-button-wrapper {
  padding: 5px;
}
.icon-button .label {
  font-size: 16px;
  white-space: nowrap;
  padding-left: 12px;
}
.icon-button:has([class*=ricon-after-]) .label {
  padding-left: 0;
  padding-right: 12px;
}
@media screen and (min-width: 640px) {
  .icon-button:hover {
    color: var(--highlight);
  }
  .icon-button.--background:hover {
    background-color: #a50030;
    color: #fff;
    cursor: pointer;
  }
  .icon-button.--background.--light:hover {
    color: var(--highlight);
    background-color: var(--inputSolid);
  }
}
.login-embed {
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.login-embed .login-embed-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  padding-top: 4px;
}
.login-embed .loading-spinner {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}
.login-embed .swal2-icon.swal2-success {
  display: flex;
  position: absolute;
  top: calc(50% - 45px);
  left: calc(50% - 45px);
  border-color: #00b359;
  color: #00b359;
}
.login-embed .swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #00b359;
}
.login-embed .swal2-icon.swal2-success .swal2-success-ring {
  border-color: #00b35980;
}
.login-embed iframe {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 100vw;
  flex-grow: 1;
}
.login-embed .close-button {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: #00000080;
}
.login-embed .close-button .icon-button-wrapper {
  margin: -6px;
}
.login-embed .close-button .icon-button-wrapper:after {
  font-size: 22px;
}
#app {
  position: relative;
  background-color: #000;
}
.cookie-swal.swal2-modal {
  width: calc(100vw - 40px);
  max-width: 1400px;
  text-align: left;
  padding: 0;
}
.cookie-swal .swal2-html-container {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
[v-cloak] {
  opacity: 0;
}
@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical>.swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left,#00000080,#0000);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right,#00000080,#0000);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top,#00000080,#0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom,#00000080,#0000);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-prev,.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next {
  display: none!important;
}
.swiper-button-prev svg,.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-prev:after,.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
  display: none!important;
}
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none!important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0,-50%,0);
}
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left;
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swal2-popup.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4!important;
  grid-row: 1/4!important;
  grid-template-columns: min-content auto min-content;
  padding: 1em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 1px #00000013,0 1px 2px #00000013,1px 2px 4px #00000013,1px 3px 8px #00000013,2px 4px 16px #00000013;
  pointer-events: all;
}
.swal2-popup.swal2-toast>* {
  grid-column: 2;
}
.swal2-popup.swal2-toast .swal2-title {
  margin: .5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}
.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center;
}
.swal2-popup.swal2-toast .swal2-input {
  height: 2em;
  margin: .5em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-footer {
  margin: .5em 0 0;
  padding: .5em 0 0;
  font-size: .8em;
}
.swal2-popup.swal2-toast .swal2-close {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: .8em;
  height: .8em;
  margin: 0;
  font-size: 2em;
}
.swal2-popup.swal2-toast .swal2-html-container {
  margin: .5em 1em;
  padding: 0;
  overflow: initial;
  font-size: 1em;
  text-align: initial;
}
.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0;
}
.swal2-popup.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: .25em;
}
.swal2-popup.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 .5em 0 0;
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: 700;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: .875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: .3125em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: .3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
  justify-content: flex-start;
  height: auto;
  margin: .5em 0 0;
  padding: 0 .5em;
}
.swal2-popup.swal2-toast .swal2-styled {
  margin: .25em .5em;
  padding: .4em .6em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  border-radius: 50%;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -.8em;
  left: -.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -.25em;
  left: .9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: .4375em;
  width: .4375em;
  height: 2.6875em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: .3125em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: .1875em;
  width: .75em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: .9375em;
  right: .1875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-toast-animate-success-line-tip .75s;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-toast-animate-success-line-long .75s;
}
.swal2-popup.swal2-toast.swal2-show {
  animation: swal2-toast-show .5s;
}
.swal2-popup.swal2-toast.swal2-hide {
  animation: swal2-toast-hide .1s forwards;
}
div:where(.swal2-container) {
  display: grid;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);
  height: 100%;
  padding: .625em;
  overflow-x: hidden;
  transition: background-color .1s;
  -webkit-overflow-scrolling: touch;
}
div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation {
  background: #0006;
}
div:where(.swal2-container).swal2-backdrop-hide {
  background: transparent!important;
}
div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start {
  grid-template-columns: minmax(0,1fr) auto auto;
}
div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom {
  grid-template-columns: auto minmax(0,1fr) auto;
}
div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end {
  grid-template-columns: auto auto minmax(0,1fr);
}
div:where(.swal2-container).swal2-top-start>.swal2-popup {
  align-self: start;
}
div:where(.swal2-container).swal2-top>.swal2-popup {
  grid-column: 2;
  place-self: start center;
}
div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup {
  grid-column: 3;
  place-self: start end;
}
div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup {
  grid-row: 2;
  align-self: center;
}
div:where(.swal2-container).swal2-center>.swal2-popup {
  grid-column: 2;
  grid-row: 2;
  place-self: center center;
}
div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup {
  grid-column: 3;
  grid-row: 2;
  place-self: center end;
}
div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
}
div:where(.swal2-container).swal2-bottom>.swal2-popup {
  grid-column: 2;
  grid-row: 3;
  place-self: end center;
}
div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup {
  grid-column: 3;
  grid-row: 3;
  place-self: end end;
}
div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
  grid-column: 1/4;
  width: 100%;
}
div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
  grid-row: 1/4;
  align-self: stretch;
}
div:where(.swal2-container).swal2-no-transition {
  transition: none!important;
}
div:where(.swal2-container) div:where(.swal2-popup) {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0,100%);
  width: 32em;
  max-width: 100%;
  padding: 0 0 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  color: #545454;
  font-family: inherit;
  font-size: 1rem;
}
div:where(.swal2-container) div:where(.swal2-popup):focus {
  outline: none;
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
  overflow-y: hidden;
}
div:where(.swal2-container) h2:where(.swal2-title) {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: .8em 1em 0;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}
div:where(.swal2-container) div:where(.swal2-actions) {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 1.25em auto 0;
  padding: 0;
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
  opacity: .4;
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(#0000001a,#0000001a);
}
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(#0003,#0003);
}
div:where(.swal2-container) div:where(.swal2-loader) {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: .25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}
div:where(.swal2-container) button:where(.swal2-styled) {
  margin: .3125em;
  padding: .625em 1.1em;
  transition: box-shadow .1s;
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500;
}
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
  cursor: pointer;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus-visible {
  box-shadow: 0 0 0 3px #7066e080;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #dc3741;
  color: #fff;
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus-visible {
  box-shadow: 0 0 0 3px #dc374180;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: #6e7881;
  color: #fff;
  font-size: 1em;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus-visible {
  box-shadow: 0 0 0 3px #6e788180;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible {
  box-shadow: 0 0 0 3px #6496c880;
}
div:where(.swal2-container) button:where(.swal2-styled):focus-visible {
  outline: none;
}
div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
  border: 0;
}
div:where(.swal2-container) div:where(.swal2-footer) {
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid #eee;
  color: inherit;
  font-size: 1em;
  text-align: center;
}
div:where(.swal2-container) .swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto!important;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
  width: 100%;
  height: .25em;
  background: #0003;
}
div:where(.swal2-container) img:where(.swal2-image) {
  max-width: 100%;
  margin: 2em auto 1em;
}
div:where(.swal2-container) button:where(.swal2-close) {
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: color .1s,box-shadow .1s;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: #ccc;
  font-family: monospace;
  font-size: 2.5em;
  cursor: pointer;
  justify-self: end;
}
div:where(.swal2-container) button:where(.swal2-close):hover {
  transform: none;
  background: transparent;
  color: #f27474;
}
div:where(.swal2-container) button:where(.swal2-close):focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px #6496c880;
}
div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
  border: 0;
}
div:where(.swal2-container) .swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 0;
  padding: 1em 1.6em .3em;
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
}
div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox) {
  margin: 1em 2em 3px;
}
div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea) {
  box-sizing: border-box;
  width: auto;
  transition: border-color .1s,box-shadow .1s;
  border: 1px solid #d9d9d9;
  border-radius: .1875em;
  background: transparent;
  box-shadow: inset 0 1px 1px #0000000f,0 0 0 3px transparent;
  color: inherit;
  font-size: 1.125em;
}
div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
  border-color: #f27474!important;
  box-shadow: 0 0 2px #f27474!important;
}
div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: inset 0 1px 1px #0000000f,0 0 0 3px #6496c880;
}
div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
  color: #ccc;
}
div:where(.swal2-container) .swal2-range {
  margin: 1em 2em 3px;
  background: #fff;
}
div:where(.swal2-container) .swal2-range input {
  width: 80%;
}
div:where(.swal2-container) .swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}
div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}
div:where(.swal2-container) .swal2-input {
  height: 2.625em;
  padding: 0 .75em;
}
div:where(.swal2-container) .swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: transparent;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-textarea {
  height: 6.75em;
  padding: .75em;
}
div:where(.swal2-container) .swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: .375em .625em;
  background: transparent;
  color: inherit;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}
div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label {
  margin: 0 .6em;
  font-size: 1.125em;
}
div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input {
  flex-shrink: 0;
  margin: 0 .4em;
}
div:where(.swal2-container) label:where(.swal2-input-label) {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}
div:where(.swal2-container) div:where(.swal2-validation-message) {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: .625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666;
  font-size: 1em;
  font-weight: 300;
}
div:where(.swal2-container) div:where(.swal2-validation-message):before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 .625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}
div:where(.swal2-container) .swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: transparent;
  font-weight: 600;
}
div:where(.swal2-container) .swal2-progress-steps li {
  display: inline-block;
  position: relative;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
  background: #add8e6;
  color: #fff;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
  background: #add8e6;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: .4em;
  margin: 0 -1px;
  background: #2778c4;
}
div:where(.swal2-icon) {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto .6em;
  border: .25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
div:where(.swal2-icon) .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}
div:where(.swal2-icon).swal2-error {
  border-color: #f27474;
  color: #f27474;
}
div:where(.swal2-icon).swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: .3125em;
  border-radius: .125em;
  background-color: #f27474;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}
div:where(.swal2-icon).swal2-error.swal2-icon-show {
  animation: swal2-animate-error-icon .5s;
}
div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
  animation: swal2-animate-error-x-mark .5s;
}
div:where(.swal2-icon).swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}
div:where(.swal2-icon).swal2-warning.swal2-icon-show {
  animation: swal2-animate-error-icon .5s;
}
div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark .5s;
}
div:where(.swal2-icon).swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}
div:where(.swal2-icon).swal2-info.swal2-icon-show {
  animation: swal2-animate-error-icon .5s;
}
div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-i-mark .8s;
}
div:where(.swal2-icon).swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}
div:where(.swal2-icon).swal2-question.swal2-icon-show {
  animation: swal2-animate-error-icon .5s;
}
div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
  animation: swal2-animate-question-mark .8s;
}
div:where(.swal2-icon).swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  border-radius: 50%;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -.25em;
  left: -.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: .25em solid rgba(165,220,134,.3);
  border-radius: 50%;
}
div:where(.swal2-icon).swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: .5em;
  left: 1.625em;
  width: .4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: .3125em;
  border-radius: .125em;
  background-color: #a5dc86;
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: .8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: .5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-animate-success-line-tip .75s;
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-animate-success-line-long .75s;
}
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}
[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}
.swal2-show {
  animation: swal2-show .3s;
}
.swal2-hide {
  animation: swal2-hide .15s forwards;
}
.swal2-noanimation {
  transition: none;
}
.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-.625em) rotate(2deg);
  }
  33% {
    transform: translateY(0) rotate(-2deg);
  }
  66% {
    transform: translateY(.3125em) rotate(2deg);
  }
  to {
    transform: translateY(0) rotate(0);
  }
}
@keyframes swal2-toast-hide {
  to {
    transform: rotate(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: .5625em;
    left: .0625em;
    width: 0;
  }
  54% {
    top: .125em;
    left: .125em;
    width: 0;
  }
  70% {
    top: .625em;
    left: -.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: .75em;
    width: .5em;
  }
  to {
    top: 1.125em;
    left: .1875em;
    width: .75em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: .9375em;
    width: 0;
  }
  84% {
    top: .9375em;
    right: 0;
    width: 1.125em;
  }
  to {
    top: .9375em;
    right: .1875em;
    width: 1.375em;
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(.5);
    opacity: 0;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: .0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: .125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  to {
    top: 2.8125em;
    left: .8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  to {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  to {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(.4);
    opacity: 0;
  }
  80% {
    margin-top: -.375em;
    transform: scale(1.15);
  }
  to {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  to {
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  to {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    transform: rotate(45deg);
    opacity: 0;
  }
  25% {
    transform: rotate(-25deg);
    opacity: .4;
  }
  50% {
    transform: rotate(15deg);
    opacity: .8;
  }
  75% {
    transform: rotate(-5deg);
    opacity: 1;
  }
  to {
    transform: rotateX(0);
    opacity: 1;
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
  height: auto!important;
}
body.swal2-no-backdrop .swal2-container {
  background-color: transparent!important;
  pointer-events: none;
}
body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}
body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px #0006;
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll!important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static!important;
  }
}
body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  inset: 0 auto auto 50%;
  transform: translate(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right {
  inset: 0 0 auto auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left {
  inset: 0 auto auto 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left {
  inset: 50% auto auto 0;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  inset: 50% auto auto 50%;
  transform: translate(-50%,-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right {
  inset: 50% 0 auto auto;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  inset: auto auto 0 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  inset: auto auto 0 50%;
  transform: translate(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  inset: auto 0 0 auto;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol,ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,th,td {
  text-align: left;
  font-weight: 400;
  vertical-align: middle;
}
q,blockquote {
  quotes: none;
}
q:before,q:after,blockquote:before,blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block;
}
button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=reset]::-moz-focus-inner {
  padding: 0!important;
  border: 0 none!important;
}
@font-face {
  font-family: rittal-icons;
  src: url(../fonts/rittal-icons-DjPSrxIo.ttf?65kno8) format("truetype"),url(../fonts/rittal-icons-Dw2kpqDI.woff?65kno8) format("woff"),url(../img/rittal-icons-W8d-evyW.svg?65kno8#rittal-icons) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=ricon-]:before,[class*=" ricon-"]:before {
  font-family: rittal-icons!important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=ricon-after-]:after,[class*=" ricon-after-"]:after {
  font-family: rittal-icons!important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ricon-instagram:before,.ricon-after-instagram:after {
  content: "";
  content: ""/"";
}
.ricon-sort_ascending:before,.ricon-after-sort_ascending:after {
  content: "";
  content: ""/"";
}
.ricon-sort_default:before,.ricon-after-sort_default:after {
  content: "";
  content: ""/"";
}
.ricon-sort_desc:before,.ricon-after-sort_desc:after {
  content: "";
  content: ""/"";
}
.ricon-trash_can:before,.ricon-after-trash_can:after {
  content: "";
  content: ""/"";
}
.ricon-download_list:before,.ricon-after-download_list:after {
  content: "";
  content: ""/"";
}
.ricon-send:before,.ricon-after-send:after {
  content: "";
  content: ""/"";
}
.ricon-download:before,.ricon-after-download:after {
  content: "";
  content: ""/"";
}
.ricon-add_bookmark:before,.ricon-after-add_bookmark:after {
  content: "";
  content: ""/"";
}
.ricon-world:before,.ricon-after-world:after {
  content: "";
  content: ""/"";
}
.ricon-bookmark:before,.ricon-after-bookmark:after {
  content: "";
  content: ""/"";
}
.ricon-close:before,.ricon-after-close:after {
  content: "";
  content: ""/"";
}
.ricon-arrow_down:before,.ricon-after-arrow_down:after {
  content: "";
  content: ""/"";
}
.ricon-arrow_left:before,.ricon-after-arrow_left:after {
  content: "<";
  content: "<"/"";
}
.ricon-arrow_right:before,.ricon-after-arrow_right:after {
  content: ">";
  content: ">"/"";
}
.ricon-arrow_up:before,.ricon-after-arrow_up:after {
  content: "";
  content: ""/"";
}
.ricon-cart:before,.ricon-after-cart:after {
  content: "";
  content: ""/"";
}
.ricon-inbox:before,.ricon-after-inbox:after {
  content: "";
  content: ""/"";
}
.ricon-profile:before,.ricon-after-profile:after {
  content: "";
  content: ""/"";
}
.ricon-search:before,.ricon-after-search:after {
  content: "";
  content: ""/"";
}
.ricon-link:before,.ricon-after-link:after {
  content: "";
  content: ""/"";
}
.ricon-plus:before,.ricon-after-plus:after {
  content: "+";
  content: "+"/"";
}
.ricon-minus:before,.ricon-after-minus:after {
  content: "-";
  content: "-"/"";
}
.ricon-xing:before,.ricon-after-xing:after {
  content: "";
  content: ""/"";
}
.ricon-twitter:before,.ricon-after-twitter:after {
  content: "";
  content: ""/"";
}
.ricon-facebook:before,.ricon-after-facebook:after {
  content: "";
  content: ""/"";
}
.ricon-youtube:before,.ricon-after-youtube:after {
  content: "";
  content: ""/"";
}
.ricon-linkedin:before,.ricon-after-linkedin:after {
  content: "";
  content: ""/"";
}
.ricon-24h:before,.ricon-after-24h:after {
  content: "";
  content: ""/"";
}
.ricon-placeholder:before,.ricon-after-placeholder:after {
  content: "󢀕";
  content: "󢀕"/"";
}
.ricon-career_person:before,.ricon-after-career_person:after {
  content: "";
  content: ""/"";
}
.ricon-new_window:before,.ricon-after-new_window:after {
  content: "";
  content: ""/"";
}
.ricon-feedback:before,.ricon-after-feedback:after {
  content: "";
  content: ""/"";
}
.ricon-promotion:before,.ricon-after-promotion:after {
  content: "";
  content: ""/"";
}
.ricon-wishlist:before,.ricon-after-wishlist:after {
  content: "";
  content: ""/"";
}
.ricon-where_to_buy:before,.ricon-after-where_to_buy:after {
  content: "";
  content: ""/"";
}
.ricon-partner_portal:before,.ricon-after-partner_portal:after {
  content: "";
  content: ""/"";
}
.ricon-download_lock:before,.ricon-after-download_lock:after {
  content: "";
  content: ""/"";
}
.ricon-blog:before,.ricon-after-blog:after {
  content: "";
  content: ""/"";
}
.ricon-naver:before,.ricon-after-naver:after {
  content: "";
  content: ""/"";
}
.ricon-tiktok:before,.ricon-after-tiktok:after {
  content: "";
  content: ""/"";
}
.ricon-tistory:before,.ricon-after-tistory:after {
  content: "";
  content: ""/"";
}
.ricon-wechat:before,.ricon-after-wechat:after {
  content: "";
  content: ""/"";
}
.ricon-youku:before,.ricon-after-youku:after {
  content: "";
  content: ""/"";
}
.ricon-quote:before,.ricon-after-quote:after {
  content: "„";
  content: "„"/"";
}
.ricon-cloud_computing:before,.ricon-after-cloud_computing:after {
  content: "";
  content: ""/"";
}
.ricon-efficiency:before,.ricon-after-efficiency:after {
  content: "";
  content: ""/"";
}
.ricon-growth:before,.ricon-after-growth:after {
  content: "";
  content: ""/"";
}
.ricon-speed:before,.ricon-after-speed:after {
  content: "";
  content: ""/"";
}
.ricon-thumb_up:before,.ricon-after-thumb_up:after {
  content: "";
  content: ""/"";
}
.ricon-stripes:before,.ricon-after-stripes:after {
  content: "";
  content: ""/"";
}
.ricon-supply:before,.ricon-after-supply:after {
  content: "";
  content: ""/"";
}
.ricon-excel:before,.ricon-after-excel:after {
  content: "";
  content: ""/"";
}
.ricon-csv:before,.ricon-after-csv:after {
  content: "";
  content: ""/"";
}
.ricon-user_rights:before,.ricon-after-user_rights:after {
  content: "";
  content: ""/"";
}
.ricon-password:before,.ricon-after-password:after {
  content: "";
  content: ""/"";
}
.ricon-list:before,.ricon-after-list:after {
  content: "";
  content: ""/"";
}
.ricon-spare_parts:before,.ricon-after-spare_parts:after {
  content: "";
  content: ""/"";
}
.ricon-document:before,.ricon-after-document:after {
  content: "";
  content: ""/"";
}
.ricon-location:before,.ricon-after-location:after {
  content: "";
  content: ""/"";
}
.ricon-oci_integration:before,.ricon-after-oci_integration:after {
  content: "";
  content: ""/"";
}
.ricon-panel_config:before,.ricon-after-panel_config:after {
  content: "";
  content: ""/"";
}
.ricon-favourite:before,.ricon-after-favourite:after {
  content: "";
  content: ""/"";
}
.ricon-error:before,.ricon-after-error:after {
  content: "";
  content: ""/"";
}
.ricon-pdf:before,.ricon-after-pdf:after {
  content: "";
  content: ""/"";
}
.ricon-clear_all:before,.ricon-after-clear_all:after {
  content: "";
  content: ""/"";
}
.ricon-logout:before,.ricon-after-logout:after {
  content: "";
  content: ""/"";
}
.ricon-info:before,.ricon-after-info:after {
  content: "";
  content: ""/"";
}
.ricon-update:before,.ricon-after-update:after {
  content: "";
  content: ""/"";
}
.ricon-list_alternate:before,.ricon-after-list_alternate:after {
  content: "";
  content: ""/"";
}
.ricon-calendar:before,.ricon-after-calendar:after {
  content: "";
  content: ""/"";
}
.ricon-cancel:before,.ricon-after-cancel:after {
  content: "";
  content: ""/"";
}
.ricon-announcement:before,.ricon-after-announcement:after {
  content: "";
  content: ""/"";
}
.ricon-login:before,.ricon-after-login:after {
  content: "";
  content: ""/"";
}
.ricon-file_upload:before,.ricon-after-file_upload:after {
  content: "";
  content: ""/"";
}
.ricon-favourite_checked:before,.ricon-after-favourite_checked:after {
  content: "";
  content: ""/"";
}
.ricon-text_increase:before,.ricon-after-text_increase:after {
  content: "";
  content: ""/"";
}
.ricon-fullscreen:before,.ricon-after-fullscreen:after {
  content: "";
  content: ""/"";
}
.ricon-edit:before,.ricon-after-edit:after {
  content: "";
  content: ""/"";
}
.ricon-view_list:before,.ricon-after-view_list:after {
  content: "";
  content: ""/"";
}
.ricon-grid_view:before,.ricon-after-grid_view:after {
  content: "";
  content: ""/"";
}
.ricon-local_shipping:before,.ricon-after-local_shipping:after {
  content: "";
  content: ""/"";
}
.ricon-statusbox:before,.ricon-after-statusbox:after {
  content: "";
  content: ""/"";
}
.ricon-statusbox_checked:before,.ricon-after-statusbox_checked:after {
  content: "";
  content: ""/"";
}
.ricon-dots:before,.ricon-after-dots:after {
  content: "";
  content: ""/"";
}
.ricon-line:before,.ricon-after-line:after {
  content: "";
  content: ""/"";
}
.ricon-line_dots:before,.ricon-after-line_dots:after {
  content: "";
  content: ""/"";
}
.ricon-personal_data:before,.ricon-after-personal_data:after {
  content: "";
  content: ""/"";
}
.ricon-fullscreen_exit:before,.ricon-after-fullscreen_exit:after {
  content: "";
  content: ""/"";
}
.ricon-bonus_badge:before,.ricon-after-bonus_badge:after {
  content: "";
  content: ""/"";
}
.ricon-accessories:before,.ricon-after-accessories:after {
  content: "";
  content: ""/"";
}
.ricon-climate_control:before,.ricon-after-climate_control:after {
  content: "";
  content: ""/"";
}
.ricon-enclosures:before,.ricon-after-enclosures:after {
  content: "";
  content: ""/"";
}
.ricon-it_Infrastructure:before,.ricon-after-it_Infrastructure:after {
  content: "";
  content: ""/"";
}
.ricon-power_distribution:before,.ricon-after-power_distribution:after {
  content: "";
  content: ""/"";
}
.ricon-ras:before,.ricon-after-ras:after {
  content: "";
  content: ""/"";
}
.ricon-service:before,.ricon-after-service:after {
  content: "";
  content: ""/"";
}
.ricon-upload_file:before,.ricon-after-upload_file:after {
  content: "";
  content: ""/"";
}
.ricon-check_circle:before,.ricon-after-check_circle:after {
  content: "";
  content: ""/"";
}
.ricon-x:before,.ricon-after-x:after {
  content: "";
  content: ""/"";
}
.ricon-expand_less:before,.ricon-after-expand_less:after {
  content: "";
  content: ""/"";
}
.ricon-expand_more:before,.ricon-after-expand_more:after {
  content: "";
  content: ""/"";
}
.ricon-settings:before,.ricon-after-settings:after {
  content: "";
  content: ""/"";
}
.ricon-rics_config:before,.ricon-after-rics_config:after {
  content: "";
  content: ""/"";
}
.ricon-fit_width:before,.ricon-after-fit_width:after {
  content: "";
  content: ""/"";
}
.ricon-eye_shut:before,.ricon-after-eye_shut:after {
  content: "";
  content: ""/"";
}
.ricon-eye:before,.ricon-after-eye:after {
  content: "";
  content: ""/"";
}
.ricon-configure:before,.ricon-after-configure:after {
  content: "";
  content: ""/"";
}
:root {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
h1,h2,h3,h4,h5,h6,b,strong {
  font-weight: 400;
}
a {
  color: inherit;
  line-height: inherit;
}
sup {
  font-size: .625em;
  position: relative;
  top: -.625em;
}
sub {
  font-size: .625em;
  position: relative;
  top: .25em;
}
.fade-enter-active,.fade-leave-active {
  transition: opacity .74s;
}
.fade-enter-from,.fade-leave-to {
  opacity: 0;
}
.list-group-transition-enter-active {
  transition: all .39s ease-out;
}
.list-group-transition-leave-active {
  position: absolute;
  transition: all .1s linear;
  opacity: 0;
  transform: translate(25%);
  width: 100%;
}
.list-group-transition-move {
  transition: all .24s ease-in-out;
  transition-delay: 0;
}
.list-group-transition-enter-from {
  opacity: 0;
  transform: translate(25%);
}
.grid-group-transition-enter-from {
  opacity: 0;
}
.grid-group-transition-enter-active {
  transition: all 1s;
}
.grid-group-transition-leave-active {
  transition: none;
  opacity: 0;
  position: absolute;
}
.grid-group-transition-move {
  transition: all .5s cubic-bezier(.77,0,.175,1);
}
.slideInOutRight-enter-from,.slideInOutRight-leave-to {
  transform: translate(100%);
}
.slideInOutRight-enter-active,.slideInOutRight-leave-active {
  position: absolute;
  left: 0;
  z-index: 10;
  transition: all .62s ease-out;
}
.slideInOutRight-leave-active {
  transition: all .62s ease-in;
}
.bounce-tada-enter-active {
  animation: bounce-bottom .72s both;
}
.bounce-tada-leave-active {
  position: absolute;
  opacity: 0;
}
.dl-teaser-transition-enter-from {
  opacity: 0;
  transform: translate(100px);
}
@keyframes bounce-bottom {
  0% {
    transform: translateY(9px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    transform: translateY(6px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(3px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateY(2px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateY(1px);
    animation-timing-function: ease-in;
  }
  25%,55%,75%,87% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  to {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes shake-horizontal {
  0%,to {
    transform: translate(0);
  }
  10%,30%,50%,70% {
    transform: translate(-10px);
  }
  20%,40%,60% {
    transform: translate(0);
  }
  80% {
    transform: translate(0);
  }
  90% {
    transform: translate(-8px);
  }
}
@keyframes shake-horizontal-alter {
  0%,to {
    position: relative;
    left: 0;
  }
  10%,30%,50%,70% {
    left: 10px;
  }
  20%,40%,60%,80% {
    left: 0;
  }
  90% {
    left: 8px;
  }
}
@keyframes rollInFromButton {
  0% {
    opacity: 0;
    transform: translateY(50vw);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes rollInFromRight {
  0% {
    opacity: 0;
    transform: translate(100vw);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
body.swal2-shown {
  padding-right: 0!important;
}
@media screen and (max-width: 639px) {
  body.swal2-shown #app {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  body.swal2-shown {
    overflow: initial!important;
  }
}
.swal2-container {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .swal2-container {
    overflow-x: hidden!important;
    overflow-y: hidden!important;
    height: 100vh;
    width: 100vw;
  }
}
.swal2-container .swal2-modal {
  border-radius: 0;
  color: #000;
  background-color: #f5f5f7;
}
@media screen and (min-width: 1024px) {
  .swal2-container .swal2-modal {
    max-height: 100vh;
    overflow-y: auto!important;
    overflow-x: hidden;
  }
}
.swal2-container .swal2-modal.swal-success {
  border-left: 5px solid #008e4f;
  padding-bottom: 0;
}
.swal2-container .swal2-modal.swal-error {
  border-left: 5px solid #BE0000;
  padding-bottom: 0;
}
.swal2-container .swal2-modal.swal-flyout {
  height: 100vh;
  width: 375px;
  max-width: 100vw;
  margin-right: var(--scrollbar-width, 0);
  padding: 0;
}
.swal2-container .swal2-modal.swal-flyout .swal2-html-container {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.swal2-container .swal2-modal.swal-flyout .swal2-timer-progress-bar-container {
  bottom: auto;
  top: 0;
  border-radius: 0;
}
.swal2-container .swal2-modal.swal-flyout .swal2-timer-progress-bar-container .swal2-timer-progress-bar {
  background-color: #e50043;
  height: 4px;
}
@media screen and (max-width: 639px) {
  .swal2-container .swal2-modal.swal-flyout {
    width: 100%;
    margin-right: 0;
  }
}
.swal2-container .swal2-modal.swal-dark {
  color: #fff;
  background-color: #000;
}
.swal2-container .swal2-modal.swal-dark .swal2-title {
  color: #fff;
}
.swal2-container .swal2-modal.swal-grey {
  --background: #F5F5F7;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #FFF;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.swal2-container .swal2-modal .swal2-actions {
  justify-content: right;
  padding: 8px 12px;
  background-color: #fff;
  width: 100%;
}
.swal2-container .swal2-modal button.swal2-styled.swal2-confirm {
  padding: 10px 24px;
  border-radius: 0;
  background-color: #000;
}
.swal2-container .swal2-modal button.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 3px 1px #008bd0;
  outline: 1px solid #008bd0;
}
.swal2-container .swal2-html-container {
  margin: 20px 20px 0;
}
@media screen and (min-width: 1024px) {
  .swal2-container .swal2-html-container {
    overflow: visible;
  }
}
.swal2-container.swal2-backdrop-show {
  background-color: #000000bf!important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.swal2-container .swal2-title {
  color: #000;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}
.swal2-container .swal2-text {
  color: #000;
}
.swal2-container .swal2-footer {
  background-color: #fff;
  margin-top: 22px;
}
.swal2-container .swal2-button {
  background-color: #000;
  border-radius: 0;
  font-weight: 700;
  font-family: inherit;
}
.swal2-container .swal2-button:focus {
  box-shadow: 0 0 3px 1px #008bd0;
  outline: 1px solid #008bd0;
}
.swal2-container .swal2-button:not([disabled]):hover {
  background-color: #333;
}
.swal2-container .swal2-icon--success__hide-corners,.swal2-container .swal2-icon--success:before,.swal2-container .swal2-icon--success:after {
  background-color: #f5f5f7;
}
.swal2-container .swal-animate-flyout-in {
  animation: swalFlyoutIn .32s ease-out;
}
.swal2-container .swal-animate-flyout-out {
  animation: swalFlyoutOut .32s ease-in;
}
.swal2-container .table-config-swal {
  background-color: #000;
  overflow-y: auto;
  max-height: 100vh;
  scrollbar-color: #E50043 #000;
  scrollbar-width: thin;
}
.swal2-container .table-config-swal::-webkit-scrollbar-track {
  background-color: #000;
}
.swal2-container .table-config-swal::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.swal2-container .table-config-swal::-webkit-scrollbar-thumb {
  background-color: #e50043;
  border: 0 none transparent;
}
.swal2-container .table-config-swal .swal2-html-container {
  margin: 20px 18px 0;
  padding: 0 2px 2px;
}
.swal2-container .table-config-swal .swal2-actions {
  background-color: #000;
  padding: 0 20px;
}
.swal2-container .table-config-swal .swal2-actions button.swal2-confirm {
  background-color: #e50043;
  color: #fff;
  margin: 0;
}
.swal2-container .swal-animate-fade-up-in {
  animation: swalFadeUpIn .24s ease-out;
}
.swal2-container .swal-animate-fade-up-out {
  animation: swalFadeUpOut .18s ease;
}
@keyframes swalFlyoutIn {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes swalFlyoutOut {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(100%);
  }
}
@keyframes swalFadeUpIn {
  0% {
    transform: translateY(60px);
    opacity: 0;
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}
@keyframes swalFadeUpOut {
  0% {
    transform: translate(0);
    opacity: 1;
  }
  to {
    transform: translateY(40px);
    opacity: 0;
  }
}
.toastify.custom {
  background: #000;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: flex-start;
  padding: 7px 14px;
  cursor: initial;
  -webkit-user-select: none;
  user-select: none;
  border-left: 3px solid #E50043;
  border-radius: 0;
  box-shadow: 0 0 0 0 transparent;
  max-width: 60ch;
}
.toastify.highlight {
  background-color: #e50043;
  border-left-color: #e50043;
  color: #fff;
  font-weight: 700;
}
.toastify.highlight a:not(.action) {
  color: #fff;
  text-decoration: underline;
}
.toastify.success {
  border-left-color: #008e4f;
}
.toastify.error {
  border-left-color: #be0000;
}
.toastify:before {
  position: relative;
  top: -1px;
  padding-right: 10px;
  font-size: 12px;
  line-height: 20px;
}
.toastify.ricon-cart:before {
  top: -1px;
  font-size: 20px;
}
.toastify:after {
  position: absolute;
  top: 10.5px;
  right: 12px;
  font-size: 12px;
}
.toastify .toast-close {
  position: relative;
  z-index: 2;
  color: transparent;
  right: -6px;
  padding: 2px 5px;
}
.swiper-button-next,.swiper-button-prev {
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
}
:root {
  --background: #FFF;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #000;
  --inputDisabled: #888;
  --inputSolid: #F5F5F7;
  --onInputSolid: #000;
  --inputSolidSecondary: #FFF;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #F5F5F7;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
html {
  width: 100%;
  overscroll-behavior: contain;
}
body {
  overscroll-behavior: contain;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  html {
    overflow-x: hidden;
    overflow-y: scroll;
  }
  body {
    overflow-y: visible;
    overflow-x: hidden;
  }
}
.visually-hidden {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0,0,0,0);
  position: absolute;
}
.row {
  line-height: 0;
  font-size: 0;
  box-sizing: border-box;
}
.row:after {
  display: table;
  clear: both;
  content: " ";
}
.row .row {
  margin-left: -20px;
  margin-right: -20px;
}
.row .row.nested {
  margin-left: 0;
  margin-right: 0;
}
.row .columns {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  line-height: 1rem;
  font-size: 1rem;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
:where(.row .columns img) {
  max-width: 100%;
}
.row.collapse .columns {
  padding-left: 0;
  padding-right: 0;
}
.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}
.row.small-gaps {
  margin-left: -6px;
  margin-right: -6px;
}
.row.small-gaps .columns {
  padding-left: 6px;
  padding-right: 6px;
}
.columns.small-1 {
  width: 8.3333333333%;
  width: calc(100% / 12);
}
.columns.small-push-1 {
  left: 8.3333333333%;
  position: relative;
}
.columns.small-pull-1 {
  left: -8.3333333333%;
  position: relative;
}
.columns.small-2 {
  width: 16.6666666667%;
  width: calc(100% / 6);
}
.columns.small-push-2 {
  left: 16.6666666667%;
  position: relative;
}
.columns.small-pull-2 {
  left: -16.6666666667%;
  position: relative;
}
.columns.small-3 {
  width: 25%;
}
.columns.small-push-3 {
  left: 25%;
  position: relative;
}
.columns.small-pull-3 {
  left: -25%;
  position: relative;
}
.columns.small-4 {
  width: 33.3333333333%;
  width: calc(100% / 3);
}
.columns.small-push-4 {
  left: 33.3333333333%;
  position: relative;
}
.columns.small-pull-4 {
  left: -33.3333333333%;
  position: relative;
}
.columns.small-5 {
  width: 41.6666666667%;
  width: calc(100% / 2.4);
}
.columns.small-push-5 {
  left: 41.6666666667%;
  position: relative;
}
.columns.small-pull-5 {
  left: -41.6666666667%;
  position: relative;
}
.columns.small-6 {
  width: 50%;
}
.columns.small-push-6 {
  left: 50%;
  position: relative;
}
.columns.small-pull-6 {
  left: -50%;
  position: relative;
}
.columns.small-7 {
  width: 58.3333333333%;
  width: calc(100% / 1.7142857143);
}
.columns.small-push-7 {
  left: 58.3333333333%;
  position: relative;
}
.columns.small-pull-7 {
  left: -58.3333333333%;
  position: relative;
}
.columns.small-8 {
  width: 66.6666666667%;
  width: calc(100% / 1.5);
}
.columns.small-push-8 {
  left: 66.6666666667%;
  position: relative;
}
.columns.small-pull-8 {
  left: -66.6666666667%;
  position: relative;
}
.columns.small-9 {
  width: 75%;
  width: calc(100% / 1.3333333333);
}
.columns.small-push-9 {
  left: 75%;
  position: relative;
}
.columns.small-pull-9 {
  left: -75%;
  position: relative;
}
.columns.small-10 {
  width: 83.3333333333%;
  width: calc(100% / 1.2);
}
.columns.small-push-10 {
  left: 83.3333333333%;
  position: relative;
}
.columns.small-pull-10 {
  left: -83.3333333333%;
  position: relative;
}
.columns.small-11 {
  width: 91.6666666667%;
  width: calc(100% / 1.0909090909);
}
.columns.small-push-11 {
  left: 91.6666666667%;
  position: relative;
}
.columns.small-pull-11 {
  left: -91.6666666667%;
  position: relative;
}
.columns.small-12 {
  width: 100%;
}
.columns.small-push-12 {
  left: 100%;
  position: relative;
}
.columns.small-pull-12 {
  left: -100%;
  position: relative;
}
.row.equalize-small {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.row.equalize-small>.columns {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.row.equalize-small>.columns.equalize-top {
  vertical-align: top;
}
@media screen and (min-width: 640px) {
  .columns.medium-1 {
    width: 8.3333333333%;
    width: calc(100% / 12);
  }
  .columns.medium-push-1 {
    left: 8.3333333333%;
    position: relative;
  }
  .columns.medium-pull-1 {
    left: -8.3333333333%;
    position: relative;
  }
  .columns.medium-2 {
    width: 16.6666666667%;
    width: calc(100% / 6);
  }
  .columns.medium-push-2 {
    left: 16.6666666667%;
    position: relative;
  }
  .columns.medium-pull-2 {
    left: -16.6666666667%;
    position: relative;
  }
  .columns.medium-3 {
    width: 25%;
  }
  .columns.medium-push-3 {
    left: 25%;
    position: relative;
  }
  .columns.medium-pull-3 {
    left: -25%;
    position: relative;
  }
  .columns.medium-4 {
    width: 33.3333333333%;
    width: calc(100% / 3);
  }
  .columns.medium-push-4 {
    left: 33.3333333333%;
    position: relative;
  }
  .columns.medium-pull-4 {
    left: -33.3333333333%;
    position: relative;
  }
  .columns.medium-5 {
    width: 41.6666666667%;
    width: calc(100% / 2.4);
  }
  .columns.medium-push-5 {
    left: 41.6666666667%;
    position: relative;
  }
  .columns.medium-pull-5 {
    left: -41.6666666667%;
    position: relative;
  }
  .columns.medium-6 {
    width: 50%;
  }
  .columns.medium-push-6 {
    left: 50%;
    position: relative;
  }
  .columns.medium-pull-6 {
    left: -50%;
    position: relative;
  }
  .columns.medium-7 {
    width: 58.3333333333%;
    width: calc(100% / 1.7142857143);
  }
  .columns.medium-push-7 {
    left: 58.3333333333%;
    position: relative;
  }
  .columns.medium-pull-7 {
    left: -58.3333333333%;
    position: relative;
  }
  .columns.medium-8 {
    width: 66.6666666667%;
    width: calc(100% / 1.5);
  }
  .columns.medium-push-8 {
    left: 66.6666666667%;
    position: relative;
  }
  .columns.medium-pull-8 {
    left: -66.6666666667%;
    position: relative;
  }
  .columns.medium-9 {
    width: 75%;
    width: calc(100% / 1.3333333333);
  }
  .columns.medium-push-9 {
    left: 75%;
    position: relative;
  }
  .columns.medium-pull-9 {
    left: -75%;
    position: relative;
  }
  .columns.medium-10 {
    width: 83.3333333333%;
    width: calc(100% / 1.2);
  }
  .columns.medium-push-10 {
    left: 83.3333333333%;
    position: relative;
  }
  .columns.medium-pull-10 {
    left: -83.3333333333%;
    position: relative;
  }
  .columns.medium-11 {
    width: 91.6666666667%;
    width: calc(100% / 1.0909090909);
  }
  .columns.medium-push-11 {
    left: 91.6666666667%;
    position: relative;
  }
  .columns.medium-pull-11 {
    left: -91.6666666667%;
    position: relative;
  }
  .columns.medium-12 {
    width: 100%;
  }
  .columns.medium-push-12 {
    left: 100%;
    position: relative;
  }
  .columns.medium-pull-12 {
    left: -100%;
    position: relative;
  }
  .row.equalize-medium {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .row.equalize-medium>.columns {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
  }
  .row.equalize-medium>.columns.equalize-top {
    vertical-align: top;
  }
}
@media screen and (min-width: 1024px) {
  .columns.large-1 {
    width: 8.3333333333%;
    width: calc(100% / 12);
  }
  .columns.large-push-1 {
    left: 8.3333333333%;
    position: relative;
  }
  .columns.large-pull-1 {
    left: -8.3333333333%;
    position: relative;
  }
  .columns.large-2 {
    width: 16.6666666667%;
    width: calc(100% / 6);
  }
  .columns.large-push-2 {
    left: 16.6666666667%;
    position: relative;
  }
  .columns.large-pull-2 {
    left: -16.6666666667%;
    position: relative;
  }
  .columns.large-3 {
    width: 25%;
  }
  .columns.large-push-3 {
    left: 25%;
    position: relative;
  }
  .columns.large-pull-3 {
    left: -25%;
    position: relative;
  }
  .columns.large-4 {
    width: 33.3333333333%;
    width: calc(100% / 3);
  }
  .columns.large-push-4 {
    left: 33.3333333333%;
    position: relative;
  }
  .columns.large-pull-4 {
    left: -33.3333333333%;
    position: relative;
  }
  .columns.large-5 {
    width: 41.6666666667%;
    width: calc(100% / 2.4);
  }
  .columns.large-push-5 {
    left: 41.6666666667%;
    position: relative;
  }
  .columns.large-pull-5 {
    left: -41.6666666667%;
    position: relative;
  }
  .columns.large-6 {
    width: 50%;
  }
  .columns.large-push-6 {
    left: 50%;
    position: relative;
  }
  .columns.large-pull-6 {
    left: -50%;
    position: relative;
  }
  .columns.large-7 {
    width: 58.3333333333%;
    width: calc(100% / 1.7142857143);
  }
  .columns.large-push-7 {
    left: 58.3333333333%;
    position: relative;
  }
  .columns.large-pull-7 {
    left: -58.3333333333%;
    position: relative;
  }
  .columns.large-8 {
    width: 66.6666666667%;
    width: calc(100% / 1.5);
  }
  .columns.large-push-8 {
    left: 66.6666666667%;
    position: relative;
  }
  .columns.large-pull-8 {
    left: -66.6666666667%;
    position: relative;
  }
  .columns.large-9 {
    width: 75%;
    width: calc(100% / 1.3333333333);
  }
  .columns.large-push-9 {
    left: 75%;
    position: relative;
  }
  .columns.large-pull-9 {
    left: -75%;
    position: relative;
  }
  .columns.large-10 {
    width: 83.3333333333%;
    width: calc(100% / 1.2);
  }
  .columns.large-push-10 {
    left: 83.3333333333%;
    position: relative;
  }
  .columns.large-pull-10 {
    left: -83.3333333333%;
    position: relative;
  }
  .columns.large-11 {
    width: 91.6666666667%;
    width: calc(100% / 1.0909090909);
  }
  .columns.large-push-11 {
    left: 91.6666666667%;
    position: relative;
  }
  .columns.large-pull-11 {
    left: -91.6666666667%;
    position: relative;
  }
  .columns.large-12 {
    width: 100%;
  }
  .columns.large-push-12 {
    left: 100%;
    position: relative;
  }
  .columns.large-pull-12 {
    left: -100%;
    position: relative;
  }
  .row.equalize-large {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .row.equalize-large>.columns {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
  }
  .row.equalize-large>.columns.equalize-top {
    vertical-align: top;
  }
}
@media screen and (min-width: 1440px) {
  .columns.xlarge-1 {
    width: 8.3333333333%;
    width: calc(100% / 12);
  }
  .columns.xlarge-push-1 {
    left: 8.3333333333%;
    position: relative;
  }
  .columns.xlarge-pull-1 {
    left: -8.3333333333%;
    position: relative;
  }
  .columns.xlarge-2 {
    width: 16.6666666667%;
    width: calc(100% / 6);
  }
  .columns.xlarge-push-2 {
    left: 16.6666666667%;
    position: relative;
  }
  .columns.xlarge-pull-2 {
    left: -16.6666666667%;
    position: relative;
  }
  .columns.xlarge-3 {
    width: 25%;
  }
  .columns.xlarge-push-3 {
    left: 25%;
    position: relative;
  }
  .columns.xlarge-pull-3 {
    left: -25%;
    position: relative;
  }
  .columns.xlarge-4 {
    width: 33.3333333333%;
    width: calc(100% / 3);
  }
  .columns.xlarge-push-4 {
    left: 33.3333333333%;
    position: relative;
  }
  .columns.xlarge-pull-4 {
    left: -33.3333333333%;
    position: relative;
  }
  .columns.xlarge-5 {
    width: 41.6666666667%;
    width: calc(100% / 2.4);
  }
  .columns.xlarge-push-5 {
    left: 41.6666666667%;
    position: relative;
  }
  .columns.xlarge-pull-5 {
    left: -41.6666666667%;
    position: relative;
  }
  .columns.xlarge-6 {
    width: 50%;
  }
  .columns.xlarge-push-6 {
    left: 50%;
    position: relative;
  }
  .columns.xlarge-pull-6 {
    left: -50%;
    position: relative;
  }
  .columns.xlarge-7 {
    width: 58.3333333333%;
    width: calc(100% / 1.7142857143);
  }
  .columns.xlarge-push-7 {
    left: 58.3333333333%;
    position: relative;
  }
  .columns.xlarge-pull-7 {
    left: -58.3333333333%;
    position: relative;
  }
  .columns.xlarge-8 {
    width: 66.6666666667%;
    width: calc(100% / 1.5);
  }
  .columns.xlarge-push-8 {
    left: 66.6666666667%;
    position: relative;
  }
  .columns.xlarge-pull-8 {
    left: -66.6666666667%;
    position: relative;
  }
  .columns.xlarge-9 {
    width: 75%;
    width: calc(100% / 1.3333333333);
  }
  .columns.xlarge-push-9 {
    left: 75%;
    position: relative;
  }
  .columns.xlarge-pull-9 {
    left: -75%;
    position: relative;
  }
  .columns.xlarge-10 {
    width: 83.3333333333%;
    width: calc(100% / 1.2);
  }
  .columns.xlarge-push-10 {
    left: 83.3333333333%;
    position: relative;
  }
  .columns.xlarge-pull-10 {
    left: -83.3333333333%;
    position: relative;
  }
  .columns.xlarge-11 {
    width: 91.6666666667%;
    width: calc(100% / 1.0909090909);
  }
  .columns.xlarge-push-11 {
    left: 91.6666666667%;
    position: relative;
  }
  .columns.xlarge-pull-11 {
    left: -91.6666666667%;
    position: relative;
  }
  .columns.xlarge-12 {
    width: 100%;
  }
  .columns.xlarge-push-12 {
    left: 100%;
    position: relative;
  }
  .columns.xlarge-pull-12 {
    left: -100%;
    position: relative;
  }
  .row.equalize-xlarge {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .row.equalize-xlarge>.columns {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
  }
  .row.equalize-xlarge>.columns.equalize-top {
    vertical-align: top;
  }
}
.anchor-target {
  position: relative;
  display: block;
}
.anchor-target .anchor-back {
  position: absolute;
  left: 100%;
  transform: translate(-100%,6px);
  text-decoration: none;
  font-size: 24px;
}
@media screen and (min-width: 1440px) {
  .anchor-target .anchor-back {
    font-size: 28px;
    transform: translate(25px,5px);
  }
  .anchor-target .anchor-back:hover {
    color: #e50043;
  }
}
.article-block {
  position: relative;
  padding: 0;
  background-color: var(--background);
  color: var(--onBackground);
}
.article-block .bg-image-wrapper,.article-block .bg-image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.article-block .bg-image-wrapper img {
  object-fit: cover;
}
@media screen and (max-width: 639px) {
  .article-block .bg-image-wrapper img.--img-mobile+.--img-desktop {
    display: none;
  }
}
@media screen and (min-width: 640px) {
  .article-block .bg-image-wrapper img.--img-mobile {
    display: none;
  }
}
.article-block.--light {
  --background: #FFF;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #000;
  --inputDisabled: #888;
  --inputSolid: #F5F5F7;
  --onInputSolid: #000;
  --inputSolidSecondary: #FFF;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #F5F5F7;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.article-block.--dark {
  --background: #000;
  --onBackground: #FFF;
  --onBackgroundSecondary: #E0E0E0;
  --surface: #FFF;
  --onSurface: #000;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #FF4C4C;
  --warning-color: #FF9600;
  --success-color: #00B359;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #FFF;
  --onButtonSecondary: #000;
  --buttonSecondaryHover: #dfdfdf;
  --buttonSecondaryOption: #303031;
  --onButtonSecondaryOption: #FFF;
  --buttonSecondaryOptionHover: #444446;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.article-block.--dark.--transparent {
  background-color: transparent;
}
.article-block.--grey {
  --background: #F5F5F7;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #FFF;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.article-block.--home-style {
  --surface: var(--background);
  --onSurface: var(--onBackground);
}
.article-block.--banner {
  --background: #000;
  --onBackground: #FFF;
  --onBackgroundSecondary: #E0E0E0;
  --surface: #FFF;
  --onSurface: #000;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #FF4C4C;
  --warning-color: #FF9600;
  --success-color: #00B359;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #FFF;
  --onButtonSecondary: #000;
  --buttonSecondaryHover: #dfdfdf;
  --buttonSecondaryOption: #303031;
  --onButtonSecondaryOption: #FFF;
  --buttonSecondaryOptionHover: #444446;
  background: linear-gradient(-180deg,#444,#111);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.article-block.--banner.--pink {
  background: #e50043;
}
.article-block.--banner.--home-style {
  background: linear-gradient(to bottom,#000 29%,#121213 66%,#2c2e31 80%,#2e2e35,#1a1b20 98%);
  padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .article-block.--banner.--home-style {
    padding-bottom: 40px;
  }
}
.article-block.--with-spacing {
  padding-top: 20px;
  padding-bottom: 20px;
}
.article-block.--with-spacing:first-child {
  padding-top: 58px;
}
.article-block.--campaign-block {
  margin-bottom: 40px;
}
.article-block.--campaign-block:last-of-type {
  margin-bottom: 80px;
}
.article-block.--highlight {
  position: relative;
}
.article-block.--highlight:before {
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to right,#e5004333,#290b1333,#0003);
  left: 0;
  right: auto;
}
.article-block.--highlight.--textRight:before {
  left: auto;
  right: 0;
  background: linear-gradient(to left,#e5004333,#290b1333,#0003);
}
.article-block.--highlight>* {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 640px) {
  .article-block.--with-spacing {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .article-block.--with-spacing:first-child {
    padding-top: 75px;
  }
}
.article-section {
  scroll-margin-top: 70px;
}
.article-section.--spacing {
  padding-top: 40px;
  padding-bottom: 40px;
}
.article-section.--spacing .block-intro {
  padding-top: 0;
}
.article-section.--spacing .block-intro:last-child {
  padding-bottom: 0;
}
.article-section.--spacing.--light+.article-section.--spacing.--light,.article-section.--spacing.--grey+.article-section.--spacing.--grey,.article-section.--spacing.--dark+.article-section.--spacing.--dark {
  padding-top: 20px;
}
@media screen and (min-width: 1024px) {
  .article-section.--spacing {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .article-section.--spacing .block-intro {
    padding-top: 20;
  }
  .article-section.--spacing .block-intro:last-child {
    padding-bottom: 20px;
  }
  .article-section.--spacing.--light+.article-section.--spacing.--light,.article-section.--spacing.--grey+.article-section.--spacing.--grey,.article-section.--spacing.--dark+.article-section.--spacing.--dark {
    padding-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .article-section {
    scroll-margin-top: 150px;
  }
}
.article-with-sidebar {
  position: relative;
  background-color: #fff;
  padding-bottom: 40px;
  font-size: 0;
}
.article-with-sidebar .sidebar-content {
  position: relative;
  z-index: 2;
}
.article-with-sidebar>.article-content,.article-with-sidebar>.sidebar-content {
  position: relative;
  vertical-align: top;
  min-width: 0;
}
@media screen and (min-width: 1024px) {
  .article-with-sidebar {
    display: flex;
    justify-content: center;
  }
  .article-with-sidebar>.sidebar-content {
    max-width: 33.3333333333%;
    flex-grow: 1;
  }
  .article-with-sidebar>.article-content {
    max-width: 66.6666666667%;
    flex-grow: 1;
  }
  .article-with-sidebar:last-child {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1440px) {
  .article-with-sidebar>.sidebar-content {
    max-width: 360px;
    flex-shrink: 0;
  }
  .article-with-sidebar>.article-content {
    max-width: 1080px;
    flex-grow: 1;
  }
}
.back-to-top {
  position: relative;
  display: flex;
  margin-bottom: 46px;
  height: 0;
  z-index: 105;
  margin-left: 20px;
  margin-right: 20px;
}
.back-to-top a {
  position: absolute;
  bottom: -40px;
  right: 0;
  display: flex;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  font-size: 14px;
  width: auto;
  height: 40px;
  align-items: center;
  text-align: center;
  background-color: #000;
  color: #fff;
}
.back-to-top a .label {
  padding: 0 12px;
  z-index: 2;
  white-space: nowrap;
}
.back-to-top a:after {
  position: relative;
  display: block;
  width: 40px;
  top: -1px;
  flex-basis: 40px;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 28px;
  z-index: 2;
}
@media screen and (min-width: 640px) {
  .back-to-top {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .back-to-top {
    margin-left: 80px;
    margin-right: 80px;
    margin-bottom: 20px;
  }
  .back-to-top a {
    transition: background-color .27s linear;
  }
  .back-to-top a:hover {
    background-color: #e50043;
  }
}
@media screen and (min-width: 1440px) {
  .back-to-top {
    margin-left: 120px;
    margin-right: 120px;
  }
}
.badge-shop {
  width: fit-content;
  padding: 5px 20px 5px 8px;
  display: flex;
  align-items: center;
  font-size: .875rem;
  font-weight: 700;
  border: 2px solid #fff;
  border-radius: 20px;
  background-color: #70707080;
  color: #fff;
}
.badge-shop span {
  margin-right: 5px;
}
.badge-shop .ricon-after-favourite {
  margin-right: 8px;
}
.back-link {
  margin-bottom: 40px;
  font-weight: 700;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none;
  display: inline-block;
}
.back-link.--dark {
  color: #fff;
}
.back-link:hover {
  cursor: pointer;
}
.back-link:before {
  margin-right: 12px;
  font-size: 14px;
  line-height: 20px;
  color: #e50043;
  display: inline-block;
  transform: rotate(180deg);
}
.back-link:after {
  margin-left: 12px;
  font-size: 14px;
  line-height: 20px;
  color: #e50043;
  display: inline-block;
  transform: rotate(0);
}
@media screen and (min-width: 1024px) {
  .back-link span {
    box-shadow: 0 2px #fff0;
    transition: box-shadow .32s ease-in-out;
  }
  .back-link:hover span,.back-link.--dark:hover span {
    box-shadow: 0 2px #e50043;
  }
  .back-link:hover:before,.back-link.--dark:hover:before {
    animation: shake-horizontal-alter 3s cubic-bezier(.455,.03,.515,.955) infinite both;
  }
  .back-link:hover:after,.back-link.--dark:hover:after {
    animation: shake-horizontal-alter 3s cubic-bezier(.455,.03,.515,.955) infinite both;
  }
  .back-link.--dark span {
    box-shadow: 0 2px #888;
  }
}
.badge-new {
  display: inline-block;
  background-color: #e50043;
  color: #fff;
  font-size: 12px;
  letter-spacing: .24px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  padding: 8px 10px;
  border: 1px solid #FFF;
  min-width: 55px;
}
.gallery-aspect-16x10 .badge-new {
  position: absolute;
  left: 15px;
  top: 12px;
}
#breadcrumb {
  position: absolute;
  display: none;
  height: inherit;
  top: 0;
  box-sizing: border-box;
  z-index: 100;
  left: 40px;
  right: 400px;
  color: inherit;
  opacity: 0;
}
#breadcrumb.--active {
  transition: opacity .27s linear;
  opacity: 1;
}
#breadcrumb a {
  position: relative;
  display: inline-block;
  line-height: 38px;
  font-size: 14px;
  text-decoration: none;
  padding: 0 12px;
}
@media screen and (min-width: 1024px) {
  #breadcrumb {
    left: 21px;
    display: flex;
    position: absolute;
  }
  #breadcrumb a {
    display: inline-block;
    align-items: center;
  }
  #breadcrumb a span {
    position: relative;
    box-shadow: 0 2px #e5004300;
    transition: box-shadow .32s ease-in-out;
    white-space: nowrap;
    word-break: keep-all;
  }
  #breadcrumb a:hover span {
    box-shadow: 0 2px #e50043;
  }
  #breadcrumb .bc-transition-enter-active {
    transition: all .32s ease-out;
  }
  #breadcrumb .bc-transition-enter-active:nth-child(1) {
    transition-delay: .1s;
  }
  #breadcrumb .bc-transition-enter-active:nth-child(2) {
    transition-delay: .2s;
  }
  #breadcrumb .bc-transition-enter-active:nth-child(3) {
    transition-delay: .3s;
  }
  #breadcrumb .bc-transition-enter-active:nth-child(4) {
    transition-delay: .4s;
  }
  #breadcrumb .bc-transition-enter-active:nth-child(5) {
    transition-delay: .5s;
  }
  #breadcrumb .bc-transition-enter-active:nth-child(6) {
    transition-delay: .6s;
  }
  #breadcrumb .bc-transition-enter-active:nth-child(7) {
    transition-delay: .7s;
  }
  #breadcrumb .bc-transition-enter-active:nth-child(8) {
    transition-delay: .8s;
  }
  #breadcrumb .bc-transition-enter {
    opacity: 0;
    transform: translate(100px);
  }
}
.collapsable-order {
  font-size: 16px;
  margin-bottom: 10px;
}
.collapsable-order.active .co-content>.collapsable-label:after {
  content: "-";
}
.collapsable-order.active.fullscreen {
  padding: 10vh 15vw;
}
.collapsable-order .collapsable-content.--light {
  background: #fff;
}
.collapsable-order .co-content {
  position: relative;
  background: #e7e7e8;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  line-height: 20px;
}
.collapsable-order .co-content>.collapsable-label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 1%;
  right: 20px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  cursor: pointer;
  display: block;
}
.collapsable-order .co-content>.collapsable-label.fullscreen {
  display: none;
}
.collapsable-order .co-content>.collapsable-label:after {
  content: "+";
  font-family: rittal-icons!important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  transition: color .3s;
}
.collapsable-order .co-content>.collapsable-label:hover:after {
  color: #e50043;
}
.collapsable-order .collapsable-content,.collapsable-order .hide-mobile {
  display: none;
}
.collapsable-order .co-first {
  max-width: 30ch;
}
.collapsable-order .co-status {
  margin-top: 10px;
  color: #008e4f;
}
.collapsable-order .co-status.yellow-status {
  color: #ff9600;
}
.collapsable-order .co-status.pink-status {
  color: #e50043;
}
.collapsable-order .co-status span:before {
  margin-right: 8px;
}
.collapsable-order .mobile-advice {
  padding: 20px;
  font-size: 16px;
  line-height: 20px;
  background-color: #e50043;
  color: #fff;
}
.collapsable-order .mobile-advice p {
  margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
  .collapsable-order .co-first {
    max-width: unset;
  }
}
@media screen and (min-width: 1024px) {
  .collapsable-order .collapsable-container {
    position: relative;
  }
  .collapsable-order .collapsable-content {
    display: block;
    padding: 0 20px 20px;
  }
  .collapsable-order .collapsable-content:focus {
    box-shadow: 0 0 0 transparent;
    outline: 0 transparent;
  }
  .collapsable-order .collapsable-content>.text-image,.collapsable-order .collapsable-content>.video-embed,.collapsable-order .collapsable-content>.richtext-content {
    margin: 40px 0;
  }
  .collapsable-order .collapsable-content>.text-image:last-child,.collapsable-order .collapsable-content>.video-embed:last-child,.collapsable-order .collapsable-content>.richtext-content:last-child {
    margin-bottom: 0;
  }
  .collapsable-order .collapsable-content>.text-image:first-child,.collapsable-order .collapsable-content>.video-embed:first-child,.collapsable-order .collapsable-content>.richtext-content:first-child {
    margin-top: 0;
  }
  .collapsable-order .collapsable-content>.highlight-container,.collapsable-order .collapsable-content>.text-video {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .collapsable-order .collapsable-content>.highlight-container:last-child,.collapsable-order .collapsable-content>.text-video:last-child {
    margin-bottom: 0;
  }
  .collapsable-order .collapsable-content>.highlight-container:first-child,.collapsable-order .collapsable-content>.text-video:first-child {
    margin-top: 0;
  }
  .collapsable-order.active>.collapsable-label:after {
    content: "-";
  }
  .--grey .collapsable-order {
    background-color: #fff;
  }
  .collapsable-order.--form-collapse {
    background-color: transparent;
    border-bottom: 2px solid #000;
    margin-bottom: 20px;
  }
  .collapsable-order.--form-collapse .collapsable-label {
    padding: 10px 33px 10px 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
  }
  .collapsable-order.--form-collapse .collapsable-content {
    padding: 0 0 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .collapsable-order .co-first {
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .collapsable-order .co-numbers {
    margin-right: 20px;
    font-size: 18px;
  }
  .collapsable-order .mobile-advice {
    display: none;
  }
  .collapsable-order .hide-mobile {
    display: inline-block;
  }
}
@media screen and (min-width: 1440px) {
  .collapsable-order.active.fullscreen {
    padding: 15vh 15vw;
  }
}
.content-block {
  max-width: 1440px;
}
.content-block+.content-block:not(.--anchor) {
  margin-top: 40px;
}
.content-block.--anchor:first-child {
  margin-top: -40px;
}
.content-block.--limit-width {
  max-width: 1070px;
}
.content-block.--end-spacing {
  padding-bottom: 40px;
}
.content-block.--unlimited {
  max-width: 100%;
}
@media screen and (min-width: 1024px) {
  .content-block {
    margin-left: auto;
    margin-right: auto;
  }
  .content-block.--end-spacing {
    padding-bottom: 80px;
  }
}
#content {
  position: relative;
  padding-top: 70px;
  min-height: 100vh;
  display: flex;
  flex-flow: column;
}
#content>.content-wrapper {
  flex-grow: 1;
}
@media screen and (min-width: 1024px) {
  #content {
    padding-top: 190px;
  }
  #content.--no-breadcrumb {
    padding-top: 140px;
  }
}
#content.--collapse {
  padding-top: 0;
  margin-left: 0;
  padding-bottom: 0;
}
.locale-list {
  color: #fff;
  padding: 20px 0;
}
.locale-list:last-child {
  padding-bottom: 40px;
}
.locale-list h2 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.locale-list .locale-list-link {
  display: flex;
}
.locale-list .locale-list-link a {
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  padding: 20px 0 17px;
  cursor: pointer;
  border-bottom: 2px solid #212121;
}
.locale-list .lll-primary {
  flex-basis: 100%;
  display: flex;
  justify-content: space-between;
}
.locale-list .lll-country,.locale-list .lll-secondary {
  color: #ababac;
  flex-basis: 50px;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
}
.locale-list .lll-secondary {
  margin-left: 5px;
}
@media screen and (min-width: 1024px) {
  .locale-list {
    padding-top: 40px;
  }
  .locale-list:last-child {
    padding-bottom: 80px;
  }
  .locale-list .lll-country,.locale-list .lll-secondary {
    transition: color .48s ease;
  }
  .locale-list .locale-list-link a {
    padding: 10px 0 8px;
    transition: border-bottom-color .48s ease-in-out,color .48s ease-in-out;
  }
  .locale-list .locale-list-link a:hover {
    border-bottom-color: #e50043;
  }
  .locale-list .locale-list-link a:hover .lll-country,.locale-list .locale-list-link a.lll-secondary:hover {
    color: #fff;
  }
}
.intro-title {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 20px;
}
.intro-title a {
  font-weight: 700;
  color: #e50043;
  text-decoration: none;
}
.intro-title a:hover {
  text-decoration: none;
}
.intro-title a:after {
  font-size: 14px;
  margin-left: 5px;
}
.intro-title a:focus {
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .intro-title a:hover:after {
    animation: shake-horizontal-alter 3s cubic-bezier(.455,.03,.515,.955) infinite both;
  }
}
.custom-input-text {
  --inputDisabled: $lightgrey;
  position: relative;
}
.custom-input-text input[type=email],.custom-input-text input[type=number],.custom-input-text input[type=search],.custom-input-text input[type=text],.custom-input-text input[type=tel],.custom-input-text input[type=url],.custom-input-text input[type=password],.custom-input-text textarea {
  font-size: 18px;
  font-weight: 700;
  height: 52px;
  width: 100%;
  padding: 11px 10px 1px;
  background-color: var(--input);
  border: 2px solid var(--inputBorder);
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}


.custom-input-text input[type=email][disabled],.custom-input-text input[type=number][disabled],.custom-input-text input[type=search][disabled],.custom-input-text input[type=text][disabled],.custom-input-text input[type=tel][disabled],.custom-input-text input[type=url][disabled],.custom-input-text input[type=password][disabled],.custom-input-text textarea[disabled] {
  color: var(--inputDisabled);
  background-color: var(--inputDisabled);
  border-color: var(--inputDisabled);
}
.custom-input-text input[type=email][disabled]+.float-label,.custom-input-text input[type=number][disabled]+.float-label,.custom-input-text input[type=search][disabled]+.float-label,.custom-input-text input[type=text][disabled]+.float-label,.custom-input-text input[type=tel][disabled]+.float-label,.custom-input-text input[type=url][disabled]+.float-label,.custom-input-text input[type=password][disabled]+.float-label,.custom-input-text textarea[disabled]+.float-label {
  color: var(--inputDisabled);
}
.custom-input-text input[type=email].--error,.custom-input-text input[type=number].--error,.custom-input-text input[type=search].--error,.custom-input-text input[type=text].--error,.custom-input-text input[type=tel].--error,.custom-input-text input[type=url].--error,.custom-input-text input[type=password].--error,.custom-input-text textarea.--error {
  border: 2px solid var(--inputError);
}
.custom-input-text input[type=email].--success,.custom-input-text input[type=number].--success,.custom-input-text input[type=search].--success,.custom-input-text input[type=text].--success,.custom-input-text input[type=tel].--success,.custom-input-text input[type=url].--success,.custom-input-text input[type=password].--success,.custom-input-text textarea.--success {
  border: 2px solid var(--inputSuccess);
}
.custom-input-text input[type=email],.custom-input-text input[type=number],.custom-input-text input[type=search],.custom-input-text input[type=text],.custom-input-text input[type=tel],.custom-input-text input[type=url],.custom-input-text input[type=password],.custom-input-text textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-input-text input[type=number]::-webkit-inner-spin-button,.custom-input-text input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-input-text textarea {
  min-height: 65px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.custom-input-text .float-label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #000;
  height: 52px;
  max-width: 100%;
  overflow: hidden;
  line-height: 52px;
  white-space: nowrap;
  padding: 0 10px;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  transition: all .2s ease;
}
.custom-input-text input:focus+.float-label,.custom-input-text input.--ready+.float-label,.custom-input-text textarea:focus+.float-label,.custom-input-text textarea.--ready+.float-label {
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  transform: translate(2px,8px);
}
.custom-input-text input[required]+label:after {
  content: "*";
}
.custom-input-file {
  position: relative;
}
.custom-input-file input[type=file] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 52px;
  width: 40%;
  padding: 11px 10px 1px;
  box-sizing: border-box;
}
.custom-input-file input[type=file]+.float-label {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: 70%;
  height: 52px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.3;
  text-decoration: none;
  text-align: start;
  color: #000;
  background-color: var(--input);
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  transition: all .2s ease;
  display: flex;
  align-items: center;
}
.custom-input-file .input-button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #e50043;
  color: #fff;
  width: 20%;
  min-width: 70px;
  height: 52px;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  transition: background-color .3s,color .3s;
}
.custom-input-file .input-button.ricon-arrow_up {
  font-size: 25px;
  line-height: 52px;
}
.custom-input-file input[type=file]:not([disabled]):hover+.float-label .input-button {
  background-color: #a50030;
}
.custom-input-file input[type=file][disabled]+.float-label {
  background-color: var(--input);
  color: var(--inputDisabled);
  cursor: default;
}
.custom-input-file input[type=file][disabled]+.float-label .input-button {
  background-color: #888;
  color: #c8c8c8;
  cursor: default;
}
.custom-input-file input[type=file][required]+.float-label:after {
  content: "*";
}
.custom-input-file input[type=file].--error+.float-label {
  border: 2px solid var(--inputError);
}
.custom-input-file input[type=file].--error+.float-label .input-button {
  height: 48px;
  line-height: 48px;
}
.--light .custom-input-file input[type=file] + .float-label .input-button {
  height: 47px;
  line-height: 52px;
  border-radius: 40px;
  -webkit-appearance: none;
  appearance: none;
}

.--light .custom-input-file input[type=file].--error+.float-label {
  border: 2px solid var(--inputError);
}
.--light .collapsable-content input[type=file]+.float-label {
  border: 0 none transparent;
}
.--light .collapsable-content input[type=file].--error+.float-label {
  border: 2px solid var(--inputError);
}
a.custom-link {
  color: #e50043;
  font-family: inherit;
  font-weight: 700;
  font-size: inherit;
  text-decoration: none;
  display: inline-block;
}
a.custom-link.--dark {
  color: #fff;
}
a.custom-link:after {
  margin-left: 5px;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
}
a.custom-link:before {
  margin-right: 15px;
  display: inline-block;
  position: relative;
  font-size: 20px;
  top: 2px;
  line-height: 20px;
}
a.custom-link.--bigger:before,a.custom-link.--bigger:after {
  font-size: 28px;
  position: relative;
  top: 5px;
}
@media screen and (min-width: 1024px) {
  a.custom-link span {
    box-shadow: 0 2px #fff0;
    transition: box-shadow .32s ease-in-out;
  }
  a.custom-link:hover span,a.custom-link.--dark:hover span {
    box-shadow: 0 2px #e50043;
  }
  a.custom-link:hover:after,a.custom-link.--dark:hover:after {
    animation: shake-horizontal-alter 3s cubic-bezier(.455,.03,.515,.955) infinite both;
  }
  a.custom-link.--dark span {
    box-shadow: 0 2px #888;
  }
}
.custom-radio {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  transition: all .5s ease-out;
}
.custom-radio .radio-wrapper {
  position: relative;
}
.custom-radio a {
  color: #e50043;
  font-family: inherit;
  font-weight: 700;
  font-size: inherit;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .custom-radio a {
    box-shadow: 0 2px #fff0;
    transition: box-shadow .32s ease-in-out;
  }
  .custom-radio a:hover,.custom-radio a:focus {
    box-shadow: 0 2px #e50043;
  }
}
.custom-radio .sub-radios {
  display: none;
  margin-top: 10px;
}
.custom-radio .sub-radios .custom-radio .radio-wrapper {
  padding: 10px 10px 10px 40px;
  background-color: #fff;
}
.custom-radio input[type=radio] {
  opacity: 0;
  position: absolute;
}
.custom-radio label {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding-left: 30px;
  transition: all .1s ease-out;
  cursor: pointer;
}
.custom-radio .radio-box,.custom-radio .radio-box:after {
  position: absolute;
  content: "";
}
.custom-radio .radio-box {
  height: 16px;
  width: 16px;
  border: 2px solid #000;
  border-radius: 20px;
  left: 0;
  background-color: #fff;
}
.custom-radio .radio-wrapper:hover .radio-box {
  border: 2px solid #E50043;
  cursor: pointer;
  background-color: #e50043;
}
.custom-radio .radio-box:after {
  height: 0;
  width: 0;
  border: 2px solid #000;
  border-radius: 20px;
  left: 6px;
  top: 6px;
  transition: all .1s ease-out;
}
.custom-radio input[type=radio]+label>.radio-box:after {
  content: none;
}
.custom-radio input[type=radio]:hover+label>.radio-box:after {
  content: "";
  border-color: #fff;
}
.custom-radio input[type=radio]:checked+label>.radio-box:after {
  content: "";
  border-color: #fff;
}
.custom-radio input[type=radio]:checked+label>.radio-box {
  background-color: #000;
}
.custom-radio input[type=radio]:checked+label>.radio-box:hover {
  border-color: #000;
}
.custom-radio input[type=radio]:checked~.sub-radios {
  margin-bottom: -10px;
  display: block;
}
.custom-radio input[type=radio]:checked~.sub-radios .custom-radio {
  margin-right: 20px;
}
.custom-radio input[type=radio]:checked~.sub-radios .custom-radio .radio-wrapper {
  background-color: #fff;
}
.custom-radio input[type=radio]:required+label:after {
  content: "*";
}
.custom-radio .--error label>.radio-box {
  border: 2px solid #E50043;
}
.custom-radio .--error.--background {
  border: 2px solid #E50043;
}
.custom-radio input[type=radio]:focus+label>.radio-box {
  box-shadow: 0 0 5px 1px #e50043;
}
.custom-radio input[type=radio]:disabled+label>.radio-box:after {
  content: none;
}
.custom-radio input[type=radio]:disabled+label>.radio-box:hover {
  border-color: #888;
  cursor: not-allowed;
}
.custom-radio input[type=radio]:disabled+label>.radio-box {
  border-color: #888;
  background-color: transparent;
}
.custom-radio input[type=radio]:disabled+label {
  color: #888;
  cursor: not-allowed;
}
.custom-radio .--background {
  font-size: 18px;
  background-color: #fff;
  padding: 15px 10px;
  cursor: pointer;
}
.custom-radio .--background .radio-box:after {
  top: 6.5px;
}
.--dark .custom-radio:not(.collapsable .custom-radio) {
  color: #fff;
}
.--dark .custom-radio:not(.collapsable .custom-radio) .radio-box {
  border: 2px solid #FFF;
}
.--dark .custom-radio:not(.collapsable .custom-radio) .--background {
  background-color: #888;
}
.--dark .custom-radio:not(.collapsable .custom-radio) .--background input[type=radio]:disabled+label>.radio-box:after {
  content: none;
}
.--dark .custom-radio:not(.collapsable .custom-radio) .radio-box:hover {
  border: 2px solid #E50043;
  cursor: pointer;
}
.--dark .custom-radio:not(.collapsable .custom-radio) input[type=radio]:checked+label>.radio-box:after {
  content: "";
  border: 2px solid #000;
}
.--dark .custom-radio:not(.collapsable .custom-radio) input[type=radio]:checked+label>.radio-box {
  background-color: #fff;
  border: 2px solid #FFF;
}
.--dark .custom-radio:not(.collapsable .custom-radio) input[type=radio]:disabled+label {
  color: #fff6;
}
.--dark .custom-radio:not(.collapsable .custom-radio) input[type=radio]:disabled+label>.radio-box {
  border-color: #888;
  background-color: transparent;
  border: 2px solid rgba(255,255,255,.4);
}
.--dark .custom-radio:not(.collapsable .custom-radio) input[type=radio]:checked~.sub-radios label {
  color: #000;
}
.--dark .custom-radio:not(.collapsable .custom-radio) input[type=radio]:checked~.sub-radios input[type=radio]:checked+label>.radio-box {
  border-color: #000;
}
.--dark .custom-radio:not(.collapsable .custom-radio) input[type=radio]:checked~.sub-radios .radio-wrapper {
  background-color: #f5f5f7;
}
.--light .custom-radio .--background {
  background-color: #f5f5f7;
}
.--light .custom-radio .--background input[type=radio]:disabled+label>.radio-box:after {
  content: none;
}
:root {
  --vs-colors--lightest: rgba(60, 60, 60, .26);
  --vs-colors--light: rgba(60, 60, 60, .5);
  --vs-colors--dark: #333;
  --vs-colors--darkest: rgba(0, 0, 0, .15);
  --vs-search-input-color: inherit;
  --vs-search-input-placeholder-color: inherit;
  --vs-font-size: 1rem;
  --vs-line-height: 1.4;
  --vs-state-disabled-bg: rgb(248, 248, 248);
  --vs-state-disabled-color: var(--vs-colors--light);
  --vs-state-disabled-controls-color: var(--vs-colors--light);
  --vs-state-disabled-cursor: not-allowed;
  --vs-border-color: var(--vs-colors--lightest);
  --vs-border-width: 1px;
  --vs-border-style: solid;
  --vs-border-radius: 4px;
  --vs-actions-padding: 4px 6px 0 3px;
  --vs-controls-color: var(--vs-colors--light);
  --vs-controls-size: 1;
  --vs-controls--deselect-text-shadow: 0 1px 0 #fff;
  --vs-selected-bg: #f0f0f0;
  --vs-selected-color: var(--vs-colors--dark);
  --vs-selected-border-color: var(--vs-border-color);
  --vs-selected-border-style: var(--vs-border-style);
  --vs-selected-border-width: var(--vs-border-width);
  --vs-dropdown-bg: #fff;
  --vs-dropdown-color: inherit;
  --vs-dropdown-z-index: 1000;
  --vs-dropdown-min-width: 160px;
  --vs-dropdown-max-height: 350px;
  --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
  --vs-dropdown-option-bg: #000;
  --vs-dropdown-option-color: var(--vs-dropdown-color);
  --vs-dropdown-option-padding: 3px 20px;
  --vs-dropdown-option--active-bg: #5897fb;
  --vs-dropdown-option--active-color: #fff;
  --vs-dropdown-option--deselect-bg: #fb5858;
  --vs-dropdown-option--deselect-color: #fff;
  --vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);
  --vs-transition-duration: .15s;
}
.v-select {
  position: relative;
  font-family: inherit;
}
.v-select,.v-select * {
  box-sizing: border-box;
}
:root {
  --vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);
  --vs-transition-duration: .15s;
}
@-webkit-keyframes vSelectSpinner {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes vSelectSpinner {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.vs__fade-enter-active,.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity var(--vs-transition-duration) var(--vs-transition-timing-function);
}
.vs__fade-enter,.vs__fade-leave-to {
  opacity: 0;
}
:root {
  --vs-disabled-bg: var(--vs-state-disabled-bg);
  --vs-disabled-color: var(--vs-state-disabled-color);
  --vs-disabled-cursor: var(--vs-state-disabled-cursor);
}
.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator {
  cursor: var(--vs-disabled-cursor);
  background-color: var(--vs-disabled-bg);
}
.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}
.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}
.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}
.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}
.vs__dropdown-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  padding: 0 0 4px;
  background: none;
  border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
  border-radius: var(--vs-border-radius);
  white-space: normal;
}
.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}
.vs__actions {
  display: flex;
  align-items: center;
  padding: var(--vs-actions-padding);
}
.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}
.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}
.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.vs__open-indicator {
  fill: var(--vs-controls-color);
  transform: scale(var(--vs-controls-size));
  transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function);
  transition-timing-function: var(--vs-transition-timing-function);
}
.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(var(--vs-controls-size));
}
.vs--loading .vs__open-indicator {
  opacity: 0;
}
.vs__clear {
  fill: var(--vs-controls-color);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}
.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - var(--vs-border-width));
  left: 0;
  z-index: var(--vs-dropdown-z-index);
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: var(--vs-dropdown-max-height);
  min-width: var(--vs-dropdown-min-width);
  overflow-y: auto;
  box-shadow: var(--vs-dropdown-box-shadow);
  border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
  border-top-style: none;
  border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius);
  text-align: left;
  list-style: none;
  background: var(--vs-dropdown-bg);
  color: var(--vs-dropdown-color);
}
.vs__no-options {
  text-align: center;
}
.vs__dropdown-option {
  line-height: 1.42857143;
  display: block;
  padding: var(--vs-dropdown-option-padding);
  clear: both;
  color: var(--vs-dropdown-option-color);
  white-space: nowrap;
  cursor: pointer;
}
.vs__dropdown-option--highlight {
  background: var(--vs-dropdown-option--active-bg);
  color: var(--vs-dropdown-option--active-color);
}
.vs__dropdown-option--deselect {
  background: var(--vs-dropdown-option--deselect-bg);
  color: var(--vs-dropdown-option--deselect-color);
}
.vs__dropdown-option--disabled {
  background: var(--vs-state-disabled-bg);
  color: var(--vs-state-disabled-color);
  cursor: var(--vs-state-disabled-cursor);
}
.vs__selected {
  display: flex;
  align-items: center;
  background-color: var(--vs-selected-bg);
  border: var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);
  border-radius: var(--vs-border-radius);
  color: var(--vs-selected-color);
  line-height: var(--vs-line-height);
  margin: 4px 2px 0;
  padding: 0 .25em;
  z-index: 0;
}
.vs__deselect {
  display: inline-flex;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: var(--vs-controls-color);
  text-shadow: var(--vs-controls--deselect-text-shadow);
}
.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}
.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected {
  position: absolute;
  opacity: .4;
}
.vs--single.vs--searching .vs__selected {
  display: none;
}
.vs__search::-webkit-search-cancel-button {
  display: none;
}
.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear {
  display: none;
}
.vs__search,.vs__search:focus {
  color: var(--vs-search-input-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: var(--vs-line-height);
  font-size: var(--vs-font-size);
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}
.vs__search::-moz-placeholder {
  color: var(--vs-search-input-placeholder-color);
}
.vs__search::placeholder {
  color: var(--vs-search-input-placeholder-color);
}
.vs--unsearchable .vs__search {
  opacity: 1;
}
.vs--unsearchable:not(.vs--disabled) .vs__search {
  cursor: pointer;
}
.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: .2;
}
.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: .9em solid rgba(100,100,100,.1);
  border-right: .9em solid rgba(100,100,100,.1);
  border-bottom: .9em solid rgba(100,100,100,.1);
  border-left: .9em solid rgba(60,60,60,.45);
  transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
  -webkit-animation: vSelectSpinner 1.1s infinite linear;
  animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity .1s;
}
.vs__spinner,.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
}
.vs--loading .vs__spinner {
  opacity: 1;
}
.custom-select {
  background: var(--input);
  position: relative;
  --vs-search-input-color: inherit;
  --vs-search-input-placeholder-color: inherit;
  --vs-line-height: 1.4;
  --vs-state-disabled-bg: transparent;
  --vs-state-disabled-color: var(--onInput);
  --vs-state-disabled-controls-color: var(--onInput);
  --vs-state-disabled-cursor: not-allowed;
  --vs-border-color: transparent;
  --vs-border-width: 0;
  --vs-border-style: none;
  --vs-border-radius: 0;
  --vs-controls-color: var(--onInput);
  --vs-controls--deselect-text-shadow: 0 0 0 transparent;
  --vs-selected-bg: var(--input);
  --vs-dropdown-bg: var(--input);
  --vs-dropdown-color: inherit;
  --vs-dropdown-z-index: 100;
  --vs-dropdown-min-width: 54px;
  --vs-dropdown-max-height: 270px;
  --vs-dropdown-box-shadow: 0 0 0 transparent;
  --vs-dropdown-option-bg: var(--input);
}
.custom-select .v-select.vs--disabled .vs__actions {
  visibility: hidden;
}
.custom-select .vs__dropdown-toggle,.custom-select .vs__dropdown-menu {
  outline: 2px solid var(--inputBorder);
  outline-offset: -2px;
}
.custom-select .vs__dropdown-menu {
  top: 52px;
}
.custom-select.--gray-dropdown .vs__dropdown-toggle,.custom-select.--gray-dropdown .vs__dropdown-menu {
  background-color: var(--inputSolid);
  outline: none;
  outline-offset: none;
}
.custom-select.--gray-dropdown .vs__dropdown-toggle .vs__dropdown-option--highlight,.custom-select.--gray-dropdown .vs__dropdown-menu .vs__dropdown-option--highlight,.custom-select.--gray-dropdown .vs__actions {
  background-color: var(--inputSolid);
}
.custom-select.--gray-dropdown .vs__dropdown-option--selected .custom-select-option {
  border-bottom-color: var(--onInputSolid);
}
.custom-select.--error .vs__dropdown-toggle {
  outline: 2px solid var(--inputError);
  outline-offset: -2px;
}
.custom-select.--light-font .vs--single .vs__selected {
  font-weight: 500;
}
.custom-select.--small-label .vs__search::placeholder {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 12px;
  line-height: 14px;
}
.custom-select .hidden-input {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0,0,0,0);
  position: absolute;
}
.custom-select .vs__search,.custom-select .vs__search:focus {
  font-size: 18px;
  line-height: 24px;
  margin: 15px 5px;
  padding: 0;
  border: 0 none transparent;
}
.custom-select .vs__search {
  background-color: transparent;
}
.custom-select .vs__search[type=search]::-webkit-search-decoration,.custom-select .vs__search[type=search]::-webkit-search-cancel-button,.custom-select .vs__search[type=search]::-webkit-search-results-button,.custom-select .vs__search[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.custom-select .vs--unsearchable .vs__search {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.custom-select .vs__selected-options {
  min-height: 54px;
  padding: 9px 0;
  max-width: 100%;
  flex-grow: 0;
  align-items: center;
  overflow: hidden;
}
.custom-select .vs__dropdown-menu {
  padding: 0 10px 0 0;
  background-color: var(--input);
}
.custom-select .vs__dropdown-toggle,.custom-select .vs__dropdown-option {
  min-height: 54px;
  color: var(--onInput);
}
.custom-select .vs__dropdown-toggle {
  padding: 0;
}
.custom-select .vs__dropdown-option {
  padding: 16px 10px;
  overflow: hidden;
}
.custom-select .vs__no-options {
  line-height: 24px;
  padding: 15px 10px;
}
.custom-select .vs__dropdown-option--highlight {
  background-color: var(--input);
}
.custom-select .custom-select-option {
  display: block;
  box-sizing: border-box;
  border-bottom: 2px solid transparent;
  white-space: normal;
  overflow: hidden;
}
.custom-select .vs__dropdown-option--selected .custom-select-option {
  font-weight: 700;
  display: block;
  border-bottom: 2px solid var(--onInput);
}
.custom-select .vs__dropdown-option--highlight .custom-select-option {
  display: block;
  border-bottom: 2px solid var(--highlight);
}
.custom-select .vs__selected {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  min-height: 26px;
  top: 0;
  left: 0;
  padding: 3px 6px;
  margin: 5px 0 5px 10px;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  background-color: var(--highlight);
  color: var(--onHighlight);
}
.custom-select .vs__selected .ricon-close {
  margin-left: 3px;
  color: var(--onHighlight);
  font-size: 12px;
}
.custom-select .vs--single.vs--open .vs__selected {
  position: relative;
}
.custom-select .vs__open-indicator {
  color: var(--onInput);
  line-height: 1;
  transition: transform .24s ease;
  transform-origin: 50%;
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
}
.custom-select .vs__open-indicator.ricon-search {
  font-size: 20px;
}
.custom-select .vs__clear {
  font-size: 16px;
}
.custom-select .vs--open .vs__open-indicator.ricon-search {
  transform: scale(1);
}
.custom-select .vs__actions {
  background-color: var(--input);
  z-index: 10;
  margin: 2px 2px 2px 0;
}
.custom-select .vs--single .vs__dropdown-toggle {
  cursor: pointer;
}
.custom-select .vs--single .vs__selected {
  background-color: transparent;
  padding: 3px 0;
  color: var(--onInput);
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  overflow: visible;
  pointer-events: none;
  margin: 5px 5px 5px 10px;
}
.custom-select .vs--single .vs__search {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.custom-select .vs--single.vs--open .vs__selected {
  max-width: 95%;
}
.custom-select.--button-style {
  --vs-actions-padding: 0px 6px 0 3px;
}
.custom-select.--button-style .vs__dropdown-toggle,.custom-select.--button-style .vs__dropdown-option,.custom-select.--button-style .vs__selected-options {
  min-height: 50px;
}
.custom-select.--button-style .vs__dropdown-menu {
  top: 50px;
}
.custom-select.--button-style .vs__selected {
  font-size: 16px;
  min-height: 22px;
}
.custom-select.--button-style .vs--single .vs__selected {
  margin-top: 5px;
}
.custom-select.--button-style .vs__selected-options {
  justify-content: center;
  padding: 7px 0;
}
.custom-select.--button-style .vs__search {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}
@media screen and (min-width: 1024px) {
  .custom-select.--button-style .vs__dropdown-toggle,.custom-select.--button-style .vs__dropdown-option,.custom-select.--button-style .vs__selected-options {
    min-height: 40px;
  }
  .custom-select.--button-style .vs__selected {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .custom-select.--button-style .vs--single .vs__selected {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
  }
  .custom-select.--button-style .vs__dropdown-menu {
    top: 40px;
  }
  .custom-select.--button-style .vs--multiple .vs__selected-options {
    padding: 7px 0 2px;
  }
}
.custom-select .vs__search,.custom-select .vs__search:focus {
  margin: 0;
  padding: 0 5px 0 10px;
}
.--light .collapsable-content .custom-select .vs__dropdown-toggle,.--light .collapsable-content .custom-select .vs__dropdown-menu {
  outline: 0 none transparent;
  outline-offset: 0;
}
.--light .collapsable-content .custom-select .vs__dropdown-menu {
  top: 52px;
}
.custom-text-area {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  font-size: 18px;
  letter-spacing: 0px;
  position: relative;
  margin-bottom: 10px;
}
.custom-text-area textarea {
  box-sizing: border-box;
  padding: 23px 12px 10px;
  width: 100%;
  height: auto;
  min-height: 156px;
  border: none;
  line-height: 22px;
  font-size: 18px;
  letter-spacing: 0px;
  resize: none;
}
.custom-text-area textarea[disabled] {
  color: #888;
  background-color: #ababac;
  border-color: #ababac;
}
.custom-text-area textarea[disabled]+label {
  color: #888;
  background-color: transparent;
}
.custom-text-area textarea:focus~label {
  transform: translate(-1px,-7px);
  font-size: 12px;
  line-height: 14px;
}
.custom-text-area textarea:disabled {
  cursor: not-allowed;
}
.custom-text-area label {
  background-color: #fff;
  padding: 0 8px 1px;
  margin: 0 4px;
  position: absolute;
  z-index: 10;
  transform-origin: top left;
  transition: all .1s ease-in-out;
  top: 15px;
}
.custom-text-area.--has-content label {
  transform: translate(-1px,-7px);
  font-size: 12px;
  line-height: 14px;
}
.custom-text-area textarea.--ready+label {
  transform: translate(-1px,-7px);
  font-size: 12px;
  line-height: 14px;
}
.custom-text-area.--error {
  border: 2px solid #E50043;
}
.custom-text-area textarea[required]+label:after {
  content: "*";
}
.--light .custom-text-area {
  border: 2px solid #000;
}
.--light .custom-text-area.--error {
  border: 2px solid #E50043;
}
.--light .collapsable-content .custom-text-area {
  border: 0 none transparent;
}
.--light .collapsable-content.--error {
  border: 2px solid #E50043;
}
.dam-icon {
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: auto;
  height: auto;
}
.dam-icon.-icon-max-75 {
  max-width: 75%;
}
.dam-icon.-icon-max-66 {
  max-width: 66.6666666667%;
}
.dam-icon.-icon-max-50 {
  max-width: 50%;
}
.dam-icon.-icon-max-33 {
  max-width: 33.3333333333%;
}
.dam-icon.-icon-max-25 {
  max-width: 25%;
}
.detail-info-text {
  max-width: 64ch;
  font-size: 11px;
  line-height: 16px;
  color: #888;
}
.detail-info-text:not(:last-child) {
  margin-bottom: 40px;
}
.detail-info-text p {
  margin-bottom: 20px;
}
.detail-info-text a {
  cursor: pointer;
  text-decoration: underline;
  font-weight: 600;
}
.--dark .detail-info-text {
  color: #fff;
}
.--grey .detail-info-text {
  color: #000;
}
.description-list dl>div {
  border-top: 1px solid black;
  padding: 10px 0;
}
.description-list dl>div:last-of-type {
  border-bottom: 1px solid black;
}
.description-list dt,.description-list dd {
  font-size: 14px;
  line-height: 16px;
}
.description-list dt {
  font-weight: 700;
}
@media screen and (max-width: 639px) {
  .description-list dt {
    padding-bottom: 10px;
  }
}
.description-list a {
  color: #e50043;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.description-list a:hover,.description-list a:focus {
  box-shadow: 0 -2px #e50043 inset;
}
@media screen and (min-width: 640px) {
  .description-list dl>div {
    position: relative;
    height: 100%;
    display: flow-root;
  }
  .description-list dt {
    width: calc(33.3333% - 20px);
    float: left;
    height: 100%;
  }
  .description-list dd {
    width: calc(66.6666% - 20px);
    margin-left: calc(33.3333% + 20px);
  }
}
.--dark .description-list {
  color: #fff;
  border-color: #fff;
}
.--dark .description-list .description-list-title,.--dark .description-list dl>div,.--dark .description-list dd,.--dark .description-list dl,.--dark .description-list dt {
  color: #fff;
  border-color: #fff;
}
.file-type-icon {
  position: relative;
  display: inline-block;
  height: 40px;
}
.file-type-icon .doc-label {
  text-transform: uppercase;
  position: absolute;
  left: 0;
  bottom: 4px;
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  width: 30px;
  line-height: 12px;
  text-align: center;
}
.file-type-icon:before {
  font-size: 42px;
  display: inline-block;
  height: 40px;
  width: 30px;
  box-sizing: border-box;
}
.download-link {
  display: flex;
  height: 48px;
  text-decoration: none;
}
.download-link .label {
  position: relative;
  color: #e50043;
  display: inline;
  font-size: 16px;
  line-height: 16px;
  align-self: center;
  margin-left: 10px;
  font-weight: 700;
  top: -2px;
}
.focus-banner-item {
  text-align: center;
}
.focus-banner-item-number {
  font-size: 2.8125rem;
  line-height: 3.25rem;
  font-weight: 700;
}
@media screen and (min-width: 640px) {
  .focus-banner-item-number {
    font-size: 4.0625rem;
    line-height: 4.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .focus-banner-item-number {
    font-size: 5.9375rem;
    line-height: 6.375rem;
  }
}
.focus-banner-item-title {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.footnote-list {
  list-style-type: none;
  display: table;
  font-size: 14px;
  line-height: 19px;
}
.footnote-list li {
  display: table-row;
  scroll-margin-top: 25vh;
}
.footnote-list li+li {
  margin-top: 4px;
}
.footnote-list li:before {
  text-align: left;
  display: table-cell;
  padding-right: 5px;
}
.footnote-list li:nth-of-type(1):before {
  content: "*";
}
.footnote-list li:nth-of-type(2):before {
  content: "**";
}
.footnote-list li:nth-of-type(3):before {
  content: "***";
}
.footnote-list li:nth-of-type(4):before {
  content: "****";
}
.footnote-list li:nth-of-type(5):before {
  content: "*****";
}
.footnote-list li:nth-of-type(6):before {
  content: "******";
}
.footnote-list li:nth-of-type(7):before {
  content: "*******";
}
.footnote-list li:nth-of-type(8):before {
  content: "********";
}
.footnote-list li:nth-of-type(9):before {
  content: "*********";
}
.footnote-list li:nth-of-type(10):before {
  content: "**********";
}
.hubspot-embed {
  position: relative;
  color: #000;
}
.hubspot-embed .hubspot-embed-wrapper {
  position: relative;
  padding: 40px 0 20px;
  transition: opacity .32s linear;
}
.hubspot-embed.--loading .hubspot-embed-wrapper {
  opacity: 0;
}
.hubspot-embed .hs-form-iframe {
  max-width: 100%;
  width: 100%!important;
}
.hubspot-embed .loading-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.hubspot-embed h1 {
  color: inherit;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 26px;
  margin-bottom: 20px;
}
.hubspot-embed fieldset {
  max-width: none!important;
  box-sizing: border-box;
  margin: 0 -6px!important;
}
@media (min-width: 401px) {
  .hubspot-embed .form-columns-3 .hs-form-field {
    width: 33.3333333333%!important;
  }
}
.hubspot-embed .hs-form-field {
  padding: 0 6px;
  box-sizing: border-box;
}
.hubspot-embed .input {
  margin-right: 0!important;
}
.hubspot-embed .hs-input {
  box-sizing: border-box;
}
.hubspot-embed .hs-richtext {
  margin: 0 6px;
}
.hubspot-embed .hs-richtext p {
  font-size: 14px;
  line-height: 20px;
  margin: 14px 0;
}
.hubspot-embed .hs-richtext strong {
  font-size: 16px;
  line-height: 22px;
}
.hubspot-embed .hs-richtext a {
  color: #e50043;
  font-family: inherit;
  font-weight: 700;
  font-size: inherit;
  text-decoration: none;
  box-shadow: 0 2px #fff0;
  transition: box-shadow .32s ease-in-out;
}
.hubspot-embed .hs-richtext a:hover {
  box-shadow: 0 2px #e50043;
}
.hubspot-embed .inputs-list:not(.no-list) {
  margin-bottom: 5px;
  padding-left: 5px;
}
.hubspot-embed .inputs-list:not(.no-list):first-child {
  padding-top: 5px;
}
.hubspot-embed .field {
  margin-bottom: 18px;
}
.hubspot-embed .field label {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
}
.hubspot-embed .field label .hs-form-required {
  color: #e50043;
}
.hubspot-embed .field .hs-error-msgs {
  margin-top: 4px;
  color: #e50043;
}
.hubspot-embed .field input[type=email],.hubspot-embed .field input[type=number],.hubspot-embed .field input[type=search],.hubspot-embed .field input[type=text],.hubspot-embed .field input[type=tel],.hubspot-embed .field input[type=url],.hubspot-embed .field input[type=password],.hubspot-embed .field textarea,.hubspot-embed .field select {
  font-size: 18px;
  height: 42px;
  width: 100%!important;
  padding: 0 10px;
  background-color: #fff;
  border: 2px solid #FFF;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}
.hubspot-embed .field input[type=email][disabled],.hubspot-embed .field input[type=number][disabled],.hubspot-embed .field input[type=search][disabled],.hubspot-embed .field input[type=text][disabled],.hubspot-embed .field input[type=tel][disabled],.hubspot-embed .field input[type=url][disabled],.hubspot-embed .field input[type=password][disabled],.hubspot-embed .field textarea[disabled],.hubspot-embed .field select[disabled] {
  color: #888;
  background-color: #ababac;
  border-color: #ababac;
}
.hubspot-embed .field input[type=email].error,.hubspot-embed .field input[type=number].error,.hubspot-embed .field input[type=search].error,.hubspot-embed .field input[type=text].error,.hubspot-embed .field input[type=tel].error,.hubspot-embed .field input[type=url].error,.hubspot-embed .field input[type=password].error,.hubspot-embed .field textarea.error,.hubspot-embed .field select.error {
  border: 2px solid #E50043;
}
.hubspot-embed .field input[type=email],.hubspot-embed .field input[type=number],.hubspot-embed .field input[type=search],.hubspot-embed .field input[type=text],.hubspot-embed .field input[type=tel],.hubspot-embed .field input[type=url],.hubspot-embed .field input[type=password],.hubspot-embed .field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.hubspot-embed .field input[type=number]::-webkit-inner-spin-button,.hubspot-embed .field input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hubspot-embed .field textarea {
  font-family: inherit;
  min-height: 65px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.hubspot-embed .field input[type=checkbox] {
  border: 2px solid #000;
}
.hubspot-embed .field .hs-form-checkbox label,.hubspot-embed .field .hs-form-booleancheckbox label,.hubspot-embed .field .hs-form-radio label {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
}
.hubspot-embed .field .hs-form-checkbox label a,.hubspot-embed .field .hs-form-booleancheckbox label a,.hubspot-embed .field .hs-form-radio label a {
  color: #e50043;
  font-family: inherit;
  font-weight: 700;
  font-size: inherit;
  text-decoration: none;
  box-shadow: 0 2px #fff0;
  transition: box-shadow .32s ease-in-out;
}
.hubspot-embed .field .hs-form-checkbox label a:hover,.hubspot-embed .field .hs-form-booleancheckbox label a:hover,.hubspot-embed .field .hs-form-radio label a:hover {
  box-shadow: 0 2px #e50043;
}
.hubspot-embed .field .hs-form-checkbox label input,.hubspot-embed .field .hs-form-booleancheckbox label input,.hubspot-embed .field .hs-form-radio label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.hubspot-embed .field .hs-form-checkbox label input~span,.hubspot-embed .field .hs-form-booleancheckbox label input~span,.hubspot-embed .field .hs-form-radio label input~span {
  margin-left: 0!important;
  font-size: 14px;
  line-height: 20px;
}
.hubspot-embed .field .hs-form-checkbox label input~span:before,.hubspot-embed .field .hs-form-booleancheckbox label input~span:before,.hubspot-embed .field .hs-form-radio label input~span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 2px solid #000;
}
.hubspot-embed .field .hs-form-checkbox label input~span:after,.hubspot-embed .field .hs-form-booleancheckbox label input~span:after,.hubspot-embed .field .hs-form-radio label input~span:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.hubspot-embed .field .hs-form-checkbox label:hover input~span:before,.hubspot-embed .field .hs-form-booleancheckbox label:hover input~span:before,.hubspot-embed .field .hs-form-radio label:hover input~span:before {
  border-color: #e50043;
}
.hubspot-embed .field .hs-form-checkbox label input:checked~span:before,.hubspot-embed .field .hs-form-booleancheckbox label input:checked~span:before,.hubspot-embed .field .hs-form-radio label input:checked~span:before {
  background-color: #000;
}
.hubspot-embed .field .hs-form-checkbox label input:checked~span:after,.hubspot-embed .field .hs-form-booleancheckbox label input:checked~span:after,.hubspot-embed .field .hs-form-radio label input:checked~span:after {
  display: block;
}
.hubspot-embed .field .hs-form-radio label input~span:before {
  border-radius: 50%;
}
.hubspot-embed .field .hs-form-radio label input~span:after {
  left: 8px;
  top: 8px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #fff;
}
.hubspot-embed .hs-fieldtype-radio label,.hubspot-embed .hs-fieldtype-checkbox label {
  margin-bottom: 8px;
}
.hubspot-embed input[type=submit],.hubspot-embed button {
  padding: 16px 40px;
  margin: 20px 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  text-transform: none;
  background-color: #e50043;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  transition: background-color .3s,color .3s;
}
.hubspot-embed input[type=submit]:hover,.hubspot-embed button:hover {
  background-color: #a50030;
}
.--light .hubspot-embed:not(.collapsable .hubspot-embed) .field input[type=email],.--light .hubspot-embed:not(.collapsable .hubspot-embed) .field input[type=number],.--light .hubspot-embed:not(.collapsable .hubspot-embed) .field input[type=search],.--light .hubspot-embed:not(.collapsable .hubspot-embed) .field input[type=text],.--light .hubspot-embed:not(.collapsable .hubspot-embed) .field input[type=tel],.--light .hubspot-embed:not(.collapsable .hubspot-embed) .field input[type=url],.--light .hubspot-embed:not(.collapsable .hubspot-embed) .field input[type=password],.--light .hubspot-embed:not(.collapsable .hubspot-embed) .field textarea,.--light .hubspot-embed:not(.collapsable .hubspot-embed) .field select {
  border: 2px solid #000;
}
.--dark .hubspot-embed:not(.collapsable .hubspot-embed) {
  color: #fff;
}
.collapsable-content .hubspot-embed {
  margin: 40px 0;
}
.collapsable-content .hubspot-embed .hubspot-embed-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.icon-circle {
  position: relative;
  background-color: var(--surface);
  border-radius: 50%;
  transition: background-color .3s,color .3s;
  color: var(--highlight);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  width: 72px;
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.icon-circle:before,.icon-circle:after {
  text-align: center;
  vertical-align: middle;
  font-size: 42px;
  line-height: 1;
}
.icon-share a {
  text-decoration: none;
  font-size: 42px;
}
.icon-share a:hover {
  color: #e50043;
  transition: color .3s,color .3s;
}
.icon-share.--small-icon a {
  font-size: 24px;
}
.--dark .icon-share {
  color: #fff;
}
.info-block {
  font-size: 16px;
  line-height: 20px;
  font-style: italic;
  padding: 20px;
  border: solid 1px #E50043;
  color: #000;
  margin-top: 40px;
  background-color: #fff;
}
.info-block .extra-content .custom-button {
  margin-bottom: 0;
}
.info-block .extra-content:empty {
  display: none;
}
.info-block .ricon-error {
  font-size: 24px;
  color: #e50043;
  margin-right: 20px;
}
.info-block .ib-message {
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
}
.info-block .ib-message:not(:last-child) {
  margin-bottom: 20px;
}
.info-block .extra-content {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 640px) {
  .info-block {
    padding: 20px 40px;
  }
  .info-block .ricon-error {
    font-size: 38px;
    margin-right: 40px;
  }
  .info-block .ib-message {
    align-items: center;
  }
  .info-block .custom-button {
    width: 233px;
  }
  .info-block .extra-content {
    max-width: 255px;
  }
  .info-block .extra-content .select-action {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .info-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .info-block .ib-message {
    margin-bottom: 0;
    margin-right: 20px;
  }
  .info-block .ib-message:not(:last-child) {
    margin-bottom: 0;
  }
  .info-block .extra-content {
    flex-basis: 35%;
    flex-grow: 0;
  }
  .info-block .extra-content .select-action {
    min-width: 255px;
  }
}
@media screen and (min-width: 1440px) {
  .info-block .extra-content {
    flex-basis: 25%;
  }
}
.input-number {
  display: flex;
  flex-direction: row;
  width: 80px!important;
  height: 40px;
}
.input-number input {
  box-sizing: border-box;
  width: 50px!important;
  height: 100%;
  border: none;
  background-color: var(--inputSolid);
  text-align: center;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.input-number input.light {
  background-color: var(--input);
}
.input-number input::-webkit-outer-spin-button,.input-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-number .controls {
  display: flex;
  flex-direction: column;
}
.input-number .controls .control-container {
  box-sizing: border-box;
  display: flex;
  margin-left: 1px;
  height: 50%;
  width: 29px;
}
.input-number .controls .control-container.light {
  background-color: var(--input);
}
.input-number .controls .control-container .control {
  width: 100%;
  background-color: var(--background);
  color: var(--onBackground);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.input-number .controls .control:hover {
  color: #be0000;
}
.input-number .controls .hidden {
  display: none;
}
.input-number .control-container:first-of-type {
  justify-content: end;
}
.intro-text,.intro-text.richtext-content {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 40px;
}
.intro-text p+p,.intro-text.richtext-content p+p {
  margin-top: 28px;
}
.--dark .intro-text {
  color: #fff;
}
#jumpnav {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#jumpnav .jumpnav-wrapper {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  scrollbar-color: #E50043 #000;
  scrollbar-width: thin;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-user-select: none;
  user-select: none;
}
#jumpnav .jumpnav-wrapper::-webkit-scrollbar-track {
  background-color: #000;
}
#jumpnav .jumpnav-wrapper::-webkit-scrollbar {
  height: 6px;
  background-color: transparent;
}
#jumpnav .jumpnav-wrapper::-webkit-scrollbar-thumb {
  background-color: #e50043;
  border: 0 none transparent;
}
#jumpnav .jumpnav-links {
  position: relative;
  width: fit-content;
  display: flex;
  flex-flow: row;
  padding: 12px 20px;
  box-sizing: border-box;
}
#jumpnav .jumpnav-link {
  display: flex;
  position: relative;
  height: 60px;
  margin-left: 40px;
  align-items: center;
  text-decoration: none;
  flex-grow: 0;
  flex-shrink: 0;
}
#jumpnav .jumpnav-link:first-child {
  margin-left: 0;
}
#jumpnav .jumpnav-label {
  position: relative;
  display: inline-block;
  color: #000;
  flex-grow: 1;
  font-size: 16px;
  line-height: 18px;
}
#jumpnav .jumpnav-label span {
  white-space: nowrap;
  transition: border-color .22s ease;
  border-bottom: 2px solid rgba(229,0,67,0);
}
#jumpnav .jumpnav-bullet-wrapper {
  position: relative;
  width: 80px;
  height: 60px;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
}
#jumpnav .jumpnav-link:hover .jumpnav-label span {
  border-bottom-color: #e50043;
}
@media screen and (min-width: 1024px) {
  #jumpnav {
    display: block;
  }
}
.--dark #jumpnav .jumpnav-label {
  color: #fff;
}
.language-switch .select {
  display: flex;
  align-items: center;
}
.language-switch label {
  font-size: 14px;
  margin-right: 8px;
}
.language-switch select {
  min-width: 48px;
  width: auto;
  height: 26px;
}
.v-lazy-image,.lazy-image {
  width: 100%;
  opacity: 0;
  transition: opacity .32s linear;
}
.v-lazy-image-loaded {
  opacity: 1;
}
.login-status {
  position: relative;
  z-index: 90;
  padding: 15px 10px;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  background-color: #fff;
}
.login-status.--lightGrey {
  background-color: #f5f5f7;
}
.login-status p,.login-status a {
  padding-right: 10px;
}
.login-status .name-bold {
  font-weight: 600;
}
.login-status .icon-button-wrapper:after {
  font-size: 24px;
}
@media screen and (min-width: 1024px) {
  .login-status {
    padding-right: 10px;
  }
}
.moving-image-video .mi-player *:not(video) {
  display: none;
}
.moving-image-video.--background .mi-player {
  position: absolute!important;
  width: 100%!important;
  height: 100%!important;
}
.moving-image-video.--background .mi-player video {
  object-fit: cover;
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  height: auto!important;
  width: auto!important;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.mi24-thumb {
  display: inline-block;
  background-color: #000;
  padding-bottom: 62.5%;
  position: relative;
  width: 100%;
  object-fit: contain;
}
.mi24-thumb .v-lazy-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
  position: absolute;
}
.mi24-thumb .mi24-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  border: 24px solid transparent;
  border-left-color: #e50043;
  transform: translate(-25%,-50%) scaleY(.625);
}
.order-tracking {
  padding: 0 20px;
  font-size: 18px;
}
.order-tracking .current-status {
  font-size: 18px;
  font-weight: 700;
  margin-top: 8px;
  letter-spacing: .4px;
}
.order-tracking .timeline {
  margin-top: 32px;
}
.order-tracking .order-stop {
  display: flex;
}
.order-tracking .progress {
  display: flex;
  flex-basis: 30px;
  flex-direction: column;
  padding-right: 15px;
}
.order-tracking .status {
  padding-bottom: 27px;
}
.order-tracking .status-title {
  font-weight: 700;
  display: inline-block;
  margin-bottom: 3px;
  letter-spacing: -.4px;
}
.order-tracking .status-date {
  font-size: 16px;
  letter-spacing: -.3px;
}
.order-tracking .tracking {
  line-height: 1.2;
  font-size: 16px;
  line-break: anywhere;
}
.order-tracking .delivery-info {
  font-size: 12px;
  line-height: 1.6;
  padding-bottom: 24px;
}
.order-tracking .ricon-statusbox_checked,.order-tracking .ricon-statusbox,.order-tracking .ricon-line,.order-tracking .ricon-line_dots,.order-tracking .ricon-dots {
  font-size: 30px;
}
.order-tracking .ricon-line,.order-tracking .ricon-line_dots,.order-tracking .ricon-dots {
  padding-left: 14px;
}
.page-notice {
  padding: 20px 0;
  font-size: 16px;
  line-height: 20px;
  color: #595959;
  text-align: center;
  font-style: italic;
}
.page-title {
  padding: 20px;
  font-size: 40px;
  line-height: 48px;
  font-weight: 300;
  color: #000;
}
.page-title.--cap-letter {
  text-transform: uppercase;
}
.--dark .page-title {
  color: #fff;
}
@media screen and (min-width: 640px) {
  .page-title {
    padding-top: 60px;
    padding-bottom: 65px;
  }
}
@media screen and (min-width: 1024px) {
  .page-title {
    max-width: 1400px;
    margin: 0 auto;
  }
}
.product-favorite {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  background-color: #f5f5f7;
  font-weight: 700;
}
.product-favorite .cart-control-wrapper {
  display: flex;
  align-items: center;
}
.product-favorite .interaction-panel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-favorite .interaction-panel .item-amount {
  display: flex;
  flex-direction: column;
}
.product-favorite .interaction-panel input {
  margin-bottom: 10px;
}
.product-favorite .interaction-panel .sub-legend {
  max-width: 10ch;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
}
.product-favorite .interaction-panel .ia-label {
  margin-bottom: 8px;
  font-weight: 500;
}
.product-favorite .interaction-panel .icon-button {
  margin-left: 5px;
}
.product-favorite .interaction-panel .icon-button:last-child {
  margin-left: 10px;
}
.product-favorite .pf-number {
  margin-bottom: 10px;
  font-weight: 500;
}
.product-favorite .pf-primary {
  margin-right: 10px;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 30px;
}
.product-favorite .product-amount {
  height: 50px;
  width: 50px;
  text-align: center;
  background-color: #fff;
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  border: 0 none transparent;
}
.product-favorite .tool-tip-text {
  display: none;
}
@media screen and (min-width: 640px) {
  .product-favorite {
    flex-direction: row;
  }
  .product-favorite .interaction-panel {
    width: unset;
  }
}
@media screen and (min-width: 1024px) {
  .product-favorite .pf-primary {
    max-width: unset;
    width: 66%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .product-favorite .pf-number {
    font-weight: 700;
    margin-bottom: 0;
    min-width: 50%;
  }
  .product-favorite .pf-reference {
    margin-left: 20px;
  }
  .product-favorite .interaction-panel {
    width: 29%;
  }
  .product-favorite .interaction-panel .icon-button:last-child {
    margin-left: 20px;
  }
  .product-favorite .tool-tip-text {
    display: none;
    width: 100px;
    position: absolute;
    top: -50px;
    right: -40px;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    background-color: #e50043;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .product-favorite .icon-button:hover .tool-tip-text {
    display: block;
  }
  .product-favorite .icon-button:hover .tool-tip-text:empty {
    display: none;
  }
}
.quote-content {
  margin-top: 40px;
  margin-bottom: 40px;
}
.quote-content blockquote {
  display: inline-block;
  font-size: 26px;
  line-height: 34px;
  font-weight: 700;
  font-style: italic;
}
.quote-content blockquote:before {
  content: "»";
}
.quote-content blockquote:after {
  content: "«";
}
.quote-content figcaption {
  padding-top: 10px;
  font-size: 16px;
  line-height: 22px;
}
.--dark .quote-content {
  color: #fff;
}
.richtext-content {
  font-size: 18px;
  line-height: 24px;
  color: var(--onBackground);
}
.richtext-content.--info-box {
  border-left: 6px solid #E50043;
  padding: 20px 20px 20px 14px;
  background-color: #f5f5f7;
  color: #000;
}
.--grey .richtext-content.--info-box {
  background-color: #fff;
}
.richtext-content [id] {
  scroll-margin-top: 70px;
}
.richtext-content h2 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 40px;
}
.richtext-content h2:not(:first-child) {
  margin-top: 40px;
}
.richtext-content h3 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.richtext-content h3:not(:first-child) {
  margin-top: 20px;
}
.richtext-content :where(ul) {
  display: block;
  list-style: square;
  list-style-position: outside;
  padding-left: 35px;
}
.richtext-content :where(ul)>li {
  padding-left: 5px;
}
.richtext-content :where(ul)>li>ul {
  list-style: circle;
}
.richtext-content :where(ul)>li>ul>li>ul {
  list-style: disc;
}
.richtext-content :where(ol) {
  display: block;
  counter-reset: olCounter;
  padding-left: 40px;
}
.richtext-content :where(ol)>li {
  counter-increment: olCounter;
  list-style: none;
  position: relative;
}
.richtext-content :where(ol)>li:before {
  content: counter(olCounter) ". ";
  font-weight: 700;
  position: absolute;
  left: -40px;
  width: 40px;
  text-align: center;
}
.richtext-content :where(li) {
  margin-bottom: 14px;
}
.richtext-content p,.richtext-content li {
  font-size: inherit;
  line-height: inherit;
}
.richtext-content p {
  margin-bottom: 20px;
}
.richtext-content a {
  color: var(--highlight);
  font-family: inherit;
  font-weight: 700;
  font-size: inherit;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}
.richtext-content a:after {
  padding-left: 5px;
}
@media screen and (min-width: 1024px) {
  .richtext-content a {
    box-shadow: 0 2px rgba(var(--onBackground),0);
    transition: box-shadow .32s ease-in-out;
  }
  .richtext-content a:not(.phone-link):not(.fax-link):hover,.richtext-content a:not(.phone-link):not(.fax-link):focus {
    box-shadow: 0 2px 0 0 var(--highlight);
  }
}
.richtext-content a.phone-link,.richtext-content a.fax-link {
  color: inherit;
  white-space: nowrap;
  text-decoration: none;
  font-weight: 400;
}
.richtext-content .footnote {
  font-size: 14px;
}
.richtext-content :where(ol),.richtext-content :where(ul) {
  margin-top: 40px;
  margin-bottom: 40px;
}
.richtext-content :where(ol):before,.richtext-content :where(ol):after,.richtext-content :where(ul):before,.richtext-content :where(ul):after {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.richtext-content :where(ol)>li:last-child,.richtext-content :where(ul)>li:last-child {
  margin-bottom: 0;
}
.richtext-content :where(ol)>li>ol,.richtext-content :where(ol)>li>ul,.richtext-content :where(ul)>li>ol,.richtext-content :where(ul)>li>ul {
  margin-top: 20px;
  margin-bottom: 10px;
}
.richtext-content>ol:first-child,.richtext-content>ul:first-child {
  margin-top: 0;
}
.richtext-content>ol:last-child,.richtext-content>ul:last-child {
  margin-bottom: 0;
}
.richtext-content li:after {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.richtext-content>*:last-child {
  margin-bottom: 0;
}
.richtext-content u {
  text-decoration: none;
  box-shadow: 0 .112em #000;
}
.richtext-content em,.richtext-content i {
  font-style: italic;
}
@media screen and (max-width: 639px) {
  .richtext-content li {
    line-height: 22px;
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .richtext-content [id] {
    scroll-margin-top: 180px;
  }
}
.collapsable .richtext-content ol:not(:first-child),.collapsable .richtext-content ul:not(:first-child) {
  margin-top: 20px;
}
.collapsable .richtext-content ol:not(:last-child),.collapsable .richtext-content ul:not(:last-child) {
  margin-bottom: 20px;
}
.rics-link {
  cursor: pointer;
}
.rics-link:where(button):not(.custom-button) {
  border: none;
  background: inherit;
  padding: 0;
}
.roi-text {
  font-size: 12px;
  line-height: 18px;
}
.roi-text span {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}
@media screen and (min-width: 1440px) {
  .roi-text {
    font-size: 13px;
    line-height: 19px;
  }
  .roi-text span {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 20px;
  }
}
.separation-line {
  margin: 0 20px;
  border: none;
  border-top: 1px solid #C1C1C1;
}
.calendar-download-icon {
  position: relative;
  cursor: pointer;
  transition: color .2s ease;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-family: inherit;
  color: inherit;
  font-size: 13px;
  line-height: 1;
}
.calendar-download-icon:before {
  font-size: 22px;
}
@media screen and (min-width: 1024px) {
  .calendar-download-icon:hover {
    color: var(--highlight);
  }
}
.custom-tag {
  display: inline-block;
  color: #fff;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 16px;
  background-color: #212121;
}
.custom-tag.--pink {
  background-color: #e50043;
}
.custom-tag.--blue {
  background-color: #008bd0;
}
.custom-tag.--green,.custom-tag.--branchen {
  background-color: #008e4f;
}
.custom-tag.--it {
  background-color: #008bd0;
}
.custom-tag.--off {
  background-color: #005ea8;
}
.custom-tag.--ie {
  background-color: #93117e;
}
.custom-tag.--product-categories {
  background-color: #005ea8;
}
.custom-tag.--company {
  background-color: #6a4a95;
}
.custom-tag.ricon-after-close:after {
  font-size: 12px;
  padding-left: 8px;
}
.title-block {
  margin-bottom: 20px;
}
.title-block p+p {
  margin-bottom: 25px;
}
.title-block .title-block-h3 {
  font-weight: 300;
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 40px;
}
.title-block .subheadline-intro {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 30px;
}
.title-block .intro-text-block {
  font-size: 16px;
  line-height: 20px;
}
video {
  width: 100%;
  height: auto;
  background-color: #000;
}
video.--background {
  object-fit: cover;
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.video-embed {
  position: relative;
  padding-top: 1px;
  padding-bottom: 56.25%;
  background-color: #000;
}
.video-embed.--aspect-16x9 {
  padding-bottom: 56.25%;
}
.video-embed.--aspect-16x10 {
  padding-bottom: 62.5%;
}
.video-embed.--aspect-4x3 {
  padding-bottom: 75%;
}
.video-embed.--aspect-16x5 {
  padding-bottom: 31.25%;
}
.video-embed .video-wrapper {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  overflow: hidden;
}
.video-embed:not(:has(.mi-player)) iframe {
  position: absolute;
  width: 100%!important;
  height: 100%!important;
}
.video-embed .mi-video-title {
  display: none;
}
.video-embed:has(.mi-cover) .mi-video-title {
  display: block;
  opacity: 1;
}
.content-block .video-embed {
  margin-bottom: 40px;
}
.inline-consent:has(.consent-dialogue) {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inline-consent:has(.consent-dialogue) .consent-dialogue {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inline-consent:has(.consent-dialogue) .consent-dialogue .text {
  color: #fff;
  text-align: center;
  max-width: 80%;
  line-height: 1.325;
}
.inline-consent:has(.consent-dialogue) .consent-dialogue .custom-button {
  margin-top: 20px;
  max-width: max-content;
}
@media screen and (min-width: 1024px) {
  .inline-consent:has(.consent-dialogue) {
    margin: unset;
  }
  .inline-consent:has(.consent-dialogue) .text {
    text-align: unset;
  }
}
.oxomi-embed.custom-button.--small {
  height: unset;
}
.signup-password-field .input-group-wrapper .input-wrapper {
  position: relative;
}
.signup-password-field .input-group-wrapper .input-wrapper.columns {
  vertical-align: top;
}
.signup-password-field .input-group-wrapper .input-wrapper input {
  margin-bottom: 10px;
}
.signup-password-field .input-group-wrapper .input-wrapper input::-webkit-credentials-auto-fill-button,.signup-password-field .input-group-wrapper .input-wrapper input::-ms-reveal,.signup-password-field .input-group-wrapper .input-wrapper input::-webkit-reveal {
  visibility: hidden;
  pointer-events: none;
}
.signup-password-field .input-group-wrapper .input-wrapper .show-password {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 52px;
  line-height: 52px;
  white-space: nowrap;
  padding: 0 20px;
}
.signup-password-field .input-group-wrapper .input-wrapper .error {
  color: #e50043;
  padding-bottom: 10px;
}
.signup-password-field .input-group-wrapper .guideline-wrapper {
  padding-bottom: 10px;
}
.signup-password-field .input-group-wrapper .guideline-wrapper ul li:before {
  color: #be0000;
  padding-right: 5px;
  position: relative;
  top: 2px;
}
.signup-password-field .input-group-wrapper .guideline-wrapper ul li.ricon-check_circle:before {
  color: #008e4f;
}
.tooltip-button {
  position: absolute;
  left: var(--tooltip-x, 50%);
  top: var(--tooltip-y, 50%);
  transform: translate(-50%,-50%);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #e50043;
  cursor: pointer;
  border: unset;
}
.tooltip-button>span {
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  z-index: 9;
}
.tooltip-overlay {
  position: absolute;
  width: 300px;
  left: calc(var(--tooltip-x, 50%) - 150px);
  top: calc(var(--tooltip-y, 50%) + 30px);
  background-color: #e50043;
  box-shadow: 0 2px 8px #00000014;
  opacity: 0;
  transform: translate(20px);
  pointer-events: none;
  transition: opacity .25s ease,transform .5s ease;
}
.tooltip-overlay.is-visible {
  opacity: 1;
  transform: translate(0);
  pointer-events: auto;
}
@media screen and (min-width: 1024px) {
  .tooltip-overlay {
    width: 450px;
  }
}
.tooltip-close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  background: none;
  border: none;
}
.tooltip-close-button .ricon-close {
  margin: 10px 10px 0 0;
  font-size: 30px;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .tooltip-close-button {
    display: none;
  }
}
.tooltip-text {
  width: auto;
  padding: 15px;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #fff;
}
@media screen and (min-width: 640px) {
  .tooltip-text {
    padding-right: 50px;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.tooltip-icon {
  transition: transform .3s cubic-bezier(.4,0,.2,1);
}
.tooltip-icon.is-rotated {
  transform: rotate(45deg);
}
.tooltip.opened .tooltip-overlay {
  opacity: 1;
  pointer-events: auto;
  z-index: 99;
}
.tooltip.opened .tooltip-icon {
  transform: rotate(45deg);
}
.award-teaser.teaser .teaser-image img {
  object-fit: cover;
}
.award-teaser.teaser .award-image {
  margin-bottom: 20px;
}
.award-teaser.teaser .award-image-wrapper {
  position: relative;
  padding-top: 62.5%;
}
.award-teaser.teaser .award-image-wrapper>img {
  object-fit: contain;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.award-teaser.teaser .award-teaser-body-wrapper {
  padding: 20px;
}
.award-teaser.teaser .award-teaser-body-wrapper .teaser-body {
  padding: 0;
}
.award-teaser.teaser .award-teaser-body-wrapper .teaser-link {
  padding-top: 20px;
}
.award-teaser.teaser+.award-teaser {
  margin-top: 20px;
}
@media screen and (min-width: 640px) {
  .award-teaser.teaser .award-teaser-body-wrapper {
    display: flex;
    align-items: center;
  }
  .award-teaser.teaser .award-teaser-body-wrapper .teaser-body {
    flex-basis: 66.6666666667%;
    flex-grow: 1;
  }
  .award-teaser.teaser .award-image {
    flex-basis: 33.3333333333%;
    flex-grow: 1;
    margin-right: 20px;
    margin-bottom: 0;
  }
  .award-teaser.teaser+.award-teaser {
    margin-top: 40px;
  }
}
.awards-banner-item {
  position: relative;
  width: 100%;
  font-size: .9375rem;
  text-align: center;
}
.awards-banner-item-image,.awards-banner-item-overlay {
  width: 100%;
  aspect-ratio: 1/1;
}
.awards-banner-item-image {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.awards-banner-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.awards-banner-item-title {
  margin-top: 18px;
  font-weight: 400;
}
.awards-banner-item-overlay {
  position: absolute;
  padding: 10px 30px 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  background-color: var(--highlight);
  opacity: 0;
  transition: opacity .3s ease,visibility 0s .3s;
  box-sizing: border-box;
}
.awards-banner-item-overlay .custom-button {
  width: auto;
  padding: 10px 30px 8px;
  margin: 10px 0 20px;
  border: 2px solid var(--onHighlight);
  pointer-events: none;
}
.awards-banner-item:hover .awards-banner-item-overlay,.awards-banner-item:has(:focus-visible) .awards-banner-item-overlay {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s ease,visibility 0s 0s;
}
.awards-banner-item:hover .custom-button,.awards-banner-item:has(:focus-visible) .custom-button {
  pointer-events: auto;
}
.awards-banner-item-text {
  display: flex;
  align-items: center;
  flex-grow: 1;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 700;
  color: var(--onHighlight);
}
.branches-teaser-item {
  position: relative;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  background-color: var(--background);
  color: #fff;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  box-sizing: border-box;
}
.branches-teaser-item:nth-child(2):after {
  animation-delay: .5s;
}
.branches-teaser-item:nth-child(3):after {
  animation-delay: 1s;
}
.branches-teaser-item:nth-child(4):after {
  animation-delay: 1.5s;
}
.branches-teaser-item:nth-child(5):after {
  animation-delay: 2s;
}
.branches-teaser-item:nth-child(6):after {
  animation-delay: 2.5s;
}
.branches-teaser-item:nth-child(7):after {
  animation-delay: 3s;
}
.branches-teaser-item:nth-child(8):after {
  animation-delay: 3.5s;
}
.branches-teaser-item:nth-child(9):after {
  animation-delay: 4s;
}
.branches-teaser-item:nth-child(10):after {
  animation-delay: 5s;
}
.branches-teaser-item:nth-child(11):after {
  animation-delay: 5.5s;
}
@media screen and (min-width: 640px) {
  .branches-teaser-item {
    padding: 20px 15px;
  }
}
.branches-teaser-item .dam-icon {
  width: 100%;
  height: 80px;
  margin-bottom: 16px;
  object-fit: contain;
  filter: saturate(0);
}
.branches-teaser-item-title {
  font-size: .9375rem;
  line-height: 1rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.branches-teaser-item-text {
  font-size: .75rem;
  line-height: .875rem;
}
.branches-teaser-item-toggle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font: inherit;
}
.branches-teaser-item.is-selected {
  background-color: var(--onBackground);
}
.branches-teaser-item.is-selected:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  height: 20px;
  width: 100%;
  background-color: var(--onBackground);
}
.branches-teaser-item.is-selected .dam-icon {
  filter: saturate(0) invert(1);
}
.branches-teaser-item.is-selected .branches-teaser-item-title,.branches-teaser-item.is-selected .branches-teaser-item-text {
  color: #000;
}
@keyframes branchesTeaserItemGradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  to {
    background-position: 100% 50%;
  }
}
.address-checkbox {
  padding: 20px;
  margin-bottom: 8px;
  background: #f5f5f7;
  width: 100%;
  box-sizing: border-box;
  min-height: 165px;
}
.address-checkbox .custom-checkbox {
  margin-bottom: 0;
}
.address-checkbox .address-container {
  padding-left: 10px;
}
.address-checkbox .address-container h3 {
  margin: 0;
}
.teaser.--banner {
  background: linear-gradient(-180deg,#444,#111);
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.teaser.--banner svg {
  display: none;
}
.teaser.--banner.--default .teaser-image-wrapper {
  width: auto;
  margin: 20px 20px 0;
  padding-bottom: calc(62.5% - 25px);
}
.teaser.--banner.--reversed .teaser-image-wrapper {
  order: 2;
}
.teaser.--banner.--reversed .teaser-body {
  order: 1;
}
.teaser.--banner .custom-button+.custom-button {
  margin-top: 20px;
}
.teaser.--banner .teaser-headline {
  margin-bottom: 20px;
}
.teaser.--banner.--transparent {
  background: transparent;
}
.teaser.--banner.--pink {
  background: #e50043;
}
.teaser.--banner.--pink .custom-button.--primary:not(:disabled) {
  background-color: #000;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .teaser.--banner.--pink .custom-button.--primary:not(:disabled):hover {
    background-color: #333;
  }
}
.teaser.--banner .teaser-image-wrapper .teaser-image {
  background-color: transparent;
}
@media screen and (min-width: 1024px) {
  .teaser-grid .teaser.--banner .teaser-headline {
    font-size: 22px;
    line-height: 28px;
  }
}
@media screen and (min-width: 1024px) {
  .sidebar .teaser-grid .teaser.--banner .teaser-headline {
    font-size: 18px;
    line-height: 20px;
  }
}
.article-block.--banner .teaser.--banner .teaser-image>img {
  object-fit: contain;
}
@media screen and (max-width: 639px) {
  .article-block.--banner .teaser.--banner .teaser-body {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 640px) {
  .article-block.--banner .teaser.--banner.--horizontal-small {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .article-block.--banner .teaser.--banner.--horizontal-small .teaser-image-wrapper+.teaser-body {
    margin-left: 40px;
  }
  .article-block.--banner .teaser.--banner.--horizontal-small .teaser-image-wrapper .teaser-image {
    align-self: center;
  }
  .article-block.--banner .teaser.--banner.--horizontal-small .teaser-body {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .article-block.--banner .teaser.--banner.--horizontal-small .teaser-title {
    margin-bottom: 20px;
  }
  .article-block.--banner .teaser.--banner.--horizontal-small .teaser-headline {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 40px;
  }
}
.article-block.--banner.--home-style .teaser.--banner {
  background: transparent;
}
.article-block.--banner.--home-style .teaser.--banner .cls-1 {
  fill: url(#Unbenannter_Verlauf_50);
}
.article-block.--banner.--home-style .teaser.--banner .cls-2 {
  fill: url(#Unbenannter_Verlauf_114);
}
.article-block.--banner.--home-style .teaser.--banner .cls-3 {
  fill: url(#Unbenannter_Verlauf_137);
}
.article-block.--banner.--home-style .teaser.--banner .teaser-headline {
  font-weight: 400;
}
.article-block.--banner.--home-style .teaser.--banner .teaser-image-wrapper {
  margin: 20px 40px 10vw;
}
.article-block.--banner.--home-style .teaser.--banner .teaser-image-monitor>svg {
  display: block;
  position: absolute;
  z-index: 2;
  overflow: visible;
  top: -5px;
  filter: drop-shadow(0px 3px 5px rgba(0,0,0,.3));
}
.article-block.--banner.--home-style .teaser.--banner .teaser-image-monitor>img {
  object-fit: cover;
  position: relative;
  left: 12px;
  top: 8px;
  width: calc(100% - 24px);
  height: calc(100% - 60px);
}
@media screen and (max-width: 639px) {
  .article-block.--banner.--home-style .teaser.--banner .teaser-headline {
    font-size: 22px;
    line-height: 28px;
  }
}
@media screen and (min-width: 640px) {
  .article-block.--banner.--home-style .teaser.--banner.--horizontal-small {
    background: transparent;
    padding-top: 20px;
    padding-bottom: 60px;
  }
  .article-block.--banner.--home-style .teaser.--banner .teaser-image-wrapper {
    margin: 0;
  }
  .article-block.--banner.--home-style .teaser.--banner .teaser-image-monitor>img {
    position: absolute;
    left: 4px;
    top: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  }
}
@media screen and (min-width: 1024px) {
  .article-block.--banner.--home-style .teaser.--banner.--horizontal-small {
    padding-top: 20px;
    padding-bottom: 60px;
  }
  .article-block.--banner.--home-style .teaser.--banner.--horizontal-small .teaser-image-wrapper {
    flex-shrink: 0;
    flex-basis: calc(33.333% - 10px);
  }
  .article-block.--banner.--home-style .teaser.--banner.--horizontal-small .teaser-image-wrapper+.teaser-body {
    margin-left: 80px;
  }
}
@media screen and (min-width: 1440px) {
  .article-block.--banner.--home-style .teaser.--banner.--horizontal-small {
    padding-top: 40px;
    padding-bottom: 100px;
  }
  .article-block.--banner.--home-style .teaser.--banner.--horizontal-small .teaser-image-wrapper {
    flex-basis: calc(33.333% - 30px);
  }
  .article-block.--banner.--home-style .teaser.--banner.--horizontal-small .teaser-image-wrapper+.teaser-body {
    margin-left: 120px;
  }
}
.teaser.--banner.--horizontal-small .teaser-body .custom-button+.custom-button {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .teaser.--banner.--horizontal-small .teaser-image-wrapper {
    width: auto;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .teaser.--banner.--horizontal-small .teaser-buttons {
    flex-direction: column;
  }
}
@media screen and (min-width: 640px) {
  .teaser.--banner.--horizontal-small .teaser-body {
    justify-content: center;
    box-sizing: border-box;
  }
  .teaser.--banner.--horizontal-small .teaser-body .custom-button {
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1024px) {
  .teaser.--banner.--horizontal-small .teaser-body .custom-button {
    max-height: 40px;
    width: calc(50% - 20px);
    flex-grow: 0;
    box-sizing: border-box;
  }
  .teaser.--banner.--horizontal-small .teaser-body .custom-button+.custom-button {
    margin-top: 0;
  }
}
.--dark .teaser.--banner .teaser-image-wrapper,.--dark .teaser.--banner.--default .teaser-image-wrapper,.--dark .teaser.--banner.--horizontal-small .teaser-image-wrapper {
  border: 0 none transparent;
}
.bestseller-shop-teaser {
  display: grid;
  color: #fff;
  -webkit-user-select: none;
  user-select: none;
}
.bestseller-shop-teaser-image,.bestseller-shop-teaser-content {
  grid-area: 1/1;
}
.bestseller-shop-teaser-image {
  filter: brightness(.8);
  aspect-ratio: 1;
}
.bestseller-shop-teaser-image img {
  display: block;
  position: relative!important;
  height: 100%;
  object-fit: cover!important;
}
.bestseller-shop-teaser-content {
  position: relative;
  padding: 20px;
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: end;
}
.bestseller-shop-teaser-content:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  mix-blend-mode: lighten;
  background: linear-gradient(to bottom left,#0009,#0000004d 60%,#e50043b3 90%,#e50043cc);
}
.bestseller-shop-teaser-badge {
  position: absolute;
  top: 20px;
  left: 20px;
}
.bestseller-shop-teaser-topline {
  font-size: 1rem;
  line-height: 1.25rem;
}
.bestseller-shop-teaser-title {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 13 6 5;
}
.bestseller-shop-teaser .custom-button {
  position: relative;
  width: auto;
}
.block-intro {
  padding: 40px 20px;
  max-width: 1400px;
}
.block-intro.--collapse {
  padding-top: 20px;
}
.block-intro.--no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.block-intro h1,.block-intro h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
}
.block-intro .intro-text {
  font-size: 20px;
  line-height: 28px;
  margin-top: 20px;
  margin-bottom: 0;
}
.block-intro .intro-text h3 {
  font-size: 20px;
}
.block-intro .intro-text p:not(:last-child) {
  margin-bottom: 20px;
}
.block-intro .intro-text a {
  color: #e50043;
  text-decoration: none;
  box-shadow: 0 2px #e5004300;
  position: relative;
}
.block-intro .intro-text a:hover {
  box-shadow: 0 2px #e50043;
}
.block-intro .button-block {
  margin-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.block-intro .button-block .custom-button {
  margin-bottom: 10px;
}
.block-intro .intro-text+.button-block {
  margin-top: 40px;
}
@media screen and (min-width: 640px) {
  .block-intro .intro-text {
    max-width: 920px;
  }
  .block-intro .custom-button {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .block-intro {
    padding: 80px 20px 40px;
    margin-left: auto;
    margin-right: auto;
  }
  .block-intro:last-child {
    padding-bottom: 80px;
  }
  .block-intro.--collapse {
    padding-top: 40px;
  }
  .block-intro.--no-padding {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.content-block .block-intro {
  margin-left: -20px;
  margin-right: -20px;
}
.--dark .block-intro,.--banner .block-intro {
  color: #fff;
}
.--dark .block-intro h1,.--dark .block-intro h2,.--home-style .block-intro h1,.--home-style .block-intro h2 {
  font-weight: 400;
}
.--home-style.--dark .block-intro .intro-title a,.--home-style.--banner .block-intro .intro-title a {
  font-weight: 400;
  color: inherit;
}
article.page:has(>#article_head.article-block.--light):has(>div>.article-content>.article-section.--light:first-child)>#article_head.article-block .block-intro {
  padding-bottom: 0;
}
article.page:has(>#article_head.article-block.--dark):has(>div>.article-content>.article-section.--dark:first-child)>#article_head.article-block .block-intro {
  padding-bottom: 0;
}
.brochure-teaser {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 94px;
  justify-content: space-between;
  flex-direction: column;
  background-color: var(--surface);
  color: var(--onSurface);
  padding: 20px;
  box-sizing: border-box;
}
.brochure-teaser+.brochure-teaser {
  margin-top: 2px;
}
.brochure-teaser .brochure-input-wrapper {
  flex-shrink: 0;
  box-sizing: border-box;
  --background: #000;
  --onBackground: #FFF;
  --onBackgroundSecondary: #E0E0E0;
  --surface: #FFF;
  --onSurface: #000;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #FF4C4C;
  --warning-color: #FF9600;
  --success-color: #00B359;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #FFF;
  --onButtonSecondary: #000;
  --buttonSecondaryHover: #dfdfdf;
  --buttonSecondaryOption: #303031;
  --onButtonSecondaryOption: #FFF;
  --buttonSecondaryOptionHover: #444446;
}
.--dark .brochure-teaser .brochure-input-wrapper:not(.collapsable .brochure-input-wrapper) {
  --background: #FFF;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #000;
  --inputDisabled: #888;
  --inputSolid: #F5F5F7;
  --onInputSolid: #000;
  --inputSolidSecondary: #FFF;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #F5F5F7;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.brochure-teaser .brochure-input-wrapper label {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0,0,0,0);
  position: absolute;
}
.brochure-teaser .brochure-body {
  flex-basis: 100%;
  flex-grow: 1;
}
.brochure-teaser .brochure-id {
  font-size: 16px;
  line-height: 20px;
}
.brochure-teaser .brochure-id+.brochure-title {
  margin-top: 12px;
}
.brochure-teaser .brochure-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.brochure-teaser .button-group .custom-button {
  white-space: nowrap;
  order: 2;
}
.brochure-teaser .button-group .oxomi-embed {
  order: 1;
}
@media screen and (max-width: 639px) {
  .brochure-teaser .brochure-body {
    order: 0;
    margin-bottom: 16px;
  }
  .brochure-teaser .brochure-input-wrapper {
    order: 2;
    align-self: start;
  }
}
@media screen and (min-width: 640px) {
  .brochure-teaser {
    flex-direction: row;
    align-items: center;
  }
  .brochure-teaser .brochure-body {
    padding: 0 20px;
  }
  .brochure-teaser .button-group {
    margin-bottom: 0;
  }
  .brochure-teaser .brochure-input-wrapper {
    flex-basis: 80px;
  }
}
@media screen and (min-width: 1024px) {
  .brochure-teaser .button-group .custom-button {
    height: 40px;
  }
}
.button-group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.button-group.--align-end {
  justify-content: flex-end;
}
.button-group>.custom-button,.button-group>.form-button {
  flex-shrink: 0;
  flex-grow: 0;
  margin-bottom: 20px;
}
.button-group>.custom-button:last-child,.button-group>.form-button:last-child {
  margin-bottom: 0;
}
.button-group>.custom-button.--button-group-no-grow,.button-group>.form-button.--button-group-no-grow {
  width: auto;
  white-space: nowrap;
}
.button-group>.custom-button:not(.--button-group-no-grow),.button-group>.form-button:not(.--button-group-no-grow) {
  flex-basis: 100%;
  flex-grow: 1;
}
.button-group.--for-intro-text {
  margin-bottom: 0;
}
.button-group.--for-intro-text:not(:empty) {
  margin-top: 40px;
}
.button-group.--for-intro-text:not(:empty)>.custom-button,.button-group.--for-intro-text:not(:empty)>.form-button {
  flex-basis: auto;
}
@media screen and (min-width: 640px) {
  .button-group.--for-intro-text:not(:empty)>.custom-button,.button-group.--for-intro-text:not(:empty)>.form-button {
    min-width: 290px;
  }
}
.detail-intro-block .button-group.--for-intro-text:not(:empty) {
  margin-bottom: 40px;
}
@media screen and (min-width: 640px) {
  .button-group {
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
  }
  .button-group>.custom-button,.button-group>.form-button {
    flex-shrink: 1;
    margin-bottom: 0;
  }
  .button-group>.custom-button:not(.--button-group-no-grow),.button-group>.form-button:not(.--button-group-no-grow) {
    flex-grow: 0;
    flex-basis: calc(50% - 20px);
  }
  .button-group>.custom-button+.custom-button,.button-group>.form-button+.custom-button {
    margin-left: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .button-group {
    flex-wrap: nowrap;
  }
  .button-group>.custom-button+.custom-button,.button-group>.custom-button+.form-button {
    margin-left: 40px;
  }
}
.campaign-teaser.teaser {
  background-color: #000;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.campaign-teaser.teaser .teaser-body {
  background: linear-gradient(-180deg,#434444,#121212);
}
.campaign-teaser.teaser .teaser-headline {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 10px;
}
.campaign-teaser.teaser .teaser-text {
  line-height: 24px;
  margin-bottom: 30px;
  color: #fff;
}
.campaign-teaser.teaser .teaser-buttons {
  flex-direction: row;
  flex-wrap: wrap;
}
.campaign-teaser.teaser .teaser-buttons .custom-button,.campaign-teaser.teaser .teaser-buttons .custom-link {
  margin-top: 15px;
  padding: 16px 20px;
  text-align: center;
  align-self: center;
  white-space: nowrap;
  flex-basis: 50%;
  box-sizing: border-box;
}
.campaign-teaser.teaser .teaser-props {
  position: absolute;
  top: 30px;
  right: 30px;
}
.campaign-teaser.teaser .teaser-props span {
  font-size: 14px;
  border: 1px solid #FFF;
  border-radius: 50px;
  padding: 10px 30px;
  margin-left: 20px;
  mix-blend-mode: exclusion;
}
.--dark .campaign-teaser.teaser.--horizontal-image-left .teaser-image-wrapper,.--dark .campaign-teaser.teaser.--horizontal-image-right .teaser-image-wrapper {
  border: 0 none transparent;
}
@media screen and (min-width: 640px) {
  .campaign-teaser.teaser.--horizontal-image-left .teaser-body {
    padding-top: 120px;
  }
}
@media screen and (min-width: 1024px) {
  .campaign-teaser.teaser .teaser-buttons .custom-button,.campaign-teaser.teaser .teaser-buttons .custom-link {
    padding: 11px 20px;
  }
}
@media screen and (min-width: 1440px) {
  .campaign-teaser.teaser .teaser-body {
    padding: 30px;
  }
  .campaign-teaser.teaser .teaser-headline {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
  }
  .campaign-teaser.teaser .teaser-props span {
    font-size: 14px;
  }
}
.cart-item-config {
  margin: 20px 0;
  font-size: 16px;
  line-height: 20px;
}
.cart-item-config .cic-wrapper {
  background-color: #f5f5f7;
  padding: 18px 20px;
}
.cart-item-config.--error {
  border: 2px solid #E50043;
}
.cart-item-config .info-block {
  border: 0 none transparent;
  padding: 40px 20px;
  margin-top: 0;
}
.cart-item-config .cic-title {
  margin-bottom: 35px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 600;
}
.cart-item-config .primary-control {
  display: flex;
  margin-bottom: 25px;
}
.cart-item-config .item-control {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 20px;
}
.cart-item-config .input-amount,.cart-item-config .input-number {
  height: 50px;
  margin-bottom: 17px;
  text-align: center;
  background-color: #fff;
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  border: 0 none transparent;
}
.cart-item-config .input-amount {
  width: 50px;
}
.cart-item-config .item-amount input::-webkit-outer-spin-button,.cart-item-config .item-amount input::-webkit-inner-spin-button {
  -webkit-appearance: auto;
}
.cart-item-config .input-number {
  width: 114px;
  margin-right: 20px;
}
.cart-item-config .ia-label,.cart-item-config .in-label {
  display: block;
  margin-bottom: 8px;
}
.cart-item-config .sub-legend {
  font-size: 10px;
  line-height: 12px;
}
.cart-item-config .action-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.cart-item-config .action-block .custom-select .vs__search,.cart-item-config .action-block .vs__selected {
  font-size: inherit;
}
.cart-item-config .a-label {
  margin-bottom: 10px;
}
.cart-item-config .add-project {
  max-width: 280px;
  width: 100%;
}
@media screen and (min-width: 640px) {
  .cart-item-config .add-project {
    max-width: unset;
    width: 100%;
  }
  .cart-item-config .item-control {
    flex-direction: row;
  }
  .cart-item-config .action-block {
    flex-grow: 1;
    max-width: 255px;
  }
  .cart-item-config .primary-control {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .cart-item-config .primary-content {
    display: flex;
  }
  .cart-item-config .item-control {
    margin-bottom: 0;
  }
  .cart-item-config .input-number {
    margin-right: 40px;
  }
}
.cart-link {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.cart-link .custom-button {
  margin-left: 10px;
  flex-grow: 1;
}
.cart-link .btn-count {
  display: flex;
  align-items: baseline;
}
.cart-link .btn-count label {
  font-size: 9px;
  line-height: 12px;
  margin-left: 9px;
  max-width: 80px;
}
.cart-link .btn-count label a {
  display: inline-block;
  text-decoration: none;
}
.cart-link.-small .input-number {
  height: 20px;
  width: auto!important;
}
.cart-link.-small .input-number input {
  font-size: 16px;
  line-height: 20px;
  width: 34px!important;
  text-align: right;
  padding-right: 4px;
}
.cart-link.-small .custom-button {
  width: 100%;
  margin-left: 0;
  margin-top: 12px;
}
.cart-link.alternate-style .input-number {
  height: 34px;
  width: 59px!important;
}
.cart-link.alternate-style .input-number input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 14px;
  width: 34px!important;
  padding-left: 5px;
}
.cart-link.alternate-style .input-number .controls .control-container {
  width: 25px;
  margin-left: 0;
}
.cart-link.alternate-style .input-number .controls .control-container:first-of-type .control {
  border-top-right-radius: 4px;
  align-items: flex-end;
}
.cart-link.alternate-style .input-number .controls .control-container:last-of-type .control {
  border-bottom-right-radius: 4px;
  align-items: flex-start;
}
.cart-link.alternate-style .input-number .controls .control-container .control {
  background-color: var(--inputSolid);
  color: var(--onInput);
  padding-left: 2px;
  justify-content: flex-start;
}
.char-line-embed {
  width: 100%;
  height: 590px;
  overflow: auto;
}
@media screen and (min-width: 640px) {
  .char-line-embed {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.char-line-embed iframe {
  width: 560px;
  transition: opacity .74s linear .1s;
}
.char-line-embed iframe.--loading {
  opacity: 0;
}
.char-line-embed .loading-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.char-line-embed .no-source-info {
  width: 560px;
  max-width: 100%;
  padding: 40px;
  background-color: #f5f5f7;
  text-align: center;
}
.clipboard-copy .cc-control {
  position: relative;
  margin-bottom: 20px;
  border-top: 2px solid #000;
  display: flex;
  justify-content: center;
  flex-direction: row;
  overflow: visible;
}
.clipboard-copy .cc-content {
  padding: 20px 20px 40px;
  background-color: #f5f5f7;
}
.clipboard-copy .cc-content ::selection {
  color: #fff;
  background-color: #e50043;
}
.clipboard-copy .cc-copy-btn {
  white-space: nowrap;
  cursor: pointer;
}
.clipboard-copy .cc-message:focus {
  outline: 0 none transparent;
  box-shadow: 0 none transparent;
}
.clipboard-copy .cc-message-leave-active {
  transition: opacity .4s linear 2.5s;
}
.clipboard-copy .cc-message-leave-to {
  opacity: 0;
}
.collapsable-table-row {
  margin-bottom: 10px;
  background-color: #f5f5f7;
}
.collapsable-table-row .collapsable.active .row-content>.collapsable-label:after {
  content: "-";
}
.collapsable-table-row .icons .icon-button-wrapper.ricon-after-send {
  margin-left: -5px;
}
.collapsable-table-row .row-content {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  line-height: 20px;
  align-items: center;
}
.collapsable-table-row .row-content>.collapsable-label {
  position: relative;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  cursor: pointer;
  display: block;
}
.collapsable-table-row .row-content>.collapsable-label:after {
  content: "+";
  font-family: rittal-icons!important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  transition: color .3s;
}
.collapsable-table-row .row-content>.collapsable-label:hover:after {
  color: #e50043;
}
.collapsable-table-row .time-slot {
  display: flex;
  flex-direction: column;
  margin-top: 6px;
}
.collapsable-table-row .ctr-content,.collapsable-table-row .hide-mobile {
  display: none;
}
.collapsable-table-row .content-row-first {
  font-size: 16px;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  width: 66%;
}
.collapsable-table-row .mobile-advice {
  padding: 20px;
  font-size: 16px;
  line-height: 20px;
  background-color: #e50043;
  color: #fff;
}
.collapsable-table-row .mobile-advice p {
  margin-bottom: 20px;
}
.collapsable-table-row .tool-tip-text {
  display: none;
}
@media screen and (min-width: 640px) {
  .collapsable-table-row .time-slot {
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .collapsable-table-row .icons .icon-button-wrapper.ricon-after-trash_can {
    margin-left: -9px;
  }
  .collapsable-table-row .ctr-content {
    display: block;
  }
  .collapsable-table-row.active>.collapsable-label:after {
    content: "-";
  }
  .collapsable-table-row .mobile-advice {
    display: none;
  }
  .collapsable-table-row .hide-mobile {
    display: inline-block;
  }
  .collapsable-table-row .content-row-first {
    flex-direction: row;
    align-items: center;
  }
  .collapsable-table-row .list-title {
    width: 50%;
  }
  .collapsable-table-row .time-slot {
    flex-direction: column;
    margin-top: 0;
    margin-left: 16px;
  }
  .collapsable-table-row .tool-tip-text {
    display: none;
    width: 100px;
    position: absolute;
    top: -50px;
    right: -40px;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    background-color: #e50043;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .collapsable-table-row .icon-button:hover .tool-tip-text {
    display: block;
  }
  .collapsable-table-row .icon-button:hover .tool-tip-text:empty {
    display: none;
  }
}
.collection-toggle {
  margin: 16px 0 36px;
}
@media screen and (min-width: 640px) {
  .collection-toggle {
    margin: 12px 0;
  }
}
.contact-item {
  max-width: 100%;
}
.contact-item .contact-top-wrapper {
  position: relative;
  padding-bottom: 62.5%;
}
.contact-item .contact-image {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 0;
}
.contact-item .contact-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center left;
}
.contact-item .contact-body {
  padding: 20px;
  font-size: 16px;
  line-height: 20px;
  word-wrap: break-word;
}
.contact-item .contact-body .description:not(:first-child),.contact-item .contact-body .phone-number:not(:first-child),.contact-item .contact-body .mobile-number:not(:first-child),.contact-item .contact-body .fax-number:not(:first-child) {
  padding-top: 12px;
}
.contact-item .contact-body .position:not(:first-child) {
  padding-top: 10px;
}
.contact-item .contact-body .email:not(:first-child) {
  padding-top: 22px;
}
.contact-item .contact-body .email a {
  font-weight: 700;
  color: #e50043;
}
.contact-item .contact-body .position {
  font-size: 16px;
  font-weight: 700;
}
.contact-item .contact-body a {
  text-decoration: none;
}
.contact-item .contact-body.search-contact {
  padding: 20px;
}
.contact-item .contact-body.search-contact .contact-name {
  font-weight: 700;
}
.search-result-title {
  font-size: 22px;
  line-height: 28px;
}
.contact-item-post-code-list>ul {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media screen and (min-width: 1440px) {
  .contact-item-post-code-list>ul {
    gap: 64px;
  }
}
.contact-item-post-code-list>ul h2 {
  margin-bottom: 24px;
}
.contact-wrapper-post-code-post-code {
  display: flex;
  flex-direction: column;
}
.contact-item-post-code {
  max-width: 100%;
  background-color: var(--inputSolid);
  color: var(--onInputSolid);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.contact-item-post-code .contact-top-wrapper {
  position: relative;
  padding-bottom: 62.5%;
}
.contact-item-post-code .contact-image {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 0;
}
.contact-item-post-code .contact-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.contact-item-post-code .contact-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
  padding: 20px;
  font-size: 16px;
  line-height: 20px;
  word-wrap: break-word;
  text-align: center;
}
.contact-item-post-code .contact-body .contact-name:not(:first-child) {
  padding-top: 16px;
}
.contact-item-post-code .contact-body .contact-name {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding-bottom: 8px;
}
.contact-item-post-code .contact-body .spacer {
  flex-grow: 1;
}
.contact-item-post-code .contact-body .email a {
  font-weight: 700;
  color: #e50043;
}
.contact-item-post-code .contact-body a {
  text-decoration: none;
}
.contact-item-post-code .contact-body.search-contact {
  padding: 20px;
}
.contact-item-post-code .contact-body.search-contact .contact-name {
  font-weight: 700;
}
@media screen and (min-width: 640px) {
  .contact-item-post-code .contact-body {
    padding: 24px;
  }
  .contact-item-post-code .contact-image {
    left: 24px;
    right: 24px;
    top: 24px;
  }
}
.lazy-iframe {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.lazy-iframe.--stage-mode {
  height: 100vh;
  background-color: #000;
}
.lazy-iframe iframe {
  position: relative;
  width: 100%;
  min-height: 100%;
  align-self: stretch;
  opacity: 0;
  transition: opacity .27s linear;
}
.lazy-iframe.--loaded iframe {
  opacity: 1;
}
.content-embed {
  position: relative;
  margin: 40px 0;
}
.content-embed .content-embed-wrapper {
  position: relative;
  overflow: hidden;
}
.content-embed .content-embed-wrapper:after {
  content: "";
  display: block;
  padding-bottom: 62.5%;
}
.content-embed .v-lazy-image {
  height: auto;
}
.content-embed .v-lazy-image.fade-leave-active {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.content-embed .lazy-iframe {
  width: 100%;
}
.content-embed .lazy-iframe,.content-embed .v-lazy-image {
  position: absolute;
}
.content-embed:after {
  transition: opacity .27s linear,width 10ms linear .27s,height 10ms linear .27s;
}
.content-embed.--active:after {
  opacity: 0;
  width: 0;
  height: 0;
}
.content-embed .content {
  position: absolute;
  width: 320px;
  max-width: 100%;
  top: 50%;
  left: 50%;
  z-index: 5;
  transform: translate(-50%,-50%);
}
@media screen and (max-width: 639px) {
  .content-embed .content-embed-wrapper {
    height: 100vh;
  }
}
.content-image .image-wrapper {
  position: relative;
  width: 100%;
}
.content-image .image-wrapper img {
  position: relative;
  width: 100%;
  height: auto;
}
.content-image:not(.--no-aspect):not(.--inline) .image-wrapper {
  padding-bottom: 62.5%;
  background-color: #000;
}
.content-image:not(.--no-aspect):not(.--inline) .image-wrapper img {
  position: absolute;
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.content-image:not(.--no-aspect):not(.--inline) .--wide {
  padding-bottom: 31.25%;
}
@media screen and (max-width: 639px) {
  .content-image:not(.--no-aspect):not(.--inline) .--wide {
    padding-bottom: 62.5%;
  }
}
.content-image.--inline {
  position: relative;
  margin: 20px auto;
}
@media screen and (min-width: 640px) {
  .content-image.--inline {
    float: left;
    max-width: calc(50% - 20px);
    margin: 0 40px 10px 0;
  }
}
.content-image.--inline .image-wrapper {
  width: auto;
  padding-bottom: 0;
  margin-bottom: 5px;
  background-color: transparent;
}
.content-image.--inline .image-wrapper img {
  position: relative;
  width: 100%;
  height: auto;
}
.content-image.--inline figcaption {
  margin-top: 10px;
}
.content-image.--inline .content-image-subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}
.content-image.--inline .content-image-description {
  font-size: 12px;
  line-height: 15px;
}
.content-image .content-image-subtitle {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 22px;
}
.content-image .content-image-description {
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 24px;
}
.--dark .content-image {
  color: #fff;
}
.content-block .content-image:not(.--inline) {
  margin: 40px 0;
}
.content-block .teaser-slider .content-image {
  margin: 0;
}
.text-image:after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (min-width: 640px) {
  .text-image-shared {
    display: flex;
  }
  .text-image-shared .content-image.--inline {
    width: calc(50% - 20px);
    flex-shrink: 0;
    float: none;
  }
}
.content-table {
  overflow: auto;
}
.content-table table,.richtext-content table {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 16px;
  width: 100%;
  border-bottom: 2px solid;
  border-left: 1px solid rgba(136,136,136,.5);
  border-right: 1px solid rgba(136,136,136,.5);
  border-color: #888;
  z-index: 10;
}
.content-table table a,.richtext-content table a {
  color: #e50043;
  font-family: inherit;
  font-weight: 700;
  font-size: inherit;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .content-table table a,.richtext-content table a {
    box-shadow: 0 2px #fff0;
    transition: box-shadow .32s ease-in-out;
  }
  .content-table table a:hover,.content-table table a:focus,.richtext-content table a:hover,.richtext-content table a:focus {
    box-shadow: 0 2px #e50043;
  }
}
.content-table thead,.richtext-content thead {
  width: 100%;
  border-top: 2px solid;
  border-bottom: 2px solid #888;
}
.content-table tbody,.richtext-content tbody {
  width: 100%;
  border-bottom: 2px solid #000;
}
.content-table tr,.richtext-content tr {
  border-top: 2px solid #888;
  border-bottom: 2px solid #888;
}
.content-table tr:last-child,.richtext-content tr:last-child {
  border-bottom: 0 none transparent;
}
.content-table thead tr,.richtext-content thead tr {
  border: none;
}
.content-table td,.content-table th,.richtext-content td,.richtext-content th {
  padding: 10px 10px 9px;
}
.content-table td.--align-right,.content-table th.--align-right,.richtext-content td.--align-right,.richtext-content th.--align-right {
  text-align: right;
}
.content-table td.--align-center,.content-table th.--align-center,.richtext-content td.--align-center,.richtext-content th.--align-center {
  text-align: center;
}
.content-table td.--no-padding,.content-table th.--no-padding,.richtext-content td.--no-padding,.richtext-content th.--no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.content-table th:not(:first-of-type),.richtext-content th:not(:first-of-type) {
  border-left: 1px solid rgba(136,136,136,.5);
}
.content-table th:hover .ricon-sort_default,.content-table th:hover .ricon-sort_ascending,.content-table th:hover .ricon-sort_desc,.richtext-content th:hover .ricon-sort_default,.richtext-content th:hover .ricon-sort_ascending,.richtext-content th:hover .ricon-sort_desc {
  color: #e50043;
}
.content-table th span,.richtext-content th span {
  padding-left: 20px;
}
@media screen and (max-width: 639px) {
  .content-table th span,.richtext-content th span {
    padding-left: 5px;
  }
}
.content-table.--sortable th,.richtext-content.--sortable th {
  padding-right: 20px;
  cursor: pointer;
  white-space: nowrap;
}
.content-table.--sortable th:hover .arrow-container,.richtext-content.--sortable th:hover .arrow-container {
  color: #e50043;
}
.content-table :where(ul),.richtext-content :where(ul) {
  display: block;
  list-style: square;
  list-style-position: outside;
  padding-left: 1em;
}
.content-table :where(ul)>li>ul,.richtext-content :where(ul)>li>ul {
  list-style: circle;
}
.content-table :where(ul)>li>ul>li>ul,.richtext-content :where(ul)>li>ul>li>ul {
  list-style: disc;
}
.content-table :where(ol),.richtext-content :where(ol) {
  display: block;
  counter-reset: olCounter;
  padding-left: 2em;
}
.content-table :where(ol)>li,.richtext-content :where(ol)>li {
  counter-increment: olCounter;
  list-style: none;
  position: relative;
}
.content-table :where(ol)>li:before,.richtext-content :where(ol)>li:before {
  content: counter(olCounter) ". ";
  font-weight: 700;
  position: absolute;
  left: -2em;
  width: 2em;
  text-align: left;
}
.--dark .content-table table,.--dark .richtext-content table {
  color: #fff;
  border-color: #fff;
  border-bottom: 2px solid white;
}
.vc-popover-content-wrapper {
  --popover-horizontal-content-offset: 8px;
  --popover-vertical-content-offset: 10px;
  --popover-caret-horizontal-offset: 18px;
  --popover-caret-vertical-offset: 8px;
  position: absolute;
  display: block;
  outline: none;
  z-index: 10;
}
.vc-popover-content-wrapper:not(.is-interactive) {
  pointer-events: none;
}
.vc-popover-content {
  position: relative;
  color: var(--vc-popover-content-color);
  font-weight: var(--vc-font-medium);
  background-color: var(--vc-popover-content-bg);
  border: 1px solid;
  border-color: var(--vc-popover-content-border);
  border-radius: var(--vc-rounded-lg);
  padding: 4px;
  outline: none;
  z-index: 10;
  box-shadow: var(--vc-shadow-lg);
}
.vc-popover-content.direction-bottom {
  margin-top: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-top {
  margin-bottom: var(--popover-vertical-content-offset);
}
.vc-popover-content.direction-left {
  margin-right: var(--popover-horizontal-content-offset);
}
.vc-popover-content.direction-right {
  margin-left: var(--popover-horizontal-content-offset);
}
.vc-popover-caret {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-top: inherit;
  border-left: inherit;
  background-color: inherit;
  z-index: -1;
}
.vc-popover-caret.direction-bottom {
  top: 0;
}
.vc-popover-caret.direction-bottom.align-left {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-center {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translate(-50%) translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-bottom.align-right {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.vc-popover-caret.direction-top {
  top: 100%;
}
.vc-popover-caret.direction-top.align-left {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-center {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
  transform: translate(-50%) translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-top.align-right {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
}
.vc-popover-caret.direction-left {
  left: 100%;
}
.vc-popover-caret.direction-left.align-top {
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translate(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-middle {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
  transform: translateY(-50%) translate(-50%) rotate(135deg);
}
.vc-popover-caret.direction-left.align-bottom {
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translate(-50%) rotate(135deg);
}
.vc-popover-caret.direction-right {
  left: 0;
}
.vc-popover-caret.direction-right.align-top {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translate(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-middle {
  -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  transform: translateY(-50%) translate(-50%) rotate(-45deg);
}
.vc-popover-caret.direction-right.align-bottom {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translate(-50%) rotate(-45deg);
}
.vc-popover-caret.align-left {
  left: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-center {
  left: 50%;
}
.vc-popover-caret.align-right {
  right: var(--popover-caret-horizontal-offset);
}
.vc-popover-caret.align-top {
  top: var(--popover-caret-vertical-offset);
}
.vc-popover-caret.align-middle {
  top: 50%;
}
.vc-popover-caret.align-bottom {
  bottom: var(--popover-caret-vertical-offset);
}
.vc-day-popover-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-indicator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 15px;
}
.vc-day-popover-row-indicator span {
  transition: var(--vc-day-content-transition);
}
.vc-day-popover-row-label {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: none;
  -ms-flex-wrap: none;
  flex-wrap: none;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: -webkit-max-content;
  width: max-content;
  margin-left: 4px;
  margin-right: 4px;
  font-size: var(--vc-text-xs);
  line-height: var(--vc-leading-normal);
}
.vc-day-popover-row-highlight {
  width: 8px;
  height: 5px;
  border-radius: 3px;
}
.vc-day-popover-row-bar {
  width: 10px;
  height: 3px;
}
.vc-base-icon {
  display: inline-block;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}
.vc-header {
  display: grid;
  grid-gap: 4px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.vc-header.is-lg {
  font-size: var(--vc-text-lg);
}
.vc-header.is-xl {
  font-size: var(--vc-text-xl);
}
.vc-header.is-2xl {
  font-size: var(--vc-text-2xl);
}
.vc-header .vc-title-wrapper {
  grid-row: 1;
  grid-column: title;
}
.vc-header .vc-prev {
  grid-row: 1;
  grid-column: prev;
}
.vc-header .vc-next {
  grid-row: 1;
  grid-column: next;
}
.vc-header .vc-title,.vc-header .vc-prev,.vc-header .vc-next {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  border-radius: var(--vc-rounded);
  pointer-events: auto;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.vc-header .vc-title {
  color: var(--vc-header-title-color);
  font-weight: var(--vc-font-semibold);
  white-space: nowrap;
  padding: 0 8px;
  margin: 0;
  line-height: 30px;
}
.vc-header .vc-title:hover {
  opacity: .75;
}
.vc-header .vc-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--vc-header-arrow-color);
  width: 28px;
  height: 30px;
  margin: 0;
  padding: 0;
}
.vc-header .vc-arrow:hover {
  background: var(--vc-header-arrow-hover-bg);
}
.vc-header .vc-arrow:disabled {
  opacity: .25;
  pointer-events: none;
}
.vc-nav-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.vc-nav-title,.vc-nav-arrow,.vc-nav-item {
  font-size: var(--vc-text-sm);
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  border-radius: var(--vc-rounded);
  white-space: nowrap;
}
.vc-nav-title:hover,.vc-nav-arrow:hover,.vc-nav-item:hover {
  background-color: var(--vc-nav-hover-bg);
}
.vc-nav-title:disabled,.vc-nav-arrow:disabled,.vc-nav-item:disabled {
  opacity: .25;
  pointer-events: none;
}
.vc-nav-title {
  color: var(--vc-nav-title-color);
  font-weight: var(--vc-font-bold);
  line-height: var(--vc-leading-snug);
  height: 30px;
  padding: 0 6px;
}
.vc-nav-arrow {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--vc-header-arrow-color);
  width: 26px;
  height: 30px;
  padding: 0;
}
.vc-nav-items {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-row-gap: 2px;
  grid-column-gap: 5px;
  margin-top: 2px;
}
.vc-nav-item {
  width: 48px;
  text-align: center;
  font-weight: var(--vc-font-semibold);
  line-height: var(--vc-leading-snug);
  padding: 6px 0;
}
.vc-nav-item.is-active {
  color: var(--vc-nav-item-active-color);
  background-color: var(--vc-nav-item-active-bg);
  font-weight: var(--vc-font-bold);
}
.vc-nav-item.is-active:not(:focus) {
  box-shadow: var(--vc-nav-item-active-box-shadow);
}
.vc-nav-item.is-current {
  color: var(--vc-nav-item-current-color);
}
.vc-day {
  position: relative;
  min-height: 32px;
  z-index: 1;
}
.vc-monthly .is-not-in-month * {
  opacity: 0;
  pointer-events: none;
}
.vc-day-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.vc-day-box-center-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.vc-day-box-left-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.vc-day-box-right-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.vc-day-box-center-bottom {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.vc-day-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-medium);
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: var(--vc-rounded-full);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.vc-day-content:hover {
  background-color: var(--vc-day-content-hover-bg);
}
.vc-day-content.vc-disabled {
  color: var(--vc-day-content-disabled-color);
}
.vc-content:not(.vc-base) {
  font-weight: var(--vc-font-bold);
  color: var(--vc-content-color);
}
.vc-highlights {
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.vc-highlight {
  width: 28px;
  height: 28px;
}
.vc-highlight.vc-highlight-base-start {
  width: 50%!important;
  border-radius: 0!important;
  border-right-width: 0!important;
}
.vc-highlight.vc-highlight-base-end {
  width: 50%!important;
  border-radius: 0!important;
  border-left-width: 0!important;
}
.vc-highlight.vc-highlight-base-middle {
  width: 100%;
  border-radius: 0!important;
  border-left-width: 0!important;
  border-right-width: 0!important;
  margin: 0 -1px;
}
.vc-highlight-bg-outline,.vc-highlight-bg-none {
  background-color: var(--vc-highlight-outline-bg);
  border: 2px solid;
  border-color: var(--vc-highlight-outline-border);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-light {
  background-color: var(--vc-highlight-light-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-bg-solid {
  background-color: var(--vc-highlight-solid-bg);
  border-radius: var(--vc-rounded-full);
}
.vc-highlight-content-outline,.vc-highlight-content-none {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-outline-content-color);
}
.vc-highlight-content-light {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-light-content-color);
}
.vc-highlight-content-solid {
  font-weight: var(--vc-font-bold);
  color: var(--vc-highlight-solid-content-color);
}
.vc-dots {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.vc-dot {
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  transition: var(--vc-day-content-transition);
}
.vc-dot:not(:last-child) {
  margin-right: 3px;
}
.vc-bars {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 75%;
}
.vc-bar {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 3px;
  transition: var(--vc-day-content-transition);
}
.vc-dot {
  background-color: var(--vc-dot-bg);
}
.vc-bar {
  background-color: var(--vc-bar-bg);
}
.vc-pane {
  min-width: 250px;
}
.vc-weeknumber {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
}
.vc-weeknumber.is-left {
  left: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-right {
  right: calc(var(--vc-weeknumber-offset-inside) * -1);
}
.vc-weeknumber.is-left-outside {
  left: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber.is-right-outside {
  right: calc(var(--vc-weeknumber-offset-outside) * -1);
}
.vc-weeknumber-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
  font-style: italic;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  color: var(--vc-weeknumber-color);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vc-weeks {
  position: relative;
  -webkit-overflow-scrolling: touch;
  padding: 6px;
  min-width: 232px;
}
.vc-weeks.vc-show-weeknumbers-left {
  margin-left: var(--vc-weeknumber-offset-inside);
}
.vc-weeks.vc-show-weeknumbers-right {
  margin-right: var(--vc-weeknumber-offset-inside);
}
.vc-weekday {
  text-align: center;
  color: var(--vc-weekday-color);
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-bold);
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 8px;
  cursor: default;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vc-week,.vc-weekdays {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  position: relative;
}
.vc-pane-container {
  width: 100%;
  position: relative;
}
.vc-pane-container.in-transition {
  overflow: hidden;
}
.vc-pane-layout {
  display: grid;
}
.vc-pane-header-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}
.vc-day-popover-container {
  font-size: var(--vc-text-xs);
  font-weight: var(--vc-font-medium);
}
.vc-day-popover-header {
  font-size: var(--vc-text-xs);
  color: var(--vc-day-popover-header-color);
  font-weight: var(--vc-font-semibold);
  text-align: center;
}
.vc-base-select {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  font-size: var(--vc-text-base);
  font-weight: var(--vc-font-medium);
}
.vc-base-select.vc-has-icon select {
  padding: 0 27px 0 9px;
}
.vc-base-select.vc-has-icon .vc-base-sizer {
  padding: 0 28px 0 10px;
}
.vc-base-select.vc-fit-content select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.vc-base-select .vc-base-icon {
  position: absolute;
  top: 6px;
  right: 4px;
  opacity: .6;
  pointer-events: none;
}
.vc-base-select .vc-base-sizer {
  font-size: var(--vc-text-base);
  font-weight: var(--vc-font-medium);
  color: transparent;
  padding: 0 8px;
  margin: 0;
}
.vc-base-select select {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--vc-select-color);
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--vc-select-bg);
  border-radius: var(--vc-rounded);
  height: 30px;
  width: -webkit-max-content;
  width: max-content;
  padding: 0 7px;
  margin: 0;
  line-height: var(--leading-none);
  text-indent: 0px;
  background-image: none;
  cursor: pointer;
  text-align: center;
}
.vc-base-select select:hover {
  background-color: var(--vc-select-hover-bg);
}
.vc-base-select select.vc-align-left {
  text-align: left;
}
.vc-base-select select.vc-align-right {
  text-align: right;
}
.vc-time-picker {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 4px;
}
.vc-time-picker.vc-invalid {
  pointer-events: none;
  opacity: .5;
}
.vc-time-picker.vc-attached {
  border-top: 1px solid var(--vc-time-picker-border);
}
.vc-time-picker>*+* {
  margin-top: 4px;
}
.vc-time-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--vc-text-sm);
  font-weight: var(--vc-font-semibold);
  text-transform: uppercase;
  margin-top: -4px;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 21px;
}
.vc-time-select-group {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 4px;
  background: var(--vc-time-select-group-bg);
  border-radius: var(--vc-rounded-md);
  border: 1px solid var(--vc-time-select-group-border);
}
.vc-time-select-group .vc-base-icon {
  margin-right: 4px;
  color: var(--vc-time-select-group-icon-color);
}
.vc-time-select-group select {
  background: transparent;
  padding: 0 4px;
}
.vc-time-weekday {
  color: var(--vc-time-weekday-color);
  letter-spacing: var(--tracking-wide);
}
.vc-time-month {
  color: var(--vc-time-month-color);
  margin-left: 8px;
}
.vc-time-day {
  color: var(--vc-time-day-color);
  margin-left: 4px;
}
.vc-time-year {
  color: var(--vc-time-year-color);
  margin-left: 8px;
}
.vc-time-colon {
  margin: 0 1px 2px 2px;
}
.vc-time-decimal {
  margin: 0 0 0 1px;
}
.vc-none-enter-active,.vc-none-leave-active {
  transition-duration: 0s;
}
.vc-fade-enter-active,.vc-fade-leave-active,.vc-slide-left-enter-active,.vc-slide-left-leave-active,.vc-slide-right-enter-active,.vc-slide-right-leave-active,.vc-slide-up-enter-active,.vc-slide-up-leave-active,.vc-slide-down-enter-active,.vc-slide-down-leave-active,.vc-slide-fade-enter-active,.vc-slide-fade-leave-active {
  transition: opacity var(--vc-slide-duration) var(--vc-slide-timing),-webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing),opacity var(--vc-slide-duration) var(--vc-slide-timing);
  transition: transform var(--vc-slide-duration) var(--vc-slide-timing),opacity var(--vc-slide-duration) var(--vc-slide-timing),-webkit-transform var(--vc-slide-duration) var(--vc-slide-timing);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}
.vc-none-leave-active,.vc-fade-leave-active,.vc-slide-left-leave-active,.vc-slide-right-leave-active,.vc-slide-up-leave-active,.vc-slide-down-leave-active {
  position: absolute!important;
  width: 100%;
}
.vc-none-enter-from,.vc-none-leave-to,.vc-fade-enter-from,.vc-fade-leave-to,.vc-slide-left-enter-from,.vc-slide-left-leave-to,.vc-slide-right-enter-from,.vc-slide-right-leave-to,.vc-slide-up-enter-from,.vc-slide-up-leave-to,.vc-slide-down-enter-from,.vc-slide-down-leave-to,.vc-slide-fade-enter-from,.vc-slide-fade-leave-to {
  opacity: 0;
}
.vc-slide-left-enter-from,.vc-slide-right-leave-to,.vc-slide-fade-enter-from.direction-left,.vc-slide-fade-leave-to.direction-left {
  -webkit-transform: translateX(var(--vc-slide-translate));
  transform: translate(var(--vc-slide-translate));
}
.vc-slide-right-enter-from,.vc-slide-left-leave-to,.vc-slide-fade-enter-from.direction-right,.vc-slide-fade-leave-to.direction-right {
  -webkit-transform: translateX(calc(-1 * var(--vc-slide-translate)));
  transform: translate(calc(-1 * var(--vc-slide-translate)));
}
.vc-slide-up-enter-from,.vc-slide-down-leave-to,.vc-slide-fade-enter-from.direction-top,.vc-slide-fade-leave-to.direction-top {
  -webkit-transform: translateY(var(--vc-slide-translate));
  transform: translateY(var(--vc-slide-translate));
}
.vc-slide-down-enter-from,.vc-slide-up-leave-to,.vc-slide-fade-enter-from.direction-bottom,.vc-slide-fade-leave-to.direction-bottom {
  -webkit-transform: translateY(calc(-1 * var(--vc-slide-translate)));
  transform: translateY(calc(-1 * var(--vc-slide-translate)));
}
:root {
  --vc-white: #ffffff;
  --vc-black: #000000;
  --vc-gray-50: #f8fafc;
  --vc-gray-100: #f1f5f9;
  --vc-gray-200: #e2e8f0;
  --vc-gray-300: #cbd5e1;
  --vc-gray-400: #94a3b8;
  --vc-gray-500: #64748b;
  --vc-gray-600: #475569;
  --vc-gray-700: #334155;
  --vc-gray-800: #1e293b;
  --vc-gray-900: #0f172a;
  --vc-font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  --vc-font-normal: 400;
  --vc-font-medium: 500;
  --vc-font-semibold: 600;
  --vc-font-bold: 700;
  --vc-text-2xs: 10px;
  --vc-text-xs: 12px;
  --vc-text-sm: 14px;
  --vc-text-base: 16px;
  --vc-text-lg: 18px;
  --vc-text-xl: 20px;
  --vc-text-2xl: 24px;
  --vc-leading-none: 1;
  --vc-leading-tight: 1.25;
  --vc-leading-snug: 1.375;
  --vc-leading-normal: 1.5;
  --vc-rounded: .25rem;
  --vc-rounded-md: .375rem;
  --vc-rounded-lg: .5rem;
  --vc-rounded-full: 9999px;
  --vc-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
  --vc-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  --vc-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
  --vc-slide-translate: 22px;
  --vc-slide-duration: .15s;
  --vc-slide-timing: ease;
  --vc-day-content-transition: all .13s ease-in;
  --vc-weeknumber-offset-inside: 26px;
  --vc-weeknumber-offset-outside: 34px;
}
.vc-gray {
  --vc-accent-50: var(--vc-gray-50);
  --vc-accent-100: var(--vc-gray-100);
  --vc-accent-200: var(--vc-gray-200);
  --vc-accent-300: var(--vc-gray-300);
  --vc-accent-400: var(--vc-gray-400);
  --vc-accent-500: var(--vc-gray-500);
  --vc-accent-600: var(--vc-gray-600);
  --vc-accent-700: var(--vc-gray-700);
  --vc-accent-800: var(--vc-gray-800);
  --vc-accent-900: var(--vc-gray-900);
}
.vc-red {
  --vc-accent-50: #fef2f2;
  --vc-accent-100: #fee2e2;
  --vc-accent-200: #fecaca;
  --vc-accent-300: #fca5a5;
  --vc-accent-400: #f87171;
  --vc-accent-500: #ef4444;
  --vc-accent-600: #dc2626;
  --vc-accent-700: #b91c1c;
  --vc-accent-800: #991b1b;
  --vc-accent-900: #7f1d1d;
}
.vc-orange {
  --vc-accent-50: #fff7ed;
  --vc-accent-100: #ffedd5;
  --vc-accent-200: #fed7aa;
  --vc-accent-300: #fdba74;
  --vc-accent-400: #fb923c;
  --vc-accent-500: #f97316;
  --vc-accent-600: #ea580c;
  --vc-accent-700: #c2410c;
  --vc-accent-800: #9a3412;
  --vc-accent-900: #7c2d12;
}
.vc-yellow {
  --vc-accent-50: #fefce8;
  --vc-accent-100: #fef9c3;
  --vc-accent-200: #fef08a;
  --vc-accent-300: #fde047;
  --vc-accent-400: #facc15;
  --vc-accent-500: #eab308;
  --vc-accent-600: #ca8a04;
  --vc-accent-700: #a16207;
  --vc-accent-800: #854d0e;
  --vc-accent-900: #713f12;
}
.vc-green {
  --vc-accent-50: #f0fdf4;
  --vc-accent-100: #dcfce7;
  --vc-accent-200: #bbf7d0;
  --vc-accent-300: #86efac;
  --vc-accent-400: #4ade80;
  --vc-accent-500: #22c55e;
  --vc-accent-600: #16a34a;
  --vc-accent-700: #15803d;
  --vc-accent-800: #166534;
  --vc-accent-900: #14532d;
}
.vc-teal {
  --vc-accent-50: #f0fdfa;
  --vc-accent-100: #ccfbf1;
  --vc-accent-200: #99f6e4;
  --vc-accent-300: #5eead4;
  --vc-accent-400: #2dd4bf;
  --vc-accent-500: #14b8a6;
  --vc-accent-600: #0d9488;
  --vc-accent-700: #0f766e;
  --vc-accent-800: #115e59;
  --vc-accent-900: #134e4a;
}
.vc-blue {
  --vc-accent-50: #eff6ff;
  --vc-accent-100: #dbeafe;
  --vc-accent-200: #bfdbfe;
  --vc-accent-300: #93c5fd;
  --vc-accent-400: #60a5fa;
  --vc-accent-500: #3b82f6;
  --vc-accent-600: #2563eb;
  --vc-accent-700: #1d4ed8;
  --vc-accent-800: #1e40af;
  --vc-accent-900: #1e3a8a;
}
.vc-indigo {
  --vc-accent-50: #eef2ff;
  --vc-accent-100: #e0e7ff;
  --vc-accent-200: #c7d2fe;
  --vc-accent-300: #a5b4fc;
  --vc-accent-400: #818cf8;
  --vc-accent-500: #6366f1;
  --vc-accent-600: #4f46e5;
  --vc-accent-700: #4338ca;
  --vc-accent-800: #3730a3;
  --vc-accent-900: #312e81;
}
.vc-purple {
  --vc-accent-50: #faf5ff;
  --vc-accent-100: #f3e8ff;
  --vc-accent-200: #e9d5ff;
  --vc-accent-300: #d8b4fe;
  --vc-accent-400: #c084fc;
  --vc-accent-500: #a855f7;
  --vc-accent-600: #9333ea;
  --vc-accent-700: #7e22ce;
  --vc-accent-800: #6b21a8;
  --vc-accent-900: #581c87;
}
.vc-pink {
  --vc-accent-50: #fdf2f8;
  --vc-accent-100: #fce7f3;
  --vc-accent-200: #fbcfe8;
  --vc-accent-300: #f9a8d4;
  --vc-accent-400: #f472b6;
  --vc-accent-500: #ec4899;
  --vc-accent-600: #db2777;
  --vc-accent-700: #be185d;
  --vc-accent-800: #9d174d;
  --vc-accent-900: #831843;
}
.vc-focus:focus-within {
  outline: 0;
  box-shadow: var(--vc-focus-ring);
}
.vc-light {
  --vc-color: var(--vc-gray-900);
  --vc-bg: var(--vc-white);
  --vc-border: var(--vc-gray-300);
  --vc-hover-bg: hsla(211, 25%, 84%, .3);
  --vc-focus-ring: 0 0 0 2px rgb(59, 131, 246, .4);
  --vc-header-arrow-color: var(--vc-gray-500);
  --vc-header-arrow-hover-bg: var(--vc-gray-200);
  --vc-header-title-color: var(--vc-gray-900);
  --vc-weekday-color: var(--vc-gray-500);
  --vc-weeknumber-color: var(--vc-gray-400);
  --vc-nav-hover-bg: var(--vc-gray-200);
  --vc-nav-title-color: var(--vc-gray-900);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: var(--vc-shadow);
  --vc-nav-item-current-color: var(--vc-accent-600);
  --vc-day-popover-container-color: var(--vc-white);
  --vc-day-popover-container-bg: var(--vc-gray-800);
  --vc-day-popover-container-border: var(--vc-gray-700);
  --vc-day-popover-header-color: var(--vc-gray-700);
  --vc-popover-content-color: var(--vc-gray-900);
  --vc-popover-content-bg: var(--vc-gray-50);
  --vc-popover-content-border: var(--vc-gray-300);
  --vc-time-picker-border: var(--vc-gray-300);
  --vc-time-weekday-color: var(--vc-gray-700);
  --vc-time-month-color: var(--vc-accent-600);
  --vc-time-day-color: var(--vc-accent-600);
  --vc-time-year-color: var(--vc-gray-500);
  --vc-time-select-group-bg: var(--vc-gray-50);
  --vc-time-select-group-border: var(--vc-gray-300);
  --vc-time-select-group-icon-color: var(--vc-accent-500);
  --vc-select-color: var(--vc-gray-900);
  --vc-select-bg: var(--vc-gray-100);
  --vc-select-hover-bg: var(--vc-gray-200);
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-400);
}
.vc-light.vc-attr,.vc-light .vc-attr {
  --vc-content-color: var(--vc-accent-600);
  --vc-highlight-outline-bg: var(--vc-white);
  --vc-highlight-outline-border: var(--vc-accent-600);
  --vc-highlight-outline-content-color: var(--vc-accent-700);
  --vc-highlight-light-bg: var(--vc-accent-200);
  --vc-highlight-light-content-color: var(--vc-accent-900);
  --vc-highlight-solid-bg: var(--vc-accent-600);
  --vc-highlight-solid-content-color: var(--vc-white);
  --vc-dot-bg: var(--vc-accent-600);
  --vc-bar-bg: var(--vc-accent-600);
}
.vc-dark {
  --vc-color: var(--vc-white);
  --vc-bg: var(--vc-gray-900);
  --vc-border: var(--vc-gray-700);
  --vc-hover-bg: hsla(216, 15%, 52%, .3);
  --vc-focus-ring: 0 0 0 2px rgb(59 130 246 / .7);
  --vc-header-arrow-color: var(--vc-gray-300);
  --vc-header-arrow-hover-bg: var(--vc-gray-800);
  --vc-header-title-color: var(--vc-gray-100);
  --vc-weekday-color: var(--vc-accent-200);
  --vc-weeknumber-color: var(--vc-gray-500);
  --vc-nav-hover-bg: var(--vc-gray-700);
  --vc-nav-title-color: var(--vc-gray-100);
  --vc-nav-item-hover-box-shadow: none;
  --vc-nav-item-active-color: var(--vc-white);
  --vc-nav-item-active-bg: var(--vc-accent-500);
  --vc-nav-item-active-box-shadow: none;
  --vc-nav-item-current-color: var(--vc-accent-400);
  --vc-day-popover-container-color: var(--vc-gray-800);
  --vc-day-popover-container-bg: var(--vc-white);
  --vc-day-popover-container-border: var(--vc-gray-100);
  --vc-day-popover-header-color: var(--vc-gray-300);
  --vc-popover-content-color: var(--vc-white);
  --vc-popover-content-bg: var(--vc-gray-800);
  --vc-popover-content-border: var(--vc-gray-700);
  --vc-time-picker-border: var(--vc-gray-700);
  --vc-time-weekday-color: var(--vc-gray-400);
  --vc-time-month-color: var(--vc-accent-400);
  --vc-time-day-color: var(--vc-accent-400);
  --vc-time-year-color: var(--vc-gray-500);
  --vc-time-select-group-bg: var(--vc-gray-700);
  --vc-time-select-group-border: var(--vc-gray-500);
  --vc-time-select-group-icon-color: var(--vc-accent-400);
  --vc-select-color: var(--vc-gray-200);
  --vc-select-bg: var(--vc-gray-700);
  --vc-select-hover-bg: var(--vc-gray-600);
  --vc-day-content-hover-bg: var(--vc-hover-bg);
  --vc-day-content-disabled-color: var(--vc-gray-600);
}
.vc-dark.vc-attr,.vc-dark .vc-attr {
  --vc-content-color: var(--vc-accent-500);
  --vc-highlight-outline-bg: var(--vc-gray-900);
  --vc-highlight-outline-border: var(--vc-accent-300);
  --vc-highlight-outline-content-color: var(--vc-accent-200);
  --vc-highlight-light-bg: var(--vc-accent-800);
  --vc-highlight-light-content-color: var(--vc-accent-100);
  --vc-highlight-solid-bg: var(--vc-accent-500);
  --vc-highlight-solid-content-color: var(--vc-white);
  --vc-dot-bg: var(--vc-accent-500);
  --vc-bar-bg: var(--vc-accent-500);
}
.vc-container {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
  font-family: var(--vc-font-family);
  color: var(--vc-color);
  background-color: var(--vc-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
.vc-container,.vc-container * {
  box-sizing: border-box;
}
.vc-container:focus,.vc-container *:focus {
  outline: none;
}
.vc-container .vc-container {
  border: none;
}
.vc-bordered {
  border: 1px solid;
  border-color: var(--vc-border);
  border-radius: var(--vc-rounded-lg);
}
.vc-expanded {
  min-width: 100%;
}
.vc-transparent {
  background-color: transparent;
}
.vc-date-picker-content {
  padding: 0;
  background-color: var(--vc-bg);
}
.vc-date-picker-content .vc-container {
  border: 0;
}
.custom-input-date {
  font-size: 16px;
  line-height: 18px;
  width: 100%;
  max-width: 270px;
  height: 52px;
  box-sizing: border-box;
}
.--grey .custom-input-date {
  --inputBorder: #000;
}
.custom-input-date .cid-wrapper {
  display: flex;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
.custom-input-date .cid-wrapper.--disabled .float-label {
  color: #c8c8c8;
}
.custom-input-date .cid-wrapper.--required .float-label:after {
  content: "*";
}
.custom-input-date .input-date {
  position: relative;
  width: 100%;
  height: 52px;
  font-size: 16px;
  font-weight: 700;
  padding: 22px 10px 1px;
  box-sizing: border-box;
  border: 2px solid var(--inputBorder);
  background-color: var(--input);
}
.custom-input-date .float-label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  color: var(--onInput);
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
  padding: 0 10px;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  transition: all .2s ease;
}
.custom-input-date .input-date.--ready .float-label {
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  transform: translateY(8px);
}
.custom-input-date.--error .input-date {
  border: 2px solid var(--inputError);
}
.custom-input-date .custom-button {
  max-width: 70px;
  padding: 0;
  font-size: 30px;
}
.custom-input-date .custom-button span {
  color: var(--highlight);
}
.custom-input-date .custom-button:disabled span {
  color: inherit;
}
.custom-input-date .custom-button.clear-input {
  position: absolute;
  height: 50px;
  right: 0;
  top: 0;
  background-color: transparent;
  font-size: 20px;
  width: auto;
  padding: 0 10px;
}
.custom-input-date .custom-button.clear-input span {
  color: #c1c1c1;
}
.custom-input-date .vc-container {
  box-shadow: unset;
  border-radius: 0;
  border: 1px solid var(--inputBorder);
}
.custom-input-date .vc-container button:focus-visible {
  outline: 2px solid var(--highlight)!important;
}
.custom-input-date .vc-highlight {
  background-color: var(--highlight)!important;
}
.custom-input-date .vc-popover-caret.direction-bottom.align-left,.custom-input-date .vc-popover-caret.direction-top.align-left {
  display: none;
}
.custom-input-date .vc-weekday {
  color: #ababac;
}
.custom-input-date .vc-nav-item.is-active {
  color: #c1c1c1;
}
.custom-input-date .vc-header {
  background-color: #000;
  padding: 10px 18px;
  height: auto;
  margin-top: 0;
}
.custom-input-date .vc-header .vc-title {
  opacity: .99999;
}
.custom-input-date .vc-title {
  background-color: transparent;
  opacity: 1;
  font-size: 18px;
}
.custom-input-date .vc-title,.custom-input-date .vc-svg-icon,.custom-input-date .vc-arrow {
  color: #fff;
}
.custom-input-date .vc-arrow {
  background-color: transparent;
}
.custom-input-date .vc-arrow:hover {
  background-color: unset;
}
.custom-input-date .vc-weeks {
  padding-top: 20px;
}
.custom-input-date .vc-nav-popover-container {
  background-color: #000;
  border-radius: 0;
}
.custom-input-date .vc-nav-item.is-active {
  background-color: #fff;
  color: #e50043;
}
.custom-input-date .vc-popover-caret.direction-bottom.align-center {
  border: 1px solid #000;
}
.select-action {
  width: 100%;
}
.select-action .extra-content {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 18px;
  width: 100%;
}
.select-action .title {
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 18px;
}
.select-action .custom-button {
  height: 54px;
  width: auto;
}
.select-action .custom-select {
  height: 52px;
  margin-bottom: 8px;
  margin-right: 10px;
  flex-grow: 1;
  width: 100%;
}
.select-action .custom-select .vs__search,.select-action .custom-select .vs__selected {
  font-size: inherit;
}
.select-action .custom-select:last-child {
  margin-right: 0;
}
@media screen and (min-width: 640px) {
  .select-action {
    margin-right: 20px;
  }
  .select-action .extra-content {
    flex-direction: row;
  }
  .select-action .custom-select {
    max-width: 255px;
  }
}
@media screen and (min-width: 1440px) {
  .select-action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .select-action .title {
    margin-right: 12px;
    margin-bottom: 8px;
  }
  .select-action .custom-select {
    margin-bottom: 0;
  }
}
.detail-content-table {
  font-size: 13px;
  line-height: 16px;
  overflow: auto;
}
.detail-content-table .col-1,.detail-content-table .col-6 {
  width: 30px;
}
.detail-content-table .col-2 {
  width: 70px;
}
.detail-content-table .col-4 {
  width: 50px;
}
.detail-content-table .dct-content {
  width: 100%;
  padding: 20px;
}
.detail-content-table .dct-content th,.detail-content-table .dct-content tfoot {
  background-color: #595959;
  color: #fff;
}
.detail-content-table .dct-content td,.detail-content-table .dct-content th {
  padding: 20px;
}
.detail-content-table .dct-content thead th {
  font-weight: 700;
}
.detail-content-table .dct-content .table-legend {
  text-align: right;
}
.detail-content-table .dct-content .custom-select,.detail-content-table .dct-content .custom-button {
  font-size: 13px;
}
.detail-content-table .dct-content .custom-select {
  width: 100px;
}
.detail-content-table .dct-content .dct-titel {
  font-size: 16px;
  line-height: 20px;
  padding: 15px 20px;
}
.detail-intro {
  padding: 40px 20px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.detail-intro h1 {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
}
.detail-intro .intro-text {
  margin-top: 20px;
  margin-bottom: 0;
}
.detail-intro .intro-text:empty {
  display: none;
}
@media screen and (min-width: 1024px) {
  .detail-intro {
    padding: 80px 20px 40px;
  }
  .detail-intro .intro-text {
    margin-top: 40px;
  }
}
.--dark .detail-intro {
  color: #fff;
}
.detail-stage {
  position: relative;
  width: 100%;
  height: 31.25vw;
  max-height: 50vh;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
}
.detail-stage:has(.stage-content) {
  height: min-content;
  max-height: unset;
}
.detail-stage .detail-stage-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-stage:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(180deg,#0000008a,#0000 220px);
}
.detail-stage.--top.--left .v-lazy-image {
  object-position: 0 0;
}
.detail-stage.--top.--center .v-lazy-image {
  object-position: 50% 0;
}
.detail-stage.--top.--right .v-lazy-image {
  object-position: 100% 0;
}
.detail-stage.--middle.--left .v-lazy-image {
  object-position: 0 50%;
}
.detail-stage.--middle.--center .v-lazy-image {
  object-position: 50% 50%;
}
.detail-stage.--middle.--right .v-lazy-image {
  object-position: 100% 50%;
}
.detail-stage.--bottom.--left .v-lazy-image {
  object-position: 0 100%;
}
.detail-stage.--bottom.--center .v-lazy-image {
  object-position: 50% 100%;
}
.detail-stage.--bottom.--right .v-lazy-image {
  object-position: 100% 100%;
}
.detail-stage.--move-right {
  background-color: #000;
}
@media screen and (max-width: 639px) {
  .detail-stage {
    min-height: 62.5vw;
    height: auto;
  }
  .detail-stage.--move-right .detail-stage-image {
    aspect-ratio: 16/10;
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .detail-stage {
    margin-top: -190px;
  }
  .detail-stage.--no-breadcrumb {
    margin-top: -140px;
  }
  .detail-stage.--editor-mode {
    margin-top: -50px;
  }
}
.detail-stage .detail-stage-container {
  position: relative;
  box-sizing: border-box;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  z-index: 1;
}
.detail-stage .detail-stage-container:focus-within {
  z-index: 10;
}
.detail-stage .detail-stage-container :where(h1) {
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  background-color: #fff;
  display: inline-block;
  padding: 6px 8px;
  margin-bottom: 20px;
}
.detail-stage .detail-stage-container :where(h1)[class^=ricon-]:before {
  position: relative;
  top: 2px;
  padding-right: 8px;
  color: #e50043;
}
.detail-stage .detail-stage-container>.button-block {
  margin: 0 -20px;
}
.detail-stage .detail-stage-container>.button-block:has(.custom-button) {
  margin-top: 20px;
}
@media screen and (min-width: 640px) {
  .detail-stage .detail-stage-container {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .detail-stage .detail-stage-container {
    padding-top: 210px;
  }
  .detail-stage .detail-stage-container :where(h1) {
    margin-bottom: 40px;
  }
  .detail-stage .detail-stage-container .stage-content {
    max-width: 50%;
  }
  .detail-stage .detail-stage-container>.button-block {
    width: 50%;
  }
  .detail-stage.--move-right {
    background: linear-gradient(to right,#23000a,#000 50%);
  }
  .detail-stage.--move-right .detail-stage-image {
    left: 50%;
    width: 50%;
    max-width: 720px;
  }
}
@media screen and (min-width: 1440px) {
  .detail-stage .detail-stage-container {
    padding-top: 230px;
    padding-bottom: 60px;
  }
  .detail-stage .detail-stage-container:has(.--banner) {
    padding-bottom: 0;
  }
  .detail-stage .detail-stage-container :where(h1) {
    margin-bottom: 40px;
  }
}
@media screen and (max-height: 740px) {
  .detail-stage .detail-stage-container {
    padding-bottom: 20px;
  }
  .detail-stage .detail-stage-container :where(h1) {
    margin-bottom: 20px;
  }
}
.download-list .label {
  padding: 0;
}
.download-list .label:after {
  content: none;
}
.download-list dl {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 16px;
  font-weight: 500;
  border-top: 2px solid black;
  padding-top: 10px;
}
.download-list dl:last-of-type {
  border-bottom: 2px solid black;
}
.download-list dt {
  font-weight: 700;
  margin-bottom: 20px;
}
.download-list dd:first-of-type {
  margin-top: 0;
}
.download-list dd {
  margin-top: 20px;
}
.download-list dd:last-of-type ul {
  border-bottom: none;
}
.download-list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 10px;
  margin-top: 10px;
  border-bottom: 1px solid black;
}
.download-list .download-link {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  margin-bottom: 20px;
}
.download-list .download-link .label {
  margin-top: 5px;
  margin-left: 0;
  align-self: start;
}
@media screen and (min-width: 640px) {
  .download-list dl {
    display: flex;
    flex-direction: column;
  }
  .download-list dt {
    position: absolute;
    max-width: calc(25% - 20px);
  }
  .download-list dd {
    padding-left: calc(25% + 20px);
  }
}
.collapsable.active .download-list .label:after {
  content: none;
}
.--dark .download-list dl {
  border-top: 2px solid white;
}
.--dark .download-list dl:last-of-type {
  border-bottom: 2px solid white;
}
.--dark .download-list ul {
  border-bottom: 1px solid white;
}
.dynamic-footnotes {
  color: #000;
}
.dynamic-footnotes:has(li) {
  margin-top: 20px;
  border-top: 1px solid rgba(0,0,0,.5);
}
.dynamic-footnotes:has(li) ol {
  padding: 20px 0;
}
.--dark .dynamic-footnotes {
  color: #fff;
}
.--dark .dynamic-footnotes:has(li) {
  border-top-color: #ffffff80;
}
.expandable-list {
  scroll-margin-top: 110px;
}
.expandable-list .toggle-button {
  background: none;
  border: none;
  color: var(--highlight);
  font-family: inherit;
  font-weight: 700;
  font-size: 16px;
  padding: 0;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  margin-top: 44px;
}
.expandable-list .toggle-button:after {
  position: relative;
  top: -1px;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 10px;
}
@media screen and (min-width: 1024px) {
  .expandable-list {
    scroll-margin-top: 180px;
  }
}
.favorites-table table {
  width: 100%;
}
.favorites-table th {
  padding: 20px;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  width: 33%;
}
.favorites-table .mobile {
  display: none;
}
@media screen and (min-width: 1024px) {
  .favorites-table th {
    border: 2px solid #FFF;
  }
  .favorites-table .mobile {
    display: table-cell;
  }
}
.form-with-consent.custom-form fieldset:last-child {
  margin-bottom: 0;
}
.form-with-consent .fwc-content {
  padding-bottom: 40px;
}
.form-with-consent .fwc-loading,.form-with-consent .fwc-load-error {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 160px;
  align-items: center;
  justify-content: center;
}
.form-with-consent .fwc-loading .loading-spinner,.form-with-consent .fwc-load-error .loading-spinner {
  margin-bottom: 20px;
}
.form-with-consent .fwc-load-error p {
  font-size: 18px;
  line-height: 24px;
}
.hero-teaser .intro-title a {
  font-weight: 400;
  color: inherit;
}
.hero-teaser .hero-teaser-headline {
  color: inherit;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.hero-teaser .hero-teaser-images {
  margin-top: 20px;
}
.hero-teaser .primary-image,.hero-teaser .secondary-image {
  margin: 0 20px;
  flex-shrink: 0;
  flex-grow: 1;
}
.hero-teaser .primary-image .image-wrapper,.hero-teaser .secondary-image .image-wrapper {
  position: relative;
  padding-bottom: 62.5%;
}
.hero-teaser .primary-image img,.hero-teaser .secondary-image img {
  position: absolute;
  object-fit: cover;
  object-position: left center;
  height: 100%;
  width: 100%;
}
.hero-teaser .hero-teaser-body {
  margin-top: 20px;
}
.hero-teaser .hero-teaser-text {
  font-size: 16px;
  line-height: 24px;
}
.hero-teaser .custom-link {
  margin-top: 20px;
}
@media screen and (min-width: 640px) {
  .hero-teaser .hero-teaser-headline {
    font-size: 22px;
    line-height: 30px;
  }
  .hero-teaser .hero-teaser-images {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media screen and (min-width: 1024px) {
  .hero-teaser .hero-teaser-headline {
    font-size: 30px;
    line-height: 36px;
  }
  .hero-teaser .hero-teaser-images {
    display: flex;
    margin-top: 40px;
  }
  .hero-teaser .hero-teaser-images .primary-image {
    flex-basis: calc(66.666% - 40px);
  }
  .hero-teaser .hero-teaser-images .primary-image .image-wrapper {
    padding-bottom: calc(31.25% - 12.5px);
  }
  .hero-teaser .hero-teaser-images .secondary-image {
    flex-basis: calc(33.333% - 40px);
  }
  .hero-teaser .hero-teaser-body {
    margin-top: 40px;
  }
  .hero-teaser .hero-teaser-text {
    max-width: calc(66.666% - 20px);
  }
}
.--dark .hero-teaser {
  color: #fff;
}
.icon-group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  text-transform: uppercase;
  font-size: 12px;
}
.icon-group small {
  padding: 0 10px;
}
.icon-group .custom-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 1440px) {
  .icon-group {
    flex-direction: row;
  }
  .icon-group .custom-icon {
    flex-direction: column;
    flex: 0 0 33%;
    text-align: center;
  }
}
.icon-group .icon-circle {
  margin: 0 20px 0 0;
}
@media screen and (min-width: 1440px) {
  .icon-group .icon-circle {
    margin: 0 0 20px;
  }
}
.icon-info-grid {
  position: relative;
  height: 100%;
  min-height: 0;
  padding: 20px;
  color: #fff;
  background-color: #ababac;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 1279px) {
  .icon-info-grid {
    padding: 10px;
  }
}
.icon-info-grid-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.icon-info-grid-top {
  display: flex;
  gap: 30px;
  align-items: center;
}
@media screen and (max-width: 1279px) {
  .icon-info-grid-top {
    gap: 10px;
  }
}
.icon-info-grid-icon {
  width: 72px;
  flex-basis: 0 0 72px;
}
.icon-info-grid-icon img {
  width: 100%;
  height: 100%;
}
.icon-info-grid-text-small {
  font-size: 1rem;
  line-height: 1.375rem;
}
.icon-info-grid-text-large {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
@media screen and (max-width: 1023px) {
  .icon-info-grid-text-large {
    font-size: 1.625rem;
    line-height: 1.875rem;
  }
}
.icon-info-grid-text-medium {
  font-size: 1.625rem;
  line-height: 2rem;
}
@media screen and (max-width: 1023px) {
  .icon-info-grid-text-medium {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
.icon-info-grid .custom-button {
  width: fit-content;
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .icon-info-grid .custom-button {
    margin: 10px auto 0;
  }
}
@container large (min-width: 0) {
  .icon-info-grid-wrapper {
    justify-content: center;
    justify-self: flex-end;
    width: 60%;
  }
  @media screen and (max-width: 1023px) {
    .icon-info-grid-wrapper {
      width: 75%;
    }
  }
  @media screen and (max-width: 639px) {
    .icon-info-grid-wrapper {
      width: 100%;
      text-align: center;
    }
  }
  @media screen and (max-width: 639px) {
    .icon-info-grid-top {
      flex-direction: column;
    }
  }
  @media screen and (min-width: 640px) {
    .icon-info-grid-icon {
      position: absolute;
      width: 192px;
      left: -48px;
      top: 53%;
      transform: translateY(-50%);
      overflow: hidden;
    }
  }
  @media screen and (min-width: 640px) and (max-width: 1023px) {
    .icon-info-grid-icon {
      width: 120px;
    }
  }
}
@container medium (min-width: 0) {
  .icon-info-grid-wrapper {
    justify-content: center;
    align-items: center;
  }
  @media screen and (max-width: 639px) {
    .icon-info-grid-top {
      flex-direction: column;
    }
  }
}
@container small (min-width: 0) {
  .icon-info-grid {
    padding: 10px;
    text-align: center;
  }
  .icon-info-grid-top {
    height: 100%;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
  }
  .icon-info-grid .custom-button {
    display: block;
    width: fit-content;
    margin: 10px auto 0;
  }
}
.icon-teaser {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.icon-teaser .icon-button-wrapper:after {
  font-size: 42px;
  line-height: 1;
}
.icon-teaser-title {
  flex-grow: 1;
  margin: 25px 0 20px;
  font-size: 1.25rem;
  line-height: 1.625rem;
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 13 5 5;
}
.image-info-grid {
  position: relative;
  width: 100%;
  height: 100%;
}
.image-info-grid .custom-button {
  width: fit-content;
}
.image-info-grid-text-wrapper {
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.image-info-grid-text-large {
  font-size: 3.25rem;
  line-height: 3.625rem;
}
@media screen and (max-width: 1023px) {
  .image-info-grid-text-large {
    font-size: 3rem;
    line-height: 3.375rem;
  }
}
.image-info-grid-text-medium {
  font-size: 2rem;
  line-height: 2.375rem;
}
@media screen and (max-width: 1023px) {
  .image-info-grid-text-medium {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}
.image-info-grid-text-small {
  font-size: 1rem;
  line-height: 1.375rem;
}
.image-info-grid-text b,.image-info-grid-text strong {
  font-weight: 700;
}
.image-info-grid.background-image {
  position: relative;
}
.image-info-grid.background-image .image-info-grid-image {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 639px) {
  .image-info-grid.background-image .image-info-grid-image {
    aspect-ratio: 16/10;
  }
}
.image-info-grid.background-image .image-info-grid-image>img {
  height: 100%;
  object-fit: cover;
}
.image-info-grid.background-image .image-info-grid-image:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(#000000b3);
  z-index: 1;
  pointer-events: none;
}
.image-info-grid.background-image .image-info-grid-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 9;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .image-info-grid.background-image .image-info-grid-content {
    bottom: 10px;
    gap: 10px;
  }
}
@media screen and (max-width: 639px) {
  .image-info-grid.background-image .image-info-grid-content {
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
  }
}
.image-info-grid.image {
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: end;
  box-sizing: border-box;
  color: #fff;
  background: #000;
}
@media screen and (max-width: 1279px) {
  .image-info-grid.image {
    padding: 10px 0;
    gap: 20px;
  }
}
@media screen and (max-width: 639px) {
  .image-info-grid.image .image-info-grid-text-wrapper {
    margin-top: 20px;
  }
}
.input-button-pair {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 18px;
  width: 100%;
}
.input-button-pair .ib-title {
  font-weight: 600;
  margin-bottom: 8px;
}
.input-button-pair .content-input {
  margin-bottom: 8px;
  margin-right: 10px;
  flex-grow: 1;
}
.input-button-pair .content-input input {
  width: 100%;
  height: 54px;
}
.input-button-pair .ib-select {
  display: flex;
}
.input-button-pair .float-label {
  font-size: 16px;
}
.input-button-pair .custom-button {
  height: 54px;
  width: auto;
}
@media screen and (min-width: 640px) {
  .input-button-pair {
    margin-right: 20px;
    max-width: 255px;
  }
}
@media screen and (min-width: 1440px) {
  .input-button-pair {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  .input-button-pair .ib-select {
    width: 255px;
  }
  .input-button-pair .content-input {
    margin-bottom: 0;
  }
}
.image-gallery {
  position: relative;
}
.image-gallery .swiper-container {
  background-color: #fff;
}
.image-gallery .swiper-slide {
  font-size: 0;
  background-color: #000;
}
.image-gallery .gallery-aspect-16x10 {
  position: relative;
  padding-bottom: 62.5%;
}
.image-gallery .gallery-aspect-16x10 .video-embed {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}
.image-gallery .gallery-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  background-color: #000000e6;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.image-gallery .gallery-top.swiper-container-horizontal>.swiper-pagination-progressbar {
  top: auto;
  bottom: 0;
  z-index: 5;
  height: 3px;
}
.image-gallery .gallery-top.swiper-container-horizontal>.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #e50043;
}
.image-gallery .zoom-link {
  cursor: zoom-in;
}
@media screen and (min-width: 1024px) {
  .image-gallery:not(.product-gallery,.product-slider,.image-gallery,.tab-slider .image-gallery,.article-with-sidebar .image-gallery) {
    max-width: 1040px;
  }
  .article-with-sidebar .image-gallery:not(.product-gallery .image-gallery,.tab-slider .image-gallery) {
    max-width: 830px;
  }
  .image-gallery .gallery-caption {
    padding: 15px 20px;
    font-size: 16px;
    line-height: 20px;
    opacity: 0;
    transition: opacity .42s ease .15s;
  }
  .image-gallery .gallery-top:hover .gallery-caption {
    opacity: 1;
  }
}
.image-gallery .gallery-top:not(.swiper-initialized):before,.image-gallery .gallery-thumbs:not(.swiper-initialized):before {
  content: "";
  display: block;
  position: relative;
  padding-bottom: 62.5%;
}
.image-gallery .gallery-top img,.image-gallery .gallery-thumbs img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.image-gallery .gallery-thumbs:not(.swiper-initialized):before {
  padding-bottom: calc(62.5% - 40px);
}
.image-gallery .gallery-thumbs {
  box-sizing: border-box;
  padding: 10px 0;
  cursor: pointer;
}
.image-gallery .gallery-thumbs .swiper-slide {
  overflow: hidden;
  box-shadow: 0 0 #fff,20px 0 -20px #000;
  transition: box-shadow .27s ease-in-out;
}
.image-gallery .gallery-thumbs:not(.--auto-width) .swiper-slide-thumb-active {
  transition: box-shadow .27s ease-in-out .32s;
  box-shadow: 0 2px #fff,0 6px #000;
}
.image-gallery .gallery-thumbs.--auto-width .swiper-slide {
  width: auto;
}
.image-gallery .swiper-button-prev,.image-gallery .swiper-button-next {
  background-image: none;
  color: #fff;
  font-size: 40px;
  opacity: 0;
  transition: opacity .27s ease .25s;
  text-shadow: 0 0 4px rgba(0,0,0,.65);
}
.image-gallery .swiper-button-prev.swiper-button-thumbs,.image-gallery .swiper-button-next.swiper-button-thumbs {
  opacity: 1;
  top: auto;
  bottom: 7px;
  font-size: 24px;
  background-color: #000;
  width: 40px;
}
.image-gallery .swiper-button-prev.swiper-button-thumbs.swiper-button-disabled,.image-gallery .swiper-button-next.swiper-button-thumbs.swiper-button-disabled {
  opacity: .65;
}
.image-gallery .swiper-button-prev:after,.image-gallery .swiper-button-next:after {
  content: "";
  display: none;
}
.image-gallery .swiper-button-thumbs.swiper-button-prev {
  left: 0;
}
.image-gallery .swiper-button-thumbs.swiper-button-next {
  right: 0;
}
.image-gallery:hover .gallery-top .swiper-button-prev:not(.swiper-button-disabled),.image-gallery:hover .gallery-top .swiper-button-next:not(.swiper-button-disabled) {
  opacity: .8;
  cursor: pointer;
}
.image-teaser {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.image-teaser-image {
  height: 80px;
  display: flex;
}
.image-teaser-image img {
  width: auto;
  height: 100%;
  margin: 0 auto;
}
.image-teaser-title {
  margin: 30px 0 20px;
  font-size: 1.25rem;
  line-height: 1.625rem;
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 13 5 5;
}
.image-teaser-text {
  margin-bottom: 20px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  flex-grow: 1;
}
.info-card {
  border-left: 6px solid #E50043;
  padding: 20px 20px 20px 14px;
  background-color: #f5f5f7;
}
.info-card.--error {
  border-left-color: #be0000;
}
.info-card.--success {
  border-left-color: #008e4f;
}
.info-card.--warning {
  border-left-color: #ff9600;
}
.info-card.--collection {
  background-color: #434444;
  color: #fff;
}
.--grey .info-card {
  background-color: #fff;
}
.--dark .info-card .richtext-content {
  color: #000;
}
.info-card .custom-button {
  margin-top: 20px;
}
.info-card .richtext-content>div>:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 640px) {
  .info-card {
    padding: 40px 40px 40px 34px;
  }
}
.lifecycle-info {
  font-size: 14px;
  line-height: 16px;
}
.lifecycle-info .lci-trigger {
  text-decoration: none;
  font-weight: 700;
  color: var(--error-color);
}
.lifecycle-info .lci-trigger:hover {
  text-decoration: underline;
  text-decoration-color: #e50043;
  text-decoration-thickness: 2px;
  text-underline-offset: 1.5px;
}
.lifecycle-info .status-color {
  position: relative;
  top: 1px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: var(--success-color);
  margin-left: 10px;
}
.lifecycle-info .status-color.--green {
  background-color: var(--success-color);
}
.lifecycle-info .status-color.--red {
  background-color: var(--error-color);
}
.lifecycle-info .cycle {
  font-weight: 700;
}
.lifecycle-info.--passive .lci-trigger,.lifecycle-info.--limited .lci-trigger,.lifecycle-info.--customized .lci-trigger {
  color: var(--error-color);
}
.lifecycle-info.--active .lci-trigger,.lifecycle-info.--new .lci-trigger {
  color: var(--success-color);
}
.lifecycle-swal.swal2-modal {
  width: calc(100vw - 40px);
  max-width: 1020px;
  text-align: left;
  border-radius: 0;
}
.lifecycle-swal .swal2-html-container {
  text-align: start;
}
.lifecycle-swal .lifecycle-overlay h1 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}
.lifecycle-swal .lci-buttons {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.lifecycle-swal .lci-buttons .custom-button {
  display: inline-block;
  width: auto;
}
.link-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  background-color: #f5f5f7;
  font-family: inherit;
  font-weight: 700;
  font-size: inherit;
}
.link-bar:hover {
  background-color: #c1c1c1;
  cursor: pointer;
}
.link-bar a {
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
  width: 100%;
  padding: 15px;
}
.link-bar a:before {
  margin-right: 15px;
  display: inline-block;
  position: relative;
  font-size: 20px;
  top: 2px;
  line-height: 20px;
}
.link-bar .ricon-arrow_right {
  padding-right: 15px;
}
@media screen and (min-width: 640px) {
  .link-bar a {
    padding: 15px 30px;
  }
}
@media screen and (min-width: 1024px) {
  .link-bar .ricon-arrow_right {
    display: none;
  }
}
.link-list:not(:last-child) {
  margin-bottom: 40px;
}
.link-list .link-wrapper {
  width: fit-content;
}
.link-list .link-wrapper a {
  padding-bottom: 20px;
}
.link-list .link-wrapper a.--inactive {
  color: #888;
  text-decoration: none;
  cursor: default;
}
.link-list .link-wrapper a.--inactive:hover span {
  box-shadow: none;
}
.link-list .list-title {
  font-size: 16px;
  line-height: 18px;
  padding-bottom: 30px;
}
.link-list .link-wrapper {
  display: flex;
  flex-direction: column;
}
.list-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background-color: #000000bf;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  overflow-x: hidden;
  overflow-y: hidden;
}
.list-modal .list-modal-inner {
  position: fixed;
  max-width: 560px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  left: 20px;
  top: 30%;
  right: 20px;
  padding: 20px;
  background-color: #f5f5f7;
  border: 2px solid #E50043;
}
.list-modal .list-modal-inner .info:empty {
  display: none;
}
.list-modal .list-modal-inner .lm-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}
.list-modal .list-modal-inner .lm-form,.list-modal .list-modal-inner .custom-input-text {
  width: 100%;
}
.list-modal .list-modal-inner .custom-input-text {
  margin-bottom: 10px;
}
.list-modal .list-modal-inner .input-wrapper {
  margin-bottom: 40px;
}
.list-modal .list-modal-inner .richtext-content p {
  font-size: 16px;
  line-height: 20px;
}
.list-modal .list-modal-inner .richtext-content.--error {
  color: #a50030;
}
.list-modal .list-modal-inner .richtext-content.--success {
  color: #008e4f;
}
.list-modal .list-modal-inner .icon-button-wrapper {
  margin-right: 0;
  margin-bottom: 25px;
}
.list-modal .list-modal-inner .icon-button-wrapper:after {
  font-size: 20px;
}
.list-modal .list-modal-inner span {
  font-size: 25px;
  color: #e50043;
  margin-bottom: 20px;
}
.list-modal .list-modal-inner .btn-wrapper {
  width: 100%;
}
.list-modal .list-modal-inner .custom-button {
  margin-bottom: 10px;
}
.list-modal .list-modal-inner .custom-button.--secondary-option:not(:disabled) {
  background-color: #fff;
}
.list-modal .list-modal-inner .custom-button.--secondary-option:not(:disabled):hover {
  background-color: #ebebeb;
}
@media screen and (min-width: 640px) {
  .list-modal .list-modal-inner {
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 400px;
    max-height: 400px;
    height: fit-content;
  }
  .list-modal .list-modal-inner .lm-content {
    flex-direction: row;
  }
  .list-modal .list-modal-inner span {
    margin-bottom: 0;
    margin-right: 20px;
  }
  .list-modal .list-modal-inner .btn-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  .list-modal .list-modal-inner .custom-button {
    width: 200px;
  }
  .list-modal .list-modal-inner .custom-button:last-child {
    margin-left: 15px;
  }
}
.teaser.marginal-button {
  background-color: unset;
}
@media screen and (min-width: 640px) {
  .teaser.marginal-button {
    flex-basis: calc(100% - 40px);
  }
  .teaser.marginal-button .custom-button {
    box-sizing: border-box;
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 1024px) {
  .teaser.marginal-button {
    flex-basis: calc(100% - 40px);
  }
  .teaser.marginal-button .custom-button {
    box-sizing: border-box;
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 1280px) {
  .teaser.marginal-button .custom-button {
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .teaser .marginal-button .custom-button {
    width: 100%;
  }
}
.menu-block {
  min-height: 290px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 15px 20px 20px;
  margin-bottom: 5px;
  margin-top: 20px;
  background-color: #f5f5f7;
}
.menu-block .mb-titel {
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  margin-bottom: 40px;
}
.menu-block .richtext-content {
  margin-bottom: 40px;
}
.menu-block .richtext-content.--error {
  color: #a50030;
  font-weight: 700;
}
.menu-block .ricon-info:before {
  margin-right: 10px;
  top: 2px;
}
.menu-block .custom-link {
  font-size: 18px;
  line-height: 24px;
}
@media screen and (min-width: 1024px) {
  .menu-block {
    margin-top: 0;
  }
  .menu-block .custom-button {
    max-width: 250px;
  }
}
.menu-teaser {
  position: relative;
  background-color: #000;
}
.menu-teaser .image-wrapper {
  position: relative;
  padding-bottom: 62.5%;
}
.menu-teaser .image-wrapper:after {
  content: "";
  height: 55%;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(#0000,#000000a6);
}
.menu-teaser img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.menu-teaser .teaser-content-wrapper {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding-right: 20px;
}
.menu-teaser .teaser-headline {
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
.menu-teaser .teaser-subheadline {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  margin-top: 16px;
}
.menu-teaser .custom-button {
  margin-top: 20px;
  max-width: 240px;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .menu-teaser .teaser-headline {
    font-size: 24px;
    line-height: 28px;
  }
  .menu-teaser.single-teaser {
    flex-grow: 1;
  }
  .menu-teaser.single-teaser .image-wrapper {
    padding-bottom: 31.25%;
  }
  .menu-teaser.single-teaser .teaser-content-wrapper {
    width: 75%;
  }
}
.module-share p {
  font-size: 16px;
  line-height: 28px;
}
.module-share .icon-container {
  display: flex;
}
.module-share .icon-share+.icon-share {
  padding-left: 10px;
}
.module-share .icon-share a {
  font-size: 35px;
}
.module-share.teaser {
  flex-basis: calc(100% - 40px);
  flex-grow: 1;
  padding: 20px;
  background-color: var(--surface);
  color: var(--onSurface);
}
@media screen and (min-width: 1024px) {
  .module-share.teaser {
    padding: 0;
    background-color: var(--background);
    color: var(--onBackground);
  }
}
.module-share.variant-share {
  padding: 20px;
  background-color: var(--surface);
  color: var(--onSurface);
  margin-top: 32px;
}
@media screen and (min-width: 1024px) {
  .module-share.variant-share {
    position: absolute;
    right: 20px;
    top: 54px;
    padding: 0;
    margin-top: 0;
    background-color: var(--background);
    color: var(--onBackground);
  }
  .module-share.variant-share .icon-container {
    justify-content: flex-end;
  }
  .module-share.variant-share>p {
    text-align: right;
  }
}
@media screen and (min-width: 1440px) {
  .module-share.variant-share {
    right: 50%;
    margin-right: -700px;
  }
}
@media screen and (min-width: 1877px) {
  .module-share.variant-share {
    width: 260px;
  }
}
.badge {
  width: 18px;
  height: 18px;
  border-radius: 9px;
  box-sizing: border-box;
  background-color: #e50043;
  color: #fff;
  padding-top: 2px;
  text-align: center;
  font-size: 11px;
  line-height: 14px;
}
.order-header {
  margin-bottom: 25px;
  padding-left: 40px;
  padding-right: 20px;
  color: #000;
  font-size: 16px;
  line-height: 20px;
}
.order-header .oh-intro {
  margin-bottom: 18px;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}
.order-header .highlight {
  font-weight: 700;
  color: #e50043;
}
.order-header .oh-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.order-header .order-infos,.order-header .order-docs {
  margin-bottom: 10px;
}
.order-header .badge-doc {
  display: flex;
}
.order-header .badge-doc .badge {
  margin-left: 6px;
}
.order-header .dark {
  background: #000;
}
.order-search-config {
  margin: 20px 0;
  font-size: 18px;
  line-height: 22px;
}
.order-search-config .osc-wrapper {
  background-color: #f5f5f7;
  padding: 40px;
}
.order-search-config .search-label {
  max-width: 25ch;
  min-height: 40px;
  margin-bottom: 20px;
}
.order-search-config .date-search {
  margin-bottom: 40px;
}
.order-search-config .jobs-search,.order-search-config .order-search {
  margin-bottom: 20px;
}
.order-search-config .dp-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.order-search-config .dp-wrapper .search-btn {
  max-width: 270px;
  max-height: 52px;
}
.order-search-config .dp-wrapper .custom-input-date {
  margin-right: 20px;
  margin-bottom: 20px;
}
.order-search-config .dp-wrapper .custom-input-date .input-date {
  border: none;
  background: #fff;
}
.order-search-config .dp-wrapper .custom-input-date .custom-button {
  border: 2px solid #FFF;
}
.order-search-config .dp-wrapper .custom-input-date .custom-button.clear-input {
  right: 0;
  padding-top: 5px;
  padding-right: 5px;
}
.order-search-config .dp-wrapper .custom-input-date .vc-header {
  background-color: #000;
  padding: 10px 18px;
}
.order-search-config .dp-wrapper .custom-input-date .vc-title,.order-search-config .dp-wrapper .custom-input-date .vc-svg-icon {
  color: #fff;
}
.order-search-config .second-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}
.order-search-config .filter-search {
  padding-top: 25px;
}
.order-search-config .filter-search .custom-checkbox {
  margin-bottom: 5px;
}
.order-search-config .filter-search .custom-checkbox label {
  font-size: 16px;
}
.order-search-config .input-button-pair {
  max-width: 271px;
  margin-right: 20px;
}
.order-search-config .input-button-pair .ib-select {
  width: unset;
}
.order-search-config .custom-link {
  font-size: 14px;
  line-height: 17px;
}
@media screen and (min-width: 1440px) {
  .order-search-config .filter-search .custom-checkbox {
    margin-bottom: 0;
  }
}
.order-table-head {
  padding: 14px 18px 12px 20px;
  background: #e7e7e8;
  font-size: 18px;
  line-height: 20px;
}
.order-table-head .config-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.order-table-head .oth-title {
  font-weight: 700;
  display: flex;
}
.order-table-head .oth-title p:first-of-type {
  white-space: nowrap;
}
.order-table-head .oth-info-text {
  font-size: 13px;
  font-weight: 500;
  margin-left: 40px;
  color: #595959;
}
.order-table-head .icon-container,.order-table-head .config-container {
  display: flex;
  font-size: 14px;
  line-height: 16px;
  align-items: center;
}
.order-table-head .icon-button-wrapper:after {
  font-size: 20px;
  margin-left: 10px;
}
.order-table-head .config-container {
  margin-left: 90px;
}
.order-table-head .config-container .icon-button-wrapper:after {
  font-size: 16px;
  margin-left: 5px;
}
.order-table-list {
  margin-bottom: 8px;
  overflow: scroll;
  max-height: 350px;
  display: grid;
}
.order-table-list table {
  min-width: 100%;
  font-size: 13px;
  line-height: 16px;
  border-collapse: separate;
  border-bottom: 1px solid #ababac;
}
.order-table-list .ricon-favourite,.order-table-list .ricon-favourite_checked {
  font-size: 12px;
}
.order-table-list .ricon-local_shipping {
  font-size: 16px;
}
.order-table-list .shippable {
  color: #008e4f;
}
.order-table-list td,.order-table-list th {
  padding: 6px 12px;
  vertical-align: top;
  border-right: 1px solid #ababac;
}
.order-table-list td:last-child,.order-table-list th:last-child {
  border-right: none;
}
.order-table-list thead {
  position: sticky;
  top: 0;
}
.order-table-list thead th {
  white-space: nowrap;
  background-color: #f5f5f7;
  border-bottom: 1px solid #ababac;
  vertical-align: middle;
}
.order-table-list thead th:first-child {
  padding-left: 20px;
}
.order-table-list thead th:last-child {
  padding-right: 20px;
}
.order-table-list thead .filter-active,.order-table-list thead .filter-active span:before {
  font-weight: 700;
}
.order-table-list thead input {
  position: relative;
  top: 1px;
}
.order-table-list thead .ricon-arrow_down,.order-table-list thead .ricon-arrow_up {
  position: relative;
  top: 1px;
  margin-left: 10px;
}
.order-table-list tbody th {
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  background-color: #595959;
}
.order-table-list tbody tr:nth-child(2n) {
  background-color: #f5f5f7;
}
.order-table-list tbody tr:nth-child(odd) {
  background-color: #fff;
}
.order-table-list tbody tr.selected,.order-table-list tbody tr:hover {
  background-color: #c1c1c1;
  color: #fff;
}
.order-table-list tbody tr:hover {
  cursor: pointer;
}
.order-table-list tbody td:first-child {
  padding-left: 20px;
}
.order-table-list tbody td:last-child {
  padding-right: 20px;
}
.order-table-list tbody td input {
  margin-bottom: 0;
}
.order-table-list tbody .td-center {
  text-align: center;
}
.order-table-list tbody .td-right {
  text-align: right;
}
.order-table-list tbody .td-nowrap {
  white-space: nowrap;
}
.order-table-list tbody .td-checkbox {
  padding: 6px 12px;
}
.order-table-tiles .tiles-table-wrapper {
  margin-top: 10px;
}
.order-table-tiles table {
  font-size: 13px;
  line-height: 16px;
  width: 100%;
}
.order-table-tiles .ricon-favourite,.order-table-tiles .ricon-favourite_checked,.order-table-tiles .ricon-local_shipping {
  font-size: 12px;
}
.order-table-tiles .shippable {
  color: #008e4f;
}
.order-table-tiles td {
  padding: 8px 12px;
  vertical-align: top;
}
.order-table-tiles td:last-child {
  border-right: none;
}
.order-table-tiles tr:nth-child(2n) {
  background-color: #f5f5f7;
}
.order-table-tiles td:first-child {
  padding-left: 20px;
}
.order-table-tiles td:last-child {
  padding-right: 20px;
}
.order-table-tiles .td-center {
  text-align: center;
}
.order-table-tiles .td-right {
  text-align: right;
}
.order-table-tiles .td-nowrap {
  white-space: nowrap;
}
.overscroll-stage {
  position: relative;
  width: 100%;
  height: calc(100vh - 58px);
  transition: opacity .1s ease;
}
.overscroll-stage .overscroll-stage-image {
  position: fixed;
  width: 100%;
  height: calc(100vh - 116px);
  object-fit: contain;
}
.overscroll-stage.--cover-mode .overscroll-stage-image {
  object-fit: cover;
}
.overscroll-stage.--top.--left .v-lazy-image {
  object-position: 0 0;
}
.overscroll-stage.--top.--center .v-lazy-image {
  object-position: 50% 0;
}
.overscroll-stage.--top.--right .v-lazy-image {
  object-position: 100% 0;
}
.overscroll-stage.--middle.--left .v-lazy-image {
  object-position: 0 50%;
}
.overscroll-stage.--middle.--center .v-lazy-image {
  object-position: 50% 50%;
}
.overscroll-stage.--middle.--right .v-lazy-image {
  object-position: 100% 50%;
}
.overscroll-stage.--bottom.--left .v-lazy-image {
  object-position: 0 100%;
}
.overscroll-stage.--bottom.--center .v-lazy-image {
  object-position: 50% 100%;
}
.overscroll-stage.--bottom.--right .v-lazy-image {
  object-position: 100% 100%;
}
.overscroll-stage+.article-block {
  margin-top: -128px;
}
@media screen and (min-width: 1024px) {
  .overscroll-stage {
    height: 100vh;
    margin-top: -190px;
  }
  .overscroll-stage.--no-breadcrumb {
    margin-top: -140px;
  }
  .overscroll-stage:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: block;
    pointer-events: none;
    background: linear-gradient(180deg,#00000070,#0000 220px);
  }
  .overscroll-stage .overscroll-stage-image {
    height: 100vh;
  }
  .overscroll-stage.--cover-mode:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: block;
    background: linear-gradient(180deg,#00000070,#0000 220px);
  }
  .overscroll-stage+.article-block {
    margin-top: -230px;
  }
}
.pop-up-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background-color: #000000bf;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  overflow-x: hidden;
  overflow-y: hidden;
}
.pop-up-dialog .pop-up-dialog-inner {
  max-width: 560px;
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  left: 20px;
  top: 30%;
  right: 20px;
  padding: 20px;
  background-color: #fff;
  border: 2px solid #E50043;
}
.pop-up-dialog .pop-up-dialog-inner .content-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}
.pop-up-dialog .pop-up-dialog-inner .richtext-content p {
  font-size: 16px;
  line-height: 20px;
}
.pop-up-dialog .pop-up-dialog-inner .icon-button-wrapper {
  margin-right: 0;
  margin-bottom: 25px;
}
.pop-up-dialog .pop-up-dialog-inner .icon-button-wrapper:after {
  font-size: 20px;
}
.pop-up-dialog .pop-up-dialog-inner span {
  font-size: 25px;
  color: #e50043;
  margin-bottom: 20px;
}
.pop-up-dialog .pop-up-dialog-inner .btn-wrapper {
  width: 100%;
}
.pop-up-dialog .pop-up-dialog-inner .custom-button {
  margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
  .pop-up-dialog .pop-up-dialog-inner {
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 40%;
    max-height: 40%;
    padding: 30px;
  }
  .pop-up-dialog .pop-up-dialog-inner .content-wrapper {
    flex-direction: row;
  }
  .pop-up-dialog .pop-up-dialog-inner span {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .pop-up-dialog .pop-up-dialog-inner {
    max-height: 30%;
  }
  .pop-up-dialog .pop-up-dialog-inner .btn-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  .pop-up-dialog .pop-up-dialog-inner .custom-button {
    width: 200px;
  }
  .pop-up-dialog .pop-up-dialog-inner .custom-button:last-child {
    margin-left: 15px;
  }
}
.product-block {
  margin-bottom: 20px;
}
.product-block .article-number {
  color: #e50043;
  text-decoration: none;
  padding-inline-end: 24px;
}
.product-block.--error .pb-title {
  color: #e50043;
}
.product-block.--error .pb-wrapper {
  outline: 2px solid #E50043;
}
.product-block .pb-title {
  font-weight: 600;
  margin-bottom: 12px;
}
.product-block .pb-title span:before {
  margin-right: 12px;
}
.product-block .pb-container {
  background-color: #f5f5f7;
  padding: 18px 20px;
}
.product-block .detail {
  position: relative;
}
.product-block .article-number {
  display: block;
  margin-bottom: 20px;
}
.product-block .article-name {
  font-weight: 600;
  max-width: 25ch;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 20px;
}
.product-block .favorite-add {
  position: absolute;
  top: -3px;
  right: 0;
}
.product-block .favorite-add .icon-button-wrapper:after {
  font-size: 20px;
}
.product-block .favorite-add.active {
  color: #e50043;
}
.product-block .status-color {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #008e4f;
  margin-right: 12px;
}
.product-block .status-color.--green {
  background-color: #008e4f;
}
.product-block .status-color.--red {
  background-color: #be0000;
}
.product-block .status-color.--yellow {
  background-color: #ff9600;
}
.product-block .primary-container {
  display: flex;
  flex-direction: column;
}
.product-block .amount {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.product-block .teaser-image {
  flex-grow: 1;
  position: relative;
  max-width: 250px;
}
.product-block .teaser-image-wrapper {
  position: relative;
  padding-top: 62.5%;
}
.product-block .teaser-image-wrapper>img {
  object-fit: contain;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.product-block .amount-control {
  margin-right: 52px;
}
.product-block .amount-number {
  width: 50px;
  height: 50px;
  margin-bottom: 17px;
  text-align: center;
  background-color: #fff;
  font-family: inherit;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  border: 0 none transparent;
}
.product-block .amount-number:disabled {
  color: inherit;
}
.product-block .ac-label {
  display: block;
  margin-bottom: 8px;
}
.product-block .sub-legend {
  font-size: 10px;
  line-height: 12px;
}
.product-block .secondary-container>.extra-content {
  flex-grow: 1;
}
.product-block .secondary-container>.extra-content>p {
  font-weight: 700;
  text-align: center;
}
.product-block .secondary-container>.extra-content .action-block {
  text-align: right;
}
.product-block .secondary-container>.extra-content .custom-select {
  margin: 10px 0;
}
.product-block .secondary-container>.extra-content .icon-button .icon-button-wrapper:after {
  font-size: 30px;
}
.product-block .secondary-container>.extra-content .custom-select .vs__search,.product-block .secondary-container>.extra-content .vs__selected {
  font-size: inherit;
}
.product-block .tertiary-container {
  display: block;
  margin-top: 17px;
}
.product-block .tertiary-container .delivery-status {
  line-height: 20px;
}
.product-block .tertiary-container .custom-link {
  margin-top: 17px;
}
.product-block .info-block {
  border: 0 none transparent;
  padding: 20px;
  margin-top: 0;
}
.product-block .value {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.product-block table {
  max-width: 280px;
  font-size: 14px;
}
.product-block .bold-lable {
  font-weight: 600;
}
.product-block td,.product-block th {
  text-align: right;
  line-height: 20px;
}
.product-block th:last-child {
  padding-left: 20px;
}
.product-block .small-lable {
  font-size: 10px;
  line-height: 20px;
}
@media screen and (min-width: 640px) {
  .product-block {
    margin-bottom: 24px;
  }
  .product-block table {
    max-width: 330px;
    font-size: 16px;
  }
  .product-block .primary-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .product-block .tertiary-container {
    display: flex;
    justify-content: space-between;
  }
  .product-block .tertiary-container .custom-link {
    margin-top: 0;
  }
  .product-block .value {
    margin-left: auto;
    max-width: 320px;
  }
  .product-block .amount {
    max-width: 360px;
    width: 300px;
    align-items: flex-start;
  }
  .product-block .amount-control {
    margin-right: 17px;
  }
  .product-block .amount-control input::-webkit-outer-spin-button,.product-block .amount-control input::-webkit-inner-spin-button {
    -webkit-appearance: auto;
  }
  .product-block .detail {
    max-width: 250px;
    flex-basis: 250px;
    margin-right: 20px;
  }
  .product-block .extra-content .custom-button {
    width: 255px;
  }
  .product-block .extra-content .select-action .custom-button {
    height: unset;
  }
}
@media screen and (min-width: 1024px) {
  .product-block .secondary-container {
    display: flex;
  }
  .product-block .value {
    margin-right: 20px;
  }
  .product-block .secondary-container>.extra-content {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
  }
  .product-block .action-block {
    width: 255px;
  }
  .product-block table {
    font-size: 15px;
  }
}
@media screen and (min-width: 1440px) {
  .product-block {
    margin-bottom: 16px;
  }
  .product-block .pb-container {
    display: flex;
    flex-wrap: wrap;
  }
  .product-block .primary-container {
    flex-direction: column;
    flex: 1 1 40%;
  }
  .product-block .secondary-container {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    width: 50%;
  }
  .product-block .primary-container,.product-block .secondary-container {
    margin-bottom: 30px;
  }
  .product-block .secondary-container>.extra-content {
    padding-left: 40px;
  }
  .product-block .tertiary-container {
    flex-basis: 100%;
  }
  .product-block .detail {
    margin-right: 20px;
  }
  .product-block .amount {
    margin-bottom: 0;
    flex-direction: row;
    max-width: unset;
  }
  .product-block .amount-control {
    margin-left: 25px;
  }
  .product-block .value {
    margin-bottom: 0;
    margin-right: 0;
    max-width: 500px;
  }
  .product-block .action-block {
    margin-bottom: 40px;
  }
  .product-block table {
    max-width: 400px;
    font-size: 16px;
  }
  .product-block .article-name {
    max-width: 45ch;
  }
  .product-block .small-lable {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (min-width: 1680px) {
  .product-block .pb-container {
    flex-wrap: wrap;
  }
  .product-block .detail {
    margin-right: 45px;
    max-width: 220px;
    flex-basis: 220px;
  }
  .product-block .value {
    max-width: unset;
    min-width: 340px;
  }
  .product-block .primary-container {
    flex-direction: row;
    justify-content: flex-start;
  }
  .product-block .teaser-image {
    min-width: 170px;
  }
  .product-block .delivery-status,.product-block .action-block {
    margin-bottom: 0;
  }
  .product-block .secondary-container {
    flex-direction: row;
    align-items: flex-start;
    width: auto;
  }
  .product-block .primary-container,.product-block .secondary-container {
    margin-bottom: 0;
  }
}
.product-feature {
  position: relative;
}
.product-feature .pf-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.product-feature .pf-image,.product-feature .pf-header {
  flex-basis: 50%;
  box-sizing: border-box;
  width: 100%;
}
.product-feature .pf-image {
  max-width: 480px;
}
.product-feature .pf-header {
  color: #fff;
}
.product-feature .pf-headline {
  font-size: 27px;
  line-height: 34px;
}
.product-feature .pf-text {
  font-size: 16px;
  line-height: 23px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.product-feature .image-wrapper {
  position: relative;
  padding-bottom: 80%;
}
.product-feature .image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
}
.product-feature .pf-button .custom-button {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .product-feature {
    height: 100%;
  }
  .product-feature .pf-header {
    border-top: 2px solid #FFF;
    padding: 24px 0 30px;
    display: flex;
    flex-direction: column;
  }
  .product-feature .pf-header .pf-text {
    flex-grow: 1;
  }
  .product-feature .pf-wrapper {
    height: 100%;
    align-content: space-between;
  }
  .product-feature .image-wrapper {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .product-feature .pf-wrapper {
    flex-direction: row;
  }
  .product-feature .pf-header {
    padding-left: 20px;
  }
  .product-feature .pf-headline {
    font-size: 30px;
    line-height: 36px;
  }
  .product-feature .pf-image {
    max-width: 50%;
  }
  .product-feature .pf-text {
    min-height: auto;
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 28px;
  }
  .product-feature .image-wrapper {
    padding-bottom: 100%;
  }
  .product-feature.--invert .pf-wrapper {
    flex-direction: row-reverse;
  }
  .product-feature.--invert .pf-header {
    padding-right: 20px;
  }
}
.article-block.--light .product-feature .pf-header,.article-block.--grey .product-feature .pf-header {
  color: #000;
}
.article-block.--light .product-feature .pf-headline,.article-block.--grey .product-feature .pf-headline {
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .article-block.--light .product-feature .pf-header,.article-block.--grey .product-feature .pf-header {
    padding-left: 40px;
    flex-basis: calc(50% + 20px);
  }
  .article-block.--light .product-feature .pf-image,.article-block.--grey .product-feature .pf-image {
    max-width: calc(50% - 20px);
  }
}
.product-slider-item:not(.background-image) {
  position: relative;
}
.product-slider-item:not(.background-image) .psi-headline {
  font-size: 27px;
  line-height: 34px;
}
.product-slider-item:not(.background-image) .psi-text {
  font-size: 16px;
  line-height: 23px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.product-slider-item:not(.background-image) .psi-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.product-slider-item:not(.background-image) .psi-image,.product-slider-item:not(.background-image) .psi-header {
  flex-basis: 50%;
  box-sizing: border-box;
  width: 100%;
}
.product-slider-item:not(.background-image) .psi-image {
  max-width: 480px;
}
.product-slider-item:not(.background-image) .psi-header {
  color: #fff;
}
.product-slider-item:not(.background-image) .image-wrapper {
  position: relative;
  padding-bottom: 80%;
}
.product-slider-item:not(.background-image) .image-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.product-slider-item:not(.background-image) .psi-button {
  margin-bottom: 0;
}
.product-slider-item:not(.background-image) .psi-button .custom-button {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .product-slider-item:not(.background-image) {
    height: 100%;
  }
  .product-slider-item:not(.background-image) .psi-header {
    border-top: 2px solid #FFF;
    padding: 24px 0 0;
    display: flex;
    flex-direction: column;
  }
  .product-slider-item:not(.background-image) .psi-header .psi-text {
    flex-grow: 1;
  }
  .product-slider-item:not(.background-image) .psi-wrapper {
    height: 100%;
    align-content: space-between;
  }
  .product-slider-item:not(.background-image) .image-wrapper {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .product-slider-item:not(.background-image) .psi-wrapper {
    flex-direction: row;
  }
  .product-slider-item:not(.background-image) .psi-header {
    padding-left: 20px;
  }
  .product-slider-item:not(.background-image) .psi-headline {
    font-size: 30px;
    line-height: 36px;
  }
  .product-slider-item:not(.background-image) .psi-image {
    max-width: 50%;
  }
  .product-slider-item:not(.background-image) .psi-text {
    min-height: auto;
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 28px;
  }
  .product-slider-item:not(.background-image) .image-wrapper {
    padding-bottom: 100%;
  }
  .product-slider-item:not(.background-image).--invert .psi-wrapper {
    flex-direction: row-reverse;
  }
  .product-slider-item:not(.background-image).--invert .psi-header {
    padding-right: 20px;
  }
}
.product-slider-item.background-image {
  position: relative;
  overflow: hidden;
}
.product-slider-item.background-image .image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16/10;
}
@media screen and (min-width: 640px) {
  .product-slider-item.background-image .image-wrapper {
    aspect-ratio: 16/5;
  }
}
.product-slider-item.background-image .image-wrapper img,.product-slider-item.background-image .image-wrapper .lazy-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-slider-item.background-image .image-wrapper .psi-image {
  width: 100%;
}
.product-slider-item.background-image .image-wrapper .bg-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to right,#e5004366,#290b134d,#0000004d);
}
.product-slider-item.background-image .content-block {
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
  box-sizing: border-box;
  color: #fff;
  text-align: left;
}
@media screen and (min-width: 640px) {
  .product-slider-item.background-image .content-block {
    position: absolute;
    padding: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .product-slider-item.background-image .content-block {
    padding: 40px;
    max-width: 1440px;
  }
}
@media screen and (min-width: 1024px) {
  .product-slider-item.background-image .content-block .content-block-inner {
    max-width: 50%;
  }
}
.product-slider-item.background-image .content-block .psi-headline {
  font-size: 1.625rem;
  line-height: 2rem;
  font-weight: 700;
}
@media screen and (min-width: 640px) {
  .product-slider-item.background-image .content-block .psi-headline {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
}
.product-slider-item.background-image .content-block .psi-text {
  font-size: 1rem;
  line-height: 1.375rem;
  margin: 10px 0;
}
@media screen and (min-width: 640px) {
  .product-slider-item.background-image .content-block .psi-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 20px 0;
  }
}
.product-slider-item.background-image .content-block .psi-button {
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (min-width: 640px) {
  .product-slider-item.background-image .content-block .psi-button {
    flex-direction: row;
  }
  .product-slider-item.background-image .content-block .psi-button .custom-button {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .product-slider-item.background-image .content-block .psi-button .custom-button {
    width: 33.3333333333%;
  }
}
.product-slider-item.background-image .content-block .psi-button>.columns {
  padding: unset;
}
.product-slider-item.background-image .content-block .psi-button .custom-button {
  display: inline-block;
}
.product-slider-item.background-image.--invert .content-block {
  align-items: flex-end;
}
.product-slider-item.background-image.--invert .bg-gradient {
  background: linear-gradient(to left,#e5004366,#290b134d,#0000004d);
}
.product-slider .product-slider-item .psi-image-background .image-wrapper {
  aspect-ratio: 2/1;
}
.article-block.--light .product-slider-item .psi-header,.article-block.--grey .product-slider-item .psi-header {
  color: #000;
}
.article-block.--light .product-slider-item .psi-headline,.article-block.--grey .product-slider-item .psi-headline {
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .article-block.--light .product-slider-item .psi-header,.article-block.--grey .product-slider-item .psi-header {
    padding-left: 40px;
    flex-basis: calc(50% + 20px);
  }
  .article-block.--light .product-slider-item .psi-image,.article-block.--grey .product-slider-item .psi-image {
    max-width: calc(50% - 20px);
  }
}
.autocomplete-input {
  border: 1px solid #eee;
  border-radius: 8px;
  width: 100%;
  padding: 12px 12px 12px 48px;
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  flex: 1;
  background-color: #eee;
}
.autocomplete-input:focus,.autocomplete-input[aria-expanded=true] {
  border-color: #0000001f;
  background-color: #fff;
  outline: none;
  box-shadow: 0 2px 2px #00000029;
}
[data-position=below] .autocomplete-input[aria-expanded=true] {
  border-bottom-color: transparent;
  border-radius: 8px 8px 0 0;
}
[data-position=above] .autocomplete-input[aria-expanded=true] {
  border-top-color: transparent;
  border-radius: 0 0 8px 8px;
  z-index: 2;
}
.autocomplete[data-loading=true]:after {
  content: "";
  border: 3px solid rgba(0,0,0,.12);
  border-right: 3px solid rgba(0,0,0,.48);
  border-radius: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  animation: rotate 1s infinite linear;
}
.autocomplete-result-list {
  margin: 0;
  border: 1px solid rgba(0,0,0,.12);
  padding: 0;
  box-sizing: border-box;
  max-height: 296px;
  overflow-y: auto;
  background: #fff;
  list-style: none;
  box-shadow: 0 2px 2px #00000029;
}
[data-position=below] .autocomplete-result-list {
  margin-top: -1px;
  border-top-color: transparent;
  border-radius: 0 0 8px 8px;
  padding-bottom: 8px;
}
[data-position=above] .autocomplete-result-list {
  margin-bottom: -1px;
  border-bottom-color: transparent;
  border-radius: 8px 8px 0 0;
  padding-top: 8px;
}
.autocomplete-result {
  cursor: default;
  padding: 12px 12px 12px 48px;
}
.autocomplete-result:hover,.autocomplete-result[aria-selected=true] {
  background-color: #0000000f;
}
@keyframes rotate {
  0% {
    transform: translateY(-50%) rotate(0);
  }
  to {
    transform: translateY(-50%) rotate(359deg);
  }
}
.product-search {
  color: #000;
}
.product-search.--with-spacing {
  margin: 20px 0 40px;
}
.product-search.--no-border .autocomplete-input {
  border: 0 none transparent;
}
.product-search .autocomplete-input {
  border: 2px solid #000;
  border-radius: 0;
  background-color: #fff;
  background-image: none;
  padding: 12px;
}
.product-search .autocomplete-input[aria-expanded=true] {
  border-radius: 0;
}
.product-search .autocomplete-result {
  background-image: none;
  padding: 12px;
}
.product-search .autocomplete-result-list {
  border-radius: 0;
  border: 2px solid #000;
  box-shadow: 0 0 0 transparent;
  padding-bottom: 0;
}
.product-search .input-group {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 639px) {
  .product-search .icon-button {
    display: block;
  }
}
@media screen and (min-width: 640px) {
  .product-search .input-group {
    flex-direction: row;
  }
  .product-search .input-group .input-grow {
    flex-grow: 1;
  }
  .product-search .input-group .input-fixed {
    width: auto;
  }
}
.product-search .ps-search-info {
  background-color: #000;
  color: #fff;
  width: auto;
  white-space: nowrap;
  padding: 16px 10px;
  line-height: 20px;
}
.product-table table {
  width: 100%;
}
.product-table th {
  padding: 20px;
  background-color: #000;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  border: 2px solid #FFF;
  width: 25%;
}
.product-table .mobile {
  display: none;
}
@media screen and (min-width: 1024px) {
  .product-table .mobile {
    display: table-cell;
  }
}
.product-teaser {
  background-color: var(--background);
  color: var(--onBackground);
}
.product-teaser .teaser-image-wrapper {
  padding-bottom: 62.5%;
}
.product-teaser .product-teaser-link {
  position: relative;
  border-top: 2px solid var(--onBackground);
  font-size: 18px;
  line-height: 20px;
  padding: 10px 0;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
}
.product-teaser .product-teaser-link:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  height: 2px;
  width: 0%;
  background-color: #e50043;
  transition: width .32s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .product-teaser .teaser-image-wrapper:hover+.product-teaser-link:before,.product-teaser .product-teaser-link:hover:before {
    width: 100%;
  }
  .product-teaser .teaser-image-wrapper:hover+.product-teaser-link:after,.product-teaser .product-teaser-link:hover:after {
    animation: shake-horizontal 3s cubic-bezier(.455,.03,.515,.955) infinite both;
  }
}
.--dark .teaser.product-teaser {
  color: #fff;
}
.--dark .teaser.product-teaser:not(.banner) {
  background-color: transparent;
}
.--dark .teaser.product-teaser .teaser-image {
  width: 100%;
  height: 100%;
  border: 0 none transparent;
}
.project-list-header {
  position: relative;
  background-color: #595959;
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  padding: 15px 20px;
  margin-bottom: 20px;
}
.project-list-header .tool-tip-text {
  display: none;
  width: 110px;
  position: absolute;
  top: -50px;
  right: -40px;
  padding: 15px;
  border-radius: 5px;
  color: #fff;
  background-color: #e50043;
  font-size: 14px;
  line-height: 10px;
  font-weight: 500;
}
.project-list-header .icon-button:hover .tool-tip-text {
  display: block;
}
.project-list-header .pl-title {
  margin-bottom: 8px;
  margin-right: 40px;
}
.project-list-header .delete-link {
  position: absolute;
  top: 20px;
  right: 20px;
}
.project-list-header .icon-button span:after {
  padding-top: 4px;
  font-size: 24px;
}
.project-list-header .slot-wrapper:empty {
  display: none;
}
.project-list-header .custom-input-date .float-label,.project-list-header .custom-input-date .input-date {
  font-size: 16px;
}
.project-list-header .custom-input-date .vc-header {
  background-color: #000;
  padding: 10px 18px;
}
.project-list-header .custom-input-date .vc-title,.project-list-header .custom-input-date .vc-svg-icon {
  color: #fff;
}
.project-list-header .custom-input-date .float-label {
  line-height: 45px;
}
.project-list-header .custom-select {
  width: 270px;
}
.project-list-header .custom-select .vs__search,.project-list-header .custom-select .vs__selected,.project-list-header .custom-select .vs__dropdown-menu {
  font-size: inherit;
  font-size: 16px;
}
.project-list-header .custom-select .vs__dropdown-toggle,.project-list-header .custom-select .vs__selected-options {
  min-height: 52px;
  padding: 0;
}
.project-list-header .custom-input-date {
  height: 45px;
}
.project-list-header .custom-input-date .input-date {
  width: 240px;
  height: 45px;
  background-color: #fff;
  border: none;
  color: #000;
}
.project-list-header .custom-input-date .custom-button {
  height: 45px;
}
@media screen and (min-width: 640px) {
  .project-list-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .project-list-header .first-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .project-list-header .pl-title {
    margin-bottom: 0;
    font-size: 25px;
    line-height: 30px;
  }
  .project-list-header .delete-link {
    margin-left: 20px;
    position: relative;
    top: 0;
    right: 0;
    padding-top: 2px;
  }
}
@media screen and (min-width: 1024px) {
  .project-list-header .pl-title {
    font-size: 25px;
    line-height: 30px;
  }
  .project-list-header .custom-input-date {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1440px) {
  .project-list-header .first-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
  }
  .project-list-header .slot-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .project-list-header .custom-select {
    width: 270px;
    margin-bottom: 0;
  }
  .project-list-header .custom-input-date {
    margin-bottom: 0;
  }
  .project-list-header .pl-title {
    margin-bottom: 0;
    padding-right: 10px;
    font-size: 24px;
    line-height: 30px;
  }
}
.reactive-form>form {
  margin-bottom: 40px;
}
.reactive-form.--limit-width>form {
  margin-bottom: 0;
}
@media screen and (min-width: 640px) {
  .reactive-form.--limit-width {
    max-width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .reactive-form.--limit-width {
    max-width: 25%;
  }
}
.search-field {
  display: flex;
  height: 44px;
  position: relative;
}
.search-field input {
  width: 100%;
  border: 2px solid black;
  border-right: 0px;
  font-size: 16px;
  letter-spacing: 0px;
  padding-left: 10px;
  margin-bottom: 0!important;
}
.search-field input::placeholder {
  opacity: 1;
  color: #000;
}
.search-field input:focus {
  outline: none;
  border-color: #e50043;
}
.search-field .icon-button.--background {
  height: 44px;
}
.search-field .clear-search {
  position: absolute;
  right: 61px;
  height: 44px;
  width: 42px;
}
.search-field .clear-search:hover {
  cursor: pointer;
}
.search-field .clear-search .icon-button-wrapper:after {
  font-size: 20px;
}
.search-field:focus-within,.search-field.--error {
  border-color: #e50043;
}
.search-field.--secondary-theme {
  height: 54px;
}
.search-field.--secondary-theme input {
  border: 0 none transparent;
  background-color: #f5f5f7;
}
.search-field.--secondary-theme .icon-button.--background,.search-field.--secondary-theme .clear-search {
  height: 54px;
}
.--grey .search-field input,.--grey .search-field .clear-search {
  border-color: transparent;
}
.--grey .search-field .clear-search {
  background-color: #fff;
}
.--grey .search-field.--disabled .clear-search {
  background-color: #888;
}
.--dark .search-field input,.--dark .search-field .ricon-close {
  border-color: transparent;
}
.--dark .search-field .ricon-close {
  background-color: #fff;
}
.--dark .search-field.--disabled .ricon-close {
  background-color: #888;
}
.shop-info-banner {
  padding: 60px 20px;
  text-align: center;
  background-color: #e50043;
  color: #fff;
}
.shop-info-banner h2 {
  font-size: 40px;
  line-height: 49px;
  margin-bottom: 24px;
}
.shop-info-banner p {
  font-size: 20px;
  line-height: 28px;
}
.shop-info-banner img {
  margin-bottom: 30px;
}
.shop-info-banner .info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 620px;
  margin: 0 auto;
}
.teaser-grid {
  padding-bottom: 20px;
  padding-top: 20px;
}
.teaser-grid .teaser-grid-wrapper {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
}
.block-intro+.teaser-grid {
  margin-top: -20px;
  padding-top: 0;
}
.product-teaser-block .teaser-grid {
  margin-top: -40px;
  padding-top: 0;
}
.teaser-grid .teaser,.teaser-grid .block-intro {
  margin: 20px;
  flex-shrink: 0;
  flex-basis: calc(100% - 40px);
  box-sizing: border-box;
}
.teaser-grid .teaser.--horizontal-small,.teaser-grid .teaser.--horizontal-image-left,.teaser-grid .teaser.--horizontal-image-right,.teaser-grid .block-intro.--horizontal-small,.teaser-grid .block-intro.--horizontal-image-left,.teaser-grid .block-intro.--horizontal-image-right {
  flex-basis: calc(100% - 40px);
}
@media screen and (min-width: 640px) {
  .teaser-grid .teaser {
    flex-basis: calc(50% - 40px);
  }
}
@media screen and (min-width: 1024px) {
  .teaser-grid {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .block-intro+.teaser-grid {
    margin-top: -20px;
    padding-top: 0;
  }
  .product-teaser-block .teaser-grid {
    margin-top: -40px;
    padding-top: 0;
  }
  .teaser-grid.--max-four .teaser.--default,.teaser-grid.--max-four .teaser.product-teaser {
    flex-grow: 0;
    flex-basis: calc(33.333% - 40px);
    max-width: calc(33.333% - 40px);
  }
}
@media screen and (min-width: 1440px) {
  .teaser-grid .teaser {
    flex-grow: 1;
  }
  .teaser-grid .teaser.--default,.teaser-grid .teaser.product-teaser {
    flex-basis: calc(25% - 40px);
    max-width: calc(50% - 40px);
  }
  .teaser-grid .teaser.--featured {
    flex-grow: 0;
    flex-basis: calc(66.666% - 40px);
    max-width: calc(66.666% - 40px);
  }
  .teaser-grid.--max-three .teaser.--default,.teaser-grid.--max-three .teaser.product-teaser {
    flex-grow: 1;
    flex-basis: calc(33.333% - 40px);
    max-width: calc(33.333% - 40px);
  }
  .teaser-grid.--max-two .teaser.--default,.teaser-grid.--max-two .teaser.product-teaser {
    flex-grow: 1;
    flex-basis: calc(50% - 40px);
    max-width: calc(50% - 40px);
  }
  .teaser-grid.--max-four .teaser.--default,.teaser-grid.--max-four .teaser.product-teaser {
    flex-basis: calc(25% - 40px);
    max-width: calc(25% - 40px);
    flex-grow: 0;
  }
}
.content-block .teaser-grid {
  margin-left: -20px;
  margin-right: -20px;
}
.teaser-list .teaser-grid {
  padding: 0;
  margin-bottom: -20px;
  margin-top: -20px;
}
.tab-slider .teaser-grid {
  padding: 0;
  margin-top: -20px;
}
@media screen and (min-width: 1024px) {
  .sidebar .teaser-grid {
    margin-top: -60px;
  }
  .sidebar .teaser-grid .teaser.--default {
    flex-basis: calc(100% - 40px);
    max-width: calc(100% - 40px);
  }
}
.signin-alert-shop {
  display: none;
}
@media screen and (min-width: 1024px) {
  .signin-alert-shop {
    display: block;
    position: fixed;
    top: 70px;
    right: 26px;
    z-index: 1000;
  }
  .signin-alert-shop .alert-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 77px;
    padding: 0 15px;
    font-size: 18px;
    line-height: 23px;
    background-color: #e50043;
    color: #fff;
    border-radius: 3px;
  }
  .signin-alert-shop .alert-wrapper:before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    right: 54px;
    top: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #E50043;
  }
  .signin-alert-shop .alert-wrapper a {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .48px;
  }
  .signin-alert-shop .alert-wrapper .ricon-close {
    position: absolute;
    top: -5px;
    right: 3px;
    cursor: pointer;
  }
  .signin-alert-shop .alert-wrapper .ricon-close:before {
    font-size: 10px;
  }
  .signin-alert-shop .alert-wrapper .title {
    text-transform: uppercase;
    font-weight: 700;
  }
  .signin-alert-shop .alert-wrapper .text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.stage {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #000;
}
.stage:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: block;
  background: linear-gradient(180deg,#00000070,#0000 220px);
}
.stage .stage-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: #fff;
  bottom: 75px;
  z-index: 5;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #00000040;
  box-shadow: inset 0 0 200px #000;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.swiper-slide .stage .stage-content {
  opacity: 0;
  transform: translateY(-150px);
  transition: opacity .42s linear,transform 10ms linear .42s;
}
.swiper-slide-active .stage .stage-content {
  transform: translateY(0);
  transition: opacity .68s ease-in-out .92s,transform 10ms linear .92s;
  opacity: 1;
}
.stage .content-wrapper {
  width: 420px;
  max-width: 100%;
}
.stage .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
}
.stage .icon-wrapper img {
  max-width: 100px;
  height: auto;
}
.stage .headline {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  font-weight: 400;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .stage .headline {
    line-height: 36px;
  }
}
.stage .subtitle,.stage .text {
  font-size: 18px;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0 0 25px #000;
}
.stage .subtitle {
  font-weight: 300;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.stage .custom-button {
  margin-top: 20px;
}
@media screen and (min-width: 640px) {
  .stage .stage-content:has(.icon-wrapper) {
    flex-direction: row;
  }
  .stage .content {
    margin-left: 20px;
    flex-direction: row;
  }
  .stage .icon-wrapper {
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .stage .stage-content {
    bottom: 27.5vh;
  }
  .stage .stage-content.--bottom {
    top: auto;
    transform: none;
    bottom: 80px;
    background-color: transparent;
    box-shadow: 0 0 0 transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    width: auto;
    max-width: 560px;
  }
  .stage .content-wrapper {
    width: 560px;
  }
}
@media screen and (min-width: 1024px) and (max-height: 680px) {
  .stage .stage-content {
    top: auto;
    bottom: 120px;
  }
}
@media screen and (min-width: 1440px) {
  .stage .stage-content {
    left: 50%;
    margin-left: -720px;
  }
}
.stage .v-lazy-image {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.stage.--top.--left .v-lazy-image {
  object-position: 0 0;
}
.stage.--top.--left .stage-video video.--background,.stage.--top.--left .stage-video .mi-player video {
  left: 0;
  top: 0;
  transform: translate(0);
}
.stage.--top.--center .v-lazy-image {
  object-position: 50% 0;
}
.stage.--top.--center .stage-video video.--background,.stage.--top.--center .stage-video .mi-player video {
  left: 50%;
  top: 0;
  transform: translate(-50%);
}
.stage.--top.--right .v-lazy-image {
  object-position: 100% 0;
}
.stage.--top.--right .stage-video video.--background,.stage.--top.--right .stage-video .mi-player video {
  left: auto;
  right: 0;
  top: 0;
  transform: translate(0);
}
.stage.--middle.--left .v-lazy-image {
  object-position: 0 50%;
}
.stage.--middle.--left .stage-video video.--background,.stage.--middle.--left .stage-video .mi-player video {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.stage.--middle.--center .v-lazy-image {
  object-position: 50% 50%;
}
.stage.--middle.--center .stage-video video.--background,.stage.--middle.--center .stage-video .mi-player video {
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.stage.--middle.--right .v-lazy-image {
  object-position: 100% 50%;
}
.stage.--middle.--right .stage-video video.--background,.stage.--middle.--right .stage-video .mi-player video {
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.stage.--bottom.--left .v-lazy-image {
  object-position: 0 100%;
}
.stage.--bottom.--left .stage-video video.--background,.stage.--bottom.--left .stage-video .mi-player video {
  left: 0;
  top: auto;
  bottom: 0;
  transform: translate(0);
}
.stage.--bottom.--center .v-lazy-image {
  object-position: 50% 100%;
}
.stage.--bottom.--center .stage-video video.--background,.stage.--bottom.--center .stage-video .mi-player video {
  left: 50%;
  top: auto;
  bottom: 0;
  transform: translate(-50%);
}
.stage.--bottom.--right .v-lazy-image {
  object-position: 100% 100%;
}
.stage.--bottom.--right .stage-video video.--background,.stage.--bottom.--right .stage-video .mi-player video {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  transform: translate(0);
}
.stage .stage-video {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.editor-stage .stage {
  width: 100%;
  height: 400px;
}
@media screen and (min-width: 1024px) {
  .editor-stage .stage {
    width: 1400px;
    height: 540px;
  }
  .editor-stage .stage .content {
    left: 20px;
    margin-left: 0;
  }
}
.stage-content-wrapper {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  box-sizing: border-box;
}
.stage-content-wrapper .scw-inner-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1680px;
}
.stage-content-wrapper .scw-inner-wrapper>* {
  flex-grow: 1;
}
.stage-content-wrapper .scw-background,.stage-content-wrapper .scw-background img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.stage-content-wrapper .scw-background img {
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .stage-content-wrapper {
    padding: 50px 100px 134px 220px;
  }
}
.stage-embed .lazy-iframe {
  height: 100%;
}
.stage-embed.--align-bottom:after {
  background: #000;
  opacity: .375;
}
.stage-embed:after {
  transition: opacity .27s linear,width 10ms linear .27s,height 10ms linear .27s;
}
.stage-embed.--active:after {
  opacity: 0;
  width: 0;
  height: 0;
}
.stage-embed .button-group {
  padding: 0 20px;
}
.sub-menu-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: #f5f5f7;
}
.sub-menu-block p {
  font-size: 16px;
  line-height: 20px;
}
.sub-menu-block .smb-titel {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 15px;
}
.sub-menu-block .status-block,.sub-menu-block .status-block-cart {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 15px;
}
.sub-menu-block .status-block-cart .icon-wrapper {
  position: relative;
  margin-bottom: 10px;
}
.sub-menu-block .status-block-cart .badge {
  position: absolute;
  font-size: 11px;
  width: 22px;
  height: 13px;
  padding-top: 0;
  left: 11px;
  top: 0;
}
.sub-menu-block .status-block-cart .ricon-cart {
  font-size: 30px;
  margin-right: 12px;
}
.sub-menu-block .badge {
  width: 30px;
  height: 30px;
  padding-top: 8px;
  border-radius: 20px;
  margin-bottom: 10px;
  font-size: 18px;
}
@media screen and (min-width: 1440px) {
  .sub-menu-block {
    min-height: unset;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .sub-menu-block .smb-titel {
    margin-bottom: 0;
    margin-right: 30px;
    min-width: 300px;
  }
  .sub-menu-block .status-block-cart .icon-wrapper {
    margin-bottom: 0;
  }
  .sub-menu-block .status-block,.sub-menu-block .status-block-cart {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .sub-menu-block .smb-primary-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .sub-menu-block .custom-button {
    max-width: 250px;
  }
  .sub-menu-block .badge {
    border-radius: 20px;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 6px;
  }
  .sub-menu-block .status-block-cart .badge {
    margin-left: 0;
  }
}
.sub-navigation>.article-block {
  padding-top: 36px;
}
.sub-navigation .button-group {
  margin-bottom: 0;
}
.sub-navigation .custom-button.--current {
  background-color: #e50043;
  color: #fff;
}
.stage-content {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: #fff;
  z-index: 5;
}
.stage-content.--background {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #00000040;
  box-shadow: inset 0 0 200px #000;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.stage-content.--background .subtitle,.stage-content.--background .text {
  text-shadow: 0 0 25px #000;
}
.stage-content.--background .content-wrapper {
  margin: 0;
}
.stage-content .content-wrapper {
  flex-grow: 1;
  margin: 0 -20px;
}
.swiper-slide .stage-content {
  opacity: 0;
  transform: translateY(-150px);
  transition: opacity .42s linear,transform 10ms linear .42s;
}
.swiper-slide-active .stage-content {
  transform: translateY(0);
  transition: opacity .68s ease-in-out .92s,transform 10ms linear .92s;
  opacity: 1;
}
.stage-content .icon-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 20px;
}
.stage-content .icon-wrapper img {
  max-width: 100px;
  height: auto;
}
.stage-content .headline {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  font-weight: 400;
  margin-bottom: 20px;
  background-color: transparent;
  padding: 0;
  display: block;
}
@media screen and (min-width: 1024px) {
  .stage-content .headline {
    line-height: 36px;
  }
}
.stage-content .subtitle,.stage-content .text {
  font-size: 18px;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.stage-content .subtitle {
  font-weight: 300;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.stage-content .custom-button {
  margin-top: 20px;
}
@media screen and (min-width: 640px) {
  .stage-content {
    flex-direction: row;
  }
  .stage-content .icon-wrapper {
    padding: 3px 20px 0 40px;
  }
}
@media screen and (min-width: 1024px) {
  .stage-content .headline {
    font-size: 40px;
    line-height: 48px;
  }
  .stage-content .icon-wrapper {
    padding-top: 8px;
  }
  .stage-content .text,.stage-content .subtitle {
    font-size: 20px;
    line-height: 28px;
  }
  .stage-content .text {
    margin-bottom: 10px;
  }
}
.table-action-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.table-action-bar .cta-btn {
  max-width: 270px;
  max-height: 40px;
  margin-right: 20px;
}
.table-action-bar .select-action {
  width: 200px;
}
.--light .table-action-bar .select-action .vs__dropdown-toggle,.--light .table-action-bar .select-action .vs__dropdown-menu {
  outline: 2px solid #000;
  outline-offset: -2px;
}
.--light .table-action-bar .select-action .vs__dropdown-toggle,.--light .table-action-bar .select-action .vs__selected-options {
  min-height: 20px;
  height: 40px;
  padding: 0;
}
.--light .table-action-bar .select-action .vs__dropdown-menu {
  top: 38px;
}
.table-for-detail .tfd-primary .ricon-stripes,.table-for-detail .radio-container {
  display: none;
}
.table-for-detail .subTxt {
  font-weight: 500;
  font-size: 14px;
}
.table-for-detail .custom-checkbox input[type=checkbox]:checked~.sub-checkboxes {
  display: none;
}
.table-for-detail .tfd-item {
  font-size: 16px;
}
.table-for-detail .tfd-item .custom-checkbox {
  margin-bottom: 0;
}
.table-for-detail .tfd-item .custom-checkbox .checkbox-wrapper {
  top: 4px;
  width: 20px;
}
.table-for-detail .tfd-head,.table-for-detail .tfd-item {
  padding: 20px;
  line-height: 26px;
  font-weight: 700;
}
.table-for-detail .tfd-head {
  font-size: 18px;
  color: #fff;
  background-color: #000;
}
.table-for-detail .tfd-item {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}
.table-for-detail .tfd-item:nth-child(2n) {
  background-color: #f5f5f7;
}
@media screen and (min-width: 640px) {
  .table-for-detail .tfd-primary .ricon-stripes {
    display: unset;
  }
  .table-for-detail .tfd-primary {
    width: 53%;
    display: flex;
    justify-content: space-between;
  }
  .table-for-detail .subTxt {
    font-weight: 700;
    font-size: 16px;
  }
  .table-for-detail .tfd-head {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .table-for-detail .radio-container {
    display: flex;
  }
  .table-for-detail .radio-container .custom-radio {
    width: 150px;
    justify-content: center;
    margin-bottom: 0;
  }
  .table-for-detail .radio-container .custom-radio span {
    font-size: 12px;
    font-weight: 500;
  }
}
.table-of-rights .th-name {
  margin-top: 20px;
}
.table-of-rights .custom-checkbox input[type=checkbox]:checked~.sub-checkboxes {
  display: none;
}
.table-of-rights .table-item .custom-checkbox {
  margin-bottom: 0;
}
.table-of-rights .table-item .custom-checkbox .checkbox-wrapper {
  top: 4px;
  width: 20px;
}
.table-of-rights .table-head,.table-of-rights .table-item {
  padding: 20px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}
.table-of-rights .table-head {
  color: #fff;
  background-color: #000;
}
.table-of-rights .table-item {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}
.table-of-rights .table-item:nth-child(2n) {
  background-color: #f5f5f7;
}
@media screen and (min-width: 640px) {
  .table-of-rights .table-head {
    display: flex;
  }
  .table-of-rights .th-name {
    margin-left: 80px;
    margin-top: 0;
  }
}
.teaser {
  font-family: inherit;
  background-color: var(--surface);
  color: var(--onSurface);
  display: flex;
  flex-flow: column;
  font-size: 16px;
}
.teaser .teaser-image-wrapper {
  position: relative;
  display: flex;
}
.teaser .teaser-image-wrapper .video-element {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.teaser .teaser-image-wrapper .image-overlay {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.teaser .teaser-image-wrapper .image-overlay.--top {
  left: 20px;
  top: 20px;
}
.teaser .teaser-image-wrapper .image-overlay.--bottom {
  left: 20px;
  bottom: 20px;
}
.teaser .teaser-image-wrapper .image-overlay.--top-right {
  right: 20px;
  top: 20px;
}
.teaser .teaser-image-wrapper .image-overlay.--bottom-right {
  right: 20px;
  bottom: 20px;
}
.teaser .teaser-image-wrapper .image-overlay.--text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.teaser .teaser-image-wrapper .image-overlay.--text p {
  padding: 2px 4px;
  inline-size: max-content;
  background-color: var(--surface);
  color: var(--onSurface);
}
.teaser .teaser-image-wrapper .image-overlay.--text.--top,.teaser .teaser-image-wrapper .image-overlay.--text.--bottom {
  left: 16px;
}
.teaser .teaser-image-wrapper .image-overlay.--text.--top-right,.teaser .teaser-image-wrapper .image-overlay.--text.--bottom-right {
  right: 16px;
}
.teaser .teaser-image {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 0;
  background-color: #000;
}
.teaser .teaser-image img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.teaser .teaser-image.--cover img {
  object-fit: cover;
}
.teaser .teaser-body {
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  container: teaserBody/inline-size;
  --background: #000;
  --onBackground: #FFF;
  --onBackgroundSecondary: #E0E0E0;
  --surface: #FFF;
  --onSurface: #000;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #FF4C4C;
  --warning-color: #FF9600;
  --success-color: #00B359;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #FFF;
  --onButtonSecondary: #000;
  --buttonSecondaryHover: #dfdfdf;
  --buttonSecondaryOption: #303031;
  --onButtonSecondaryOption: #FFF;
  --buttonSecondaryOptionHover: #444446;
}
.--dark .teaser .teaser-body:not(.collapsable .teaser-body,.--home-style .teaser-body) {
  --background: #FFF;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #000;
  --inputDisabled: #888;
  --inputSolid: #F5F5F7;
  --onInputSolid: #000;
  --inputSolidSecondary: #FFF;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #F5F5F7;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.teaser .teaser-buttons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-end;
  gap: 20px;
  margin-top: 20px;
  min-height: 40px;
  width: 100%;
}
.teaser .teaser-buttons>.custom-button,.teaser .teaser-buttons>.cart-link,.teaser .teaser-buttons>.custom-link {
  flex-grow: 1;
}
@container teaserBody (min-width: 620px) {
  .teaser .teaser-buttons {
    flex-direction: row;
    align-items: flex-end;
    gap: 40px;
  }
  .teaser .teaser-buttons>.custom-button,.teaser .teaser-buttons>.cart-link,.teaser .teaser-buttons>.custom-link {
    max-width: calc(50% - 20px);
  }
  .teaser.--horizontal-small .teaser-buttons {
    justify-content: flex-end;
  }
}
.teaser .teaser-link-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.teaser .teaser-link-list a {
  color: #e50043;
  display: inline-block;
  text-decoration: none;
  line-height: 20px;
  font-weight: 700;
  break-after: always;
  box-shadow: 0 2px #fff0;
  transition: box-shadow .32s ease-in-out;
}
.teaser .teaser-link-list a+a {
  margin-top: 10px;
}
.teaser .teaser-tags {
  margin-bottom: 6px;
  display: flex;
}
.teaser .teaser-tags>.custom-tag {
  margin-bottom: 4px;
  margin-right: 10px;
  border-radius: 12px;
}
.teaser .teaser-tags.--plz {
  width: 100%;
  display: flex;
}
.teaser .teaser-tags.--plz>.custom-tag {
  width: inherit;
  margin-right: 0;
  border-radius: 0;
}
.teaser .teaser-title {
  margin-bottom: 10px;
  line-height: 20px;
}
.teaser .teaser-title a {
  text-decoration: none;
}
.teaser .teaser-headline {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
.teaser .teaser-headline a {
  display: block;
  text-decoration: none;
}
.teaser .teaser-headline i {
  font-style: italic;
}
.teaser .teaser-text {
  line-height: 20px;
  flex-grow: 1;
}
.teaser .teaser-text:not(:empty) {
  margin-bottom: 10px;
}
.teaser.--default .teaser-image-wrapper,.teaser.--featured .teaser-image-wrapper {
  width: 100%;
  padding-bottom: 62.5%;
}
.teaser.--bundle-teaser .teaser-buttons {
  display: none;
}
.teaser.--bundle-teaser .teaser-image img {
  object-fit: contain;
}
.teaser.--bundle-teaser.--cover img {
  object-fit: cover;
}
.teaser.--default.--story-references .teaser-body,.teaser.--featured.--story-references .teaser-body {
  border-top: 3px solid #E50043;
}
.teaser.--default.--story-topics .teaser-body,.teaser.--featured.--story-topics .teaser-body {
  border-top: 3px solid #008e4f;
}
.teaser.--default.--story-applications .teaser-body,.teaser.--featured.--story-applications .teaser-body {
  border-top: 3px solid #93117e;
}
.teaser.--default.--story-systems .teaser-body,.teaser.--featured.--story-systems .teaser-body {
  border-top: 3px solid #008bd0;
}
.teaser.--default .teaser-text {
  hyphenate-limit-chars: 15 6 6;
  -webkit-hyphens: auto;
  hyphens: auto;
}
@media screen and (max-width: 639px) {
  .teaser.--horizontal-small .teaser-image-wrapper,.teaser.--horizontal-image-left .teaser-image-wrapper,.teaser.--horizontal-image-right .teaser-image-wrapper,.teaser.--bundle-teaser .teaser-image-wrapper {
    width: 100%;
    padding-bottom: 62.5%;
  }
  .teaser .teaser-text {
    hyphenate-limit-chars: 15 6 6;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media screen and (min-width: 640px) {
  .teaser.--horizontal-small,.teaser.--horizontal-image-left,.teaser.--horizontal-image-right,.teaser.--bundle-teaser {
    flex-flow: row;
  }
  .teaser.--horizontal-small .teaser-image-wrapper,.teaser.--horizontal-image-left .teaser-image-wrapper,.teaser.--horizontal-image-right .teaser-image-wrapper,.teaser.--bundle-teaser .teaser-image-wrapper {
    flex-basis: 50%;
    height: auto;
  }
  .teaser.--horizontal-small .teaser-image,.teaser.--horizontal-image-left .teaser-image,.teaser.--horizontal-image-right .teaser-image,.teaser.--bundle-teaser .teaser-image {
    position: relative;
  }
  .teaser.--horizontal-small .teaser-body,.teaser.--horizontal-image-left .teaser-body,.teaser.--horizontal-image-right .teaser-body,.teaser.--bundle-teaser .teaser-body {
    flex-basis: 50%;
    padding: 16px 20px 20px;
  }
  .teaser.--horizontal-image-right .teaser-image-wrapper {
    order: 1;
  }
  .teaser.--horizontal-small .teaser-image,.teaser.--horizontal-image-left .teaser-image,.teaser.--horizontal-image-right .teaser-image {
    position: relative;
    height: auto;
    padding-bottom: 62.5%;
    background-color: #000;
  }
  .teaser.--horizontal-small .teaser-image img,.teaser.--horizontal-image-left .teaser-image img,.teaser.--horizontal-image-right .teaser-image img {
    position: absolute;
    object-fit: contain;
  }
  .teaser.--horizontal-small .teaser-image.--cover img,.teaser.--horizontal-image-left .teaser-image.--cover img,.teaser.--horizontal-image-right .teaser-image.--cover img {
    object-fit: cover;
  }
  .teaser.--bundle-teaser .teaser-image-wrapper {
    flex-basis: 33.3333333333%;
    aspect-ratio: 1.6;
    min-width: 0;
  }
  .teaser.--bundle-teaser .teaser-body {
    flex-basis: 66.6666666667%;
  }
  .teaser.--bundle-teaser .teaser-image {
    outline: 2px solid rgba(229,0,67,0);
    outline-offset: -2px;
    transition: outline .27s ease;
    background-color: transparent;
  }
  .teaser.--bundle-teaser .teaser-image:hover {
    outline: 2px solid #e50043;
  }
}
@media screen and (min-width: 1024px) {
  .teaser.--horizontal-small {
    min-height: 160px;
  }
  .teaser.--horizontal-small .teaser-image-wrapper {
    flex-basis: 33.3333333333%;
    display: flex;
    align-items: center;
  }
  .teaser.--horizontal-small .teaser-body {
    flex-basis: 66.6666666667%;
  }
  .teaser.--bundle-teaser .teaser-image-wrapper {
    flex-basis: 25%;
  }
  .teaser.--bundle-teaser .teaser-body {
    flex-basis: 75%;
  }
  .teaser.--featured .teaser-image-wrapper {
    padding-bottom: calc(31.25% - 12.5px);
  }
  .teaser.--featured .teaser-image img {
    object-fit: cover;
  }
  .teaser .teaser-title a {
    transition: box-shadow .24s ease;
  }
  .teaser .teaser-title a:hover,.teaser .teaser-link-list a:hover {
    box-shadow: 0 2px #e50043;
  }
}
.--home-style .teaser.--default .teaser-body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.--home-style .teaser.--default .teaser-body .teaser-title {
  display: none;
}
.--home-style .teaser.--default .teaser-body .teaser-headline {
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
}
.--home-style .teaser.--default .teaser-body .teaser-text {
  font-size: 16px;
  line-height: 24px;
}
.--home-style .teaser.--default .teaser-body .custom-link {
  font-weight: 400;
}
.--home-style.--dark .teaser-image {
  width: 100%;
  height: 100%;
}
.--home-style.--dark .teaser-image-wrapper {
  border: 0 none transparent;
}
.text-video .video-embed {
  margin-bottom: 40px;
}
@media screen and (min-width: 1440px) {
  .text-video .video-embed {
    margin-bottom: 0;
  }
}
.total-amount-table {
  margin-bottom: 60px;
}
.total-amount-table table {
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 24px;
}
.total-amount-table table *:nth-child(2) {
  text-align: right;
}
.total-amount-table th {
  font-weight: 600;
}
.total-amount-table th,.total-amount-table td {
  height: 30px;
}
.total-amount-table .info {
  padding-top: 25px;
  font-size: 16px;
  line-height: 20px;
  color: #888;
  font-style: italic;
}
.total-amount-table .total {
  display: flex;
  justify-content: space-between;
  background: #000;
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  padding: 10px 20px;
}
@media screen and (min-width: 1024px) {
  .total-amount-table th {
    vertical-align: bottom;
  }
}
@media screen and (min-width: 1440px) {
  .total-amount-table th {
    vertical-align: middle;
  }
}
.user-quote {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  font-weight: 300;
}
.user-quote blockquote {
  font-size: 20px;
  line-height: 24px;
  font-style: italic;
  position: relative;
  width: 100%;
  max-width: 460px;
  margin-bottom: 40px;
  margin-left: 40px;
}
.user-quote blockquote.ricon-quote:before {
  color: #e50043;
  opacity: .1;
  font-size: 64px;
  position: absolute;
  top: -32px;
  left: -32px;
}
.user-quote figcaption {
  font-size: 14px;
  line-height: 17px;
  width: 100%;
  max-width: 460px;
  margin-left: 40px;
  color: #888;
}
.user-quote figcaption strong {
  color: #000;
}
.user-quote figcaption a {
  color: #e50043;
}
.--dark :not(.collapsable) .user-quote {
  color: #fff;
}
.--dark :not(.collapsable) .user-quote figcaption strong {
  color: #e7e7e8;
}
.--dark :not(.collapsable) .user-quote blockquote.ricon-quote:before {
  opacity: .3;
}
@media screen and (min-width: 1024px) {
  .user-quote {
    padding: 90px;
  }
  .user-quote blockquote {
    font-size: 32px;
    line-height: 35px;
    max-width: 560px;
    margin-bottom: 60px;
    margin-left: 60px;
  }
  .user-quote blockquote.ricon-quote:before {
    font-size: 120px;
    top: -60px;
    left: -60px;
  }
  .user-quote figcaption {
    font-size: 18px;
    line-height: 22px;
    max-width: 560px;
    margin-left: 60px;
  }
}
@media screen and (min-width: 1440px) {
  .user-quote {
    padding: 180px;
  }
  .user-quote blockquote {
    font-size: 45px;
    line-height: 54px;
    max-width: 960px;
    margin-bottom: 90px;
    margin-left: 90px;
  }
  .user-quote blockquote.ricon-quote:before {
    font-size: 220px;
    top: -115px;
    left: -90px;
  }
  .user-quote figcaption {
    font-size: 25px;
    line-height: 30px;
    max-width: 960px;
    margin-left: 90px;
  }
}
.price-display .display {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.price-display .label {
  display: block;
  font-size: 9px;
  line-height: 12px;
  margin-bottom: 3px;
  text-decoration: none;
}
.price-login-info {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.price-login-info a {
  color: #e50043;
  text-decoration: none;
}
.price-login-info button {
  color: #e50043;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none;
  border: 0 none transparent;
  background: transparent;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 700;
  cursor: pointer;
}
.commercial-teaser .teaser-headline {
  text-align: center;
  flex-grow: 1;
}
.commercial-teaser .teaser-buttons {
  display: flex;
  gap: 8px 20px;
}
.commercial-teaser .teaser-buttons>.custom-button {
  flex-basis: calc(50% - 10px);
  flex-grow: 0;
}
.commercial-teaser .price-login-info>span {
  white-space: nowrap;
}
.commercial-teaser .price-display {
  padding: 0 20px;
  text-align: right;
}
.commercial-teaser .price-display .display {
  font-size: 20px;
  font-weight: 700;
  color: #e50043;
}
.commercial-teaser .cart-link .btn-count {
  display: none;
}
.commercial-teaser .cart-link .custom-button {
  margin-left: 0;
}
.commercial-teaser .article-block.--dark .teaser-price,.commercial-teaser .article-block.--grey .teaser-price {
  background-color: #f5f5f7;
}
.commercial-teaser .teaser-image-content {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  gap: 12px;
  line-height: 1.325;
  color: #fff;
}
.commercial-teaser .teaser-image-content.-icon-top-left {
  height: 100%;
  align-items: flex-start;
}
.commercial-teaser .teaser-image-content.-icon-top-right {
  height: 100%;
}
.commercial-teaser .teaser-image-content.-icon-top-right .dam-icon {
  margin-left: auto;
}
.commercial-teaser .teaser-image-content.-icon-bottom-left {
  justify-content: left;
  flex-direction: row-reverse;
  align-items: last baseline;
}
.commercial-teaser .teaser-image-content.-icon-bottom-right {
  justify-content: space-between;
  flex-direction: row;
  align-items: last baseline;
}
.commercial-teaser .teaser-image-content .text-content {
  line-height: 1.325;
}
.commercial-teaser .teaser-image-content .text-content.small {
  font-size: 16px;
  line-height: 24px;
}
.commercial-teaser .teaser-image-content .text-content.medium {
  font-size: 20px;
  line-height: 30px;
}
.commercial-teaser .teaser-image-content .text-content.large {
  font-size: 30px;
  line-height: 36px;
}
.commercial-teaser .teaser-image-content .text-content.xlarge {
  font-size: 80px;
  line-height: 1;
  word-wrap: break-word;
}
.commercial-teaser .teaser-image-content .text-content+.text-content {
  margin-top: 20px;
}
.commercial-teaser .teaser-image-content .text-content :where(ul) {
  display: block;
  list-style: square;
  list-style-position: outside;
  padding-left: 1em;
}
.commercial-teaser .teaser-image-content .text-content :where(ul)>li>ul {
  list-style: circle;
}
.commercial-teaser .teaser-image-content .text-content :where(ul)>li>ul>li>ul {
  list-style: disc;
}
.commercial-teaser .teaser-image-content .text-content :where(ol) {
  display: block;
  counter-reset: olCounter;
  padding-left: 2em;
}
.commercial-teaser .teaser-image-content .text-content :where(ol)>li {
  counter-increment: olCounter;
  list-style: none;
  position: relative;
}
.commercial-teaser .teaser-image-content .text-content :where(ol)>li:before {
  content: counter(olCounter) ". ";
  font-weight: 700;
  position: absolute;
  left: -2em;
  width: 2em;
  text-align: left;
}
.commercial-teaser .teaser-image-content .dam-icon {
  width: auto;
  height: auto;
  max-height: 50%;
  min-height: 0;
}
.commercial-teaser .teaser-image-content h3+p {
  margin-top: .25em;
}
.commercial-teaser .teaser-image-content h3.small,.commercial-teaser .teaser-image-content p.small {
  font-size: 16px;
  line-height: 20px;
}
.commercial-teaser .teaser-image-content h3.medium,.commercial-teaser .teaser-image-content p.medium {
  font-size: 20px;
  line-height: 24px;
}
.commercial-teaser .teaser-image-content h3.large,.commercial-teaser .teaser-image-content p.large {
  font-size: 30px;
  line-height: 36px;
}
.commercial-teaser .teaser-image-content h3.xlarge,.commercial-teaser .teaser-image-content p.xlarge {
  font-size: 80px;
  line-height: 1;
  word-wrap: break-word;
}
.commercial-teaser.--light-mode .teaser-image-content {
  color: #000;
}
@media screen and (min-width: 1024px) {
  .commercial-teaser .teaser-buttons {
    flex-direction: row;
    justify-content: center!important;
    align-items: center;
  }
  .commercial-teaser .teaser-link {
    width: auto;
  }
}
@media screen and (min-width: 1440px) {
  .commercial-teaser .teaser-image-content {
    padding: 20px;
  }
  .commercial-teaser .teaser-link .custom-button {
    min-width: 280px;
  }
}
.horizontal-info-banner {
  position: relative;
  min-height: 585px;
  color: #fff;
  z-index: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.horizontal-info-banner.--light-mode {
  color: #000;
}
.article-block.--with-bg-image .horizontal-info-banner:not(:has(.img-wrapper)) .banner-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.horizontal-info-banner .img-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.horizontal-info-banner .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.horizontal-info-banner .banner-wrapper {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.horizontal-info-banner .banner-wrapper h3 {
  font-weight: 400;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 40px;
}
.horizontal-info-banner .img-wrapper+.banner-wrapper {
  padding: 20px;
}
.horizontal-info-banner .banner-text {
  font-size: 16px;
  line-height: 20px;
  flex-grow: 1;
  color: inherit;
}
.horizontal-info-banner .banner-text.medium,.horizontal-info-banner .banner-text.large {
  font-size: 20px;
  line-height: 24px;
}
.horizontal-info-banner .custom-button {
  max-width: fit-content;
  margin: 35px 0 0 auto;
}
@media screen and (min-width: 640px) {
  .horizontal-info-banner {
    min-height: 200px;
  }
  .horizontal-info-banner .banner-wrapper {
    padding: 60px 0;
  }
  .horizontal-info-banner .banner-wrapper h3 {
    font-size: 30px;
    line-height: 36px;
  }
  .horizontal-info-banner .img-wrapper+.banner-wrapper {
    padding: 25px;
  }
  .horizontal-info-banner .banner-text.large {
    font-size: 30px;
    line-height: 36px;
  }
}
@media screen and (min-width: 1024px) {
  .horizontal-info-banner {
    min-height: 484px;
  }
  .horizontal-info-banner .banner-text.--column {
    column-count: 2;
    column-gap: 4em;
  }
}
.horizontal-banner {
  background-color: #f5f5f7;
  position: relative;
  min-height: 585px;
  color: #fff;
  z-index: 1;
  overflow: hidden;
}
.horizontal-banner.--light-mode {
  color: #000;
}
.article-block.--with-bg-image .horizontal-banner {
  background-color: transparent;
}
.article-block.--with-bg-image .horizontal-banner:not(:has(.img-wrapper)) .banner-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.horizontal-banner .img-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.horizontal-banner .img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 639px) {
  .horizontal-banner .img-wrapper img.--img-mobile+img {
    display: none;
  }
}
.horizontal-banner .banner-wrapper {
  height: calc(100% - 50px);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.horizontal-banner .banner-wrapper h3 {
  font-size: 50px;
  line-height: 56px;
  text-transform: uppercase;
}
.horizontal-banner .banner-wrapper h3 span {
  color: #e50043;
}
.horizontal-banner .primary-left,.horizontal-banner .secondary-left,.horizontal-banner .primary-right,.horizontal-banner .secondary-right {
  font-size: 16px;
  line-height: 20px;
}
.horizontal-banner .primary-left.large,.horizontal-banner .secondary-left.large,.horizontal-banner .primary-right.large,.horizontal-banner .secondary-right.large {
  font-size: 20px;
  line-height: 24px;
}
.horizontal-banner .primary-left.xlarge,.horizontal-banner .secondary-left.xlarge,.horizontal-banner .primary-right.xlarge,.horizontal-banner .secondary-right.xlarge {
  font-size: 80px;
  line-height: 80px;
}
.horizontal-banner .banner-body {
  font-weight: 700;
}
.horizontal-banner .banner-body p {
  padding: 5px 0;
}
.horizontal-banner .custom-button {
  max-width: fit-content;
  margin: 35px 0 0 auto;
}
@media screen and (min-width: 640px) {
  .horizontal-banner {
    min-height: 200px;
  }
  .horizontal-banner .img-wrapper img.--img-mobile {
    display: none;
  }
  .horizontal-banner .img-wrapper img.--img-desktop {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .horizontal-banner {
    height: 484px;
  }
  .horizontal-banner .banner-wrapper {
    padding: 25px;
  }
  .horizontal-banner .banner-wrapper h3 {
    font-size: 77px;
    line-height: 81px;
  }
  .horizontal-banner .first-wrapper,.horizontal-banner .second-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
  .horizontal-banner .first-wrapper {
    align-items: flex-end;
    margin-top: -50px;
  }
  .horizontal-banner .primary-left,.horizontal-banner .secondary-left,.horizontal-banner .primary-right,.horizontal-banner .secondary-right {
    font-size: 18px;
    line-height: 22px;
  }
  .horizontal-banner .primary-left.--medium,.horizontal-banner .secondary-left.--medium,.horizontal-banner .primary-right.--medium,.horizontal-banner .secondary-right.--medium {
    font-size: 20px;
    line-height: 24px;
  }
  .horizontal-banner .primary-left.large,.horizontal-banner .secondary-left.large,.horizontal-banner .primary-right.large,.horizontal-banner .secondary-right.large {
    font-size: 30px;
    line-height: 36px;
  }
  .horizontal-banner .primary-left.xlarge,.horizontal-banner .secondary-left.xlarge,.horizontal-banner .primary-right.xlarge,.horizontal-banner .secondary-right.xlarge {
    font-size: 155px;
    line-height: 125px;
  }
}
.vertical-banner {
  position: relative;
  min-height: 585px;
  color: #fff;
}
.vertical-banner.--light-mode {
  color: #000;
}
.vertical-banner .img-wrapper {
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.vertical-banner .img-wrapper img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.vertical-banner .banner-wrapper {
  padding: 20px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: calc(100% - 40px);
}
.vertical-banner .banner-wrapper h3 {
  font-size: 30px;
  line-height: 36px;
  text-transform: uppercase;
}
.vertical-banner .banner-wrapper h3 span {
  color: #e50043;
}
.vertical-banner .banner-wrapper .banner-head {
  flex-grow: .75;
}
.vertical-banner .banner-wrapper .banner-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding-bottom: 12px;
}
.vertical-banner .banner-wrapper .body-primary {
  padding-bottom: 12px;
}
.vertical-banner .banner-wrapper .body-primary,.vertical-banner .banner-wrapper .body-secondary {
  line-height: 1.325;
  display: flex;
  width: 100%;
  gap: 12px;
  align-items: last baseline;
  justify-content: space-between;
}
.vertical-banner .banner-wrapper .body-primary.small,.vertical-banner .banner-wrapper .body-secondary.small {
  font-size: 16px;
  line-height: 20px;
}
.vertical-banner .banner-wrapper .body-primary.medium,.vertical-banner .banner-wrapper .body-secondary.medium {
  font-size: 20px;
  line-height: 24px;
}
.vertical-banner .banner-wrapper .body-primary.large,.vertical-banner .banner-wrapper .body-secondary.large {
  font-size: 30px;
  line-height: 36px;
}
.vertical-banner .banner-wrapper .body-primary.xlarge,.vertical-banner .banner-wrapper .body-secondary.xlarge {
  font-size: 80px;
  line-height: 1;
  word-wrap: break-word;
}
.vertical-banner .banner-wrapper .custom-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 47%;
  flex-grow: 1;
}
.vertical-banner .banner-wrapper .button-group {
  margin-bottom: 0;
}
.tab-navigation-scrollable .scroll-button {
  position: absolute;
  height: 59px;
  min-width: 35px;
  opacity: 1;
  top: 0;
  cursor: pointer;
  background-color: #fff;
  border-radius: 1px;
  border: none;
  transition: .3s opacity ease;
}
.tab-navigation-scrollable .scroll-button.hidden {
  opacity: 0;
}
.tab-navigation-scrollable .scroll-button.prev {
  left: 0;
  z-index: 1;
  border-right: 1px solid black;
}
.tab-navigation-scrollable .scroll-button.next {
  right: 0;
  border-left: 1px solid black;
}
.tab-navigation-scrollable .tab-navigation-scrollable .scroll-button {
  top: 60px;
}
.tab-navigation-scrollable .tab-navigation-scrollable .scroll-button.prev,.tab-navigation-scrollable .tab-navigation-scrollable .scroll-button.next {
  border: none;
}
.tab-navigation {
  overflow-y: hidden;
  overflow-x: auto;
  position: relative;
  height: 61px;
  background-color: #fff;
  white-space: nowrap;
}
.tab-navigation:has(.tab-navigation-second-layer) {
  height: 121px;
}
.tab-navigation .tab-navigation-container {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}
.tab-navigation:before,.tab-navigation .tab-navigation-container:before {
  position: absolute;
  display: block;
  width: 100%;
  left: 50%;
  transform: translate(-50%);
  content: "";
  height: 59px;
  border-bottom: 1px solid #595959;
  background-color: #f5f5f7;
}
.tab-navigation .tab-navigation-wrapper {
  box-sizing: border-box;
  display: flex;
  width: fit-content;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  height: 60px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tab-navigation .tab-navigation-wrapper::-webkit-scrollbar {
  display: none;
}
.tab-navigation .tab-navigation-second-layer {
  position: absolute;
  display: flex;
  height: 60px;
  width: 100%;
  left: 0;
  min-width: calc(100% - 20px);
  transform: translate(20px);
  opacity: 0;
  height: 0;
  transition: transform 10ms ease .1s,opacity 10ms linear .1s,height 10ms linear .1s;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tab-navigation .tab-navigation-second-layer::-webkit-scrollbar {
  display: none;
}
.tab-navigation .tab-navigation-second-layer .custom-link {
  padding: 20px;
}
.tab-navigation .tab-navigation-second-layer .custom-link.--active {
  color: #000;
}
.tab-navigation .tab-link {
  height: 60px;
}
.tab-navigation .tab-link+.tab-navigation-scrollable .scroll-button {
  display: none;
}
.tab-navigation .tab-link.--active+.tab-navigation-scrollable .scroll-button {
  display: block;
}
.tab-navigation .tab:hover .tab-navigation-scrollable .scroll-button,.tab-navigation .tab-link.--active .tab-navigation-scrollable .scroll-button {
  display: block;
}
.tab-navigation .tab-link.--active+.tab-navigation-scrollable .tab-navigation-second-layer,.tab-navigation .tab:hover .tab-link+.tab-navigation-scrollable .tab-navigation-second-layer,.tab-navigation .tab:has(:focus-visible) .tab-link+.tab-navigation-scrollable .tab-navigation-second-layer {
  transform: translate(0);
  height: 60px;
  opacity: 1;
  transition: transform .27s ease .1s,opacity .27s linear .1s,height 10ms linear .1s;
}
.tab-navigation .tab-navigation-wrapper:not(:hover):not(:has(:focus-visible)) .tab-link.--active:before {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  transform: translateY(-1px);
  transition: transform .27s ease .1s,border 50ms linear .1s,box-shadow .27s ease-in .1s;
}
.tab-navigation .tab-navigation-wrapper:hover .tab:not(:hover):not(:has(:focus-visible)) .tab-navigation-second-layer,.tab-navigation .tab-navigation-wrapper:has(:focus-visible) .tab:not(:hover):not(:has(:focus-visible)) .tab-navigation-second-layer {
  transform: translate(20px);
  height: 0;
  opacity: 0;
}
.tab-navigation .tab:hover .tab-link:before,.tab-navigation .tab:has(:focus-visible) .tab-link:before {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
  transform: translateY(-1px);
  transition: transform .27s ease .1s,border 50ms linear .1s,box-shadow .27s ease-in .1s;
}
.tab-navigation .tab-link {
  display: inline-block;
  position: relative;
  line-height: 20px;
  padding: 20px 18px;
  font-weight: 700;
  color: #e50043;
  text-decoration: none;
  font-size: 18px;
  box-sizing: border-box;
  height: 62px;
  overflow: hidden;
}
.tab-navigation .tab-link span {
  position: relative;
}
.tab-navigation .tab-link:before {
  content: "";
  display: inline-block;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 62px;
  background-color: #fff;
  border: 1px solid #595959;
  border-bottom: 1px solid #FFF;
  transform: translateY(62px);
  transition: transform .27s ease,border .27s linear,box-shadow .27s ease-in;
}
.tab-navigation .tab-link.--active {
  color: #000;
}
.replacement-product-list {
  margin: 0 0 2px;
  padding: 0;
  font-size: 12px;
}
.replacement-product-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tree-view-node .tvn-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 3px 0;
  cursor: pointer;
}
.tree-view-node .tvn-content:hover {
  background-color: #f5f5f7;
}
.tree-view-node .tvn-label {
  line-height: 20px;
  padding: 3px 4px;
  flex-grow: 1;
}
.tree-view-node .tvn-expand {
  font-size: 18px;
}
.tree-view-node .tvn-children {
  padding-left: 20px;
}
.tree-view-node .tvn-expand {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  transform: rotate(0);
  transform-origin: 50% 50%;
  transition: transform .24s ease-in-out;
}
.tree-view-node.expanded .tvn-expand {
  transform: rotate(90deg);
}
.tree-view-node.selected:not(.has-checkbox)>.tvn-content {
  background-color: #e7e7e8;
}
.tree-view-node.has-checkbox>.tvn-content .tvn-expand {
  align-self: flex-start;
  order: 1;
  margin-right: 5px;
}
.tree-view-node.has-checkbox>.tvn-content .tvn-label {
  order: 3;
}
.tree-view-node.has-checkbox>.tvn-content .tvn-checkbox {
  order: 2;
}
.tree-view-node.has-checkbox .tvn-children {
  padding-left: 28px;
}
.tree-view-node .tvn-checkbox {
  flex-shrink: 0;
  position: relative;
  width: 22px;
  height: 22px;
  top: 2px;
  box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 2px;
  background: #fff;
  margin-right: 3px;
  transition: border-color .25s,background-color .25s;
}
.tree-view-node .tvn-checkbox:after {
  position: absolute;
  display: block;
  content: "";
  box-sizing: content-box;
  border: 1.5px solid #fff;
  border-left: 0;
  border-top: 0;
  left: 9px;
  top: 3px;
  height: 15px;
  width: 8px;
  transform: rotate(45deg) scaleY(0);
  transition: transform .25s;
  transform-origin: center;
}
.tree-view-node.selected>.tvn-content .tvn-checkbox {
  border-color: #e50043;
  background-color: #e50043;
}
.tree-view-node.selected>.tvn-content .tvn-checkbox:after {
  transform: rotate(45deg) scaleY(1);
  left: 7px;
  top: 2px;
  height: 10px;
  width: 5px;
}
.accessory-tree-view .acc-teaser-list {
  position: relative;
  overflow: hidden;
}
.accessory-tree-view .acc-teaser-list .teaser {
  margin-bottom: 20px;
}
.accessory-tree-view .acc-attr-wrapper {
  margin-top: 10px;
}
.accessory-tree-view .teaser .teaser-buttons {
  flex-direction: column;
  align-items: flex-start;
}
@container teaserBody (min-width: 620px) {
  .accessory-tree-view .teaser .teaser-buttons {
    margin-top: 20px;
    align-items: flex-end;
    flex-direction: row;
  }
  .accessory-tree-view .teaser .teaser-buttons .cart-link {
    max-width: calc(50% + 70px);
    flex-grow: 1;
    flex-basis: 50%;
  }
  .accessory-tree-view .teaser .teaser-buttons .custom-button {
    flex-shrink: 1;
    flex-basis: calc(50% - 90px);
  }
}
.accessory-tree-view .teaser .teaser-image-wrapper {
  display: block;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .accessory-tree-view .teaser .teaser-image-wrapper {
    flex-basis: 33.333%;
  }
}
@media screen and (max-width: 639px) {
  .accessory-tree-view .tree-view {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 640px) {
  .accessory-tree-view {
    padding: 0 20px;
  }
  .accessory-tree-view .dl-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .accessory-tree-view .description-list dt {
    width: auto;
    flex-basis: calc(33.3333% + 20px);
    flex-grow: 1;
    float: none;
    margin-right: 20px;
  }
  .accessory-tree-view .dd-wrapper {
    width: auto;
    flex-basis: calc(66.6666% - 40px);
    flex-grow: 1;
  }
  .accessory-tree-view .description-list dd {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .accessory-tree-view .tree-view {
    padding-right: 20px;
  }
  .accessory-tree-view .acc-teaser-list {
    padding-left: 20px;
  }
  .accessory-tree-view .teaser .teaser-image-wrapper {
    align-items: flex-start;
  }
}
.animation-banner {
  position: relative;
  width: 100%;
  background-color: #000;
  color: #fff;
}
@media screen and (max-width: 639px) {
  .animation-banner {
    padding: 40px 0;
  }
}
@media screen and (min-width: 640px) {
  .animation-banner {
    aspect-ratio: 16/9;
    height: auto;
  }
}
.animation-banner-top-wrapper {
  padding: 0 20px;
  z-index: 99;
}
@media screen and (min-width: 640px) {
  .animation-banner-top-wrapper {
    position: absolute;
    padding: 0 20px;
    top: 40px;
    left: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .animation-banner-top-wrapper {
    top: 80px;
    left: 60px;
  }
}
@media screen and (min-width: 1440px) {
  .animation-banner-top-wrapper {
    top: 104px;
    left: 84px;
  }
}
.animation-banner-title {
  max-width: 830px;
  font-size: 1.5rem;
  line-height: 1.875rem;
}
@media screen and (min-width: 640px) {
  .animation-banner-title {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
}
.animation-banner-text {
  max-width: 830px;
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1.375rem;
}
@media screen and (min-width: 640px) {
  .animation-banner-text {
    margin-top: 18px;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.animation-banner-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 639px) {
  .animation-banner-video {
    margin: 40px 0;
  }
}
@media screen and (min-width: 640px) {
  .animation-banner-video {
    position: absolute;
  }
}
.animation-banner-video video.--background,.animation-banner-video .mi-player video {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  object-fit: cover;
}
@media screen and (min-width: 640px) {
  .animation-banner .custom-button {
    position: absolute;
    width: auto;
    bottom: 40px;
    right: 40px;
    z-index: 99;
  }
}
@media screen and (min-width: 1024px) {
  .animation-banner .custom-button {
    bottom: 60px;
    right: 60px;
  }
}
@media screen and (min-width: 1440px) {
  .animation-banner .custom-button {
    bottom: 104px;
    right: 104px;
  }
}
.awards-banner {
  text-align: center;
  padding: 40px 0;
}
@media screen and (min-width: 1024px) {
  .awards-banner {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1440px) {
  .awards-banner {
    padding: 120px 0;
  }
}
.awards-banner-headline {
  margin-bottom: 30px;
  font-size: 2.25rem;
  line-height: 2.625rem;
}
.awards-banner-intro-text {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 640px) {
  .awards-banner-intro-text {
    margin: 0 auto;
    max-width: 720px;
  }
}
.awards-banner-items-wrapper {
  max-width: 100%;
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 30px;
  justify-items: center;
  justify-content: center;
}
@media screen and (min-width: 640px) {
  .awards-banner-items-wrapper {
    grid-template-columns: repeat(2,1fr);
  }
}
@media screen and (min-width: 1024px) {
  .awards-banner-items-wrapper {
    margin-top: 80px;
    grid-template-columns: repeat(4,1fr);
  }
}
@media screen and (min-width: 1280px) {
  .awards-banner-items-wrapper {
    grid-template-columns: repeat(5,1fr);
  }
}
@media screen and (min-width: 1440px) {
  .awards-banner-items-wrapper {
    gap: 70px;
  }
}
.highlights-banner {
  --banner-padding: 50px;
  --banner-padding-medium: 20px;
  --title-margin: 18px;
  --text-margin: 33px;
  --button-gap: 20px;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .highlights-banner {
    display: flex;
    align-items: center;
  }
}
.highlights-banner-content {
  padding: var(--banner-padding) 0;
  box-sizing: border-box;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .highlights-banner-content {
    flex: 0 0 50%;
    padding: var(--banner-padding-medium) 0;
  }
}
.highlights-banner-title {
  margin-bottom: var(--title-margin);
  font-size: 2.25rem;
  line-height: 2.625rem;
}
.highlights-banner-text {
  margin-bottom: var(--text-margin);
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.highlights-banner-buttons {
  display: flex;
  gap: var(--button-gap);
  flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
  .highlights-banner-buttons {
    flex-direction: column;
    gap: calc(var(--button-gap) / 2);
  }
}
.highlights-banner .custom-button {
  width: auto;
}
.highlights-banner-image {
  position: relative;
  aspect-ratio: 16/10;
}
.highlights-banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .highlights-banner-image {
    flex: 0 0 50%;
  }
}
@media screen and (min-width: 1024px) {
  .highlights-banner-tooltip.opened .tooltip-button {
    z-index: 99;
  }
}
.highlights-banner .tooltip-button {
  position: absolute;
  left: var(--tooltip-x);
  top: var(--tooltip-y);
  transform: translate(-50%,-50%);
  margin: unset;
}
@media screen and (max-width: 1023px) {
  .highlights-banner .tooltip-button.left .tooltip-overlay.is-visible {
    right: 0;
    left: 23px;
  }
}
@media screen and (max-width: 639px) {
  .highlights-banner .tooltip-button.center .tooltip-overlay.is-visible {
    right: 0;
    left: 0;
    transform: translate(-40%);
  }
}
.highlights-banner .tooltip-close-button {
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .highlights-banner .tooltip-overlay {
    left: calc(var(--tooltip-x) - 40px);
    top: calc(var(--tooltip-y) - 20px);
    transform: translate(-100%);
  }
}
@media screen and (max-width: 1023px) {
  .highlights-banner .tooltip-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
  }
}
@media screen and (max-width: 1023px) {
  .highlights-banner .tooltip-text {
    position: absolute;
    display: flex;
    justify-content: center;
    width: calc(100% - 40px);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
}
@media screen and (min-width: 640px) {
  .highlights-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: .25;
    background: linear-gradient(to right,var(--highlight, #E50043) 0%,var(--background, #000) 70%);
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .highlights-banner:before {
    margin: 0 -20px;
  }
}
@media screen and (min-width: 640px) and (min-width: 1024px) {
  .highlights-banner:before {
    right: -50px;
    margin-left: -70px;
  }
}
@media screen and (min-width: 640px) and (min-width: 1440px) {
  .highlights-banner:before {
    right: -100px;
    margin-left: calc(-.5*(100vw - 1200px));
  }
}
.tab-root {
  width: 100%;
}
.tab-list {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 40px;
}
.tab-list:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: linear-gradient(90deg,#222,#888 20%,#fff,#888 80%,#222);
  opacity: .7;
  pointer-events: none;
}
.tab-trigger {
  color: #fff;
  font-size: .9375rem;
  font-family: inherit;
  line-height: 1rem;
  padding: 20px 0;
  cursor: pointer;
  position: relative;
  z-index: 1;
  background: none;
  border: none;
}
.tab-trigger.active {
  margin-bottom: -3px;
  color: #e50043;
  border-bottom: 5px solid #E50043;
}
.branches-teaser {
  position: relative;
  padding: 60px 0 80px;
  background: linear-gradient(to top,#e5004380,#000 56%);
  color: #fff;
  overflow: hidden;
  width: calc(100vw - var(--scrollbar-width, 0px));
  margin-left: calc(-50vw + 50% + var(--scrollbar-width, 0px) / 2);
  margin-right: calc(-50vw + 50% + var(--scrollbar-width, 0px) / 2);
}
.branches-teaser:has(.branches-teaser-overlay:not([style*="display:none"])) {
  background: none;
}
.branches-teaser:has(.branches-teaser-overlay:not([style*="display:none"])):not(:has(.branches-teaser-more-btn.is-open)) {
  padding-bottom: 0;
}
.branches-teaser-title {
  max-width: 1440px;
  margin: 0 auto 30px;
  padding: 0 10px;
  font-size: 2.25rem;
  line-height: 2.625rem;
  text-align: center;
}
.branches-teaser-title span {
  display: block;
}
.branches-teaser-title span.highlight {
  color: var(--highlight, #E50043);
}
@media screen and (min-width: 1024px) {
  .branches-teaser-title {
    margin: 0 auto 66px;
    font-size: 2.8125rem;
    line-height: 3.25rem;
  }
}
.branches-teaser-content-wrapper {
  position: relative;
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}
.branches-teaser-tab-content {
  margin-top: 42px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
  justify-items: center;
}
@media screen and (min-width: 640px) {
  .branches-teaser-tab-content {
    gap: 20px;
    grid-template-columns: repeat(3,1fr);
  }
}
@media (min-width: 800px) {
  .branches-teaser-tab-content {
    grid-template-columns: repeat(4,1fr);
  }
}
@media screen and (min-width: 1024px) {
  .branches-teaser-tab-content {
    grid-template-columns: repeat(5,1fr);
  }
}
@media screen and (min-width: 1280px) {
  .branches-teaser-tab-content {
    grid-template-columns: repeat(6,1fr);
  }
}
@media screen and (min-width: 1440px) {
  .branches-teaser-tab-content {
    grid-template-columns: repeat(7,1fr);
  }
}
.branches-teaser-more-btn {
  position: absolute;
  right: 0;
  top: -38px;
  display: flex;
  align-items: center;
  padding: 6px 18px;
  border: none;
  font-size: .75rem;
  line-height: .875rem;
  cursor: pointer;
  background: inherit;
  color: #fff;
}
.branches-teaser-more-btn:after {
  content: "";
  display: inline-block;
  margin-left: 23px;
  vertical-align: middle;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #fff;
  transition: transform .2s;
  transform: rotate(0);
}
.branches-teaser-more-btn.is-open:after {
  transform: rotate(180deg);
}
.branches-teaser .smooth-reflow-wrapper {
  width: 100%;
  grid-column: 1/-1;
  overflow: visible;
}
.branches-teaser-overlay {
  width: calc(100vw - var(--scrollbar-width, 0px));
  left: 0;
  right: 0;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
  margin-left: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2);
  margin-right: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2);
  box-shadow: 0 0 400px 80px color-mix(in srgb,var(--highlight) 50%,transparent 50%);
  transition: height .72s ease-in-out;
}
.branches-teaser-overlay .image-wrapper {
  padding: unset;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.branches-teaser-overlay .image-wrapper img {
  position: relative;
}
.branches-teaser-overlay-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 30px 20px;
}
@media screen and (min-width: 1440px) {
  .branches-teaser-overlay-wrapper {
    padding: 60px 20px;
  }
}
.branches-teaser-overlay-text .richtext-content {
  font-size: 2.125rem;
  line-height: 2.5rem;
  font-weight: 700;
  margin: 50px 0;
  color: #000;
}
.branches-teaser-overlay-bottom {
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 20px;
}
@media screen and (min-width: 640px) {
  .branches-teaser-overlay-bottom {
    grid-template-columns: repeat(2,1fr);
  }
}
@media screen and (min-width: 1024px) {
  .branches-teaser-overlay-bottom {
    grid-template-columns: repeat(4,1fr);
  }
}
.news-teaser-slider-title {
  font-size: 2.25rem;
  line-height: 3.25rem;
}
.news-teaser-slider-text {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 40px;
}
.news-teaser-slider>.filterable-teaser-list {
  padding-top: 0;
  padding-bottom: 0;
}
.news-teaser-slider .teaser-slider {
  padding-bottom: 0;
}
.news-teaser-slider .swiper-wrapper {
  --surface: var(--background);
  --onSurface: var(--onBackground);
  background: var(--surface);
  color: var(--onSurface);
}
.news-teaser-slider .teaser .teaser-body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.address-management .custom-link {
  margin-bottom: 10px;
  font-size: 16px;
}
.address-management .custom-link:before {
  font-size: 18px;
}
.address-management .link-wrapper {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 640px) {
  .address-management .link-wrapper {
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .address-management .custom-link:first-child {
    margin-right: 30px;
  }
}
.add-to-cart-control {
  position: relative;
}
.add-to-cart-control .custom-button {
  height: 52px;
}
@media screen and (min-width: 640px) {
  .add-to-cart-control .custom-button {
    width: 255px;
    position: absolute;
    right: 20px;
  }
}
.teaser-slider {
  position: relative;
  padding-bottom: 40px;
}
.teaser-slider .swiper-slide {
  height: auto;
  min-height: 100%;
}
.teaser-slider .swiper-slide .teaser {
  min-height: 100%;
}
.teaser-slider .controls {
  height: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 10;
  width: 100%;
}
.teaser-slider .swiper-pagination {
  display: block;
  white-space: nowrap;
  position: relative;
  height: 40px;
  margin: 0 auto;
  z-index: 9;
  bottom: auto;
  left: auto!important;
  transform: translate(0)!important;
}
.teaser-slider .swiper-pagination.swiper-pagination-lock {
  display: none;
}
.teaser-slider .swiper-button-next,.teaser-slider .swiper-button-prev {
  height: 40px;
  margin-top: -20px;
  background-image: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  z-index: 10;
}
.teaser-slider .swiper-button-next:after,.teaser-slider .swiper-button-prev:after {
  display: none;
}
.teaser-slider .swiper-button-lock {
  display: none;
}
.teaser-slider .swiper-pagination-bullet {
  height: 10px;
  min-width: 10px;
  background: #0006;
  border: 1px solid rgba(0,0,0,0);
  opacity: 1;
  margin: 15px 5px!important;
  transition: height .22s ease .2s,left .27s linear;
}
.teaser-slider .swiper-pagination-bullet:before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 40px;
  width: 30px;
  top: -5px;
  cursor: pointer;
  margin-left: -15px;
  vertical-align: middle;
}
.teaser-slider .swiper-pagination-bullet-active {
  background: #000;
  opacity: 1;
}
.teaser-slider .teaser-container-without-swiper {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;
  flex-basis: 25%;
}
@media screen and (min-width: 1024px) {
  .teaser-slider .swiper-pagination-bullet {
    width: 30px;
    height: 40px;
    border-radius: 0;
    opacity: .3;
    border: 0;
    border: 0px none transparent;
    cursor: pointer;
    background-color: transparent;
    margin: 0 15px!important;
    transition: height .22s ease .2s,left .27s linear;
  }
  .teaser-slider .swiper-pagination-bullet:before {
    height: 2px;
    width: 30px;
    top: 50%;
    margin-top: -1px;
    background-color: #000;
  }
  .teaser-slider .swiper-pagination-bullet:focus {
    height: 40px;
    outline: none;
  }
  .teaser-slider .swiper-pagination-bullet:focus:before {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
  }
  .teaser-slider .swiper-pagination-bullet-active {
    opacity: 1;
  }
  .teaser-slider .swiper-button-next,.teaser-slider .swiper-button-prev {
    display: inline-flex;
    font-size: 20px;
  }
  .teaser-slider .swiper-button-next.swiper-button-lock,.teaser-slider .swiper-button-prev.swiper-button-lock {
    display: none;
  }
}
.article-block.--with-spacing .teaser-slider {
  padding-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .--dark .swiper-pagination-bullet {
    background: #fff6;
    border: 1px solid rgba(255,255,255,0);
    opacity: 1;
  }
  .--dark .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  .--dark .swiper-pagination-bullet:before {
    background-color: #fff;
  }
}
.--dark .swiper-button-next,.--dark .swiper-button-prev {
  color: #fff;
}
.bestseller-shop {
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .bestseller-shop {
    display: flex;
    flex-direction: row;
  }
  .bestseller-shop .teaser-slider .controls {
    margin-top: 20px;
  }
  .bestseller-shop:has(.swiper-initialized) .bestseller-shop-left-block {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 1024px) {
  .bestseller-shop-left-block {
    flex: 0 0 28%;
    box-sizing: border-box;
    padding-right: 75px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 1023px) {
  .bestseller-shop-left-block {
    margin-bottom: 30px;
  }
}
.bestseller-shop-left-block .custom-button {
  width: auto;
}
.bestseller-shop-title {
  font-size: 2.25rem;
  line-height: 2.625rem;
}
.bestseller-shop-intro-text {
  margin: 32px 0;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .bestseller-shop-intro-text {
    flex-grow: 1;
  }
}
@media screen and (min-width: 1024px) {
  .bestseller-shop-right-block {
    flex: 1 1 0;
    min-width: 0;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1440px) {
  .bestseller-shop-right-block {
    margin-right: calc(-1 * (100vw - 1400px - var(--scrollbar-width)) / 2);
  }
}
.bestseller-shop .teaser-slider {
  padding-bottom: 0;
}
.bundle-teaser {
  background-color: var(--surface);
  color: var(--onSurface);
  display: flex;
  flex-direction: column;
}
.bundle-teaser .checkbox-area {
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  --background: #000;
  --onBackground: #FFF;
  --onBackgroundSecondary: #E0E0E0;
  --surface: #FFF;
  --onSurface: #000;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #FF4C4C;
  --warning-color: #FF9600;
  --success-color: #00B359;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #FFF;
  --onButtonSecondary: #000;
  --buttonSecondaryHover: #dfdfdf;
  --buttonSecondaryOption: #303031;
  --onButtonSecondaryOption: #FFF;
  --buttonSecondaryOptionHover: #444446;
}
.--dark .bundle-teaser .checkbox-area:not(.collapsable .checkbox-area) {
  --background: #FFF;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #000;
  --inputDisabled: #888;
  --inputSolid: #F5F5F7;
  --onInputSolid: #000;
  --inputSolidSecondary: #FFF;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #F5F5F7;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.bundle-teaser .custom-checkbox {
  align-self: center;
  font-weight: 700;
}
.bundle-teaser .teaser.--bundle-teaser {
  background-color: transparent;
  flex-grow: 1;
}
@media screen and (min-width: 640px) {
  .bundle-teaser {
    flex-direction: row;
  }
  .bundle-teaser .checkbox-area {
    height: auto;
    width: 87px;
  }
}
@media screen and (min-width: 1024px) {
  .bundle-teaser .checkbox-area {
    width: 127px;
  }
}
.bundle-form .richtext-content {
  margin-bottom: 20px;
}
.bundle-form .bundle-teaser {
  margin-bottom: 10px;
}
.bundle-form .custom-button {
  display: inline-block;
  width: auto;
}
.cad-request-form .crf-extra-info {
  margin: 10px 0;
}
.cad-request-form .button-group .custom-button {
  position: relative;
  margin-bottom: 20px;
}
.cad-request-form .button-group .custom-button.--secondary-option {
  background-color: #f5f5f7;
}
.cad-request-form .button-group .custom-button:not(.--secondary-option) {
  pointer-events: none;
}
.cad-request .info-card {
  margin-bottom: 60px;
  background-color: #f5f5f7;
}
.cad-request .cr-select-label {
  margin-bottom: 20px;
  margin-top: 20px;
}
.cad-request .cr-button-group .custom-button {
  position: relative;
  margin-bottom: 20px;
  order: 3;
}
.cad-request .cr-button-group .custom-button.--secondary-option {
  background-color: #f5f5f7;
}
.cad-request .cr-button-group .cr-preview-link:after {
  position: absolute;
  right: 14px;
}
.cad-request .cad-request-form {
  margin-top: 20px;
}
@media screen and (max-width: 639px) {
  .cad-request .cr-button-group .cr-preview-link {
    order: 1;
  }
}
.category-filter-list {
  padding-bottom: 40px;
}
.category-filter-list .cfl-filter-header {
  margin-bottom: 40px;
}
.category-filter-list .custom-select+.custom-select {
  margin-top: 10px;
}
.category-filter-list .clf-search {
  width: 100%;
  display: flex;
}
.category-filter-list .clf-search>div {
  width: 100%;
}
.category-filter-list .clf-search .icon-button {
  flex-grow: 0;
}
.category-filter-list .autocomplete {
  position: relative;
  margin-bottom: 20px;
  z-index: 20;
}
.category-filter-list .autocomplete-input {
  border: 2px solid #000;
  border-radius: 0;
  background-color: #fff;
  background-image: none;
  padding: 12px;
}
.category-filter-list .autocomplete-input[aria-expanded=true] {
  border-radius: 0;
}
.category-filter-list .autocomplete-result {
  background-image: none;
  padding: 12px;
}
.category-filter-list .info-card {
  display: none;
}
.category-filter-list .info-card:first-child {
  display: block;
}
@media screen and (min-width: 1024px) {
  .category-filter-list {
    padding-bottom: 80px;
  }
  .category-filter-list .cfl-filter-header {
    display: flex;
    width: 100%;
  }
  .category-filter-list .cfl-filter-header .clf-search,.category-filter-list .cfl-filter-header .clf-filter {
    flex-basis: 50%;
  }
  .category-filter-list .cfl-filter-header .clf-search {
    margin-left: 20px;
    order: 2;
  }
}
.monitor-wrapper {
  position: relative;
}
.monitor-wrapper .cls-1 {
  fill: url(#Unbenannter_Verlauf_50);
}
.monitor-wrapper .cls-2 {
  fill: url(#Unbenannter_Verlauf_114);
}
.monitor-wrapper .cls-3 {
  fill: url(#Unbenannter_Verlauf_137);
}
.monitor-wrapper .monitor-wrapper-svg {
  position: relative;
  z-index: 2;
}
.monitor-wrapper .monitor-wrapper-content {
  position: absolute;
  left: 2.45%;
  top: 3%;
  right: 2.45%;
  bottom: 32.75%;
  z-index: 3;
  border-radius: 4px 4px 3px 3px;
  overflow: hidden;
}
.monitor-wrapper .mw-shadow-gradient {
  position: absolute;
  width: 66%;
  padding-bottom: 70%;
  left: 17%;
  transform-origin: 50% 100%;
  transform: scaleY(.2);
  bottom: -5.75%;
  background: -moz-radial-gradient(center,ellipse cover,rgb(0,0,0) 0%,rgba(0,0,0,0) 100%);
  background: -webkit-radial-gradient(center,ellipse cover,rgb(0,0,0) 0%,rgba(0,0,0,0) 66%);
  background: radial-gradient(ellipse at center,#000,#0000 66%);
}
.monitor-wrapper .video-embed {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-bottom: 0!important;
}
.monitor-wrapper .lazy-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.configuration-system,[configuration-system] {
  background-color: #000;
  padding-top: 50px;
}
.configuration-system .cs-head,[configuration-system] .cs-head {
  padding-bottom: 40px;
  background-color: transparent;
  z-index: 10;
}
.configuration-system .cs-head .cs-monitor-wrapper,[configuration-system] .cs-head .cs-monitor-wrapper {
  padding: 20px 0 40px;
}
.configuration-system .cs-head .content-block,[configuration-system] .cs-head .content-block {
  position: relative;
  z-index: 2;
}
.configuration-system .cs-head .block-intro,[configuration-system] .cs-head .block-intro {
  padding-top: 20px;
  padding-bottom: 20px;
}
.configuration-system .cs-head .cs-bg-gradient,[configuration-system] .cs-head .cs-bg-gradient {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  top: -20vw;
  left: -50vw;
  width: 200vw;
  height: 300vw;
  pointer-events: none;
  background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgba(255,255,255,.83) 17%,rgba(0,0,0,0) 100%);
  background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgba(255,255,255,.83) 17%,rgba(0,0,0,0) 100%);
  background: radial-gradient(ellipse at center,#ffffff26,#0000 66%);
}
.configuration-system .cs-body,[configuration-system] .cs-body {
  position: relative;
  margin-top: calc(-6vw - 80px);
  padding-top: 100px;
}
.configuration-system .cs-body .content-block,[configuration-system] .cs-body .content-block {
  position: relative;
  z-index: 2;
}
.configuration-system .cs-body .block-intro,[configuration-system] .cs-body .block-intro {
  padding-top: 0;
}
.configuration-system .cs-body .cs-bg-gradient,[configuration-system] .cs-body .cs-bg-gradient {
  filter: blur(1px);
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  background: #45484d;
  background: -moz-linear-gradient(top,rgb(17,17,18) 0%,rgb(0,0,0) 100%);
  background: -webkit-linear-gradient(top,rgb(17,17,18) 0%,rgb(0,0,0) 100%);
  background: linear-gradient(to bottom,#111112,#000);
}
@media screen and (max-width: 639px) {
  .configuration-system .cs-head .cs-monitor-wrapper,[configuration-system] .cs-head .cs-monitor-wrapper {
    margin: 20px 20px 0;
  }
}
@media screen and (min-width: 1024px) {
  .configuration-system .cs-head .cs-bg-gradient,[configuration-system] .cs-head .cs-bg-gradient {
    top: -33vw;
    left: -13vw;
    width: 100vw;
    height: 80vw;
  }
  .configuration-system .cs-body,[configuration-system] .cs-body {
    position: relative;
    margin-top: calc(-2vw - 80px);
  }
}
@media screen and (min-width: 1440px) {
  .configuration-system .cs-head .block-intro,[configuration-system] .cs-head .block-intro {
    padding-bottom: 60px;
  }
  .configuration-system .cs-head .block-intro .button-block,[configuration-system] .cs-head .block-intro .button-block {
    margin-top: 40px;
  }
  .configuration-system .cs-body,[configuration-system] .cs-body {
    margin-top: -123px;
  }
}
.download-teaser {
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 20px;
}
.download-teaser .icon-button a {
  vertical-align: middle;
}
.download-teaser .download-description {
  margin-bottom: 16px;
}
.download-teaser .download-properties {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.download-teaser .download-info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.download-teaser .download-info p {
  margin-left: 20px;
  line-height: 1.5em;
}
.download-teaser .buttons-container {
  display: flex;
  flex-direction: row;
}
.download-teaser .icon-buttons {
  flex-grow: 0;
  margin-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.download-teaser .teaser-image>img {
  object-fit: contain;
}
.download-teaser .custom-button {
  flex-grow: 1;
  flex-basis: 100%;
  box-sizing: border-box;
  position: relative;
}
.download-teaser .custom-button.ricon-after-download_lock:after {
  position: absolute;
  font-size: 22px;
  transform: translate(8px,-4px);
}
.download-teaser.teaser.--horizontal-image-left .teaser-image-wrapper {
  padding: 4px;
}
.download-teaser.teaser.--horizontal-image-left .teaser-image-wrapper .teaser-image {
  background-color: transparent;
}
@media screen and (max-width: 1023px) {
  .download-teaser.teaser.--horizontal-image-left .teaser-image-wrapper {
    max-width: 240px;
    margin: 0 auto;
    height: 200px;
  }
}
@media screen and (min-width: 640px) {
  .download-teaser .icon-button {
    margin-bottom: 0;
    overflow: hidden;
    align-self: center;
  }
  .download-teaser .buttons-container {
    display: flex;
    position: absolute;
    width: calc(100% - 40px);
    bottom: 20px;
  }
  .download-teaser .buttons-container .custom-button {
    flex-basis: 75%;
  }
  .download-teaser .icon-buttons {
    flex-basis: 50%;
    flex-grow: 1;
    justify-content: flex-end;
  }
  .download-teaser .download-properties {
    margin-bottom: 0;
  }
  .download-teaser.teaser.--horizontal-image-left .teaser-image-wrapper {
    height: auto;
    min-height: 206px;
    flex-shrink: .5;
    max-height: 240px;
    flex-basis: 150px;
  }
  .download-teaser.teaser.--horizontal-image-left .teaser-image-wrapper img {
    object-position: top left;
  }
  .download-teaser.teaser.--horizontal-image-left .teaser-body {
    flex-grow: 1;
    padding-bottom: 82px;
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .download-teaser .buttons-container .custom-button {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 1440px) {
  .download-teaser .buttons-container .custom-button {
    width: 33.3333%;
  }
}
.pagination-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.pagination-wrapper .pager-items {
  width: 100%;
  max-width: 100%;
  font-size: 0px;
}
.pagination-wrapper a {
  text-decoration: none;
}
.pagination-wrapper .pager-item,.pagination-wrapper .pager-item-first,.pagination-wrapper .pager-item-previous,.pagination-wrapper .pager-item-next,.pagination-wrapper .pager-item-last {
  display: inline-block;
  padding-right: 10px;
  font-size: 16px;
  line-height: 20px;
}
.pagination-wrapper .pager-item.active a,.pagination-wrapper .pager-item-first.active a,.pagination-wrapper .pager-item-previous.active a,.pagination-wrapper .pager-item-next.active a,.pagination-wrapper .pager-item-last.active a {
  padding-bottom: 2px;
  border-bottom: 2px solid #000;
  font-weight: 700;
}
.pagination-wrapper .pager-item:last-child,.pagination-wrapper .pager-item-first:last-child,.pagination-wrapper .pager-item-previous:last-child,.pagination-wrapper .pager-item-next:last-child,.pagination-wrapper .pager-item-last:last-child {
  padding-right: 0;
}
.pagination-wrapper .pager-item.pager-mobile,.pagination-wrapper .pager-item-first.pager-mobile,.pagination-wrapper .pager-item-previous.pager-mobile,.pagination-wrapper .pager-item-next.pager-mobile,.pagination-wrapper .pager-item-last.pager-mobile {
  display: none;
}
.pagination-wrapper .pager-item-first,.pagination-wrapper .pager-item-previous {
  padding-right: 20px;
}
.pagination-wrapper .pager-item-next {
  padding-left: 10px;
  padding-right: 0;
}
.pagination-wrapper .pager-item-last {
  padding-left: 20px;
}
.pagination-wrapper .ricon-arrow_left:before,.pagination-wrapper .ricon-after-arrow_left:after,.pagination-wrapper .ricon-arrow_right:before,.pagination-wrapper .ricon-after-arrow_right:after {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .pagination-wrapper .pager-items {
    text-align: center;
  }
  .pagination-wrapper .pager-item {
    display: none;
  }
  .pagination-wrapper .pager-item.pager-mobile,.pagination-wrapper .pager-item.active {
    display: inline-block;
  }
  .pagination-wrapper .pager-item.pager-mobile a,.pagination-wrapper .pager-item.active a {
    border-bottom: 0 none transparent;
    font-weight: 400;
  }
  .pagination-wrapper .pager-item,.pagination-wrapper .pager-item-first,.pagination-wrapper .pager-item-previous,.pagination-wrapper .pager-item-next,.pagination-wrapper .pager-item-last {
    font-size: 20px;
    line-height: 22px;
  }
  .pagination-wrapper .ricon-arrow_left:before,.pagination-wrapper .ricon-after-arrow_left:after {
    font-size: 18px;
  }
  .pagination-wrapper .ricon-arrow_right:before,.pagination-wrapper .ricon-after-arrow_right:after {
    font-size: 18px;
  }
}
.--dark .pagination-wrapper {
  color: #fff;
}
.pgn-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 20px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .pgn-header {
    flex-direction: row-reverse;
  }
}
.pgn-header .pgn-header-item {
  display: inline-block;
}
.pgn-header .pgn-header-label:focus {
  outline: 0 none transparent;
}
.pgn-header .pgn-header-per-page a {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  padding: 0 1px 0 3px;
  color: #888;
}
.pgn-header .pgn-header-per-page a.--active {
  color: #000;
}
.pgn-header .pgn-header-per-page a:not(.--active) {
  cursor: pointer;
}
.pgn-header .pgn-header-per-page a:not(.--active):hover {
  color: #e50043;
}
.pgn-header .pgn-header-per-page a+a {
  margin-left: 10px;
}
.pgn-header .pgn-header-per-page a+a:before {
  content: "";
  position: absolute;
  top: 2px;
  left: -5px;
  height: 15px;
  width: 2px;
  background-color: #000;
}
.--dark .pgn-header {
  color: #fff;
}
.--dark .pgn-header .pgn-header-per-page a {
  color: #ababac;
}
.--dark .pgn-header .pgn-header-per-page a.--active {
  color: #fff;
}
.--dark .pgn-header .pgn-header-per-page a+a:before {
  background-color: #fff;
}
.paginated-list {
  padding: 20px 0;
  position: relative;
}
.paginated-list .paginated-list-body,.paginated-list .pgn-header {
  margin-bottom: 10px;
}
.paginated-list .pagination-wrapper {
  margin-top: 10px;
}
.paginated-list .teaser-grid {
  padding-top: 0;
  padding-bottom: 0;
  margin-left: -20px;
  margin-right: -20px;
}
.paginated-list:not(.--empty) .teaser-grid {
  margin-top: -20px;
  margin-bottom: -20px;
}
.download-display {
  padding-bottom: 40px;
}
.download-display .teaser-grid-wrapper {
  transition: opacity .18s ease .2s;
}
.download-display .teaser-grid-wrapper.--loading {
  opacity: .5;
}
.download-display .dld-loading {
  position: absolute;
  height: 120px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.download-form {
  width: 1024px;
  max-width: 100%;
  transition: width .27s ease;
}
.download-form.download-ready {
  width: 640px;
}
.download-form-swal {
  width: auto;
}
.download-form-swal .swal2-html-container {
  text-align: start;
  padding: 0;
}
.download-form-swal .download-form-header {
  margin: 0;
  padding: 20px 0 0;
}
.download-form-swal .download-form-footer {
  padding: 0;
}
.download-form-swal .download-wrapper {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}
.download-form-swal .download-wrapper .custom-button {
  flex-basis: 100%;
}
@media screen and (min-width: 640px) {
  .download-form-swal {
    max-width: calc(100% - 40px);
  }
  .download-form-swal .download-wrapper .custom-button {
    flex-basis: 50%;
  }
  .download-form-swal .download-form-footer .custom-button {
    max-width: 320px;
  }
}
.download-category-list .dl-filter-block {
  margin-bottom: 10px;
  margin-top: 20px;
}
.download-category-list .dl-filter-block .custom-select,.download-category-list .dl-filter-block .search-field {
  margin-bottom: 10px;
}
.download-category-list .dl-filter-select-label {
  margin-bottom: 12px;
}
.dl-teaser-transition-enter-active {
  transition: all .39s ease-out;
  transition-delay: calc(.125s * var(--dl-index));
}
.dl-teaser-transition-leave-active {
  transition: all .1s linear;
  opacity: 0;
  position: absolute;
  transform: translate(-20px);
  width: 100%;
}
.dl-teaser-transition-move {
  transition: all .24s ease-in-out;
  transition-delay: 0;
}
.dl-teaser-transition-enter {
  opacity: 0;
  transform: translate(100px);
}
.enclosure-highlights {
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.enclosure-highlights .image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}
.enclosure-highlights .poi-content {
  position: absolute;
  top: 50%;
  left: calc(100% + 20px);
  min-width: 280px;
  max-width: 480px;
  padding: 18px 20px;
  background-color: var(--surface, #FFF);
  color: var(--onSurface, #000);
  transform: translateY(-50%);
  z-index: 10;
}
.enclosure-highlights .poi-content.--align-left {
  left: auto;
  right: calc(100% + 20px);
}
.enclosure-highlights .poi-content h4 {
  margin: 0 0 16px;
  font-size: 22px;
  line-height: 24px;
  font-weight: 700;
}
.enclosure-highlights .poi-content p {
  margin: 0;
  font-size: 16px;
}
.enclosure-highlights .highlight-pois {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.enclosure-highlights .poi-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.enclosure-highlights .poi-item {
  position: absolute;
  transform: translate(-50%,-50%);
}
.enclosure-highlights .poi-item:has(.poi-toggle.--active) {
  z-index: 100;
}
.enclosure-highlights .poi-toggle {
  position: relative;
  width: 40px;
  height: 40px;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 50%;
}
.enclosure-highlights .poi-toggle .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  background-color: var(--highlight, #E50043);
  border-radius: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  animation: enclosure-highlights-pulse-animation-dot 2s linear infinite;
}
.enclosure-highlights .poi-toggle:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: #00000080;
  border-radius: 50%;
  transition: transform .3s ease;
}
.enclosure-highlights .poi-toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  transition: opacity .27s linear;
  animation: enclosure-highlights-pulse-animation 2s linear infinite;
}
.enclosure-highlights .poi-toggle:hover .dot,.enclosure-highlights .poi-toggle.--active .dot {
  animation: none;
}
.enclosure-highlights .poi-toggle:hover:before,.enclosure-highlights .poi-toggle.--active:before {
  animation: none;
}
.enclosure-highlights .poi-toggle:hover:after,.enclosure-highlights .poi-toggle.--active:after {
  opacity: 0;
}
.enclosure-highlights .poi-toggle.--active:before {
  box-shadow: 0 0 0 1px var(--onHighlight, #FFF);
}
.enclosure-highlights .poi-link-list {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 1.5;
  gap: 8px;
}
.enclosure-highlights .poi-link {
  display: flex;
  width: 100%;
  text-decoration: none;
  justify-content: space-between;
}
.enclosure-highlights .poi-link:after {
  position: relative;
  top: 5px;
  font-size: 14px;
  color: var(--highlight, #E50043);
  padding-left: 5px;
}
@media screen and (max-width: 1023px) {
  .enclosure-highlights .poi-toggle {
    top: 50%;
    left: 50%;
  }
}
.enclosure-highlights-swal {
  padding: 0;
}
.enclosure-highlights-swal .swal2-html-container {
  padding: 0;
  margin: 0;
}
.enclosure-highlights-swal-content {
  position: relative;
  overflow: hidden;
}
.enclosure-highlights-swal-content .highlight-pois-mobile .mobile-first-layer,.enclosure-highlights-swal-content .highlight-pois-mobile .mobile-second-layer {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  min-height: 70vh;
  width: 100%;
  box-sizing: border-box;
}
.enclosure-highlights-swal-content .highlight-pois-mobile .mobile-first-layer .poi-item h4 {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.enclosure-highlights-swal-content .highlight-pois-mobile .mobile-first-layer .poi-item p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}
.enclosure-highlights-swal-content .highlight-pois-mobile .mobile-first-layer .poi-item button {
  margin-top: 10px;
}
.enclosure-highlights-swal-content .highlight-pois-mobile .mobile-second-layer {
  position: relative;
  background-color: #f5f5f7;
}
.enclosure-highlights-swal-content .highlight-pois-mobile .mobile-second-layer.slideInOutRight-enter-active,.enclosure-highlights-swal-content .highlight-pois-mobile .mobile-second-layer.slideInOutRight-leave-active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.enclosure-highlights-swal-content .highlight-pois-mobile .mobile-second-layer .back-button {
  margin-bottom: 20px;
}
.enclosure-highlights-swal-content .highlight-pois-mobile .mobile-second-layer .poi-link-list {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  line-height: 1.5;
  gap: 8px;
}
.enclosure-highlights-swal-content .highlight-pois-mobile .mobile-second-layer .poi-link {
  display: flex;
  width: 100%;
  text-decoration: none;
  justify-content: space-between;
}
.enclosure-highlights-swal-content .highlight-pois-mobile .mobile-second-layer .poi-link:after {
  position: relative;
  top: 1px;
  color: var(--highlight, #E50043);
  padding-left: 5px;
}
.enclosure-highlights-swal-content:has(.mobile-second-layer:not(.slideInOutRight-enter-active):not(.slideInOutRight-leave-active)) .mobile-first-layer {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.enclosureHighlightsTransition-enter-from {
  transform: translate(-25px,-50%)!important;
  opacity: 0;
}
.enclosureHighlightsTransition-leave-to {
  opacity: 0;
}
.enclosureHighlightsTransition-enter-active {
  transition: opacity .12s linear,transform .22s ease-out;
}
.enclosureHighlightsTransition-leave-active {
  transition: opacity .18s linear;
}
@keyframes enclosure-highlights-pulse-animation {
  20% {
    box-shadow: 0 0 #00000080;
  }
  60% {
    box-shadow: 0 0 0 3px #0006;
  }
  to {
    box-shadow: 0 0 0 6px #0000;
  }
}
@keyframes enclosure-highlights-pulse-animation-dot {
  25% {
    transform: translate(-50%,-50%) scale(1);
  }
  55% {
    transform: translate(-50%,-50%) scale(1.15);
  }
  85% {
    transform: translate(-50%,-50%) scale(1);
  }
}
.file-upload {
  background-color: #fff;
  padding: 24px 12px 15px;
  margin-bottom: 20px;
}
.file-upload.--warning .warning-message,.file-upload.--error .warning-message {
  display: block;
  font-size: 14px;
  line-height: 16px;
}
.file-upload.--warning .upload-progress,.file-upload.--error .upload-progress {
  display: none;
}
.file-upload.--warning .percentage,.file-upload.--error .percentage {
  color: #ababac;
}
.file-upload.--warning .static-info .ricon-check_circle,.file-upload.--error .static-info .ricon-check_circle {
  display: none;
}
.file-upload.--warning .ricon-download,.file-upload.--error .ricon-download {
  color: #ababac;
}
.file-upload.--warning .upload-bar {
  background: #fbbd08;
}
.file-upload.--error .upload-bar {
  background: #e50043;
}
.file-upload.--white-background {
  border: 1px solid #000;
}
.file-upload .static-info {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.file-upload .file-info-line {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.file-upload .file-info-line .ricon-download:before {
  padding-right: 13px;
}
.file-upload .file-info-line .ricon-trash_can:before {
  font-size: 22px;
}
.file-upload .seconde-wrapper p {
  font-size: 12px;
  color: #595959;
  font-weight: 700;
}
.file-upload .seconde-wrapper .ricon-check_circle:before {
  color: #008e4f;
  font-size: 24px;
}
.file-upload .progress {
  display: flex;
  align-items: center;
}
.file-upload .warning-message {
  display: none;
}
.file-upload .upload-bar {
  position: relative;
  background-color: #f5f5f7;
  height: 25px;
  width: 100%;
  border-radius: 4px;
}
.file-upload .upload-bar .upload-progress {
  border-radius: 4px;
  z-index: 1;
  position: absolute;
  height: 25px;
  width: 50%;
  background-color: #c1c1c1;
}
.file-upload .percentage,.file-upload .seconde-wrapper {
  display: flex;
  justify-content: center;
  width: 46px;
  padding-left: 20px;
}
.file-upload .percentage {
  font-size: 13px;
  font-weight: 700;
  color: #595959;
}
.file-upload .warning-message {
  padding-top: 5px;
  color: #e50043;
  font-weight: 700;
}
.file-upload-form {
  line-height: 18px;
}
.file-upload-form .custom-input-file input[type=file]+.float-label {
  font-size: 16px;
  white-space: pre-wrap;
  line-height: 18px;
  padding: 10px 26% 10px 10px;
}
.file-upload-form .custom-input-file {
  margin-bottom: 20px;
}
.file-upload-form .custom-input-file .input-button {
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-upload-form .ricon-upload_file:before {
  top: 1px;
  position: relative;
}
@media screen and (min-width: 640px) {
  .file-upload-form {
    font-size: 16px;
  }
  .file-upload-form .custom-input-file input[type=file]+.float-label {
    font-size: 16px;
    white-space: nowrap;
    line-height: 52px;
    padding: 0 10px;
  }
}
.focus-banner {
  position: relative;
  text-align: center;
  padding: 40px 0;
}
@media screen and (min-width: 1024px) {
  .focus-banner {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1440px) {
  .focus-banner {
    padding: 120px 0;
  }
}
.focus-banner-headline {
  margin-bottom: 40px;
  font-size: 2.625rem;
  line-height: 3rem;
}
@media screen and (min-width: 640px) {
  .focus-banner-headline {
    margin-bottom: 20px;
    font-size: 4.0625rem;
    line-height: 4.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .focus-banner-headline {
    font-size: 5.9375rem;
    line-height: 6.375rem;
  }
}
.focus-banner-intro-text {
  font-size: 1rem;
  line-height: 1.375rem;
  max-width: 920px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .focus-banner-intro-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.focus-banner-items-wrapper {
  margin: 43px 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (min-width: 1024px) {
  .focus-banner-items-wrapper {
    flex-direction: row;
    margin: 73px -20px 100px;
    padding: 0 20px;
  }
  .focus-banner-items-wrapper>* {
    flex: 0 0 calc(33.3333333333% - 40px);
  }
}
.focus-banner-items-wrapper:empty {
  display: none;
}
.focus-banner .custom-button {
  width: fit-content;
  margin: 60px auto 0;
}
@keyframes scrollAnimator {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  30% {
    opacity: 1;
  }
  60%,to {
    opacity: 0;
    transform: translateY(20px);
  }
}
.search-field-fact-finder>div {
  width: 100%;
}
.search-field-fact-finder .autocomplete-input {
  border: 2px solid #000;
  border-radius: 0;
  background-color: #fff;
  background-image: none;
  padding: 12px;
  line-height: 1;
  height: 44px;
}
.search-field-fact-finder .autocomplete-input[aria-expanded=true] {
  border-radius: 0;
}
.search-field-fact-finder .autocomplete-result {
  background-image: none;
  padding: 12px;
}
.search-field-fact-finder .autocomplete-result-list {
  border-radius: 0;
  border: 2px solid #000;
  box-shadow: 0 0 0 transparent;
  padding-bottom: 0;
}
.login-button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: normal;
  text-transform: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.menu-teaser-layer {
  display: flex;
  flex-direction: column-reverse;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
}
.menu-teaser-layer .teaser-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
}
.menu-teaser-layer .teaser-block {
  padding: 40px;
  display: flex;
}
.menu-teaser-layer .link-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 40px;
}
.menu-teaser-layer .link-wrapper p {
  display: none;
}
.menu-teaser-layer .link-wrapper .menu-layer-links {
  display: flex;
  flex-direction: column;
}
.menu-teaser-layer .link-wrapper .custom-link {
  padding: 12px 0;
}
@media screen and (min-width: 1024px) {
  .menu-teaser-layer {
    flex-direction: column;
    justify-content: space-between;
    padding: 72px 20px 60px 40px;
  }
  .menu-teaser-layer .teaser-wrapper {
    flex-direction: row;
    margin-bottom: 40px;
  }
  .menu-teaser-layer .menu-teaser {
    flex-basis: 50%;
    min-height: 260px;
  }
  .menu-teaser-layer .link-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0;
    gap: 10px;
  }
  .menu-teaser-layer .link-wrapper .menu-layer-links {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .menu-teaser-layer .link-wrapper .custom-link {
    padding-right: 40px;
    white-space: nowrap;
  }
  .menu-teaser-layer .link-wrapper p {
    display: block;
    padding-right: 20px;
  }
  .menu-teaser-layer .link-wrapper p:before {
    padding-right: 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1680px) {
  .menu-teaser-layer {
    padding-left: 60px;
  }
}
.grid-based-teaser-list {
  display: grid;
  grid-template-columns: repeat(1,1fr);
  grid-template-rows: auto;
  gap: 40px;
}
@media screen and (min-width: 1024px) {
  .grid-based-teaser-list {
    grid-template-columns: repeat(2,1fr);
  }
}
@media screen and (min-width: 1440px) {
  .grid-based-teaser-list.--max-per-row-3,.grid-based-teaser-list.--max-per-row-4 {
    grid-template-columns: repeat(3,1fr);
  }
}
@media screen and (min-width: 1680px) {
  .grid-based-teaser-list.--max-per-row-4 {
    grid-template-columns: repeat(4,1fr);
  }
}
.helpdesk-teaser {
  border: 1px solid currentColor;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}
.helpdesk-teaser-icon {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.helpdesk-teaser-kicker {
  font-feature-settings: "liga" off,"clig" off;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
}
.helpdesk-teaser-headline {
  font-feature-settings: "liga" off,"clig" off;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
}
.helpdesk-teaser-text {
  flex-grow: 1;
}
.helpdesk-teaser-text p {
  font-feature-settings: "liga" off,"clig" off;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}
.helpdesk-teaser-text p+p {
  margin-top: 20px;
}
.helpdesk-teaser-button-group {
  display: flex;
  margin-top: 2px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px 20px;
}
.helpdesk-teaser-button-group .custom-button {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .teaser-grid .helpdesk-teaser {
    flex-basis: calc(50% - 40px);
  }
}
@media screen and (min-width: 1024px) {
  .teaser-grid .helpdesk-teaser {
    flex-basis: calc(33.3333% - 40px);
  }
}
@media screen and (min-width: 1024px) {
  .helpdesk-teaser {
    padding: 40px 56px;
  }
  .helpdesk-teaser-button-group {
    flex-direction: row;
  }
}
.helpdesk-teaser .editor-helpdesk-form-slot {
  background-color: #fff;
  color: #000;
  margin: 0 -20px;
  padding: 20px;
  --background: #FFF;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #000;
  --inputDisabled: #888;
  --inputSolid: #F5F5F7;
  --onInputSolid: #000;
  --inputSolidSecondary: #FFF;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #F5F5F7;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.helpdesk-teaser-form {
  width: 1280px;
  max-width: 100%;
}
.helpdesk-teaser-form .helpdesk-overlay-header h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}
.helpdesk-teaser-form .helpdesk-overlay-header p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.helpdesk-teaser-form .helpdesk-overlay-header p:not(:empty) {
  margin-bottom: 16px;
}
.helpdesk-teaser-form .close-button {
  position: absolute;
  right: 10px;
  top: 10px;
}
.curved-path .curved-path-active {
  stroke-width: 2;
  fill: transparent;
  stroke: #e50043;
}
.curved-path .curved-path-preview {
  stroke-width: 2;
  fill: transparent;
  stroke: #ffffff80;
  opacity: 0;
  transition: opacity .57s ease;
}
.curved-path .curved-path-preview.active {
  opacity: 1;
}
.highlights {
  display: block;
}
.highlights.--dark {
  background-color: #000;
}
.highlights .highlights-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid #FFF;
  background-color: #000;
}
.highlights .highlights-image-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 62.5%;
  flex-shrink: 1;
}
.highlights .highlights-image-sizer {
  font-size: 0;
  line-height: 0;
  position: relative;
}
.highlights .highlights-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.highlights .highlights-image img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.highlights .highlights-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.highlights .highlights-list {
  position: relative;
  height: 80px;
  flex-grow: 0;
  flex-shrink: 0;
  z-index: 5;
  display: flex;
}
.highlights .lt-poi-toggle {
  position: relative;
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.highlights .lt-poi-toggle span {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 0 0 2px #0000;
  box-sizing: border-box;
  transition: box-shadow .27s ease,background-color .27s ease;
}
.highlights .lt-poi-toggle:focus {
  outline: 0 none transparent;
  box-shadow: 0 0 0 transparent;
}
.highlights .lt-poi-toggle:focus span {
  box-shadow: 0 0 0 2px #e50043;
}
.highlights .lt-poi-toggle.active span {
  background-color: #000;
  box-shadow: 0 0 0 2px #e50043;
}
.highlights .lt-poi-toggle:first-child span {
  background-color: transparent;
  border: 2px solid #FFF;
}
.highlights .highlights-pois {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 80px;
}
.highlights .highlights-poi {
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 12px;
  background-color: #000000a6;
  transform: translate(-50%,-50%);
  cursor: pointer;
  box-sizing: border-box;
}
.highlights .highlights-poi span {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  left: -1px;
  top: -1px;
  border: 2px solid #FFF;
  box-sizing: border-box;
  transform: scale(.8);
  transition: transform .34s ease .25s,border-color .34s linear .25s;
}
.highlights .highlights-poi.active span {
  transform: scale(1);
  border-color: #e50043;
  transition: transform .34s ease,border-color .34s linear;
}
.highlights .highlights-poi:hover span {
  transform: scale(1);
  transition: transform .34s ease,border-color .34s linear;
}
.highlights .highlights-teaser {
  position: relative;
}
.highlights .fade-leave-active {
  top: 0;
  position: absolute;
  width: 100%;
}
.highlights.--desktop-mode {
  display: flex;
  align-items: flex-start;
  border-bottom: 2px solid #FFF;
}
.highlights.--desktop-mode .highlights-wrapper {
  width: calc(75% + 20px);
  flex-direction: row;
  border-bottom: 0 none transparent;
}
.highlights.--desktop-mode .smooth-reflow-wrapper {
  width: calc(25% - 20px);
  align-self: center;
}
.highlights.--desktop-mode .highlights-list {
  width: 80px;
  height: auto;
  flex-direction: column;
  align-self: center;
}
.highlights.--desktop-mode .highlights-pois {
  right: 80px;
  bottom: 0;
}
.highlights.--desktop-mode .lt-poi-toggle {
  height: 30px;
}
.highlights.--desktop-mode.--large-teaser .highlights-wrapper {
  width: calc(50% + 20px);
}
.highlights.--desktop-mode.--large-teaser .smooth-reflow-wrapper {
  width: calc(50% - 20px);
}
.highlights.--desktop-mode.--large-teaser .highlights-image-wrapper {
  padding-bottom: calc(100% - 80px);
}
.highlights.--desktop-mode.--home-style {
  --surface: #000;
  --onSurface: #FFF;
}
.highlights .image-highlights-intro .button-block:empty {
  margin-top: 0;
  margin-bottom: 0;
}
.highlights:not(.--desktop-mode) .image-highlights-intro {
  padding-top: 40px;
}
[page-type=overview] .highlights {
  padding-bottom: 40px;
}
[page-type=overview] .highlights.--desktop-mode,.highlights.--stage-mode {
  border-bottom: 0 none transparent;
}
.--light .highlights.--desktop-mode,.--grey .highlights.--desktop-mode {
  padding: 20px 12px 20px 0;
  border-bottom: 0 none transparent;
}
.image-grid {
  display: flex;
  flex-wrap: wrap;
}
.image-grid .content-video,.image-grid .content-image {
  box-sizing: border-box;
  margin: 20px;
  flex-basis: calc(100% - 40px);
}
@media screen and (min-width: 640px) {
  .image-grid .content-video,.image-grid .content-image,.image-grid.--max-two .content-video,.image-grid.--max-two .content-image {
    flex-basis: calc(50% - 40px);
  }
}
@media screen and (min-width: 1024px) {
  .image-grid {
    padding-bottom: 40px;
  }
  .image-grid .content-video,.image-grid .content-image {
    flex-basis: calc(25% - 40px);
  }
  .image-grid.--max-three .content-video,.image-grid.--max-three .content-image {
    flex-basis: calc(33.333% - 40px);
  }
}
.content-block .image-grid {
  margin-left: -20px;
  margin-right: -20px;
}
.service-grid {
  display: grid;
  grid-template-columns: repeat(16,1fr);
  grid-template-rows: repeat(7,1fr);
  gap: 10px;
  aspect-ratio: 16/7;
}
@media screen and (max-width: 639px) {
  .service-grid {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}
.service-grid .grid-top-left {
  grid-column: 1/5;
  grid-row: 1/5;
}
.service-grid .grid-top-center-left {
  container-name: small;
  container-type: inline-size;
  grid-column: 5/7;
  grid-row: 1/3;
}
.service-grid .grid-top-center {
  position: relative;
  container-name: large;
  container-type: inline-size;
  grid-column: 7/13;
  grid-row: 1/3;
}
.service-grid .grid-top-right {
  container-name: medium;
  container-type: inline-size;
  grid-column: 13/17;
  grid-row: 1/3;
}
.service-grid .grid-middle-left {
  container-name: medium;
  container-type: inline-size;
  grid-column: 1/5;
  grid-row: 5/6;
}
.service-grid .grid-middle {
  grid-column: 5/13;
  grid-row: 3/6;
}
.service-grid .grid-middle-right {
  grid-column: 13/17;
  grid-row: 3/8;
}
.service-grid .grid-bottom-left {
  grid-column: 1/8;
  grid-row: 6/8;
}
.service-grid .grid-bottom-center {
  grid-column: 8/13;
  grid-row: 6/8;
}
@media screen and (max-width: 1439px) {
  .service-grid {
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(13,1fr);
    aspect-ratio: 12/13;
  }
  .service-grid .grid-bottom-left {
    grid-column: 1/9;
    grid-row: 6/9;
  }
  .service-grid .grid-bottom-center {
    grid-column: 1/5;
    grid-row: 9/11;
  }
  .service-grid .grid-top-right {
    grid-column: 5/9;
    grid-row: 9/11;
  }
  .service-grid .grid-middle-right {
    grid-column: 9/13;
    grid-row: 6/11;
  }
}
@media screen and (max-width: 1023px) {
  .service-grid {
    grid-template-columns: repeat(8,1fr);
    grid-template-rows: repeat(12 1fr);
    aspect-ratio: 8/12;
  }
  .service-grid .grid-top-left {
    grid-row: 1/3;
  }
  .service-grid .grid-top-center {
    grid-column: 5/9;
    grid-row: 1/3;
  }
  .service-grid .grid-top-center-left {
    grid-column: 5/9;
    grid-row: 3/4;
  }
  .service-grid .grid-middle-left {
    grid-row: 3/4;
  }
  .service-grid .grid-bottom-left {
    grid-row: 4/6;
  }
  .service-grid .grid-middle {
    grid-column: 1/9;
    grid-row: 6/8;
  }
  .service-grid .grid-bottom-center {
    grid-row: 8/11;
  }
  .service-grid .grid-top-right {
    grid-column: 1/5;
    grid-row: 11/13;
  }
  .service-grid .grid-middle-right {
    grid-column: 5/9;
    grid-row: 8/13;
  }
}
.intro-plus {
  display: flex;
  flex-direction: column;
}
.intro-plus h2 {
  font-size: 30px;
  line-height: 37px;
  margin-bottom: 20px;
}
.intro-plus .subText {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 40px;
  max-width: 85ch;
}
.intro-plus .page-quote {
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 48px;
  font-weight: 300;
  color: #000;
  font-style: italic;
}
.--dark .intro-plus .page-quote {
  color: #fff;
}
@media screen and (min-width: 640px) {
  .intro-plus .subText {
    margin-bottom: 20px;
    padding-right: 20px;
  }
  .intro-plus .additional-content {
    display: flex;
    justify-content: flex-start;
  }
  .intro-plus .select-action {
    width: 100%;
    max-width: 255px;
  }
}
@media screen and (min-width: 1440px) {
  .intro-plus {
    margin-bottom: 24px;
    flex-direction: row;
    justify-content: space-between;
  }
  .intro-plus h2 {
    margin-bottom: 20px;
    margin-right: 20px;
  }
  .intro-plus .select-action {
    width: 255px;
  }
  .intro-plus .additional-content {
    flex-direction: row;
    align-items: center;
  }
}
.list-filter .dropdown-container {
  vertical-align: bottom;
}
.list-filter .dropdown-label {
  display: block;
  line-height: 20px;
  font-weight: 700;
  margin: 20px 0 10px;
}
.list-filter table {
  margin-top: 30px;
  border-bottom: 2px solid black;
}
.list-filter tr:last-of-type {
  border-bottom: 2px solid black;
}
.list-filter .custom-select {
  min-width: 180px;
}
@media screen and (max-width: 639px) {
  .list-filter .custom-select {
    min-width: 200px;
  }
}
.--dark .list-filter .dropdown-label {
  color: #fff;
  font-weight: 400;
}
.order-overview {
  background-color: #fff;
  padding: 20px 0;
}
.order-overview .columns.border-left {
  border-left: 1px solid #C1C1C1;
}
.order-overview .columns.border-right {
  border-right: 1px solid #C1C1C1;
}
.order-overview .shipping-address {
  padding: 35px;
  font-size: 16px;
  line-height: 20px;
}
.order-overview .order-table-head,.order-overview .order-table-list,.order-overview .table-action-bar {
  margin-left: 20px;
}
.order-overview .table-action-bar {
  margin-bottom: 60px;
}
.order-overview .custom-link.close-link {
  font-size: 14px;
  line-height: 16px;
}
.product-gallery .text-thumb {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  background-color: #000;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  text-align: center;
  opacity: .75;
}
.product-gallery .gallery-top {
  border-bottom: 2px solid #FFF;
}
.product-gallery .swiper-slide-thumb-active .text-thumb {
  opacity: 1;
}
.product-gallery .image-gallery .swiper-slide {
  height: auto;
}
.product-gallery .image-gallery .swiper-container {
  background-color: #000;
}
.product-gallery .image-gallery .gallery-thumbs {
  margin-left: 40px;
  margin-right: 40px;
}
.product-gallery .image-gallery .gallery-thumbs .swiper-slide:first-child {
  margin-left: auto;
}
.product-gallery .image-gallery .gallery-thumbs .swiper-slide:last-child {
  margin-right: auto!important;
}
@media screen and (min-width: 1024px) {
  .product-gallery .text-thumb {
    padding: 0 20px;
  }
}
.product-gallery.--alternate-style {
  padding-bottom: 40px;
}
.article-block.--light .product-gallery .text-thumb,.article-block.--grey .product-gallery .text-thumb {
  background-color: transparent;
  color: #000;
}
.article-block.--light .product-gallery .image-gallery .swiper-slide,.article-block.--light .product-gallery .image-gallery .swiper-container,.article-block.--grey .product-gallery .image-gallery .swiper-slide,.article-block.--grey .product-gallery .image-gallery .swiper-container {
  background-color: transparent;
}
.article-block.--light .product-gallery .gallery-top,.article-block.--grey .product-gallery .gallery-top {
  border-bottom-color: #000;
}
.article-block.--light .product-gallery .thumb-active .text-thumb,.article-block.--grey .product-gallery .thumb-active .text-thumb {
  font-weight: 700;
}
.article-block.--light .product-gallery .swiper-button-thumbs,.article-block.--grey .product-gallery .swiper-button-thumbs {
  background-color: transparent;
  color: #000;
  text-shadow: none;
}
.product-slider .image-gallery .swiper-slide {
  height: auto;
}
.product-slider .image-gallery .swiper-container {
  background-color: #000;
}
.product-slider .image-gallery .gallery-thumbs {
  margin-left: 40px;
  margin-right: 40px;
  padding: 45px 0;
}
.product-slider .image-gallery .gallery-thumbs .swiper-slide {
  padding: 0 10px;
}
@media screen and (min-width: 1024px) {
  .product-slider .image-gallery .gallery-thumbs .swiper-slide {
    padding: 0 20px;
  }
  .product-slider .image-gallery .gallery-thumbs .swiper-slide:hover {
    color: var(--highlight);
  }
}
.product-slider .image-gallery .gallery-thumbs .swiper-slide:first-child {
  margin-left: auto;
}
.product-slider .image-gallery .gallery-thumbs .swiper-slide:last-child {
  margin-right: auto!important;
}
.product-slider .image-gallery .gallery-thumbs .text-thumb {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  background-color: #000;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  text-align: center;
  opacity: .75;
}
.product-slider .image-gallery .gallery-thumbs .slider-thumb-title {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 2.25rem;
  background-color: #000;
  height: 40px;
}
.product-slider .image-gallery .gallery-thumbs .slider-thumb-number {
  font-size: 2.8125rem;
  line-height: 3.25rem;
}
.product-slider .image-gallery .gallery-thumbs .slider-thumb-description {
  font-size: .9375rem;
  line-height: 1rem;
}
.product-slider .image-gallery .gallery-thumbs .slider-thumb-underline {
  margin-top: 18px;
  width: 147px;
  border-bottom: 5px solid #fff;
}
.product-slider .image-gallery .gallery-thumbs .swiper-slide-thumb-active .text-thumb {
  opacity: 1;
}
.product-slider .image-gallery .gallery-thumbs .swiper-slide-thumb-active.swiper-slide {
  color: var(--highlight);
}
.product-slider .image-gallery .gallery-thumbs .swiper-slide-thumb-active .slider-thumb-underline {
  border-bottom-color: var(--highlight);
}
.product-slider .image-gallery .swiper-button-thumbs {
  bottom: 75px;
}
.product-slider.--alternate-style {
  padding-bottom: 40px;
}
.article-block.--light .product-slider .slider-thumb-title,.article-block.--grey .product-slider .slider-thumb-title {
  background-color: transparent;
  color: #000;
}
.article-block.--light .product-slider .image-gallery .swiper-slide,.article-block.--light .product-slider .image-gallery .swiper-container,.article-block.--grey .product-slider .image-gallery .swiper-slide,.article-block.--grey .product-slider .image-gallery .swiper-container {
  background-color: transparent;
}
.article-block.--light .product-slider .gallery-top,.article-block.--grey .product-slider .gallery-top {
  border-bottom-color: #000;
}
.article-block.--light .product-slider .thumb-active .slider-thumb-title,.article-block.--grey .product-slider .thumb-active .slider-thumb-title {
  font-weight: 700;
}
.article-block.--light .product-slider .swiper-button-thumbs,.article-block.--grey .product-slider .swiper-button-thumbs {
  background-color: transparent;
  color: #000;
  text-shadow: none;
}
.availability-info {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
}
.availability-info .availability-content {
  font-weight: 700;
}
.availability-info .availability-content .in-stock {
  color: var(--success-color);
}
.availability-info .availability-content .incomming,.availability-info .availability-content .temporarily-not-available,.availability-info .availability-content .special {
  color: var(--warning-color);
}
.availability-info .availability-content .out-of-stock,.availability-info .availability-content .not-available {
  color: var(--error-color);
}
.availability-info.show-marker .status {
  position: relative;
  padding-left: 12px;
}
.availability-info.show-marker .status:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: currentColor;
}
.delivery-info {
  position: relative;
  max-width: 100%;
  font-size: 14px;
  line-height: 24px;
  min-height: 32px;
}
.delivery-info .delivery-wrapper .order span {
  color: #008e4f;
  white-space: nowrap;
  font-weight: 700;
}
.delivery-info .delivery-text-wrapper {
  background-color: #f5f5f7;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 4px;
  white-space: normal;
  box-sizing: border-box;
}
.delivery-info .delivery {
  font-weight: 700;
}
.delivery-info .delivery,.delivery-info .order {
  flex-basis: 50%;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .delivery-info .delivery-text-wrapper {
    flex-direction: row;
    align-items: center;
  }
  .delivery-info .delivery {
    padding-right: 8px;
  }
}
@media screen and (min-width: 1440px) {
  .delivery-info .delivery-text-wrapper {
    flex-direction: row;
    align-items: center;
  }
  .delivery-info .delivery {
    padding-right: 8px;
  }
}
.delivery-detail {
  position: relative;
  margin-bottom: 4px;
}
.delivery-detail .loading-cover {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  justify-content: center;
}
.delivery-detail .delivery-detail-body {
  box-sizing: border-box;
  min-height: 40px;
  background-color: #f5f5f7;
  padding: 9px 12px;
}
.delivery-detail .delivery-list b {
  display: inline-block;
  text-align: right;
  margin-right: 1px;
}
.delivery-detail .delivery-list li {
  box-sizing: border-box;
  margin: 3px 0;
  font-size: 14px;
}
.product-header {
  min-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.product-header .product-title h1 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
.product-header .product-title h1:not(:first-child) {
  margin-top: 30px;
}
.product-header .product-description {
  flex-grow: 1;
  margin-bottom: 40px;
}
.product-header .product-description p {
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
}
.product-header h2 {
  font-weight: 400;
}
.product-header .shop-link {
  color: #e50043;
  font-weight: 700;
  text-decoration: none;
}
.product-header .shop-link:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 1.5px;
}
.product-header .shop-info {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 5px;
}
.product-header .product-price {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  background-color: #f5f5f7;
  padding: 10px;
  margin-bottom: 4px;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
}
.product-header .product-price.--big {
  font-size: 20px;
}
.product-header .product-price .price-display-wrapper {
  display: flex;
  flex-direction: column;
}
.product-header .product-price .price-display-wrapper .footnote-label {
  font-size: 9px;
}
@media screen and (min-width: 640px) {
  .product-header .product-price {
    justify-content: flex-start;
  }
  .product-header .product-price .label,.product-header .product-price .price-display-wrapper {
    flex-basis: 50%;
    text-align: left;
  }
}
.product-header .delivery-block {
  display: block;
}
.product-header .delivery-check {
  margin-top: 20px;
}
.product-header .delivery-check-button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  line-height: 20px;
  font-size: 14px;
  text-decoration: none;
}
.product-header .delivery-check-info {
  display: inline-block;
  text-align: center;
  width: 20px;
  border-radius: 10px;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  background-color: var(--highlight);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.product-header .end-of-livecycle-warning {
  position: relative;
  background-color: var(--highlight);
  padding: 12px;
  margin-bottom: 4px;
}
.product-header .end-of-livecycle-warning+.ph-no-shop-item-info {
  margin-top: -4px;
}
.product-header .end-of-livecycle-warning .richtext-content {
  font-size: 14px;
  line-height: 19px;
  color: var(--onHighlight);
}
.product-header .end-of-livecycle-warning .richtext-content a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: #fff;
  text-decoration-thickness: 1px;
  text-underline-offset: 1.5px;
}
.product-header .end-of-livecycle-warning .richtext-content p {
  margin: 0;
}
.product-header .button-group {
  margin: 30px -5px -5px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
}
.product-header .button-group .btn-flex,.product-header .button-group .wishlist-link {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 5px;
  max-width: calc(50% - 20px);
  flex-basis: calc(50% - 90px);
}
.product-header .button-group .cart-link {
  max-width: calc(50% + 70px);
  margin: 5px;
  flex-grow: 1;
  flex-basis: 50%;
}
.product-header .count-label {
  display: flex;
  margin-top: 10px;
}
.product-header .count-label p {
  font-size: 12px;
  line-height: 14px;
  flex-grow: 1;
  flex-wrap: wrap;
}
.product-header .count-label p:nth-child(2n) {
  text-align: right;
}
.product-header .footnote-list {
  font-size: 12px;
  line-height: 14px;
  padding-top: 14px;
}
.product-header .ph-no-shop-item-info {
  margin-bottom: 4px;
}
.product-header .ph-no-shop-item-info>p:first-child {
  color: #fff;
  background-color: #e50043;
  font-size: 14px;
  line-height: 20px;
  padding: 12px;
}
.product-header .ph-no-shop-item-info>.custom-button {
  box-sizing: border-box;
  margin-top: 20px;
}
.product-header .ph-loading {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: 60px;
}
@media screen and (min-width: 1024px) {
  .product-header .shop-info {
    text-align: right;
  }
}
@media screen and (max-width: 1279px) {
  .product-header .button-group {
    margin-top: 15px;
  }
  .product-header .button-group .cart-link,.product-header .button-group .wishlist-link,.product-header .button-group .btn-flex {
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 10px;
  }
}
.product-header .product-info .info-item .availability-info,.product-header .product-info .info-item .lifecycle-info {
  display: block;
  background-color: #f5f5f7;
  padding: 10px;
  margin-bottom: 4px;
  box-sizing: border-box;
}
.product-header .product-info .info-item .availability-info .label,.product-header .product-info .info-item .lifecycle-info .label {
  font-weight: 700;
}
.product-header .product-info:not(.--livecycle) .info-item {
  margin-bottom: 2px;
}
.product-header .product-info:not(.--livecycle) .info-item:last-child {
  margin-bottom: 10px;
}
.product-header .product-info .value {
  font-weight: 700;
}
@media screen and (max-width: 639px) {
  .product-header .product-info {
    margin-top: 20px;
  }
  .product-header .product-info~.product-info {
    margin-top: 0;
  }
  .product-header .product-info+.product-info {
    margin-top: 10px;
  }
}
@media screen and (min-width: 640px) {
  .product-header .product-info {
    font-size: 14px;
    line-height: 16px;
  }
  .product-header .product-info .info-item .availability-content,.product-header .product-info .info-item .lifecycle-info {
    display: flex;
  }
  .product-header .product-info .info-item .availability-content>*,.product-header .product-info .info-item .lifecycle-info>* {
    flex-basis: 50%;
  }
  .product-header .end-of-livecycle-warning {
    font-weight: 700;
  }
  .product-header .end-of-livecycle-warning+.ph-no-shop-item-info>p:first-child {
    padding-top: 0;
  }
  .product-header .product-info+.end-of-livecycle-warning {
    top: -12px;
    margin-bottom: 0;
  }
  .product-header .ph-no-shop-item-info>.custom-button {
    max-width: calc(50% - 15px);
  }
}
@media screen and (min-width: 1024px) {
  .product-header .count-label {
    position: absolute;
    width: 100%;
    bottom: -25px;
    margin: 0;
  }
  .product-header .delivery-check-button .label {
    transition: box-shadow .18s linear;
    box-shadow: 0 2px #e5004300;
  }
  .product-header .delivery-check-button:hover .label {
    box-shadow: 0 2px #e50043;
  }
}
@media screen and (min-width: 1440px) {
  .product-header .button-group {
    flex-wrap: nowrap;
  }
}
.product-header>div {
  order: 6;
}
.product-header .product-title {
  order: 2;
}
.product-header .product-info:not(.--livecycle) {
  order: 1;
}
.product-header-container {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
.product-header-container .phc-image,.product-header-container .phc-header {
  position: relative;
  flex-basis: 100%;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.product-header-container .phc-image {
  margin-bottom: 19px;
}
.product-header-container .phc-header {
  padding-bottom: 10px;
  flex-direction: row;
}
@media screen and (min-width: 1024px) {
  .product-header-container {
    flex-direction: row;
  }
  .product-header-container .phc-image {
    align-self: center;
    margin-bottom: 0;
  }
  .product-header-container .phc-image>.content-image,.product-header-container .phc-image>.image-gallery.--shutdown {
    padding-bottom: 10px;
  }
  .product-header-container .phc-image,.product-header-container .phc-header {
    flex-grow: 0;
    flex-basis: 50%;
    max-width: 50%;
  }
}
.recommendations {
  position: relative;
}
.recommendations .other-users-label {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .recommendations .other-users-label {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
  }
}
.reference-overview h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
.reference-overview .reference-footer {
  margin-top: 20px;
}
.accessories .tree {
  margin-bottom: 40px;
}
.accessories .tree>.tree-root {
  padding: 0;
}
.accessories .tree .tree-content {
  flex-direction: row-reverse;
}
.accessories .tree-node {
  white-space: normal;
}
.accessories .tree-node .tree-arrow {
  display: none;
}
.accessories .tree-node .tree-arrow.has-child {
  display: block;
}
.accessories .tree-node.selected>.tree-content {
  background-color: #f5f5f7;
}
.accessories .tree-anchor {
  padding: 3px 0;
  line-height: 20px;
  font-size: 16px;
}
.accessories .acc-teaser-list {
  position: relative;
  overflow: hidden;
}
.accessories .acc-teaser-list .teaser {
  margin-bottom: 20px;
}
.accessories .acc-attr-wrapper {
  margin-top: 10px;
}
.accessories .teaser .teaser-image-wrapper {
  display: block;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  .accessories .teaser .teaser-image-wrapper {
    flex-basis: 33.333%;
  }
}
@media screen and (max-width: 1439px) {
  .accessories .teaser .teaser-buttons .custom-link {
    margin: 10px 0 20px;
  }
}
@media screen and (min-width: 1440px) {
  .accessories .teaser .teaser-buttons {
    margin-top: 20px;
  }
  .accessories .teaser .teaser-buttons .custom-link {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 640px) {
  .accessories {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1024px) {
  .accessories .tree {
    padding-right: 20px;
  }
  .accessories .acc-teaser-list {
    padding-left: 20px;
  }
  .accessories .teaser .teaser-image-wrapper {
    align-items: flex-start;
  }
}
.richtext-teaser.teaser .teaser-headline {
  margin-bottom: 20px;
}
.richtext-teaser.teaser .teaser-text {
  margin-bottom: 30px;
}
.richtext-teaser.teaser .teaser-buttons {
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 0;
}
.richtext-teaser.teaser .teaser-buttons .custom-button,.richtext-teaser.teaser .teaser-buttons .custom-link {
  text-align: center;
  align-self: center;
  white-space: nowrap;
  flex-basis: 50%;
  box-sizing: border-box;
}
.richtext-teaser.teaser .teaser-buttons .custom-link {
  padding: 16px 20px;
}
.richtext-teaser.teaser .richtext-content {
  font-size: 14px;
  line-height: 21px;
}
.richtext-teaser.teaser .richtext-content ul {
  padding-left: 0;
}
.richtext-teaser.teaser .richtext-content ul li {
  padding-left: 20px;
  list-style-type: none;
}
.richtext-teaser.teaser .richtext-content ul li:before {
  content: "";
  position: relative;
  display: inline-block;
  width: .575em;
  height: .575em;
  background-color: #e50043;
  top: -.5px;
  margin-left: -20px;
  margin-right: .575em;
}
.richtext-teaser.teaser.--horizontal-image-left .teaser-body,.richtext-teaser.teaser.--horizontal-image-right .teaser-body {
  padding: 35px;
}
.richtext-teaser.teaser.--horizontal-image-left .teaser-headline,.richtext-teaser.teaser.--horizontal-image-right .teaser-headline {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 24px;
}
.richtext-teaser.teaser.--horizontal-image-left .teaser-image>img,.richtext-teaser.teaser.--horizontal-image-right .teaser-image>img {
  object-position: top;
}
@media screen and (min-width: 1024px) {
  .richtext-teaser.teaser .teaser-buttons .custom-link {
    padding: 11px 20px;
  }
}
@media screen and (min-width: 1440px) {
  .richtext-teaser.teaser .teaser-headline {
    font-size: 20px;
    line-height: 30px;
  }
  .richtext-teaser.teaser .teaser-text {
    margin-bottom: 50px;
  }
  .richtext-teaser.teaser .richtext-content {
    font-size: 16px;
    line-height: 24px;
  }
  .richtext-teaser.teaser .richtext-content ul li {
    line-height: 24px;
    padding-left: 24px;
  }
  .richtext-teaser.teaser.--horizontal-image-left .teaser-body,.richtext-teaser.teaser.--horizontal-image-right .teaser-body {
    padding: 40px;
  }
  .richtext-teaser.teaser.--horizontal-image-left .teaser-headline,.richtext-teaser.teaser.--horizontal-image-right .teaser-headline {
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 30px;
  }
  .richtext-teaser.teaser.--horizontal-image-left .richtext-content,.richtext-teaser.teaser.--horizontal-image-right .richtext-content {
    font-size: 18px;
  }
  .richtext-teaser.teaser.--horizontal-image-left .richtext-content ul li,.richtext-teaser.teaser.--horizontal-image-right .richtext-content ul li {
    line-height: 27px;
    padding-left: 20px;
  }
}
.shipping-address-control {
  margin-bottom: 40px;
}
.shipping-address-control .custom-link {
  margin-top: 20px;
}
.shop-cart-header {
  margin-bottom: 30px;
}
.shop-cart-header .custom-link {
  margin-bottom: 10PX;
}
.shop-cart-header .import {
  margin-bottom: 10px;
}
.shop-cart-header .custom-link:before {
  margin-right: 10px;
}
.shop-cart-header .import {
  display: flex;
  flex-direction: column;
  min-width: 250px;
}
@media screen and (min-width: 640px) {
  .shop-cart-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
  .shop-cart-header .custom-link {
    margin-bottom: 0;
    margin-right: 20px;
  }
  .shop-cart-header .import {
    flex-direction: row;
    margin-bottom: 0;
  }
}
.VueHoverfade-enter-active,.VueHoverfade-leave-active {
  transition: opacity .5s;
}
.VueHoverfade-enter,.VueHoverfade-leave-to {
  opacity: 0;
}
.vh--outer[v-cloak] {
  display: none;
}
.vh--flex {
  display: flex;
}
.vh--jc {
  justify-content: center;
}
.vh--ai {
  align-items: center;
}
.vh--rel {
  position: relative;
}
.vh--abs {
  position: absolute;
}
.vh--outer {
  display: inline-block;
  line-height: 0;
  font-family: Arial,Helvetica,sans-serif;
  color: #fff;
}
.vh--holder {
  overflow: hidden;
  touch-action: manipulation;
  cursor: zoom-in;
  align-items: flex-start;
}
.vh--image {
  top: 0;
  left: 0;
  pointer-events: none;
}
.vh--message {
  background-color: #000000a6;
  padding: 8px 15px;
  border-radius: 50px;
  text-align: center;
  line-height: initial;
}
.vh--message-top {
  top: 20px;
}
.vh--message-bottom {
  bottom: 20px;
}
.vh--icon {
  transform: rotate(-45deg);
  display: block;
  font-size: 20px;
  margin-right: 5px;
  line-height: 20px;
}
.vh--close {
  line-height: 0;
  background-color: #000000a6;
  border-radius: 50px;
  font-size: 23px;
  cursor: pointer;
  height: 28px;
  width: 28px;
}
.vh--top-left {
  top: 5px;
  left: 5px;
}
.vh--top-right {
  top: 5px;
  right: 5px;
}
.vh--top-center {
  top: 5px;
  left: 50%;
  transform: translate(-50%);
}
.vh--bottom-left {
  bottom: 5px;
  left: 5px;
}
.vh--bottom-right {
  bottom: 5px;
  right: 5px;
}
.vh--bottom-center {
  bottom: 5px;
  left: 50%;
  transform: translate(-50%);
}
.vh--loading-o {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000a6;
  pointer-events: none;
}
.vh--loading {
  top: 50%;
  left: 50%;
  font-size: 60px;
  line-height: 60px;
  animation: vuehoverzoomspin 1s linear infinite;
  width: 36px;
  height: 70px;
}
.vh--none {
  opacity: 0;
}
.vh--no-click img {
  pointer-events: none;
}
@keyframes vuehoverzoomspin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.spare-parts-display .custom-button {
  display: inline-block;
}
.spare-parts-display .content-table table {
  margin-top: 40px;
}
.spare-parts-display .content-table .icon-cell {
  padding-top: 0;
  padding-bottom: 0;
}
.spare-parts-display .content-table .icon-link {
  font-size: 24px;
  position: relative;
  top: 1px;
}
.spare-parts-display .content-table .icon-link:hover {
  box-shadow: 0 0 0 0 transparent;
}
.spare-parts-display .vh--holder {
  justify-content: flex-end;
}
.spare-parts-display .vh--message {
  border-radius: 0;
}
.spare-parts-display .vh--message.vh--message-bottom {
  bottom: 0;
}
.spare-parts-display .vh--no-click img {
  width: 100%;
}
.spare-parts-display .schematic,.spare-parts-display .content-table {
  position: relative;
}
.spare-parts-display .schematic {
  margin-bottom: 20px;
}
.spare-parts-display .schematic .richtext-content {
  font-size: 16px;
  line-height: 20px;
  margin-top: 20px;
}
.spare-parts-display .spare-parts-image {
  margin-top: 38px;
}
.spare-parts-display .spare-parts-image-wrapper picture:nth-child(2) img {
  max-width: none;
}
.spare-parts-display .schematic-dl-link {
  color: #000;
}
.spare-parts-display .fullscreen-button {
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  font-size: 24px;
  padding: 4px 0;
}
@media screen and (min-width: 1024px) {
  .spare-parts-display {
    display: flex;
    gap: 40px;
    width: 100%;
  }
  .spare-parts-display .schematic,.spare-parts-display .content-table {
    flex-basis: 50%;
    min-width: 0;
  }
}
.stage-slider {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #000;
  margin-top: -58px;
}
@media screen and (min-width: 1024px) {
  .stage-slider {
    height: 100vh;
    margin-top: -190px;
  }
  .stage-slider.--no-breadcrumb {
    margin-top: -140px;
  }
}
.stage-slider:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: block;
  background: linear-gradient(180deg,#00000070,#0000 220px);
}
.stage-slider .content-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
  color: #fff;
  bottom: 0;
  z-index: 5;
}
.stage-slider .controls {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  bottom: 0;
  z-index: 10;
  left: calc(50% - 70px);
}
.stage-slider .swiper-pagination {
  position: relative;
  bottom: auto!important;
}
.stage-slider .swiper-pagination.swiper-pagination-lock {
  display: none;
}
.stage-slider .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  border: 2px solid #fff;
  margin: .5em!important;
  opacity: 1;
  cursor: pointer;
}
.stage-slider .swiper-pagination-bullet:before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 40px;
  width: 30px;
  top: -15px;
  cursor: pointer;
  margin-left: -15px;
}
.stage-slider .swiper-pagination-bullet-active {
  background: #fff3;
  border: 2px solid #fff;
}
.stage-slider .swiper-button-prev,.stage-slider .swiper-button-next {
  display: none;
}
@media screen and (min-width: 1024px) {
  .stage-slider .controls {
    display: flex;
    align-items: center;
    bottom: 80px;
    height: 40px;
    left: 50%;
    transform: translate(-50%);
  }
  .stage-slider .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .stage-slider .swiper-pagination-bullet {
    width: 30px;
    height: 100%;
    border-radius: 0;
    opacity: .6;
    border: 0;
    border: 0px none transparent;
    cursor: pointer;
    background-color: transparent;
    margin: 0 10px!important;
    transition: height .22s ease .1s;
  }
  .stage-slider .swiper-pagination-bullet:before {
    height: 2px;
    width: 30px;
    top: 50%;
    margin-top: -1px;
    background-color: #fff;
  }
  .stage-slider .swiper-pagination-bullet:focus {
    height: 2px;
  }
  .stage-slider .swiper-pagination-bullet-active {
    opacity: 1;
  }
  .stage-slider .swiper-button-prev,.stage-slider .swiper-button-next {
    display: flex;
    align-items: center;
    position: relative;
    background-image: none;
    top: auto;
    width: inherit;
    height: 100%;
    font-size: 24px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    background-size: inherit;
    background-position: center;
    background-repeat: no-repeat;
  }
  .stage-slider .swiper-button-prev.swiper-button-lock,.stage-slider .swiper-button-next.swiper-button-lock {
    display: none;
  }
  .stage-slider .swiper-button-prev:after,.stage-slider .swiper-button-next:after {
    content: "";
    display: none;
  }
  .stage-slider .ricon-arrow_left,.stage-slider .ricon-arrow_right {
    color: #ffffffe6;
  }
  .stage-slider .ricon-arrow_left {
    margin-right: 20px;
  }
  .stage-slider .ricon-arrow_right {
    margin-left: 20px;
  }
}
.stage-slider .swiper-slide .stage-video {
  transition: transform 10ms linear 1.75s;
  transform: translate(100vw);
}
.stage-slider .swiper-slide.swiper-slide-active .stage-video {
  transition: none;
  transform: translate(0);
}
.stage-slider.--small-stage {
  height: 60vh;
}
.stage-slider.--small-stage .headline {
  font-size: 24px;
  line-height: 26px;
}
.stage-slider.--small-stage .content {
  bottom: 45%;
  left: 0;
}
.stage-slider.--small-stage .content .headline {
  margin-bottom: 10px;
}
.stage-slider.--small-stage .content .text {
  margin-bottom: 15px;
}
.stage-slider.--small-stage .stage {
  max-height: 60vh;
}
@media screen and (min-width: 640px) {
  .stage-slider.--small-stage {
    height: 50vh;
  }
  .stage-slider.--small-stage .content {
    bottom: 60%;
  }
}
@media screen and (min-width: 1024px) {
  .stage-slider.--small-stage {
    height: 50vh;
  }
  .stage-slider.--small-stage .content {
    top: 130px;
  }
  .stage-slider.--small-stage .stage {
    max-height: 50vh;
  }
}
.storefront-menu {
  color: #000;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -15px;
  flex-direction: column;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.--dark .storefront-menu {
  color: #fff;
}
.storefront-menu p {
  padding: 9px 15px;
  white-space: nowrap;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.storefront-menu ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}
.storefront-menu button {
  padding: 9px 15px;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  background-color: transparent;
  color: #e50043;
  cursor: pointer;
  text-decoration: none;
  text-align: left;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
@media screen and (min-width: 640px) {
  .storefront-menu,.storefront-menu ul {
    flex-direction: row;
  }
}
@media screen and (min-width: 1024px) {
  .storefront-menu {
    flex-wrap: nowrap;
    justify-content: center;
  }
  .storefront-menu.-text-small {
    font-size: 16px;
  }
  .storefront-menu.-text-regular {
    font-weight: 400;
  }
  .storefront-menu.-less-spacing p,.storefront-menu.-less-spacing button {
    padding: 9px 10px;
  }
}
.tab-slider {
  color: #000;
  background-color: #f5f5f7;
}
.--light .tab-slider {
  background-color: #fff;
}
.--dark .tab-slider {
  color: #fff;
  background-color: #000;
}
.tab-slider .text-thumb {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: inherit;
  background-color: inherit;
  height: 40px;
  padding: 0;
  margin: 0 10px;
  line-height: 40px;
  text-align: center;
  opacity: .75;
  transition: box-shadow .32s ease-in-out;
}
.tab-slider .text-thumb:hover {
  box-shadow: 0 2px #000;
}
.--dark .tab-slider .text-thumb:hover {
  box-shadow: 0 2px #fff;
}
.tab-slider .swiper-slide-thumb-active .text-thumb {
  opacity: 1;
  color: #e50043;
  border-bottom: 2px solid #E50043;
}
.tab-slider .image-gallery .image-gallery-wrapper {
  display: flex;
  flex-direction: column;
}
.tab-slider .image-gallery .swiper-slide {
  height: auto;
  background-color: transparent;
}
.tab-slider .image-gallery .swiper-container {
  background-color: inherit;
}
.tab-slider .image-gallery .gallery-top {
  width: 100%;
  order: 2;
}
.tab-slider .image-gallery .gallery-thumbs {
  order: 1;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 20px;
}
.tab-slider .image-gallery .gallery-thumbs .swiper-slide:first-child {
  margin-left: auto;
}
.tab-slider .image-gallery .gallery-thumbs .swiper-slide:last-child {
  margin-right: auto!important;
}
.tab-slider .image-gallery .swiper-button-prev,.tab-slider .image-gallery .swiper-button-next {
  color: inherit;
  text-shadow: none;
}
.tab-slider .image-gallery .swiper-button-prev.swiper-button-thumbs,.tab-slider .image-gallery .swiper-button-next.swiper-button-thumbs {
  top: 30px;
  background-color: inherit;
}
@media screen and (min-width: 1024px) {
  .tab-slider .text-thumb {
    margin: 0 20px;
  }
}
.content-block .tab-slider:not(:last-child) {
  margin-bottom: 40px;
}
.text-image-banner {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  align-self: flex-start;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .text-image-banner {
    display: flex;
    flex-direction: row;
    gap: 50px;
  }
}
@media screen and (min-width: 1440px) {
  .text-image-banner {
    gap: 100px;
  }
}
.text-image-banner-content {
  position: relative;
  padding: 40px 0;
}
@media screen and (min-width: 1024px) {
  .text-image-banner-content {
    display: flex;
    flex: 0 0 50%;
    width: 50%;
    padding: 60px 0;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 640px) {
  .text-image-banner-content.no-image {
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .text-image-banner-content.no-image {
    width: 50%;
  }
}
.text-image-banner-content.gradient-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  opacity: .25;
  background: linear-gradient(to right,var(--highlight, #E50043) 0%,var(--background, #000) 70%);
}
@media screen and (max-width: 1023px) {
  .text-image-banner-content.gradient-wrapper:before {
    margin: 0 -20px;
  }
}
@media screen and (min-width: 1024px) {
  .text-image-banner-content.gradient-wrapper:before {
    right: -50px;
    margin-left: -70px;
  }
}
@media screen and (min-width: 1440px) {
  .text-image-banner-content.gradient-wrapper:before {
    right: -100px;
    margin-left: calc(-.5*(100vw - 1200px));
  }
}
@media screen and (min-width: 1024px) {
  .text-image-banner-content.image-left:before {
    left: -50px;
    margin-right: -70px;
    background: linear-gradient(to left,var(--highlight, #E50043) 0%,var(--background, #000) 70%);
  }
}
@media screen and (min-width: 1440px) {
  .text-image-banner-content.image-left:before {
    left: -100px;
    margin-right: calc(-.5*(100vw - 1200px));
    margin-left: unset;
  }
}
.text-image-banner-title {
  margin-bottom: 18px;
  font-size: 2.25rem;
  line-height: 2.625rem;
  position: relative;
}
.text-image-banner-title span {
  display: block;
}
.text-image-banner-title span.highlight {
  color: var(--highlight, #E50043);
}
.text-image-banner-text {
  position: relative;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.text-image-banner .badge-shop {
  position: relative;
  margin-bottom: 10px;
}
.text-image-banner .button-group {
  position: relative;
  margin-bottom: 0;
}
.text-image-banner .button-group:not(:empty) {
  margin-top: 55px;
}
.text-image-banner .button-group .custom-button.--secondary-option {
  background-color: var(--buttonSecondary);
  color: var(--onButtonSecondary);
}
.text-image-banner-image {
  aspect-ratio: 16/10;
  box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  .text-image-banner-image {
    margin: 0 -20px;
  }
}
@media screen and (min-width: 1024px) {
  .text-image-banner-image {
    margin-right: -20px;
  }
}
@media screen and (min-width: 1440px) {
  .text-image-banner-image {
    margin-right: calc(-1 * (100vw - 1400px - var(--scrollbar-width, 0px)) / 2);
    width: 100%;
  }
}
.text-image-banner-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .text-image-banner.image-left {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .text-image-banner.image-left .text-image-banner-image {
    margin-left: -20px;
  }
}
@media screen and (min-width: 1440px) {
  .text-image-banner.image-left .text-image-banner-image {
    margin-left: calc(-1 * (100vw - 1400px - var(--scrollbar-width, 0px)) / 2);
    margin-right: unset;
    width: 100%;
  }
}
.upload-form {
  position: relative;
}
.upload-form p {
  font-size: 14px;
  padding-bottom: 3px;
}
.upload-form fieldset {
  margin-bottom: 0;
}
.upload-form .delete-input {
  cursor: pointer;
  margin-top: 20px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.upload-form .delete-input:before {
  font-size: 23px;
  position: relative;
  top: -4px;
}
.upload-form .head-wrapper {
  display: flex;
  justify-content: space-between;
}
.upload-form .head-wrapper .custom-checkbox {
  flex-direction: row;
  align-items: center;
}
.upload-form .head-wrapper .custom-checkbox span {
  color: #fff;
}
.upload-form .icon-button-wrapper:after {
  margin-top: 5px;
  color: #fff;
  font-size: 20px;
}
.upload-form .radio-container {
  display: flex;
  justify-content: space-between;
  max-width: 100px;
}
.upload-form .upload-wrapper,.upload-form .config-wrapper,.upload-form .upload-wrapper input,.upload-form .config-wrapper input {
  margin-bottom: 0;
}
.upload-form .rb-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.upload-form .radio-container .custom-radio {
  margin-right: 50px;
}
.upload-form .rb-text {
  margin-right: 40px;
  margin-bottom: 3px;
}
.upload-form .ricon-file_upload {
  font-size: 30px;
}
.upload-form .upload-wrapper {
  background-color: #595959;
  padding: 25px 20px 40px;
}
.upload-form .config-wrapper {
  background-color: #595959;
  padding: 25px 20px 20px;
  color: #fff;
  margin-top: -40px;
}
.upload-form .config-wrapper .custom-radio {
  margin-bottom: 0;
}
.upload-form .config-wrapper .custom-radio .radio-box {
  top: 0;
}
.upload-form .upload-control {
  margin-top: 20px;
}
.upload-form .upload-control .custom-button {
  flex-basis: 25%;
  height: auto;
  margin-bottom: 0;
}
.upload-form .upload-control p {
  line-height: 20px;
  flex-grow: 1;
  padding: 10px 20px;
}
.upload-form .head {
  font-size: 26px;
  line-height: 30px;
  margin-bottom: 25px;
  color: #fff;
  font-weight: 700;
}
.upload-form .drop-area {
  background-color: #212121;
  border: 3px dashed #FFF;
  border-radius: 11px;
  color: #fff;
  padding: 80px;
  text-align: center;
}
.upload-form .drop-area p {
  text-align: center;
}
.upload-form .input-wrapper {
  position: relative;
  top: -16px;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 660px;
}
.upload-form .input-wrapper input,.upload-form .input-wrapper label {
  display: block;
  line-height: 30px;
  flex-basis: 50%;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
}
.upload-form .input-wrapper label {
  text-align: center;
  color: #fff;
  background-color: #e50043;
}
.upload-form .input-wrapper .custom-button {
  padding: 7px 20px;
  height: auto;
  margin-top: -4px;
}
.upload-form .column-assignment {
  margin-top: 32px;
}
.upload-form .column-assignment p {
  margin-bottom: 10px;
}
.upload-form .column-assignment .column-button {
  cursor: pointer;
  background-color: #fff;
  color: #000;
  border: 2px solid #E50043;
  padding: 7px 8px 6px;
  margin-right: 10px;
  font-weight: 700;
}
.upload-form .column-assignment .column-button.--active {
  cursor: initial;
  background-color: #e50043;
  color: #fff;
}
.upload-form input[type=file] {
  background-color: #fff;
  padding: 0 12px;
}
.upload-form input[type=file]::file-selector-button {
  display: none;
}
.upload-form .data-table {
  max-width: calc(100vw - 40px);
  overflow: auto;
}
.upload-form .data-table table {
  box-sizing: border-box;
  border-spacing: 6px;
  border-collapse: initial;
  margin: 40px -6px 0;
}
.upload-form .data-table td {
  padding: 4px 6px;
  color: #000;
  background-color: #fff;
  text-align: right;
}
.upload-form .data-table td:empty {
  background-color: transparent;
}
@media screen and (min-width: 640px) {
  .upload-form .first-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-right: 20px;
  }
}
@media screen and (max-width: 639px) {
  .upload-form {
    margin: 0 -20px;
  }
  .upload-form .upload-control {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1024px) {
  .upload-form .input-wrapper {
    display: flex;
    justify-content: center;
  }
  .upload-form .upload-control {
    display: flex;
    justify-content: space-between;
  }
  .upload-form .data-table th,.upload-form .data-table td {
    min-width: 100px;
  }
}
.variant-downloads .eplan-part-link ul.epl-list {
  margin-top: 0;
}
.variant-downloads .eplan-part-link a {
  display: flex;
  height: 48px;
  width: 48px;
  text-decoration: none;
  justify-content: flex-start;
  align-items: center;
}
.tooltip-wrapper-content {
  z-index: 99;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 4px 4px 25px #0003;
  max-width: max(320px,var(--radix-tooltip-trigger-width));
  max-height: var(--radix-tooltip-content-available-height);
  background-color: var(--background);
  color: var(--onBackground);
  font-size: 1rem;
  line-height: 1.35;
  animation-duration: .24s;
  animation-timing-function: ease-out;
}
.tooltip-wrapper-content[data-side=top] {
  animation-name: tooltipSlideDown;
}
.tooltip-wrapper-content[data-side=bottom] {
  animation-name: tooltipSlideUp;
}
.tooltip-wrapper-content[data-side=left] {
  animation-name: tooltipSlideInLeft;
}
.tooltip-wrapper-content[data-side=right] {
  animation-name: tooltipSlideInRight;
}
@keyframes tooltipSlideDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tooltipSlideUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tooltipSlideInRight {
  0% {
    opacity: 0;
    transform: translate(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tooltipSlideInLeft {
  0% {
    opacity: 0;
    transform: translate(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.lifecycle-tag {
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  border-radius: 4px;
  display: inline-block;
  color: var(--error-color);
  background-color: color-mix(in srgb,var(--error-color) 10%,#FFF 90%);
  border: 0 none transparent;
  text-transform: capitalize;
}
.lifecycle-tag.lifecycle-new,.lifecycle-tag.lifecycle-active {
  background-color: color-mix(in srgb,#518959 10%,#FFF 90%);
  color: #518959;
}
.variant-teaser {
  position: relative;
}
.variant-teaser .teaser-title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  min-height: 48px;
  margin-bottom: 6px;
}
.variant-teaser .teaser-title .title-link {
  display: block;
}
.variant-teaser .teaser-title .title-link:hover {
  box-shadow: unset;
}
.variant-teaser .teaser-title .title-link:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.variant-teaser button,.variant-teaser a:not(.title-link) {
  position: relative;
  z-index: 5;
}
.variant-teaser .teaser-headline {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: var(--onBackground);
  margin-bottom: 16px;
}
.variant-teaser .teaser-headline span:hover {
  text-decoration: underline;
}
.variant-teaser .teaser-text {
  font-size: 14px;
  line-height: 18px;
  flex-grow: 0;
}
.variant-teaser .teaser-text:not(:empty) {
  margin-bottom: 16px;
}
.variant-teaser .teaser-text.richtext-content p {
  margin-bottom: 0;
}
.variant-teaser .teaser-text.richtext-content ol,.variant-teaser .teaser-text.richtext-content ul,.variant-teaser .teaser-text.richtext-content li {
  margin: 0;
}
.variant-teaser .more-link {
  display: inline-block;
  text-decoration: underline;
}
.variant-teaser .spacer {
  flex-grow: 1;
}
.variant-teaser .button-wrapper:not(:empty) {
  display: grid;
  grid-template-columns: repeat(1,1fr);
  grid-template-rows: repeat(1,1fr);
  gap: 6px;
  margin-top: 6px;
}
.variant-teaser .button-wrapper .custom-button,.variant-teaser .teaser-buttons .custom-button {
  padding: 11px 10px;
}
.variant-teaser .lifecycle-info {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
}
.variant-teaser .lifecycle-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  aspect-ratio: 16/10;
}
.variant-teaser .lifecycle-tag {
  position: absolute;
  left: 20px;
  bottom: 0;
}
.variant-teaser .custom-link {
  text-decoration: underline;
}
.variant-teaser .product-toolbar {
  position: relative;
  z-index: 5;
}
.variant-teaser .cart-link {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.variant-teaser .cart-link .custom-button {
  width: 100%;
  margin-left: 0;
  margin-top: 16px;
}
.variant-teaser .teaser-buttons {
  gap: 0;
  margin-top: 0;
}
.variant-teaser .teaser-buttons-extra-group {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  top: 18px;
  align-self: flex-end;
  width: calc(100% - 80px);
  height: 0;
}
.variant-teaser .teaser-buttons-extra-group .availability-info {
  width: auto;
}
.variant-teaser .price-login-info,.variant-teaser .price-display {
  position: relative;
  white-space: nowrap;
}
.variant-teaser .price-login-info+.cart-link,.variant-teaser .price-display+.cart-link {
  margin-top: 0;
}
.variant-teaser .price-display .display {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.variant-teaser .loading-placeholder {
  position: relative;
  height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.variant-teaser.--horizontal-image-left .teaser-buttons {
  flex-direction: column;
}
.white-teaser-banner {
  position: relative;
  padding: 40px 0;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .white-teaser-banner {
    padding: 80px 0;
  }
}
@media screen and (min-width: 1440px) {
  .white-teaser-banner {
    padding: 120px 0;
  }
}
.white-teaser-banner-headline {
  font-size: 2.25rem;
  line-height: 2.625rem;
}
.white-teaser-banner-headline span {
  display: block;
}
.white-teaser-banner-headline span.highlight {
  color: var(--highlight, #E50043);
}
@media screen and (min-width: 1024px) {
  .white-teaser-banner-headline {
    font-size: 2.8125rem;
    line-height: 3.25rem;
  }
}
.white-teaser-banner-intro-text {
  max-width: 80ch;
  margin: 30px auto 0;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.white-teaser-banner .image-teaser-wrapper,.white-teaser-banner .icon-teaser-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  margin-top: 60px;
}
@media screen and (min-width: 640px) {
  .white-teaser-banner .image-teaser-wrapper,.white-teaser-banner .icon-teaser-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 70px 40px;
    margin: 0 -20px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1024px) {
  .white-teaser-banner .image-teaser-wrapper,.white-teaser-banner .icon-teaser-wrapper {
    margin-top: 130px;
  }
}
@media screen and (min-width: 640px) {
  .white-teaser-banner .image-teaser-wrapper>* {
    flex: 0 0 calc(50% - 40px);
  }
}
@media screen and (min-width: 1024px) {
  .white-teaser-banner .image-teaser-wrapper>* {
    flex: 0 0 calc(25% - 40px);
  }
}
@media screen and (min-width: 640px) {
  .white-teaser-banner .icon-teaser-wrapper>* {
    flex: 0 0 calc(33.3333333333% - 40px);
  }
}
@media screen and (min-width: 1024px) {
  .white-teaser-banner .icon-teaser-wrapper>* {
    flex: 0 0 calc(25% - 40px);
  }
}
@media screen and (min-width: 1440px) {
  .white-teaser-banner .icon-teaser-wrapper {
    margin-left: calc(-.5*(min(100vw,1920px) - 1440px));
    margin-right: calc(-.5*(min(100vw,1920px) - 1440px));
  }
  .white-teaser-banner .icon-teaser-wrapper>* {
    flex: 0 0 calc(16.6666666667% - 40px);
  }
}
.table-text-limiter {
  position: relative;
  max-width: calc(100vw - 40px);
}
.table-text-limiter.--active>* {
  white-space: normal;
}
@media screen and (min-width: 1024px) {
  .table-text-limiter.--active {
    overflow: visible;
    min-width: 250px;
  }
  .table-text-limiter.--active>* {
    white-space: normal;
  }
}
.fact-finder-variant-table table a {
  color: inherit;
}
.fact-finder-variant-table .scroll-indicator {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: calc(var(--scrollbar-width, 0) - 2px);
  pointer-events: none;
  z-index: 5;
  transition: left .2s ease;
  box-shadow: 10px 0 10px -10px #0000 inset,-10px 0 10px -10px #0000 inset;
}
.fact-finder-variant-table .scroll-indicator.-left-scroll-index {
  box-shadow: 10px 0 10px -10px #00000080 inset,-10px 0 10px -10px #0000 inset;
}
@media screen and (max-width: 1023px) {
  .fact-finder-variant-table .scroll-indicator.-right-scroll-index {
    box-shadow: 10px 0 10px -10px #0000 inset,-10px 0 10px -10px #00000080 inset;
  }
  .fact-finder-variant-table .scroll-indicator.-left-scroll-index.-right-scroll-index {
    box-shadow: 10px 0 10px -10px #00000080 inset,-10px 0 10px -10px #00000080 inset;
  }
}
.fact-finder-variant-table .scroll-indicator:before,.fact-finder-variant-table .scroll-indicator:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: linear-gradient(to bottom,var(--background) 0%,color-mix(in srgb,var(--background) 0%,transparent 100%) 100%);
}
.fact-finder-variant-table .scroll-indicator:after {
  top: auto;
  bottom: 0;
  background: linear-gradient(to top,var(--background) 0%,color-mix(in srgb,var(--background) 0%,transparent 100%) 100%);
}
.fact-finder-variant-table .mandatory-icon,.fact-finder-variant-table .ricon-cart,.fact-finder-variant-table .ricon-wishlist {
  position: relative;
}
.fact-finder-variant-table .mandatory-icon:before,.fact-finder-variant-table .ricon-cart:before,.fact-finder-variant-table .ricon-wishlist:before {
  position: relative;
  font-size: 24px;
  top: 6px;
}
.fact-finder-variant-table table {
  min-width: 800px;
  border-left: 0px none transparent;
  border-right: 0px none transparent;
}
.fact-finder-variant-table table.-fixed-layout {
  table-layout: fixed;
}
.fact-finder-variant-table thead {
  border-top: 0px none transparent;
}
.fact-finder-variant-table thead:has(.unit) th {
  padding-bottom: 8px;
}
.fact-finder-variant-table th {
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: top;
}
.fact-finder-variant-table th:not(:first-child) {
  border-left: 0px none transparent;
}
.fact-finder-variant-table th.large {
  width: 80%;
}
.fact-finder-variant-table th .price-label {
  position: relative;
  width: 80px;
  display: block;
  padding-left: 0;
}
.fact-finder-variant-table th span {
  padding-left: 0;
}
.fact-finder-variant-table th .unit {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  opacity: .6;
}
.fact-finder-variant-table th .devider {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 1.5px;
  height: 18px;
  background-color: var(--onBackground);
  transform: rotate(15deg);
  opacity: .6;
  margin-top: -5px;
  margin-left: 14px;
  margin-right: 11px;
}
.fact-finder-variant-table td {
  vertical-align: middle;
  line-height: 21px;
  white-space: nowrap;
}
.fact-finder-variant-table td.icon-cell {
  padding: 0 10px;
  text-align: center;
}
.fact-finder-variant-table td .unit {
  font-size: 14px;
  opacity: .3;
}
.fact-finder-variant-table td:first-child,.fact-finder-variant-table th:first-child {
  padding-left: 0;
}
.fact-finder-variant-table .toolbar-cell {
  padding-right: 0;
}
.fact-finder-variant-table .toolbar-wrapper {
  display: flex;
  gap: 16px;
  align-items: center;
}
.fact-finder-variant-table .toolbar-wrapper .price-wrapper {
  display: flex;
  flex-direction: column;
  line-height: inherit;
}
.fact-finder-variant-table .toolbar-wrapper .no-delivery-info {
  flex-grow: 1;
}
.fact-finder-variant-table .footnote-link {
  color: inherit;
  font-weight: 400;
  box-shadow: 0 0 0 0 transparent;
}
.fact-finder-variant-table .footnote-link:hover {
  box-shadow: 0 0 0 0 transparent;
}
.fact-finder-variant-table .cart-link .custom-button,.fact-finder-variant-table .wishlist-link {
  background-color: transparent;
  padding: 0;
  width: auto;
  height: 36px;
  margin-left: 0;
  color: inherit;
}
.fact-finder-variant-table .wishlist-link .ricon-wishlist:before {
  top: 0;
}
.fact-finder-variant-table .wishlist-link:hover {
  background-color: transparent;
}
.fact-finder-variant-table .cart-link {
  display: flex;
  align-items: center;
  width: auto;
}
.fact-finder-variant-table .cart-link .custom-button {
  margin-top: 0;
  margin-left: 8px;
}
.fact-finder-variant-table .cart-link .ricon-cart:before {
  top: 1px;
}
.fact-finder-variant-table .rics-link {
  color: var(--onBackground);
}
.fact-finder-variant-table .rics-link:before {
  position: relative;
  top: 1px;
  font-size: 24px;
}
.fact-finder-variant-table .rics-link:hover {
  box-shadow: none;
}
.fact-finder-variant-table .price-display {
  display: block;
  white-space: nowrap;
  min-width: 80px;
}
.fact-finder-variant-table .price-login-info {
  text-align: left;
  font-size: 14px;
  line-height: 21px;
  white-space: nowrap;
  font-weight: 400;
}
.fact-finder-variant-table .availability-info {
  --success-color: #518959;
  line-height: 21px;
}
.fact-finder-variant-table .availability-info .availability-content {
  font-weight: 400;
}
.fact-finder-variant-table .sort-button {
  display: inline-flex;
  font: inherit;
  color: #000;
  font-size: 16px;
  align-items: center;
  height: auto;
  text-decoration: none;
  text-align: center;
  transition: background-color .3s,color .3s;
  color: inherit;
  background: transparent;
  border: 0 none transparent;
  cursor: pointer;
  margin: -7px;
  padding: 7px;
  -webkit-appearance: none;
  appearance: none;
}
.fact-finder-variant-table .sort-button .expand-icon {
  display: flex;
  flex-direction: column;
  height: 16px;
  font-weight: 400;
  overflow: visible;
  position: relative;
  top: -4px;
  margin-left: 8px;
}
.fact-finder-variant-table .sort-button .expand-icon:before,.fact-finder-variant-table .sort-button .expand-icon:after {
  font-size: 12px;
  position: relative;
  display: inline-block;
}
.fact-finder-variant-table .sort-button .expand-icon:before {
  margin-bottom: 0;
}
.fact-finder-variant-table .sort-button.--asc .expand-icon:after {
  color: #e50043;
}
.fact-finder-variant-table .sort-button.--desc .expand-icon:before {
  color: #e50043;
}
.fact-finder-variant-table .title-link {
  display: block;
  color: inherit;
  text-decoration: none;
  min-width: 240px;
}
.fact-finder-variant-table .title-link .title-label {
  font-size: 16px;
  font-weight: 700;
  white-space: wrap;
}
.fact-finder-variant-table .title-link .article-number-label {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .fact-finder-variant-table .title-link {
    display: block;
    color: inherit;
    text-decoration: none;
  }
  .fact-finder-variant-table .title-link .title-label {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .fact-finder-variant-table .title-link:focus,.fact-finder-variant-table .title-link:hover {
    box-shadow: none;
    text-decoration: none;
  }
  .fact-finder-variant-table .title-link:focus .title-label,.fact-finder-variant-table .title-link:hover .title-label {
    color: var(--highlight);
  }
  .fact-finder-variant-table th,.fact-finder-variant-table td {
    position: relative;
  }
  .fact-finder-variant-table .toolbar-cell {
    position: sticky;
    right: 0;
    background-color: var(--background);
    z-index: 2;
    padding-right: 1px;
    margin-right: -1px;
  }
  .fact-finder-variant-table:has(.-right-scroll-index) .toolbar-cell:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -60px;
    width: 60px;
    background: linear-gradient(to right,color-mix(in srgb,var(--background) 0%,transparent 100%) 0%,var(--background) 100%);
    z-index: 5;
  }
}
.fact-finder-variant-table .loader {
  width: 259px;
  height: 16px;
  background: linear-gradient(90deg,#0001 33%,#0005 50%,#0001 66%) #f2f2f2;
  background-size: 300% 100%;
  animation: l1 1s infinite linear;
}
@keyframes l1 {
  0% {
    background-position: right;
  }
}
.offscreen-sidebar {
  display: flex;
  flex-direction: column;
}
.offscreen-sidebar .os-wrapper {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .offscreen-sidebar .os-on,.offscreen-sidebar .os-off {
    width: 100%;
    box-sizing: border-box;
  }
  .offscreen-sidebar .os-off {
    max-width: 375px;
  }
  .offscreen-sidebar .os-off-wrapper {
    height: 100vh;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--background);
    padding: 70px 0 80px;
  }
  .offscreen-sidebar .os-off-header {
    position: sticky;
    top: 0;
    left: 0;
    height: 52px;
    width: 100%;
    background-color: var(--background);
    padding: 5px 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 99;
  }
  .offscreen-sidebar .os-off-header:has(h2) {
    justify-content: space-between;
  }
  .offscreen-sidebar .os-off-header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
  }
  .offscreen-sidebar .os-off-header .icon-button {
    right: -11px;
  }
  .offscreen-sidebar .os-off-header .icon-button .icon-button-wrapper:after {
    font-size: 24px;
  }
  .offscreen-sidebar .filter-block {
    padding: 20px;
    text-align: start;
  }
  .offscreen-sidebar .filter-block .fact-finder-filter {
    padding-top: 0;
  }
  .offscreen-sidebar .filter-block .collapsable .collapsable-label {
    font-size: 18px;
  }
  .offscreen-sidebar .filter-footer {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .offscreen-sidebar .os-toggle .custom-button {
    position: relative;
    padding-right: 40px;
    padding-left: 40px;
  }
  .offscreen-sidebar .os-toggle .custom-button:after {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
  }
}
@media screen and (max-width: 639px) {
  .offscreen-sidebar .os-off-wrapper {
    padding: 0 0 20px;
  }
}
@media screen and (min-width: 1024px) {
  .offscreen-sidebar .os-toggle {
    display: none;
  }
  .offscreen-sidebar .os-wrapper {
    display: flex;
    width: 100%;
  }
  .offscreen-sidebar .os-off,.offscreen-sidebar .os-on {
    flex-grow: 1;
  }
  .offscreen-sidebar .os-off {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offscreen-sidebar .os-off-header {
    display: none;
  }
  .offscreen-sidebar .os-on {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offscreen-sidebar.--fit-to-grid {
    margin-left: -20px;
    margin-right: -20px;
  }
  .offscreen-sidebar.--fit-to-grid .os-off,.offscreen-sidebar.--fit-to-grid .os-on {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }
  .offscreen-sidebar.--small-sidebar .os-off {
    max-width: 260px;
  }
  .offscreen-sidebar.--small-sidebar .os-on {
    max-width: calc(100% - 260px);
  }
}
@media screen and (min-width: 1440px) {
  .offscreen-sidebar .os-off {
    flex-basis: 25%;
    max-width: 25%;
  }
  .offscreen-sidebar .os-on {
    flex-basis: 75%;
    max-width: 75%;
  }
}
.offscreen-sidebar .sidebar-transition-enter-active,.offscreen-sidebar .sidebar-transition-leave-active {
  transition: transform .3s ease;
}
.offscreen-sidebar .sidebar-transition-enter-from,.offscreen-sidebar .sidebar-transition-leave-to {
  transform: translate(100%);
}
@media screen and (min-width: 640px) {
  .swal2-container .swal2-modal.swal-flyout.offscreen-sidebar {
    width: 375px;
    max-width: 100vw;
    margin-left: auto;
  }
}
.swal2-container:has(.offscreen-sidebar) {
  z-index: 100;
}
.vue-slider-disabled .vue-slider-rail {
  background-color: #ccc;
}
.vue-slider-disabled .vue-slider-dot-handle,.vue-slider-disabled .vue-slider-process,.vue-slider-disabled .vue-slider-mark-step {
  background-color: #666;
}
.vue-slider-disabled .vue-slider-mark-step-active {
  background-color: #ccc;
}
.vue-slider-rail {
  background-color: #bda1f3;
  border-radius: 15px;
}
.vue-slider-process {
  background-color: #6200ee;
  border-radius: 15px;
}
.vue-slider-mark {
  z-index: 4;
}
.vue-slider-mark-step {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #6200ee;
}
.vue-slider-mark-step-active {
  background-color: #bda1f3;
}
.vue-slider-mark-label {
  font-size: 14px;
  white-space: nowrap;
}
.vue-slider-dot-handle {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #6200ee;
  box-sizing: border-box;
}
.vue-slider-dot-handle:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200%;
  height: 200%;
  background-color: #6200ee61;
  border-radius: 50%;
  transform: translate(-50%,-50%) scale(0);
  z-index: -1;
  transition: transform .2s;
}
.vue-slider-dot-handle-focus:after {
  transform: translate(-50%,-50%) scale(1);
}
.vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  background-color: #666!important;
}
.vue-slider-dot-tooltip {
  visibility: visible;
}
.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner {
  opacity: 1;
}
.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner-top {
  transform: rotate(-45deg);
}
.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner-bottom {
  transform: rotate(135deg);
}
.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner-left {
  transform: rotate(-135deg);
}
.vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner-right {
  transform: rotate(45deg);
}
.vue-slider-dot-tooltip-inner {
  border-radius: 50% 50% 50% 0;
  background-color: #6200ee;
  opacity: 0;
  transition: transform .4s cubic-bezier(.25,.8,.25,1),opacity .2s linear;
}
.vue-slider-dot-tooltip-inner-top {
  transform: translateY(50%) scale(.01) rotate(-45deg);
}
.vue-slider-dot-tooltip-inner-bottom {
  transform: translateY(-50%) scale(.01) rotate(135deg);
}
.vue-slider-dot-tooltip-inner-left {
  transform: translate(50%) scale(.01) rotate(-135deg);
}
.vue-slider-dot-tooltip-inner-right {
  transform: translate(-50%) scale(.01) rotate(45deg);
}
.vue-slider-dot-tooltip-text {
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  color: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
}
.vue-slider-dot-tooltip-inner-top .vue-slider-dot-tooltip-text {
  transform: rotate(45deg);
}
.vue-slider-dot-tooltip-inner-bottom .vue-slider-dot-tooltip-text {
  transform: rotate(-135deg);
}
.vue-slider-dot-tooltip-inner-left .vue-slider-dot-tooltip-text {
  transform: rotate(135deg);
}
.vue-slider-dot-tooltip-inner-right .vue-slider-dot-tooltip-text {
  transform: rotate(-45deg);
}
.custom-input-range .labels {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 12px;
}
.custom-input-range .labels span.divider {
  margin: 0 15px;
}
.custom-input-range .labels label {
  min-width: 1px;
  display: flex;
  border: 1px solid var(--inputBorder);
  background-color: var(--input);
  color: var(--onInput);
  padding: 3px 6px 2px;
}
.custom-input-range .labels label:focus-within {
  outline: 1px solid var(--inputBorder);
}
.custom-input-range .labels input {
  min-width: 1px;
  display: inline;
  flex: 1;
  border: 0 none transparent;
  background-color: transparent;
}
.custom-input-range .labels input:focus {
  outline: 0 none transparent;
}
.custom-input-range .cir-slider-wrapper {
  position: relative;
  min-height: 18px;
}
.custom-input-range .vue-slider {
  margin: 0 8px;
}
.custom-input-range .vue-slider-disabled .vue-slider-process {
  background-color: var(--inputDisabled)!important;
}
.custom-input-range .vue-slider-rail:before {
  content: "";
  display: block;
  position: absolute;
  left: -8px;
  right: -8px;
  height: 4px;
  background-color: #a0a0a0;
}
.custom-input-range .vue-slider-dot {
  width: 16px!important;
  height: 16px!important;
}
.custom-input-range .vue-slider-dot-handle {
  border-radius: 0;
}
.custom-input-range .vue-slider-dot-handle:after {
  background-color: rgba(var(--highlight),.35);
  border-radius: 0;
  width: 150%;
  height: 150%;
}
.custom-input-range .custom-button {
  margin-top: 18px;
  display: inline-flex;
  width: auto;
  float: right;
}
.custom-input-range:after {
  content: "";
  clear: both;
  display: table;
}
.transition-group-height .enter-active,.transition-group-height .leave-active {
  overflow: hidden;
  transition: height .32s linear;
}
.fact-finder-filter {
  padding-top: 16px;
  padding-bottom: 60px;
  color: var(--onBackground);
}
.fact-finder-filter>ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fact-finder-filter .filter-item:has(.filter-label) {
  padding-bottom: 10px;
}
.fact-finder-filter .filter-label {
  font-weight: 700;
  padding-top: 10px;
  margin-bottom: 6px;
}
.fact-finder-filter .filter-label+.custom-select {
  margin-top: 10px;
}
.fact-finder-filter .filter-collapsable {
  margin-bottom: 0;
  border-bottom: 0 none transparent;
}
.fact-finder-filter .filter-collapsable .custom-checkbox+.custom-checkbox {
  margin-top: 12px;
}
.fact-finder-filter .filter-collapsable>.collapsable-label:after {
  right: 0;
}
.fact-finder-filter .filter-scroll-container {
  padding: 8px 12px 8px 0;
  max-height: 374px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: #E50043 #ababac;
  scrollbar-width: thin;
}
.fact-finder-filter .filter-scroll-container::-webkit-scrollbar-track {
  background-color: #ababac;
}
.fact-finder-filter .filter-scroll-container::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.fact-finder-filter .filter-scroll-container::-webkit-scrollbar-thumb {
  background-color: #e50043;
  border: 0 none transparent;
}
.fact-finder-filter .selected-filter {
  box-sizing: border-box;
  min-height: 54px;
  font-size: 18px;
  padding: 9px 10px;
  border: 2px solid var(--onBackground);
  display: flex;
  align-content: center;
  justify-content: space-between;
}
.fact-finder-filter .selected-label {
  line-height: 32px;
}
.fact-finder-filter .selected-clear {
  cursor: pointer;
  padding: 6px 10px;
  border: 0 none transparent;
  background-color: transparent;
  color: inherit;
}
.fact-finder-filter .filter-tree-selected,.fact-finder-filter .filter-tree-options {
  position: relative;
  padding-bottom: 8px;
}
.fact-finder-filter .filter-tree-options,.fact-finder-filter .filter-tree-selected {
  margin-top: 8px;
}
.fact-finder-filter .filter-tree-selected+.filter-tree-options {
  margin-top: 4px;
}
.fact-finder-filter .custom-checkbox label {
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 13 6 5;
}
.fact-finder-filter .list-move,.fact-finder-filter .list-enter-active {
  transition: all .5s ease;
}
.fact-finder-filter .list-leave-active {
  transition: all .01s ease;
}
.fact-finder-filter .list-enter-from,.fact-finder-filter .list-leave-to {
  opacity: 0;
}
.fact-finder-filter .list-leave-active {
  position: absolute;
}
.fact-finder-filter .filter-item .selected-filter+.selected-filter,.fact-finder-filter .filter-item .selected-filter+.custom-select {
  margin-top: 4px;
}
.fact-finder-filter.--vertical-style>ul {
  display: grid;
  grid-template-columns: repeat(1,1fr);
  grid-template-rows: repeat(1,1fr);
  row-gap: 20px;
  column-gap: 40px;
}
.fact-finder-filter.--vertical-style>ul>li {
  min-width: 0;
}
.fact-finder-filter.--vertical-style .filter-item:has(.custom-select) {
  display: flex;
  flex-direction: column;
}
.fact-finder-filter.--vertical-style .filter-item:has(.custom-select)>.selected-label {
  order: 1;
  margin-top: 4px;
}
.fact-finder-filter.--vertical-style .filter-item:has(.custom-select)>.selected-label+.selected-filter {
  margin-left: 12px;
}
.fact-finder-filter.--vertical-style .filter-item:has(.custom-select)>.custom-select {
  order: 2;
  margin-top: 10px;
}
.fact-finder-filter.--vertical-style .filter-item:has(.custom-select)>.selected-filter {
  order: 3;
}
.fact-finder-filter.--vertical-style .filter-item:has(.custom-select)>.selected-filter:first-of-type {
  margin-top: 18px;
}
.fact-finder-filter.--vertical-style .filter-item .active-range-filter .selected-filter {
  margin-top: 18px;
}
@media screen and (min-width: 1024px) {
  .fact-finder-filter.--vertical-style>ul {
    grid-template-columns: repeat(2,1fr);
  }
}
@media screen and (min-width: 1440px) {
  .fact-finder-filter.--vertical-style>ul {
    grid-template-columns: repeat(3,1fr);
  }
}
.fact-finder-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.fact-finder-tags .custom-tag {
  position: relative;
  max-width: 320px;
  padding-right: 24px;
  cursor: pointer;
  background-color: var(--highlight, #E50043);
  color: var(--onHighlight);
  border: 0 none transparent;
  border-radius: 4px;
  text-align: left;
}
.fact-finder-tags .custom-tag:after {
  position: absolute;
  right: 6px;
  top: 6px;
  padding-left: 0;
  transform-origin: 50% 50%;
  transition: transform .24s ease;
}
@media screen and (min-width: 1024px) {
  .fact-finder-tags .tag:hover:after {
    transform: rotate(-90deg);
  }
}
.fact-finder-wrapper .offscreen-sidebar {
  margin-top: 12px;
}
.fact-finder-wrapper .offscreen-sidebar .filter-list-toggle {
  font-size: 24px;
}
@media screen and (min-width: 1024px) {
  .fact-finder-wrapper .offscreen-sidebar .os-off {
    padding-right: 0;
  }
  .fact-finder-wrapper .offscreen-sidebar .fact-finder-filter {
    padding: 10px 20px 24px;
    background-color: #f5f5f7;
    width: 100%;
    box-sizing: border-box;
    --background: #F5F5F7;
    --onBackground: #000;
    --onBackgroundSecondary: #000;
    --surface: #000;
    --onSurface: #FFF;
    --highlight: #E50043;
    --onHighlight: #FFF;
    --secondarySurface: #FFF;
    --onSecondarySurface: #000;
    --input: #FFF;
    --onInput: #000;
    --inputBorder: #FFF;
    --inputDisabled: #888;
    --inputSolid: #FFF;
    --onInputSolid: #000;
    --inputSolidSecondary: #F5F5F7;
    --inputError: #E50043;
    --inputSuccess: #008e4f;
    --error-color: #BE0000;
    --warning-color: #FF9600;
    --success-color: #008e4f;
    --buttonPrimary: #E50043;
    --onButtonPrimary: #FFF;
    --buttonPrimaryHover: #a50030;
    --buttonSecondary: #000;
    --onButtonSecondary: #FFF;
    --buttonSecondaryHover: #333333;
    --buttonSecondaryOption: #FFF;
    --onButtonSecondaryOption: #000;
    --buttonSecondaryOptionHover: #dfdfdf;
  }
  .fact-finder-wrapper .offscreen-sidebar .filter-list-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-align: start;
    background-color: #ededf0;
    padding: 0 20px;
    height: 44px;
    border: 0 none transparent;
    margin-bottom: 2px;
    box-sizing: border-box;
    cursor: pointer;
  }
}
.fact-finder-wrapper .results {
  margin-top: 40px;
  padding-bottom: 20px;
}
.fact-finder-wrapper .toggle-area {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 5;
  flex-wrap: wrap;
  align-items: center;
  min-height: 44px;
  gap: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.fact-finder-wrapper .toggle-area:not(:has(.toggle-area-button-wrapper)) .pgn-header {
  flex-grow: 1;
}
.fact-finder-wrapper .toggle-area .pgn-header {
  margin-bottom: 0;
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .fact-finder-wrapper .toggle-area .pgn-header:not(:last-child) .pgn-per-page-item {
    margin: 0 auto;
  }
}
.fact-finder-wrapper .toggle-area .fact-finder-tags:empty {
  display: none;
}
.fact-finder-wrapper .toggle-area-button-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
  gap: 12px;
}
.fact-finder-wrapper .toggle-area-button-wrapper .list-display-switch {
  margin-left: auto;
  min-height: 34px;
}
.fact-finder-wrapper .filter-presets {
  display: none;
}
.fact-finder-wrapper .filter-presets:has(input:not(:disabled)),.fact-finder-wrapper .filter-presets:has(.collapsable:not(.active)) {
  display: block;
}
.fact-finder-wrapper .pagination-wrapper {
  margin: 20px 0 40px;
}
.fact-finder-wrapper .result-list-wrapper {
  position: relative;
  transition: width .17s ease,margin-left .17s ease;
  width: 100%;
}
.fact-finder-wrapper .result-list-wrapper.expand-result-list-large {
  transition: width .24s ease .28s,margin-left .24s ease .28s;
}
@media screen and (min-width: 1024px) {
  .fact-finder-wrapper .result-list-wrapper.expand-result-list-large {
    width: calc(100% + 360px);
    margin-left: -360px;
  }
}
.fact-finder-wrapper .result-list-wrapper.expand-result-list-small {
  transition: width .24s ease .28s,margin-left .24s ease .28s;
}
@media screen and (min-width: 1024px) {
  .fact-finder-wrapper .result-list-wrapper.expand-result-list-small {
    width: calc(100% + 260px);
    margin-left: -260px;
  }
}
@media screen and (max-width: 1023px) {
  .fact-finder-wrapper {
    padding-bottom: 40px;
  }
  .fact-finder-wrapper .result-list-wrapper:has(.fact-finder-variant-table) {
    width: calc(100% + 40px);
    margin: 0 -20px;
  }
  .fact-finder-wrapper .fact-finder-variant-table {
    padding: 0 20px;
  }
}
@media screen and (min-width: 640px) {
  .fact-finder-wrapper .toggle-area {
    gap: 12px 25px;
  }
  .fact-finder-wrapper .toggle-area-button-wrapper {
    width: auto;
    gap: 0 25px;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 1024px) {
  .fact-finder-wrapper .toggle-area {
    margin-top: 0;
  }
  .fact-finder-wrapper .pgn-header {
    white-space: nowrap;
  }
  .fact-finder-wrapper .results {
    margin-top: 0;
    padding-bottom: 40px;
    scroll-margin-top: 190px;
  }
}
.list-display-switch {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.list-display-switch .label {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-left: 4px;
}
.list-display-switch .icon-button {
  font-size: 14px;
  display: flex;
  align-items: center;
  transition: background-color .3s,color .3s,border-color .3s;
}
.list-display-switch .icon-button .icon-button-wrapper:before {
  font-size: 26px;
}
.list-display-switch .icon-button:hover {
  border-color: var(--highlight);
}
.list-display-switch .sort-icon {
  display: none;
}
.list-display-switch .active {
  color: #e50043;
}
@media screen and (min-width: 1024px) {
  .list-display-switch .label {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-left: 4px;
  }
  .list-display-switch .icon-button {
    padding: 6px 14px 6px 12px;
    border: 2px solid currentColor;
    border-radius: 5px;
    gap: 12px;
  }
  .list-display-switch .icon-button .icon-button-wrapper:before {
    font-size: 20px;
  }
  .list-display-switch .sort-icon {
    display: flex;
    flex-direction: column;
    height: 16px;
    font-weight: 400;
    overflow: visible;
    position: relative;
    top: -4px;
  }
  .list-display-switch .sort-icon:before,.list-display-switch .sort-icon:after {
    font-size: 12px;
    position: relative;
    display: inline-block;
  }
}
.accessory-search .loading-spinner {
  position: absolute;
}
.accessory-search .pagination-wrapper {
  margin: 20px 0 40px;
}
.accessory-search .accessory-header {
  padding-right: 40px;
  font-size: 1.25rem;
  line-height: 1.25;
}
@media screen and (min-width: 1024px) {
  .accessory-search .accessory-header {
    font-size: 1.5rem;
  }
}
.accessory-search .fact-finder-filter {
  padding-top: 0;
}
.accessory-search .fact-finder-filter.extra {
  padding-bottom: 0;
}
.accessory-search .type-radio-group .custom-radio {
  margin-bottom: 8px;
}
.accessory-search .type-radio-group .custom-radio:last-child {
  margin-bottom: 0;
}
.accessory-search .pgn-header {
  margin-top: 26px;
}
.accessory-search .grid-wrapper {
  position: relative;
  overflow: hidden;
}
.accessory-search .teaser-grid {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -20px;
}
.accessory-search-field {
  display: flex;
}
.accessory-search-field .product-search {
  flex-grow: 1;
  z-index: 10;
}
.accessory-search-field .custom-button {
  flex-basis: 20%;
}
.accessory-search-interim .asi-wrapper .asi-header {
  margin-bottom: 20px;
}
.accessory-search-interim .asi-wrapper .asi-header h2 {
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 4px;
}
.accessory-search-interim .asi-wrapper .asi-header p {
  font-size: 16px;
  line-height: 1.4;
}
.accessory-search-interim .asi-wrapper .tree-header {
  margin-top: 16px;
  margin-bottom: 12px;
  background-color: #f5f5f7;
  padding: 8px 4px;
}
@media screen and (max-width: 639px) {
  .accessory-search-interim .asi-results {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1024px) {
  .accessory-search-interim .asi-wrapper .asi-header {
    margin-bottom: 42px;
  }
  .accessory-search-interim .asi-wrapper .tree-header {
    padding: 8px 13px;
    margin-top: 0;
    margin-bottom: 8px;
  }
  .accessory-search-interim .tree-view-node .tvn-content:hover {
    background-color: #e7e7e8;
  }
  .accessory-search-interim .tree-view {
    padding: 10px 20px 10px 0;
    background-color: #f5f5f7;
  }
  .accessory-search-interim .tree-view-node .tvn-content {
    position: relative;
    left: 10px;
  }
}
.accessory-search-field .icon-button.--background {
  height: 48px;
}
.category-product-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: -20px;
}
.category-product-list .category-product-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin: 0 -10px;
}
.category-product-list h2 {
  align-self: flex-start;
  margin-bottom: 10px;
}
.category-product-list li {
  position: relative;
  flex-basis: 50%;
  padding: 0 10px 20px;
  box-sizing: border-box;
  transition: opacity .27s ease-in;
  display: flex;
}
.category-product-list li.visually-hidden {
  position: absolute!important;
  padding: 0!important;
}
.category-product-list .product-teaser {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-decoration: none;
}
.category-product-list .product-teaser .image-wrapper {
  position: relative;
  aspect-ratio: 16/10;
  overflow: hidden;
  background-color: #000;
}
.category-product-list .product-teaser img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.category-product-list .product-teaser .label {
  margin-top: 7px;
  line-height: 1.25;
  font-size: 14px;
  display: flex;
  flex-grow: 1;
}
.category-product-list .product-teaser .label span {
  min-height: 2.5em;
  flex-grow: 1;
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 13 6 5;
}
.category-product-list .product-teaser .product-taeser-link {
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-grow: 1;
}
.category-product-list .product-teaser .product-taeser-link:after {
  position: relative;
  display: block;
  top: -3px;
  margin-left: 5px;
  align-self: flex-end;
  color: var(--highlight);
  font-size: 14px;
}
.category-product-list .product-teaser .product-taeser-link:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.category-product-list .toggle-button {
  display: inline-block;
  margin: 10px auto 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: none;
  padding: 5px 20px;
  font-size: inherit;
  color: inherit;
}
.category-product-list .toggle-button:after {
  margin-left: 4px;
  position: relative;
  top: 2px;
  font-size: 15px;
}
.category-product-list .smooth-reflow-wrapper {
  width: 100%;
}
@media screen and (min-width: 640px) {
  .category-product-list .product-teaser .label {
    font-size: 16px;
  }
  .category-product-list li {
    flex-basis: 33.3333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .category-product-list {
    margin-top: 56px;
  }
  .category-product-list li {
    flex-basis: 20%;
  }
}
@media screen and (min-width: 1440px) {
  .category-product-list li {
    flex-basis: 14.2857142857%;
  }
}
.content-wrapper:has(.tab-navigation-second-layer) .category-product-list {
  margin-top: 0;
}
.custom-form {
  box-sizing: border-box;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 20px;
  color: #000;
}
.custom-form.--grey {
  background-color: #f5f5f7;
  padding: 20px 16px;
  margin-bottom: 40px;
}
.custom-form.--grey fieldset:last-child {
  margin-bottom: 0;
}
.--dark .custom-form:not(.collapsable .custom-form) {
  color: #fff;
}
.custom-form .richtext-content {
  font-size: 14px;
  line-height: 20px;
}
.custom-form .richtext-content h2 {
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 20px;
}
.custom-form .richtext-content h3 {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.custom-form .richtext-content.--error {
  color: #efefeff5;
}
.custom-form .richtext-content.--success {
  color: #fbfbfb;
}
.custom-form input,.custom-form .custom-select {
  margin-bottom: 10px;
}
.custom-form fieldset {
  margin-bottom: 40px;
  min-width: 0;
}
.custom-form fieldset .richtext-content {
  padding-bottom: 10px;
}
.custom-form fieldset .custom-button {
  height: 52px;
  margin-bottom: 0px;
}
.custom-form fieldset .row .columns {
  vertical-align: bottom;
}
.custom-form fieldset .row .columns.v-align-top {
  vertical-align: top;
}
.custom-form fieldset .row.form-checkbox-group,.custom-form fieldset .row.form-radio-group {
  margin-top: 10px;
}
.custom-form fieldset .row.form-checkbox-group .columns,.custom-form fieldset .row.form-radio-group .columns {
  vertical-align: top;
}
.custom-form legend {
  color: inherit;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 26px;
  margin-bottom: 20px;
}
.custom-form h3 {
  color: inherit;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 22px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.custom-form .required-text {
  color: inherit;
  font-size: 12px;
  letter-spacing: 0px;
}
.custom-form .custom-link {
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 24px;
}
.custom-form .custom-checkbox {
  margin-bottom: 20px;
}
#download_center {
  background-color: #fff;
  max-width: 1440px;
  padding-bottom: 40px;
}
#download_center .dl-top-categories {
  margin-bottom: 30px;
}
#download_center .dl-filter-transition {
  position: relative;
}
#download_center .dl-filter-block {
  background-color: #fff;
}
#download_center .dl-filter-block .custom-select {
  margin-bottom: 20px;
}
#download_center .dl-top-label {
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 20px;
}
#download_center .dl-top-selector {
  color: #000;
  background-color: #f5f5f7;
  display: inline-block;
  padding: 0 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 25px;
  cursor: pointer;
  transition: background-color .22s ease;
}
#download_center .dl-top-selector.--active,#download_center .dl-top-selector:hover {
  color: #fff;
  background-color: #212121;
}
#download_center .dl-filter {
  position: relative;
  margin-bottom: 20px;
}
#download_center .dl-filter-select {
  margin-bottom: 20px;
  background-color: #fff;
}
#download_center .dl-filter-select-label {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
#download_center .dl-filter-select-group {
  display: flex;
  position: relative;
}
#download_center .dl-filter-select-group .custom-select {
  flex-basis: calc(100% - 70px);
  width: calc(100% - 70px);
}
#download_center .dl-filter-select-group .icon-button {
  flex-basis: 60px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 10px;
}
#download_center .tree-node {
  background-color: #f5f5f7;
  margin: 5px 0;
}
#download_center .tree-checkbox {
  width: 22px;
  height: 22px;
  border-color: #000;
}
#download_center .tree-checkbox.checked,#download_center .tree-checkbox.indeterminate {
  border-color: #e50043;
  background-color: #e50043;
}
#download_center .tree-checkbox.checked:after {
  left: 7px;
  top: 2px;
  height: 10px;
  width: 5px;
}
#download_center .dl-load-error {
  border: 4px solid #E50043;
  background-color: #000;
  color: #fff;
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
}
#download_center .dl-load-error p {
  font-size: 18px;
  line-height: 27px;
}
#download_center .download-display {
  margin-top: -20px;
}
#download_center .search-field {
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  #download_center .dl-load-error {
    padding: 60px 80px;
  }
}
@media screen and (min-width: 1440px) {
  #download_center .dl-filter-select-group {
    margin-bottom: 110px;
  }
}
.dl-filter-transition-enter-active {
  transition: all .2s linear;
  transition-delay: .3s;
}
.dl-filter-transition-leave-active {
  transition: all .1s linear;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.dl-filter-transition-move {
  transition: all .2s ease-in-out;
  transition-delay: .1s;
}
.dl-filter-transition-enter-from {
  opacity: 0;
}
.download-group {
  --background: #000;
  --onBackground: #FFF;
  --onBackgroundSecondary: #E0E0E0;
  --surface: #FFF;
  --onSurface: #000;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #FF4C4C;
  --warning-color: #FF9600;
  --success-color: #00B359;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #FFF;
  --onButtonSecondary: #000;
  --buttonSecondaryHover: #dfdfdf;
  --buttonSecondaryOption: #303031;
  --onButtonSecondaryOption: #FFF;
  --buttonSecondaryOptionHover: #444446;
  background-color: var(--background);
  color: var(--onBackground);
  box-sizing: border-box;
}
.download-group .download-group-section+.download-group-section {
  border-top: 4px solid #FFF;
}
.download-group .download-group-section .download-group-title {
  font-weight: 300;
  font-weight: 700;
  font-size: 22px;
  padding: 20px 0 0 20px;
}
.download-group .download-group-section .partner-group {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.download-group .download-group-section .partner-group:last-of-type {
  padding: 0 20px 20px;
}
.download-group .download-group-head {
  flex-basis: calc(2 / 12 * 100%);
  cursor: pointer;
  padding: 20px 40px 20px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
.download-group .download-group-head .download-group-image {
  aspect-ratio: 2;
  overflow: hidden;
  margin-bottom: 20px;
}
.download-group .download-group-head .download-group-image img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.download-group .download-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 40px;
  padding: 20px 0;
  align-content: end;
}
.download-group .download-list .file-type-icon {
  height: 60px;
}
.download-group .download-list .file-type-icon:before {
  font-size: 59px;
  height: 60px;
  width: 45px;
  color: var(--highlight);
}
.download-group .download-list .file-type-icon .doc-label {
  width: 45px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
}
.download-group .download-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-right: 20px;
  box-sizing: border-box;
}
.download-group .download-item h4 {
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 12 6 6;
  flex-grow: 1;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: .025em;
}
.download-group .download-info {
  display: flex;
  align-items: flex-end;
  margin-top: 10px;
  margin-bottom: 20px;
}
.download-group .download-detail {
  font-size: 12px;
  line-height: 16px;
  padding-left: 10px;
}
.download-group .download-group-footer {
  border-top: 4px solid #FFF;
  padding: 20px;
}
.download-group .download-group-footer .divider {
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.download-group .download-group-footer .divider:before {
  font-size: 20px;
}
.download-group .downloading-info {
  position: relative;
  padding-right: 40px;
  box-sizing: border-box;
}
.download-group .downloading-info .loading-spinner {
  position: absolute;
  right: 0;
  top: -13px;
}
.download-group p.step {
  padding-left: 17px;
  text-indent: -17px;
}
.download-group .custom-checkbox {
  position: relative;
}
.download-group .custom-checkbox.partial-selection:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 2px;
  position: absolute;
  left: 6px;
  top: 9px;
  border-radius: 5px;
  background-color: #fff;
}
@media screen and (max-width: 1023px) {
  .download-group .download-list {
    align-content: start;
  }
  .download-group .download-item {
    padding-left: 40px;
  }
  .download-group .download-item .custom-checkbox {
    position: absolute;
    left: 0;
    top: 0;
  }
  .download-group .download-group-section .download-group-title {
    padding-top: 27px;
  }
  .download-group .download-group-head {
    margin-bottom: 20px;
    max-height: 320px;
  }
  .download-group .download-group-head .custom-checkbox {
    flex-shrink: 0;
  }
  .download-group .custom-checkbox label {
    padding-left: 40px;
    font-size: 16px;
  }
  .download-group .download-group-footer {
    padding: 40px 20px;
  }
  .download-group .download-group-footer .divider {
    width: 100%;
  }
  .download-group .download-group-footer .divider:before {
    transform: rotate(90deg);
  }
  .download-group .download-group-steps {
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .download-group .download-list {
    flex-direction: row;
    flex-basis: calc(10 / 12 * 100%);
    gap: 0;
  }
  .download-group .download-group-head .download-group-image {
    aspect-ratio: 1;
  }
  .download-group .download-group-section .partner-group {
    flex-direction: row;
  }
  .download-group .partner-checkbox .label {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0,0,0,0);
    position: absolute;
  }
  .download-group .download-item {
    width: 20%;
  }
  .download-group .download-group-footer {
    display: flex;
    align-items: center;
  }
  .download-group .download-group-footer .custom-checkbox {
    width: calc(1 / 6 * 100%);
  }
  .download-group .download-group-footer .download-group-steps {
    display: flex;
    align-items: center;
    width: calc(5 / 6 * 100%);
  }
  .download-group .download-group-footer .download-group-steps .step {
    flex-basis: 33.3333333333%;
  }
}
.event-template {
  margin-bottom: 40px;
}
.event-template .event-link {
  margin-bottom: 10px;
}
.event-template .event-link a {
  color: #e50043;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
}
.event-template .ricon-link:before {
  display: inline-block;
  transform: rotate(180deg);
  padding-left: 10px;
}
@media screen and (min-width: 1024px) {
  .event-template .ricon-link:hover:before {
    animation: shake-horizontal-alter 3s cubic-bezier(.455,.03,.515,.955) infinite;
  }
}
.event-template .event-container {
  background-color: #f5f5f7;
  padding: 20px;
  margin-bottom: 3px;
}
.event-template .event-container.event-info .richtext-content p {
  margin: 0;
}
.event-template .event-container .richtext-content {
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 20px;
}
.event-template .event-container .richtext-content a {
  font-weight: 500;
}
.event-template .event-container .richtext-content li {
  margin-bottom: 10px;
}
.event-template .event-container .richtext-content ul {
  margin-bottom: 30px;
  margin-top: 0;
}
.event-template .event-container .richtext-content ul ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
.event-template .event-container .richtext-content ul li:first-of-type {
  margin-top: 10px;
}
.fact-finder-search .ffs-search-field {
  position: relative;
  z-index: 10;
}
.fact-finder-search .search-form {
  margin-bottom: 28px;
}
.fact-finder-search .info-card {
  margin: 20px;
}
.fact-finder-search .teaser-grid {
  padding-bottom: 0;
}
.fact-finder-search .teaser .teaser-title .code {
  color: #e50043;
}
.fact-finder-search .teaser .teaser-headline+.teaser-title {
  font-weight: 700;
}
.fact-finder-search .teaser .teaser-buttons {
  min-height: 0;
}
.fact-finder-search .teaser .teaser-buttons>.custom-button,.fact-finder-search .teaser .teaser-buttons>.cart-link,.fact-finder-search .teaser .teaser-buttons>.wishlist-link {
  margin-top: 20px;
}
.fact-finder-search .teaser .spacer {
  flex-grow: 1;
}
.fact-finder-search .teaser .teaser-text {
  flex-grow: 0;
}
.fact-finder-search .teaser .teaser-technical-data {
  margin-bottom: 28px;
  margin-top: 8px;
  line-height: 20px;
}
.fact-finder-search .teaser .teaser-technical-data .label {
  margin-bottom: 10px;
  font-weight: 700;
  display: block;
}
.fact-finder-search .teaser .lifecycle-info {
  font-size: 16px;
  line-height: 20px;
}
.fact-finder-search .teaser .split-info {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .fact-finder-search .teaser .split-info {
    flex-direction: column;
  }
}
@media screen and (min-width: 640px) {
  .fact-finder-search .teaser .split-info {
    align-items: center;
  }
  .fact-finder-search .teaser .split-info .teaser-link {
    width: auto;
  }
}
.fact-finder-search .teaser .vue-numeric-input .numeric-input {
  background-color: #fff;
}
.fact-finder-search .teaser.--horizontal-small .teaser-text {
  flex-grow: 1;
}
.fact-finder-search .badge-new {
  position: absolute;
  right: 16px;
  top: 16px;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
  text-align: left;
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .fact-finder-search .teaser-grid .teaser {
    flex-basis: calc(100% - 40px);
    max-width: calc(100% - 40px);
  }
}
@media screen and (min-width: 1024px) {
  .fact-finder-search .teaser-grid {
    padding-top: 0;
    margin-top: -20px;
  }
}
.filterable-teaser-list {
  padding: 40px 0;
}
.filterable-teaser-list .ftl-filters {
  margin-bottom: 40px;
}
.filterable-teaser-list .teaser-grid {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -20px;
  margin-bottom: -20px;
}
@media screen and (min-width: 1024px) {
  .filterable-teaser-list {
    padding: 60px 0;
  }
}
.filterable-teaser-list .checkbox-group {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.filterable-teaser-list .checkbox-group .custom-checkbox {
  position: relative;
  min-width: 200px;
  cursor: pointer;
  border: 1px solid #ababac;
  background: var(--background);
}
@media screen and (max-width: 639px) {
  .filterable-teaser-list .checkbox-group .custom-checkbox {
    width: 100%;
  }
}
.filterable-teaser-list .checkbox-group .custom-checkbox label {
  display: flex;
  font-size: .9375rem;
  line-height: 1.25rem;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
}
.filterable-teaser-list .checkbox-group .custom-checkbox input[type=checkbox] {
  cursor: pointer;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0,0,0,0);
  position: absolute;
}
.filterable-teaser-list .checkbox-group .custom-checkbox input[type=checkbox]:focus-visible+label {
  outline: 2px solid var(--highlight, #E50043);
  outline-offset: 2px;
}
.filterable-teaser-list .checkbox-group .custom-checkbox .checkbox-box {
  display: none;
}
@media screen and (min-width: 1024px) {
  .filterable-teaser-list .checkbox-group .custom-checkbox:hover {
    border-color: var(--highlight, #E50043);
  }
}
.filterable-teaser-list .checkbox-group input[type=checkbox]:checked+label {
  color: var(--highlight, #E50043);
  font-weight: 700;
}
.filterable-teaser-list .ftl-filters>.columns:not(:first-child) .checkbox-group {
  margin-top: 20px;
}
.filterable-teaser-list .custom-checkbox:has(input[type=checkbox]:checked) {
  border: 1px solid var(--highlight, #E50043);
}
.history__header {
  display: flex;
  width: 100%;
  height: 50px;
  background-color: #efeeee;
}
.history__header .quick-menu {
  width: 160px;
  height: 50px;
  z-index: 100;
}
.history__header .quick-menu .collapsable {
  background-color: #e50043;
}
.history__header .quick-menu .collapsable-label {
  padding: 14px 43px 14px 20px;
  color: #fff;
  font-weight: 400;
}
.history__header .quick-menu .collapsable-label:after {
  color: #fff;
}
.history__header .quick-menu .collapsable-content {
  padding: 0;
}
.history__header .quick-menu__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 16px;
  padding: 7px 20px 5px;
  transition: background-color .25s ease;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}
.history__header .quick-menu__link .ricon-arrow_right {
  position: relative;
  margin-right: 0;
  margin-left: 8px;
  left: 0;
  transition: left .25s ease;
}
.history__header .quick-menu__link:hover {
  background-color: #e50043;
}
.history__header .quick-menu__link:hover .ricon-arrow_right {
  left: 6px;
}
.history__header .swiper-nav {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-around;
  width: 130px;
  height: 50px;
  padding: 0 20px;
}
.history__header .swiper-nav .swiper-button-disabled {
  opacity: .2;
  pointer-events: none;
}
.history-slider {
  width: 100%;
  height: 100%;
}
.history-slider .swiper-slide {
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (min-width: 640px) {
  .history-slider .swiper-slide {
    width: 50%;
    margin-right: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .history-slider .swiper-slide {
    width: 40%;
  }
}
@media screen and (min-width: 1440px) {
  .history-slider .swiper-slide {
    width: 28.3%;
  }
}
@media screen and (min-width: 640px) {
  .history-slider .swiper-slide--large {
    width: 63%;
    margin-right: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .history-slider .swiper-slide--large {
    width: 45%;
    margin-left: 70px;
  }
  .history-slider .swiper-slide--large:first-child {
    margin-left: 40px;
  }
}
@media screen and (min-width: 1440px) {
  .history-slider .swiper-slide--large {
    width: 37.2%;
  }
}
.history-slider .swiper-slide:nth-child(2n) .history-item__inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  order: 0;
  align-items: flex-start;
}
.history-slider .swiper-slide:nth-child(2n) .button {
  align-self: baseline;
}
.history-slider .swiper-slide:nth-child(2n) .history-item__divider {
  order: 1;
}
.history-slider .swiper-slide:nth-child(2n) .history-item__image {
  order: 2;
}
.history-slider .history-item {
  margin: 0 1.5em;
}
@media screen and (min-width: 1024px) {
  .history-slider .history-item {
    margin: 0;
  }
}
.history-detail-slider {
  top: 50px;
  position: absolute;
  height: calc(100vh - 108px);
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .history-detail-slider {
    height: calc(100vh - 114px);
  }
}
.history {
  z-index: 101;
  position: relative;
  font-size: 12px;
}
@media screen and (min-width: 1024px) {
  .history {
    margin-top: -50px;
  }
}
.history__wrap {
  height: 100vh;
  overflow: hidden;
}
.history__inner {
  position: relative;
  overflow: hidden;
  background-color: #000;
  min-height: 100vh;
}
.history .stage.fade-enter,.history .stage.fade-leave-to {
  z-index: 50;
  position: absolute;
}
.history .history-start-content {
  position: absolute;
  bottom: 80px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  color: #fff;
  z-index: 5;
}
.history .history-start-content h1 {
  text-transform: uppercase;
  font-size: 59px;
  margin-bottom: 12px;
  line-height: 1;
  letter-spacing: .0125em;
}
.history .history-start-content p {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}
.history .history-start-content p.history-timeframe {
  margin-top: 40px;
  font-size: 36px;
  font-weight: 700;
}
.history .history-start-content .custom-button {
  width: auto;
  display: inline-block;
}
@media screen and (min-width: 1024px) and (min-height: 640px) {
  .history .history-start-content {
    left: 80px;
    bottom: auto;
    top: 12.5vh;
    max-width: 720px;
  }
  .history .history-start-content h1 {
    font-size: 96px;
  }
  .history .history-start-content p {
    font-size: 24px;
  }
  .history .history-start-content p.history-timeframe {
    font-size: 48px;
  }
}
.history .history-list {
  background-color: #fff;
}
.history .close {
  display: flex;
  position: absolute;
  z-index: 11;
  top: 0;
  right: 0;
  transition: background-color .25s ease;
  cursor: pointer;
}
.history .close:hover {
  background-color: #db0040;
}
.history .close .icon-button {
  height: 50px;
}
.history .close .icon-button.--background {
  background-color: #000;
}
.history .close .icon-button .icon-button-wrapper {
  padding: 0 9px;
}
.history-item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: calc(100vh - 115px);
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
}
.history-item h3 {
  font-weight: 700;
  color: #000;
  font-size: 56px;
  letter-spacing: .03rem;
  line-height: 1;
  text-transform: uppercase;
}
.history-item h3 span {
  opacity: .57;
}
.history-item p {
  margin-bottom: 2.25rem;
  font-size: 16px;
  line-height: 19px;
}
.history-item .custom-button {
  display: inline-block;
  width: auto;
}
.history-item__divider {
  display: flex;
  align-items: center;
  width: 100%;
  height: 2px;
  margin: 40px 0;
  position: relative;
}
.history-item__divider span {
  display: block;
  position: absolute;
  width: calc(50vh - 174px);
  left: 0;
  height: 2px;
  top: .5px;
  background-color: #e50043;
  z-index: 2;
}
.history-item__inner,.history-item__image {
  position: relative;
  height: calc(50% - 40px);
  flex-basis: calc(50% - 40px);
}
.history-item__inner {
  background-color: #fff;
}
.history-item__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}
@media screen and (min-width: 1024px) and (min-height: 760px) {
  .history-item {
    padding-left: 20px;
  }
  .history-item h3 {
    font-size: 64px;
  }
  .history-item p {
    width: 70%;
    margin-bottom: 2.25rem;
    font-size: 18px;
    line-height: 21px;
  }
  .history-item__inner,.history-item__image {
    height: calc(50% - 80px);
    flex-basis: calc(50% - 80px);
  }
  .history-item__divider span {
    width: calc(50vh - 214px);
  }
}
@media screen and (min-width: 1440px) {
  .history-item {
    padding-left: 40px;
  }
}
.history-item--portrait {
  background-size: cover;
}
.history-item--portrait h3 {
  margin-bottom: 16px;
  font-size: 32px;
  white-space: nowrap;
}
.history-item--portrait p {
  width: 100%;
}
.history-item--portrait .history-item__inner {
  position: absolute;
  right: 0;
  bottom: 40px;
  width: 65%;
  height: auto;
  padding: 2.85em 1.75em 1.75em;
}
.history-item--portrait .history-item__image {
  margin-left: 0;
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 40px;
  bottom: 40px;
}
.history-item--portrait .history-item__image img {
  object-fit: cover;
}
@media screen and (min-width: 640px) {
  .history-item--portrait .history-item__inner {
    width: 58%;
  }
}
@media screen and (min-width: 1440px) {
  .history-item--portrait .history-item__inner {
    width: 50%;
  }
}
.history-item-detail {
  background-color: #fff;
  position: relative;
  height: calc(100vh - 107px);
  width: 100%;
  padding: 0;
}
.history-item-detail .history-item__inner {
  position: absolute;
  box-sizing: border-box;
  bottom: 8%;
  left: 0;
  width: 100%;
  height: auto;
  padding: 20px;
  max-width: 720px;
  background-color: #ffffffdf;
}
.history-item-detail h3.highlight {
  margin-bottom: 16px;
  font-size: 32px;
  white-space: nowrap;
}
.history-item-detail p {
  width: 90%;
}
.history-item-detail .button {
  text-transform: none;
}
.history-item-detail__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.history-item-detail__image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.history-item-detail .history-item-detail__image.--desktop {
  display: none;
}
@media screen and (min-width: 640px) {
  .history-item-detail .history-item-detail__image.--desktop {
    display: block;
  }
  .history-item-detail .history-item-detail__image.--mobile {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .history-item-detail {
    height: calc(100vh - 115px);
  }
  .history-item-detail .history-item__inner {
    bottom: 12.5vh;
    left: 120px;
    padding: 40px;
  }
}
.login-shop {
  max-width: 380px;
  height: 100%;
  padding: 40px 20px;
  position: absolute;
  z-index: 149;
  right: 0;
}
.login-shop .ls-intro,.login-shop .custom-form fieldset {
  margin-bottom: 30px;
}
.collection-teaser {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 94px;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  background-color: #434444;
  color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
  --background: #F5F5F7;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #FFF;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.collection-teaser+.collection-teaser {
  margin-top: 10px;
}
.collection-teaser .collection-input-wrapper {
  flex-shrink: 0;
  box-sizing: border-box;
}
.collection-teaser .collection-input-wrapper>label {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0,0,0,0);
  position: absolute;
}
.collection-teaser .checkbox-wrapper>label {
  height: 20px;
}
.collection-teaser .collection-body {
  flex-basis: 100%;
  flex-grow: 1;
}
.collection-teaser .collection-body .custom-link {
  padding-top: 10px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.collection-teaser .collection-id {
  font-size: 16px;
  line-height: 20px;
}
.collection-teaser .collection-id+.collection-title {
  margin-top: 12px;
}
.collection-teaser .collection-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.collection-teaser .collection-download {
  flex-shrink: 1;
}
.collection-teaser .collection-image {
  position: relative;
  flex-basis: 240px;
}
.collection-teaser .collection-image .collection-image-wrapper {
  position: relative;
  height: auto;
  padding-bottom: 62.5%;
  background-color: #000;
}
.collection-teaser .collection-image .collection-image-wrapper>img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 639px) {
  .collection-teaser {
    padding-bottom: 20px;
  }
  .collection-teaser .collection-body {
    padding-top: 20px;
    order: 2;
    width: 100%;
  }
  .collection-teaser .collection-download {
    order: 4;
    position: absolute;
    right: 20px;
    bottom: 14px;
  }
  .collection-teaser .collection-input-wrapper {
    order: 3;
    padding: 20px 0 0;
    align-self: start;
  }
  .collection-teaser .collection-image {
    order: 1;
    width: 100%;
    flex-basis: 0;
  }
}
@media screen and (min-width: 640px) {
  .collection-teaser {
    flex-direction: row;
    padding-left: 30px;
  }
  .collection-teaser .collection-body {
    padding: 0 20px;
  }
  .collection-teaser .collection-input-wrapper {
    flex-basis: 50px;
  }
}
.collection-swal {
  max-height: 100%;
  margin: 0;
  width: 100%;
  max-width: 1280px;
  scrollbar-color: #434444 #000;
  scrollbar-width: thin;
}
.collection-swal .swal2-html-container {
  padding: 0;
  margin: 0;
}
.collection-swal.swal2-modal {
  background-color: #121212;
  background: linear-gradient(-180deg,#434444,#121212);
  box-shadow: 0 4px 14px -8px #000000bf;
}
.collection-swal .swal-content {
  padding: 0;
  margin: 0;
}
.collection-swal.swal2-show.swal2-modal {
  animation: rollInFromRight .5s;
}
.collection-swal::-webkit-scrollbar-track {
  background-color: #000;
}
.collection-swal::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.collection-swal::-webkit-scrollbar-thumb {
  background-color: #434444;
  border: 0 none transparent;
}
@media screen and (min-width: 1024px) {
  .collection-swal {
    width: calc(100vw - 80px);
  }
  .collection-swal.swal2-show.swal2-modal {
    animation: rollInFromButton .625s;
  }
}
.product-finder {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
.product-finder .prof-filter-label {
  display: block;
  line-height: 20px;
  font-weight: 700;
  margin: 20px 0 10px;
}
.product-finder .prof-teaser-info {
  border-top: 1px solid black;
  padding: 6px 0;
  font-size: 14px;
  line-height: 21px;
}
.product-finder .prof-teaser-info:first-child {
  margin-top: 4px;
  border-top: 0 none transparent;
}
.product-finder .prof-teaser-info:last-child {
  margin-bottom: 14px;
}
.product-finder .prof-teaser-info span {
  display: block;
  flex-basis: 50%;
}
.product-finder .prof-teaser-info span:first-child {
  font-weight: 700;
}
.product-finder .prof-select-group {
  display: flex;
  position: relative;
}
.product-finder .prof-select-group .custom-select:first-child {
  flex-basis: 80px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 12px;
}
.product-finder .prof-select-group .custom-select:last-child {
  flex-basis: 100%;
}
.product-finder .pgn-header,.product-finder .pagination-wrapper {
  padding: 0 20px;
}
.--dark .product-finder .prof-filter-label {
  color: #fff;
}
.product-sitemap {
  color: #fff;
  padding: 40px 20px;
  max-width: 1720px;
  margin: 0 auto;
  box-sizing: border-box;
}
.--light .product-sitemap,.--grey .product-sitemap {
  color: #000;
}
.product-sitemap .sub-group {
  max-width: 280px;
}
.product-sitemap .sitemap-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 -12px;
}
.product-sitemap .product-group {
  box-sizing: border-box;
  flex-basis: 100%;
  margin-bottom: 44px;
  padding: 0 12px;
}
.product-sitemap .product-group:hover .product-group-header:before,.product-sitemap .product-group:focus-within .product-group-header:before {
  color: #e50043;
}
.product-sitemap .product-link {
  display: block;
  position: relative;
  text-decoration: none;
  font-size: 13px;
  line-height: 16px;
  padding: 4px 0;
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: 12 6 6;
}
.product-sitemap a.product-link:hover {
  text-decoration: underline;
  text-decoration-color: #e50043;
}
.product-sitemap .product-group-header {
  margin-bottom: 8px;
}
.product-sitemap .product-group-header:before {
  display: inline-block;
  font-size: 28px;
  padding: 2px;
  margin-bottom: 8px;
  transition: color .24s ease;
}
.product-sitemap .product-group-header .product-link {
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  padding: 0;
  transition: color .24s ease;
  min-height: 44px;
}
.product-sitemap .product-group-header a.product-link:hover {
  text-decoration: none;
  color: #e50043;
}
.product-sitemap .product {
  display: block;
}
@media screen and (min-width: 640px) {
  .product-sitemap .product-group {
    flex-basis: 50%;
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .product-sitemap {
    padding: 40px 32px;
  }
  .product-sitemap .product-group {
    flex-basis: calc(100% / 3);
    width: calc(100% / 3);
  }
}
@media screen and (min-width: 1440px) {
  .product-sitemap .product-group {
    flex-basis: 25%;
    width: 25%;
  }
}
@media screen and (min-width: 1680px) {
  .product-sitemap .product-group {
    flex-basis: calc(100% / 6);
    width: calc(100% / 6);
  }
}
.wishlist-teaser {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 94px;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  background-color: var(--surface);
  color: var(--onSurface);
  padding: 10px 20px;
  box-sizing: border-box;
}
.wishlist-teaser+.wishlist-teaser {
  margin-top: 10px;
}
.wishlist-teaser .wishlist-input-wrapper {
  flex-shrink: 0;
  box-sizing: border-box;
  padding-right: 20px;
  --background: #000;
  --onBackground: #FFF;
  --onBackgroundSecondary: #E0E0E0;
  --surface: #FFF;
  --onSurface: #000;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #FF4C4C;
  --warning-color: #FF9600;
  --success-color: #00B359;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #FFF;
  --onButtonSecondary: #000;
  --buttonSecondaryHover: #dfdfdf;
  --buttonSecondaryOption: #303031;
  --onButtonSecondaryOption: #FFF;
  --buttonSecondaryOptionHover: #444446;
}
.--dark .wishlist-teaser .wishlist-input-wrapper:not(.collapsable .wishlist-input-wrapper) {
  --background: #FFF;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #000;
  --inputDisabled: #888;
  --inputSolid: #F5F5F7;
  --onInputSolid: #000;
  --inputSolidSecondary: #FFF;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #F5F5F7;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.wishlist-teaser .wishlist-input-wrapper label {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0,0,0,0);
  position: absolute;
}
.wishlist-teaser .wishlist-body {
  flex-basis: 100%;
  flex-grow: 1;
}
.wishlist-teaser .wishlist-body .custom-link {
  padding-top: 10px;
}
.wishlist-teaser .wishlist-id {
  font-size: 16px;
  line-height: 20px;
}
.wishlist-teaser .wishlist-id+.wishlist-title {
  margin-top: 12px;
}
.wishlist-teaser .wishlist-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.wishlist-teaser .wishlist-download {
  flex-shrink: 1;
  --background: #000;
  --onBackground: #FFF;
  --onBackgroundSecondary: #E0E0E0;
  --surface: #FFF;
  --onSurface: #000;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #FFF;
  --inputDisabled: #888;
  --inputSolid: #FFF;
  --onInputSolid: #000;
  --inputSolidSecondary: #F5F5F7;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #FF4C4C;
  --warning-color: #FF9600;
  --success-color: #00B359;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #FFF;
  --onButtonSecondary: #000;
  --buttonSecondaryHover: #dfdfdf;
  --buttonSecondaryOption: #303031;
  --onButtonSecondaryOption: #FFF;
  --buttonSecondaryOptionHover: #444446;
}
.--dark .wishlist-teaser .wishlist-download:not(.collapsable .wishlist-download) {
  --background: #FFF;
  --onBackground: #000;
  --onBackgroundSecondary: #000;
  --surface: #000;
  --onSurface: #FFF;
  --highlight: #E50043;
  --onHighlight: #FFF;
  --secondarySurface: #FFF;
  --onSecondarySurface: #000;
  --input: #FFF;
  --onInput: #000;
  --inputBorder: #000;
  --inputDisabled: #888;
  --inputSolid: #F5F5F7;
  --onInputSolid: #000;
  --inputSolidSecondary: #FFF;
  --inputError: #E50043;
  --inputSuccess: #008e4f;
  --error-color: #BE0000;
  --warning-color: #FF9600;
  --success-color: #008e4f;
  --buttonPrimary: #E50043;
  --onButtonPrimary: #FFF;
  --buttonPrimaryHover: #a50030;
  --buttonSecondary: #000;
  --onButtonSecondary: #FFF;
  --buttonSecondaryHover: #333333;
  --buttonSecondaryOption: #F5F5F7;
  --onButtonSecondaryOption: #000;
  --buttonSecondaryOptionHover: #dfdfdf;
}
.wishlist-teaser .wishlist-image {
  position: relative;
  flex-basis: 240px;
}
.wishlist-teaser .wishlist-image .wishlist-image-wrapper {
  position: relative;
  height: auto;
  padding-bottom: 62.5%;
  background-color: #000;
}
.wishlist-teaser .wishlist-image .wishlist-image-wrapper>img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 639px) {
  .wishlist-teaser .wishlist-body {
    padding-top: 20px;
    order: 2;
    width: 100%;
  }
  .wishlist-teaser .wishlist-download {
    order: 4;
    position: absolute;
    right: 20px;
    bottom: 14px;
  }
  .wishlist-teaser .wishlist-input-wrapper {
    order: 3;
    padding: 20px 0 0;
    align-self: start;
  }
  .wishlist-teaser .wishlist-image {
    order: 1;
    width: 100%;
    flex-basis: 0;
  }
}
@media screen and (min-width: 640px) {
  .wishlist-teaser {
    flex-direction: row;
  }
  .wishlist-teaser .wishlist-body {
    padding: 0 20px;
  }
  .wishlist-teaser .wishlist-input-wrapper {
    flex-basis: 80px;
  }
}
.product-wishlist {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 40px;
}
.product-wishlist .pw-header {
  background-color: #f5f5f7;
  padding: 20px;
  margin-bottom: 10px;
}
.product-wishlist .pw-header-count {
  display: flex;
  flex-basis: 80px;
  flex-shrink: 0;
  box-sizing: border-box;
  padding-right: 20px;
  align-items: center;
}
.product-wishlist .pw-header-search {
  display: flex;
}
.product-wishlist .pw-header-search .product-search {
  flex-grow: 1;
  z-index: 10;
}
.product-wishlist .pw-header-search .custom-button {
  margin-left: 20px;
  flex-basis: 25%;
}
.product-wishlist .pw-teaser-wrapper {
  display: flex;
  flex-direction: column;
}
.product-wishlist .pw-teaser-wrapper+.pw-teaser-wrapper {
  margin-top: 10px;
}
.product-wishlist .pw-teaser-counter {
  background-color: #f5f5f7;
  flex-basis: 38px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 3px;
}
.product-wishlist .pw-actions {
  line-height: 22px;
  padding: 5px 0;
}
.product-wishlist .pw-actions a {
  color: #e50043;
  font-weight: 700;
  text-decoration: none;
}
.product-wishlist .pw-actions a+a {
  margin-left: 20px;
}
.product-wishlist .pw-loading {
  position: relative;
  height: 120px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 640px) {
  .product-wishlist .pw-actions {
    position: absolute;
    right: 0;
  }
  .product-wishlist .pw-actions a {
    cursor: pointer;
  }
  .product-wishlist .pw-actions a:hover {
    box-shadow: 0 2px #e50043;
  }
  .product-wishlist .pw-header {
    order: 2;
    padding-left: 83px;
  }
  .product-wishlist .pw-list-header {
    line-height: 32px;
    display: flex;
    order: 1;
  }
  .product-wishlist .pw-teaser-list-wrapper {
    order: 4;
  }
  .product-wishlist .pw-label-pos {
    flex-basis: 83px;
    flex-shrink: 0;
  }
  .product-wishlist .pw-label-count {
    flex-basis: 100px;
    flex-shrink: 0;
  }
  .product-wishlist .pw-teaser-wrapper {
    flex-direction: row;
  }
  .product-wishlist .pw-teaser-counter {
    flex-basis: 60px;
    margin-right: 3px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .product-wishlist {
    padding-bottom: 80px;
  }
  .product-wishlist .pw-header {
    padding-left: 103px;
  }
  .product-wishlist .pw-label-pos {
    flex-basis: 103px;
  }
  .product-wishlist .pw-teaser-counter {
    flex-basis: 80px;
  }
}
@media screen and (max-width: 1023px) {
  .product-wishlist .pw-header-search {
    flex-wrap: wrap;
  }
  .product-wishlist .pw-header-search .product-search {
    flex-grow: 1;
    flex-basis: 75%;
  }
  .product-wishlist .pw-header-search .custom-button {
    margin-top: 10px;
    margin-left: 100px;
    flex-basis: 100%;
  }
}
@media screen and (max-width: 639px) {
  .product-wishlist .pw-header-search {
    margin-left: -20px;
    margin-right: -20px;
  }
  .product-wishlist .pw-header-search .product-search {
    flex-basis: 100%;
  }
  .product-wishlist .pw-header-search .custom-button {
    margin-left: 0;
    flex-basis: 50%;
    flex-grow: 1;
    order: 3;
  }
  .product-wishlist .pw-header-search .pw-header-count {
    order: 2;
    padding-right: 10px;
  }
  .product-wishlist .pw-list-header {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }
  .product-wishlist .pw-label {
    padding: 10px 20px;
    background-color: #f5f5f7;
  }
  .product-wishlist .pw-label-pos {
    order: 1;
    text-align: center;
    border-bottom: 3px solid #FFF;
  }
  .product-wishlist .pw-label-count {
    order: 3;
  }
  .product-wishlist .pw-label-product {
    order: 2;
    text-align: center;
  }
}
.profile-form input:disabled {
  background-color: #f5f5f7!important;
  color: #000!important;
  border-color: transparent!important;
}
.profile-form.custom-form fieldset .row .columns {
  vertical-align: top;
}
.search-elastic .search-loading {
  position: relative;
  left: 0;
  min-height: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-elastic .teaser-list {
  position: relative;
}
.search-elastic .teaser-list>div {
  margin-bottom: 20px;
}
.module-search {
  padding-bottom: 40px;
}
.module-search .search-form {
  margin-bottom: 40px;
}
.module-search .tree-view-node {
  background-color: #f5f5f7;
  margin: 5px 0;
}
.module-search .tree-view-node .tvn-children .tree-view-node {
  margin: 0;
}
.module-search .paginated-list .teaser-list {
  position: relative;
}
.module-search .paginated-list .teaser-list>div {
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .module-search .paginated-list {
    margin-top: -26px;
    margin-bottom: -26px;
  }
}
.search-news {
  padding-bottom: 40px;
  max-width: 1440px;
  margin: 0 auto;
}
.search-news .teaser-list {
  margin-top: 20px;
  position: relative;
}
.search-news .teaser-list>div {
  margin-bottom: 20px;
}
.search-news .teaser-grid {
  padding-top: 0;
}
@media screen and (min-width: 1024px) {
  .search-news {
    padding-bottom: 80px;
  }
  .search-news .search-form {
    margin-bottom: 32px;
  }
}
.spsearch {
  position: relative;
}
.spsearch .search-field {
  margin-bottom: 80px;
}
.spsearch .spsearch-header {
  margin: 40px 0;
}
.spsearch .spare-parts-header {
  padding-right: 40px;
  font-size: 1.25rem;
  line-height: 1.25;
}
.spsearch .spsearch-content {
  position: relative;
}
.spsearch .loading-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.spsearch .info-card {
  margin-top: 30px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .spsearch .spare-parts-header {
    font-size: 1.5rem;
  }
}
.store-front-wrapper .article-block.--light+.article-block.--grey:not(.--with-spacing) .block-intro,.store-front-wrapper .article-block.--light+.article-block.--dark:not(.--with-spacing) .block-intro,.store-front-wrapper .article-block.--grey+.article-block.--light:not(.--with-spacing) .block-intro,.store-front-wrapper .article-block.--grey+.article-block.--dark:not(.--with-spacing) .block-intro,.store-front-wrapper .article-block.--dark+.article-block.--grey:not(.--with-spacing) .block-intro,.store-front-wrapper .article-block.--dark+.article-block.--light:not(.--with-spacing) .block-intro {
  padding-top: 40px;
}
.store-front-wrapper .article-block.--light+.article-block.--grey.--with-spacing .block-intro,.store-front-wrapper .article-block.--light+.article-block.--dark.--with-spacing .block-intro,.store-front-wrapper .article-block.--grey+.article-block.--light.--with-spacing .block-intro,.store-front-wrapper .article-block.--grey+.article-block.--dark.--with-spacing .block-intro,.store-front-wrapper .article-block.--dark+.article-block.--grey.--with-spacing .block-intro,.store-front-wrapper .article-block.--dark+.article-block.--light.--with-spacing .block-intro {
  padding-top: 0;
}
.store-front-wrapper .article-block.--with-spacing .block-intro:last-child {
  padding: 0 20px;
}
@media screen and (min-width: 640px) {
  .store-front-wrapper .article-block:has(.storefront-menu)+.article-block:has(.commercial-teaser).--with-spacing {
    padding-top: 20px;
  }
}
.store-front-wrapper .block-intro {
  padding: 20px;
}
.store-front-wrapper .product-sitemap {
  padding: 20px 0 0;
}
#buorg {
  padding: 10px 0;
  font-size: 14px;
  line-height: 20px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  background-color: #000;
  color: #fff;
  border-bottom: unset;
}
#buorg .buorg-mainmsg {
  font-weight: 400;
}
#buorg .buorg-buttons {
  margin-top: 10px;
}
#buorg .buorg-buttons #buorgul {
  background-color: #e50043;
  border-radius: unset;
  font-weight: 400;
}
#buorg .buorg-buttons #buorgig {
  background-color: #f5f5f7;
  font-weight: 400;
  border-radius: unset;
  color: #000;
}
.fact-finder-product-wrapper .pgn-header {
  margin-top: 20px;
  margin-bottom: 0;
}
.fact-finder-product-wrapper .results {
  position: relative;
  margin-top: 0;
}
.fact-finder-product-wrapper .teaser-grid {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -20px;
}
.fact-finder-product-wrapper .table-config .icon-button-wrapper {
  padding-right: 0!important;
  padding-left: 0!important;
}
.fact-finder-product-wrapper .table-config .icon-button-wrapper:before {
  font-size: 24px;
}
.fact-finder-product-wrapper .table-config .label {
  padding-left: 8px;
  font-size: 14px;
}
.fact-finder-product-wrapper .pagination-wrapper+.pgn-header {
  position: relative;
  right: 0;
  bottom: 28px;
  padding-top: 0;
  margin-top: 0;
}
.fact-finder-product-wrapper .result-list-wrapper .loading-spinner {
  position: absolute;
  right: calc(50% - 20px);
  top: -37px;
  z-index: 6;
}
@media screen and (min-width: 640px) {
  .fact-finder-product-wrapper .pagination-wrapper+.pgn-header {
    position: absolute;
    padding-top: 0;
    bottom: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .fact-finder-product-wrapper {
    padding-bottom: 80px;
  }
  .fact-finder-product-wrapper .pagination-wrapper+.pgn-header {
    bottom: 83px;
  }
  .fact-finder-product-wrapper .fact-finder-filter {
    padding-top: 0;
  }
  .fact-finder-product-wrapper .fact-finder-tags:not(:empty) {
    margin-bottom: 32px;
  }
  .fact-finder-product-wrapper .result-list-wrapper .loading-spinner {
    right: 12px;
    top: 1px;
  }
  .fact-finder-product-wrapper .article-block:first-child {
    margin-top: 27px;
  }
  .fact-finder-product-wrapper .article-block:last-child {
    margin-top: -40px;
  }
}
@media screen and (max-width: 1439px) {
  .fact-finder-product-wrapper .width-toggle {
    display: none;
  }
}
.table-config-dialog {
  background-color: #000;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.table-config-dialog .table-config-header {
  margin-bottom: 28px;
  text-align: left;
}
.table-config-dialog .table-config-header h1 {
  font-size: 21px;
  margin-bottom: 12px;
}
.table-config-dialog .table-config-header p {
  font-size: 16px;
}
.table-config-dialog .column-drag-list {
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  user-select: none;
  gap: 4px;
}
.table-config-dialog .column-drag-item {
  display: flex;
  gap: 4px;
  cursor: move;
}
.table-config-dialog .custom-checkbox.--background {
  flex-grow: 1;
  background-color: #212121;
  color: #fff;
}
.table-config-dialog .drag-handle {
  display: flex;
  flex-direction: column;
  background-color: #212121;
  color: #fff;
  padding: 7px 18px;
}
.table-config-dialog .button-group {
  margin-top: 40px;
  margin-bottom: 0;
}