@charset "UTF-8";
.customer-styles {
  /* START global: base.scss */
  /* END global: base.scss */
}

.customer-styles .typo-h2 {
  font-size: 33px;
  letter-spacing: 3.3px;
  line-height: 38px;
  color: #000;
  font-family: "Didot Bold", "Times New Roman", Times, serif;
  margin: 0;
  text-transform: uppercase;
  font-weight: normal;
}

@media (min-width: 768px) {
  .customer-styles .typo-h2 {
    font-size: 60px;
    letter-spacing: 6px;
    line-height: 66px;
  }
}

.customer-styles .typo-h3,
.customer-styles h1 {
  font-size: 20px;
  letter-spacing: 0.4px;
  line-height: 28px;
  color: #000;
  font-family: "Didot Italic", "Times New Roman", Times, serif;
  font-weight: 400;
  margin: 0;
}

@media (min-width: 768px) {
  .customer-styles .typo-h3,
  .customer-styles h1 {
    font-size: 22px;
    letter-spacing: 0.44px;
    line-height: 32px;
  }
}

.customer-styles .typo-h3b,
.customer-styles .typo-h3 b,
.customer-styles h1b,
.customer-styles h1 b {
  font-family: "avenir-next-bold", Arial, Helvetica;
  font-weight: 900;
}

.customer-styles .typo-h3 {
  font-style: italic;
}

.customer-styles .typo-h4 {
  font-size: 24px;
  letter-spacing: 2.4px;
  line-height: 28px;
  color: #000;
  font-family: "avenir-next-bold", Arial, Helvetica;
  margin: 0;
  text-transform: uppercase;
  font-weight: normal;
}

@media (min-width: 768px) {
  .customer-styles .typo-h4 {
    font-size: 32px;
    letter-spacing: 3.2px;
    line-height: 40px;
  }
}

.customer-styles .typo-h4 b {
  font-family: "avenir-next-bold", Arial, Helvetica;
  font-weight: 900;
}

.customer-styles .typo-h4-spot {
  font-size: 24px;
  letter-spacing: 2.4px;
  line-height: 28px;
  color: #000;
  font-family: "avenir-black", Arial, Helvetica;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
}

@media (min-width: 768px) {
  .customer-styles .typo-h4-spot {
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 24px;
  }
}

.customer-styles .typo-h4-spot b {
  font-family: "avenir-black", Arial, Helvetica;
  font-weight: 900;
}

.customer-styles .typo-h4-light {
  font-size: 24px;
  letter-spacing: 2.4px;
  line-height: 28px;
  color: #000;
  font-family: "avenir-light", Arial, Helvetica;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
}

@media (min-width: 768px) {
  .customer-styles .typo-h4-light {
    font-size: 32px;
    letter-spacing: 3.2px;
    line-height: 40px;
  }
}

.customer-styles .typo-h4-light b {
  font-family: "avenir-next-bold", Arial, Helvetica;
  font-weight: 900;
}

.customer-styles .typo-text,
.customer-styles p {
  width: 100%;
  font-size: 17px;
  letter-spacing: 0.34px;
  line-height: 26px;
  color: #000;
  font-family: "Avenir Book", Arial, Helvetica;
  font-weight: 400;
  margin: 0;
}

@media (min-width: 768px) {
  .customer-styles .typo-text,
  .customer-styles p {
    font-size: 17px;
    letter-spacing: 0.34px;
    line-height: 26px;
  }
}

.customer-styles .typo-text sup,
.customer-styles p sup {
  font-size: 9px;
}

.customer-styles .typo-text i,
.customer-styles p i {
  font-style: unset;
  font-family: "avenir-medium-oblique", Arial, Helvetica;
}

.customer-styles .typo-textb,
.customer-styles .typo-text b,
.customer-styles pb,
.customer-styles p b {
  font-family: "avenir-black", Arial, Helvetica;
  font-weight: normal;
}

.customer-styles .typo-text ul,
.customer-styles p ul {
  display: inline-block;
  width: 100%;
  padding-inline-start: 1.2em;
}

@media (min-width: 768px) {
  .customer-styles .typo-text ul,
  .customer-styles p ul {
    padding-inline-start: 1.4em;
  }
}

.customer-styles .typo-text ul li,
.customer-styles p ul li {
  list-style: disc !important;
  font-size: inherit;
  position: relative;
  text-indent: 0;
  padding-bottom: 0;
}

.customer-styles .typo-text ul li::marker,
.customer-styles p ul li::marker {
  font-size: 16px;
  letter-spacing: 0.88px;
  line-height: 14px;
}

@media (min-width: 768px) {
  .customer-styles .typo-text ul li::marker,
  .customer-styles p ul li::marker {
    font-size: 16px;
    letter-spacing: 0.88px;
    line-height: 14px;
  }
}

.customer-styles .typo-text ol,
.customer-styles p ol {
  display: inline-block;
  list-style-type: decimal;
  font-size: inherit;
  width: 100%;
  padding-inline-start: 1.4em;
}

.customer-styles .typo-text ol li::marker,
.customer-styles p ol li::marker {
  font-size: 16px;
  letter-spacing: 0.88px;
  line-height: 14px;
  font-family: "avenir-black", Arial, Helvetica;
  position: relative;
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .customer-styles .typo-text ol li::marker,
  .customer-styles p ol li::marker {
    font-size: 16px;
    letter-spacing: 0.88px;
    line-height: 14px;
  }
}

.customer-styles .typo-quote-text,
.customer-styles blockquote {
  position: relative;
  font-size: 20px;
  letter-spacing: 0.4px;
  line-height: 28px;
  color: #000;
  font-family: "Didot Italic", "Times New Roman", Times, serif;
  margin: 0;
  font-weight: 400;
  font-style: italic;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .customer-styles .typo-quote-text,
  .customer-styles blockquote {
    font-size: 22px;
    letter-spacing: 0.44px;
    line-height: 32px;
  }
}

.customer-styles .typo-quote-text p,
.customer-styles .typo-quote-text div,
.customer-styles blockquote p,
.customer-styles blockquote div {
  font-size: 20px;
  letter-spacing: 0.4px;
  line-height: 28px;
  color: #000;
  font-family: "Didot Italic", "Times New Roman", Times, serif;
  margin: 0;
  font-weight: 400;
  font-style: italic;
}

@media (min-width: 768px) {
  .customer-styles .typo-quote-text p,
  .customer-styles .typo-quote-text div,
  .customer-styles blockquote p,
  .customer-styles blockquote div {
    font-size: 22px;
    letter-spacing: 0.44px;
    line-height: 32px;
  }
}

.customer-styles .typo-quote-text p::before,
.customer-styles .typo-quote-text div::before,
.customer-styles blockquote p::before,
.customer-styles blockquote div::before {
  content: "» ";
  display: inline-block;
}

.customer-styles .typo-quote-text p::after,
.customer-styles .typo-quote-text div::after,
.customer-styles blockquote p::after,
.customer-styles blockquote div::after {
  content: " «";
  display: inline-block;
}

.customer-styles .typo-quote-text b,
.customer-styles blockquote b {
  font-family: "Didot Bold", "Times New Roman", Times, serif;
  font-weight: 900;
}

.customer-styles .typo-price {
  font-size: 28px;
  letter-spacing: 2.8px;
  line-height: 33.6px;
  font-family: "avenir-next-bold", Arial, Helvetica;
  font-weight: 400;
}

@media (min-width: 768px) {
  .customer-styles .typo-price {
    font-size: 38px;
    letter-spacing: 3.8px;
    line-height: 24px;
  }
}

.customer-styles .typo-tax {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.26px;
  font-family: "Avenir Book", Arial, Helvetica;
}

.customer-styles {
  scroll-behavior: smooth;
}

.customer-styles html {
  height: 100%;
}

.customer-styles body {
  background-color: #fff;
  color: #000;
  font-family: 'Times New Roman', Times, serif;
  margin: 0;
  font-size: 17px;
}

.customer-styles.scroll-up .main-content {
  margin-top: 100px;
}

@media (min-width: 768px) {
  .customer-styles.scroll-up .main-content {
    margin-top: 120px;
  }
}

.customer-styles *,
.customer-styles *::before,
.customer-styles *::after {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

.customer-styles h1,
.customer-styles h2,
.customer-styles h3,
.customer-styles h4,
.customer-styles h5,
.customer-styles h6 {
  color: inherit;
  margin: 0;
}

.customer-styles p,
.customer-styles ul,
.customer-styles ol,
.customer-styles li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: inherit;
}

.customer-styles blockquote {
  font-family: "Didot Italic", "Times New Roman", Times, serif;
  margin: 0;
  padding: 0;
  border-left: none;
}

.customer-styles button {
  -webkit-tap-highlight-color: transparent;
}

.customer-styles .global-spacing-top {
  padding-top: 60px;
}

@media (min-width: 768px) {
  .customer-styles .global-spacing-top {
    padding-top: 100px;
  }
}

.customer-styles .global-grid {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-inline: auto;
  max-width: 1280px;
  padding-inline: 25px;
}

@media (min-width: 768px) {
  .customer-styles .global-grid {
    grid-template-columns: repeat(16, minmax(0, 1fr));
    padding-inline: 5px;
  }
}

.customer-styles .hidden {
  display: none;
}

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

.customer-styles .et-switch {
  position: relative;
  display: inline-block;
  line-height: 1;
  width: 40px;
  height: 20px;
}

.customer-styles .et-switch input {
  opacity: 0;
}

.customer-styles .et-switch input#et-toggle-opt-out:checked + .et-slider {
  background-image: linear-gradient(180deg, #ff9021, #ff4a5a);
  background-color: #ff9021;
}

.customer-styles .et-switch .et-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #666666;
  transition: .4s;
  border-radius: 34px;
}

.customer-styles .et-switch input#et-toggle-opt-out:checked + .et-slider::before {
  transform: translateX(20px);
  left: 2px;
  background-color: white;
}

.customer-styles .et-switch .et-slider::before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 3px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

.customer-styles .et-switch input#et-toggle-opt-out:checked + span::after {
  content: "Meine Besuchsdaten fließen in die Web-Analyse ein.";
}

.customer-styles .et-switch input#et-toggle-opt-out + span::after {
  content: "Meine Besuchsdaten fließen nicht in die Web-Analyse ein.";
  position: absolute;
  left: 50px;
  width: auto;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
}

.customer-styles .wrapper {
  background-color: white;
  padding: 0;
  position: relative;
}

.customer-styles .wrapper footer {
  height: auto;
  position: absolute;
  width: 100%;
}

.customer-styles .link-appearance-default {
  position: relative;
  color: currentColor;
  font-family: "avenir-medium", Arial, Helvetica;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1.6px;
  text-decoration: underline;
  text-transform: uppercase;
  text-decoration-thickness: 0.09em;
  text-underline-offset: 0.3em;
  -webkit-text-decoration-color: #CB9943;
          text-decoration-color: #CB9943;
}

.customer-styles .link-appearance-default::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.666' height='16.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.666' height='16.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-size: contain;
  margin-left: 2px;
}

.customer-styles .link-appearance-default:hover {
  font-family: "avenir-black", Arial, Helvetica;
}

.customer-styles .link-appearance-default:hover::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.666' height='16.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.666' height='16.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E%0A");
}

.customer-styles .link-appearance-primary, .customer-styles .link-appearance-secondary, .customer-styles .link-appearance-tertiary {
  font-family: "avenir-medium", Arial, Helvetica;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  text-decoration: none !important;
  align-items: center;
  border-radius: 65px;
  box-sizing: border-box;
  display: flex;
  cursor: pointer;
  padding: 14px 35px 14px 25px;
  justify-content: space-between;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: 100%;
  position: relative;
}

.customer-styles .link-appearance-primary::after, .customer-styles .link-appearance-secondary::after, .customer-styles .link-appearance-tertiary::after {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  background-position: right;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-left: 15px;
}

.customer-styles .link-appearance-primary:hover, .customer-styles .link-appearance-secondary:hover, .customer-styles .link-appearance-tertiary:hover {
  font-family: "avenir-black", Arial, Helvetica;
}

.customer-styles .link-appearance-primary:hover::after, .customer-styles .link-appearance-secondary:hover::after, .customer-styles .link-appearance-tertiary:hover::after {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
}

.customer-styles .button-label {
  width: 100%;
}

.customer-styles .link-appearance-primary {
  background-color: #89101E;
  border: 1px solid #89101E;
  color: #fff;
}

.customer-styles .link-appearance-primary::after {
  background-color: #fff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.666' height='18.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.666' height='18.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E%0A");
  opacity: 1;
}

.customer-styles .link-appearance-primary:hover::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.666' height='18.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.666' height='18.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E%0A");
}

.customer-styles .link-appearance-secondary {
  background-color: #CB9943;
  border: 1px solid #CB9943;
  color: #000;
}

.customer-styles .link-appearance-secondary::after {
  background-color: #000;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.666' height='18.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.666' height='18.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.customer-styles .link-appearance-secondary:hover::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.666' height='18.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.666' height='18.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E%0A");
}

.customer-styles .link-appearance-tertiary {
  background: #fff;
  border: 1px solid #CB9943;
  color: #000;
}

.customer-styles .link-appearance-tertiary::after {
  background-color: #000;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.666' height='18.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.666' height='18.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.customer-styles .link-appearance-tertiary:hover::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.666' height='18.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.666' height='18.666' viewBox='0 0 18.666 18.666'%3E%3Cpath id='Pfad_9834' data-name='Pfad 9834' d='M12.2,0V12.2H0' transform='translate(0 9.333) rotate(-45)' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E%0A");
}

.customer-styles .buttons-container {
  margin: 60px auto 0 auto;
  position: relative;
  max-width: 330px;
  align-items: center;
  min-width: 330px;
}

.customer-styles .buttons-container > * {
  margin-bottom: 15px;
}

.customer-styles .buttons-container > *:last-child {
  margin-bottom: 0;
}

.customer-styles header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  top: 0;
  background-color: white;
  position: relative;
  z-index: 12;
  transition: opacity .5s;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px;
}

@media (min-width: 768px) {
  .customer-styles header {
    padding-top: 40px;
  }
}

@media (min-width: 768px) {
  .customer-styles header {
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .customer-styles header {
    padding-left: 40px;
  }
}

@media (min-width: 768px) {
  .customer-styles header {
    padding-right: 40px;
  }
}

.customer-styles header .header-inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}

.customer-styles header.overHeaderHeight {
  opacity: 0;
}

.customer-styles header button {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}

.customer-styles header .menu-button {
  cursor: pointer;
  font-family: "avenir-roman", Arial, Helvetica;
  font-size: 14px;
  letter-spacing: 0.7px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: auto;
}

@media (min-width: 768px) {
  .customer-styles header .menu-button {
    min-width: 92px;
  }
}

.customer-styles header .menu-button:before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='27' viewBox='0 0 40 27'%3E%3Cg id='Gruppe_11968' data-name='Gruppe 11968' transform='translate(-40 -23803.75)'%3E%3Cline id='Linie_418' data-name='Linie 418' x2='40' transform='translate(40 23805)' fill='none' stroke='%23000' stroke-width='2.5'/%3E%3Cline id='Linie_419' data-name='Linie 419' x2='29.5' transform='translate(40 23817)' fill='none' stroke='%23000' stroke-width='2.5'/%3E%3Cline id='Linie_420' data-name='Linie 420' x2='40' transform='translate(40 23829)' fill='none' stroke='%23000' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 40px;
  height: 27px;
}

.customer-styles header .menu-button:hover:before {
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='28' viewBox='0 0 40 28'%3E%3Cg id='Gruppe_11978' data-name='Gruppe 11978' transform='translate(-40 -44)'%3E%3Cline id='Linie_263' data-name='Linie 263' x2='40' transform='translate(40 46)' fill='none' stroke='%23000' stroke-width='4'/%3E%3Cline id='Linie_264' data-name='Linie 264' x2='29.5' transform='translate(40 58)' fill='none' stroke='%23000' stroke-width='4'/%3E%3Cline id='Linie_265' data-name='Linie 265' x2='40' transform='translate(40 70)' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.customer-styles header .menu-button:hover .menu-text {
  font-family: "avenir-black", Arial, Helvetica;
}

.customer-styles header .menu-button .menu-text {
  padding-top: 3px;
  padding-left: 5px;
  display: none;
}

@media (min-width: 768px) {
  .customer-styles header .menu-button .menu-text {
    display: block;
  }
}

.customer-styles header .logo {
  width: 145px;
}

@media (min-width: 768px) {
  .customer-styles header .logo {
    width: 173px;
  }
}

.customer-styles header .quicklink {
  min-width: 59px;
}

.customer-styles header .stores-link {
  color: black;
  font-family: "avenir-roman", Arial, Helvetica;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.26px;
}

.customer-styles header .stores-link:after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20' viewBox='0 0 14 20'%3E%3Cg id='_Color' data-name=' ↳Color' transform='translate(0 0)' fill='none' stroke-miterlimit='10'%3E%3Cpath d='M7,20H7a45.452,45.452,0,0,1-3.5-4.53C1.9,13.1,0,9.712,0,7A7,7,0,0,1,11.952,2.049,6.955,6.955,0,0,1,14,7c0,2.712-1.9,6.1-3.5,8.468A45.452,45.452,0,0,1,7,20ZM7,4.5A2.5,2.5,0,1,0,9.5,7,2.5,2.5,0,0,0,7,4.5Z' stroke='none'/%3E%3Cpath d='M 7.00019359588623 18.46365928649902 C 7.656469821929932 17.67342758178711 8.662622451782227 16.40433502197266 9.671370506286621 14.90930938720703 C 11.81813049316406 11.72764873504639 13.00040054321289 8.918808937072754 13.00040054321289 7.000198841094971 C 13.00040054321289 5.395608901977539 12.37679004669189 3.888309001922607 11.24444007873535 2.755958795547485 C 10.11210060119629 1.623618960380554 8.604800224304199 1.000008940696716 7.000200271606445 1.000008940696716 C 5.395600318908691 1.000008940696716 3.888300180435181 1.623618960380554 2.75596022605896 2.755968809127808 C 1.623610258102417 3.888309001922607 1.000000238418579 5.395608901977539 1.000000238418579 7.000198841094971 C 1.000000238418579 8.918808937072754 2.182270288467407 11.72764873504639 4.32903003692627 14.90930938720703 C 5.337778091430664 16.40433502197266 6.344081401824951 17.67360877990723 7.00019359588623 18.46365928649902 M 7.000200271606445 3.500008821487427 C 8.930220603942871 3.500008821487427 10.50040054321289 5.070188999176025 10.50040054321289 7.000198841094971 C 10.50040054321289 8.930218696594238 8.930220603942871 10.50039863586426 7.000200271606445 10.50039863586426 C 5.070180416107178 10.50039863586426 3.500000238418579 8.930218696594238 3.500000238418579 7.000198841094971 C 3.500000238418579 5.070188999176025 5.070180416107178 3.500008821487427 7.000200271606445 3.500008821487427 M 7.000200271606445 19.99979972839355 L 6.999460220336914 19.99897956848145 C 6.9274001121521 19.91894912719727 5.214900493621826 18.01009941101074 3.500080347061157 15.46862888336182 C 1.903360247612 13.10216903686523 2.716064386731887e-07 9.712018966674805 2.716064386731887e-07 7.000198841094971 C 2.716064386731887e-07 5.128499031066895 0.7276302576065063 3.370078802108765 2.048850297927856 2.048858880996704 C 3.370070219039917 0.7276288866996765 5.128490447998047 8.910522410587873e-06 7.000200271606445 8.910522410587873e-06 C 8.871910095214844 8.910522410587873e-06 10.63033008575439 0.7276288866996765 11.95155048370361 2.048858880996704 C 13.27276992797852 3.370078802108765 14.00040054321289 5.128499031066895 14.00040054321289 7.000198841094971 C 14.00040054321289 9.712018966674805 12.0970401763916 13.10216903686523 10.50032043457031 15.46862888336182 C 8.785500526428223 18.01009941101074 7.073000431060791 19.91894912719727 7.000940322875977 19.99897956848145 L 7.000200271606445 19.99979972839355 Z M 7.000200271606445 4.500009059906006 C 5.621590137481689 4.500009059906006 4.500000476837158 5.621598720550537 4.500000476837158 7.000198841094971 C 4.500000476837158 8.378808975219727 5.621590137481689 9.500398635864258 7.000200271606445 9.500398635864258 C 8.378809928894043 9.500398635864258 9.500400543212891 8.378808975219727 9.500400543212891 7.000198841094971 C 9.500400543212891 5.621598720550537 8.378809928894043 4.500009059906006 7.000200271606445 4.500009059906006 Z' stroke='none' fill='%23000'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 14px;
  height: 20px;
  vertical-align: bottom;
  margin-left: 5px;
}

.customer-styles header .stores-link:hover {
  font-family: "avenir-black", Arial, Helvetica;
}

.customer-styles header .stores-link:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20' viewBox='0 0 14 20'%3E%3Cg id='_Color' data-name=' ↳Color' transform='translate(0 0)' fill='none' stroke-miterlimit='10'%3E%3Cpath d='M7,20H7a45.452,45.452,0,0,1-3.5-4.53C1.9,13.1,0,9.712,0,7A7,7,0,0,1,11.952,2.049,6.955,6.955,0,0,1,14,7c0,2.712-1.9,6.1-3.5,8.468A45.452,45.452,0,0,1,7,20ZM7,4.5A2.5,2.5,0,1,0,9.5,7,2.5,2.5,0,0,0,7,4.5Z' stroke='none'/%3E%3Cpath d='M 7.00019359588623 16.87236213684082 C 7.548293590545654 16.17449188232422 8.194342613220215 15.31046962738037 8.842410087585449 14.34998893737793 C 10.87887001037598 11.33180904388428 12.00040054321289 8.721598625183105 12.00040054321289 7.000198841094971 C 12.00040054321289 5.662718772888184 11.48081016540527 4.406538963317871 10.53733062744141 3.463068962097168 C 9.593870162963867 2.519598960876465 8.337690353393555 2.000008821487427 7.000200271606445 2.000008821487427 C 5.662710189819336 2.000008821487427 4.406530380249023 2.519598960876465 3.46306037902832 3.463068962097168 C 2.519590377807617 4.406538963317871 2.000000238418579 5.662718772888184 2.000000238418579 7.000198841094971 C 2.000000238418579 8.721598625183105 3.121530294418335 11.33180904388428 5.157980442047119 14.34998893737793 C 5.806151390075684 15.31061744689941 6.45212984085083 16.17453956604004 7.00019359588623 16.87236213684082 M 7.000200271606445 2.500008821487427 C 9.481619834899902 2.500008821487427 11.50040054321289 4.518788814544678 11.50040054321289 7.000198841094971 C 11.50040054321289 9.481618881225586 9.481619834899902 11.50039863586426 7.000200271606445 11.50039863586426 C 4.51878023147583 11.50039863586426 2.500000238418579 9.481618881225586 2.500000238418579 7.000198841094971 C 2.500000238418579 4.518788814544678 4.51878023147583 2.500008821487427 7.000200271606445 2.500008821487427 M 7.000200271606445 19.99979972839355 L 6.999460220336914 19.99897956848145 C 6.9274001121521 19.91894912719727 5.214900493621826 18.01009941101074 3.500080347061157 15.46862888336182 C 1.903360247612 13.10216903686523 2.716064386731887e-07 9.712018966674805 2.716064386731887e-07 7.000198841094971 C 2.716064386731887e-07 5.128499031066895 0.7276302576065063 3.370078802108765 2.048850297927856 2.048858880996704 C 3.370070219039917 0.7276288866996765 5.128490447998047 8.910522410587873e-06 7.000200271606445 8.910522410587873e-06 C 8.871910095214844 8.910522410587873e-06 10.63033008575439 0.7276288866996765 11.95155048370361 2.048858880996704 C 13.27276992797852 3.370078802108765 14.00040054321289 5.128499031066895 14.00040054321289 7.000198841094971 C 14.00040054321289 9.712018966674805 12.0970401763916 13.10216903686523 10.50032043457031 15.46862888336182 C 8.785500526428223 18.01009941101074 7.073000431060791 19.91894912719727 7.000940322875977 19.99897956848145 L 7.000200271606445 19.99979972839355 Z M 7.000200271606445 4.500009059906006 C 5.621590137481689 4.500009059906006 4.500000476837158 5.621598720550537 4.500000476837158 7.000198841094971 C 4.500000476837158 8.378808975219727 5.621590137481689 9.500398635864258 7.000200271606445 9.500398635864258 C 8.378809928894043 9.500398635864258 9.500400543212891 8.378808975219727 9.500400543212891 7.000198841094971 C 9.500400543212891 5.621598720550537 8.378809928894043 4.500009059906006 7.000200271606445 4.500009059906006 Z' stroke='none' fill='%23000'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.customer-styles.scroll-up header {
  opacity: 1;
  position: fixed;
}

.customer-styles .skip-wrapper {
  display: flex;
  width: 100%;
  padding: 20px 0;
  background-color: #F6EACF;
  justify-content: center;
  gap: 10px;
  position: absolute;
  left: -9999px;
  top: -9999px;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 768px) {
  .customer-styles .skip-wrapper {
    flex-direction: row;
  }
}

.customer-styles .skip-wrapper:focus-within {
  position: static;
}

.customer-styles .skip-wrapper .link {
  width: 330px;
}

.customer-styles .skip-wrapper .link-appearance-tertiary {
  text-align: left;
}

.customer-styles .nav-wrapper {
  height: 100dvh;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999999;
  font-family: "Avenir Regular", Arial, Helvetica;
}

.customer-styles .nav-wrapper a:visited {
  color: black;
}

.customer-styles .nav-wrapper .navigation-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .5s;
  width: 100%;
}

.customer-styles .nav-wrapper .main-nav {
  width: 400px;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  left: -100%;
  transition: left .5s;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding-top: 17px;
  padding-bottom: 40px;
  padding-left: 18px;
  padding-right: 18px;
}

@media (min-width: 768px) {
  .customer-styles .nav-wrapper .main-nav {
    width: 400px;
  }
}

@media (min-width: 768px) {
  .customer-styles .nav-wrapper .main-nav {
    left: -440px;
  }
}

@media (min-width: 768px) {
  .customer-styles .nav-wrapper .main-nav {
    padding-top: 37px;
  }
}

@media (min-width: 768px) {
  .customer-styles .nav-wrapper .main-nav {
    padding-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .customer-styles .nav-wrapper .main-nav {
    padding-left: 33px;
  }
}

@media (min-width: 768px) {
  .customer-styles .nav-wrapper .main-nav {
    padding-right: 33px;
  }
}

.customer-styles .nav-wrapper .close-nav {
  display: flex;
  align-items: center;
}

.customer-styles .nav-wrapper .close-nav:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' width='23.7' height='23.7' version='1.1' viewBox='0 0 23.7 23.7'%3E%3Cg id='Gruppe_5781'%3E%3Cline id='Linie_264' x1='1.4' y1='1.4' x2='22.3' y2='22.3' style='fill: none; stroke: %23000; stroke-miterlimit: 4; stroke-width: 2.5px;'/%3E%3Cline id='Linie_276' x1='22.3' y1='1.4' x2='1.4' y2='22.3' style='fill: none; stroke: %23000; stroke-miterlimit: 4; stroke-width: 2.5px;'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.customer-styles .nav-wrapper .close-nav:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' width='23.7' height='23.7' version='1.1' viewBox='0 0 23.7 23.7'%3E%3Cg id='Gruppe_5781'%3E%3Cline id='Linie_264' x1='1.4' y1='1.4' x2='22.3' y2='22.3' style='fill: none; stroke: %23000; stroke-miterlimit: 4; stroke-width: 4px;'/%3E%3Cline id='Linie_276' x1='22.3' y1='1.4' x2='1.4' y2='22.3' style='fill: none; stroke: %23000; stroke-miterlimit: 4; stroke-width: 4px;'/%3E%3C/g%3E%3C/svg%3E");
}

.customer-styles .nav-wrapper .close-nav:hover .close-lable {
  font-family: "avenir-black", Arial, Helvetica;
}

.customer-styles .nav-wrapper .close-nav .close-lable {
  font-size: 14px;
  font-family: "avenir-roman", Arial, Helvetica;
  letter-spacing: 0.7px;
  margin-left: 18px;
}

.customer-styles .nav-wrapper .main-nav-content {
  margin-top: 40px;
  margin-left: 62px;
}

@media (min-width: 768px) {
  .customer-styles .nav-wrapper .main-nav-content {
    margin-top: 70px;
  }
}

@media (min-width: 768px) {
  .customer-styles .nav-wrapper .main-nav-content {
    margin-left: 42px;
  }
}

.customer-styles .nav-wrapper .nav-level-1-item.inactive {
  display: none;
}

.customer-styles .nav-wrapper .nav-level-1-item .back-arrow {
  display: none;
}

.customer-styles .nav-wrapper .nav-level-1-item.active {
  margin-left: -40px;
}

.customer-styles .nav-wrapper .nav-level-1-item.active .level-1-link {
  display: flex;
  align-items: center;
  position: relative;
  color: black;
  text-decoration: underline;
  -webkit-text-decoration-color: #CB9943;
          text-decoration-color: #CB9943;
  text-decoration-thickness: 3px;
  /* nur in modernen Browsern */
  text-underline-offset: 0.1em;
  /*&:focus {
          outline: 0;
        }

        &:focus-within {
          &:before {
            outline-width: 2px;
            outline-style: auto;
            outline-color: black;
          }
        }*/
  /*&:before {
          content: "";
          
        }*/
  /*&:after {
          content: "";
          display: block;
          width: 75%;
          height: 3px;
          background-color: $color-gold;
          position: absolute;
          bottom: 0px;
          left: 39px;
        }*/
}

.customer-styles .nav-wrapper .nav-level-1-item.active .level-1-link:visited {
  color: black;
}

.customer-styles .nav-wrapper .nav-level-1-item.active .level-1-link .back-arrow {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.681' height='16.681' viewBox='0 0 16.681 16.681'%3E%3Cpath id='Pfad_9786' data-name='Pfad 9786' d='M-13636.8-9248.444v9.794h-9.795' transform='translate(16189.235 -3101.619) rotate(-45)' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  margin-left: 20px;
  margin-top: -7px;
  transform: rotate(180deg);
}

.customer-styles .nav-wrapper .nav-level-1-item.active .nav-level-2 {
  display: block;
  margin-left: 40px;
}

.customer-styles .nav-wrapper .nav-item {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 2px;
}

.customer-styles .nav-wrapper .level-1-link {
  font-family: "avenir-black", Arial, Helvetica;
  font-size: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  display: inline-flex;
}

.customer-styles .nav-wrapper .level-1-link:hover {
  /*&:after {
        content: "";
        display: block;
        width: 98%;
        height: 3px;
        background-color: $color-gold;
        position: absolute;
        bottom: 0px;
      }*/
  text-decoration: underline;
  -webkit-text-decoration-color: #CB9943;
          text-decoration-color: #CB9943;
  text-decoration-thickness: 3px;
  /* nur in modernen Browsern */
  text-underline-offset: 0.1em;
}

.customer-styles .nav-wrapper .nav-level-2 {
  display: none;
  margin-top: 20px;
}

.customer-styles .nav-wrapper .level-2-link {
  position: relative;
}

.customer-styles .nav-wrapper .level-2-link:hover, .customer-styles .nav-wrapper .level-2-link.active {
  font-family: "avenir-black", Arial, Helvetica;
  /*&:after {
        content: "";
        display: block;
        width: 98%;
        height: 3px;
        background-color: $color-gold;
        position: absolute;
        bottom: -2px;
      }*/
  text-decoration: underline;
  -webkit-text-decoration-color: #CB9943;
          text-decoration-color: #CB9943;
  text-decoration-thickness: 3px;
  /* nur in modernen Browsern */
  text-underline-offset: 0.1em;
}

.customer-styles .nav-wrapper .nav-level-2-link {
  font-family: "Avenir Book", Arial, Helvetica;
}

.customer-styles .nav-wrapper .meta-nav {
  margin-top: auto;
  margin-left: 62px;
}

@media (min-width: 768px) {
  .customer-styles .nav-wrapper .meta-nav {
    margin-left: 40px;
  }
}

.customer-styles .nav-wrapper .meta-nav li {
  margin-bottom: 12px;
}

.customer-styles .nav-wrapper .meta-nav-link {
  font-size: 14px;
  font-family: "avenir-roman", Arial, Helvetica;
  color: black;
  text-decoration: none;
}

.customer-styles .nav-wrapper .meta-nav-link:hover {
  font-family: "avenir-black", Arial, Helvetica;
  text-decoration: underline;
}

.customer-styles .nav-wrapper button {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  color: black;
}

.customer-styles .nav-wrapper button:focus, .customer-styles .nav-wrapper button:active {
  color: black;
}

.customer-styles .nav-wrapper ul {
  list-style-type: none;
}

.customer-styles .nav-wrapper a {
  text-decoration: none;
  color: black;
}

.customer-styles .open {
  overflow: hidden;
}

.customer-styles .open .nav-wrapper {
  pointer-events: all;
}

.customer-styles .open .main-nav {
  left: 0;
}

.customer-styles .open .navigation-backdrop {
  opacity: 1;
  cursor: pointer;
}

.customer-styles .footer {
  font-family: "Avenir Book", Arial, Helvetica;
  color: white;
  background-color: #555756;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: 60px;
}

@media (min-width: 768px) {
  .customer-styles .footer {
    padding-top: 100px;
  }
}

@media (min-width: 768px) {
  .customer-styles .footer {
    padding-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .customer-styles .footer {
    margin-top: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .customer-styles .footer .footer-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding-inline: 25px;
  }
  .customer-styles .footer .footer-grid .col-1 {
    grid-column: 1 / 4;
    margin-bottom: 30px;
  }
  .customer-styles .footer .footer-grid .col-2 {
    grid-column: 4 / 6;
    margin-bottom: 30px;
    max-width: 215px;
  }
  .customer-styles .footer .footer-grid .col-3 {
    grid-column: 1 / 4;
  }
  .customer-styles .footer .footer-grid .col-4 {
    grid-column: 4 / 6;
  }
}

.customer-styles .footer .col-1 {
  grid-column: 1/7;
}

@media (min-width: 768px) {
  .customer-styles .footer .col-1 {
    grid-column: 2/6;
  }
}

.customer-styles .footer .col-2 {
  grid-column: 1/7;
}

@media (min-width: 768px) {
  .customer-styles .footer .col-2 {
    grid-column: 7/10;
  }
}

.customer-styles .footer .col-3 {
  grid-column: 1/7;
}

@media (min-width: 768px) {
  .customer-styles .footer .col-3 {
    grid-column: 11/13;
  }
}

.customer-styles .footer .col-3 ul li {
  min-height: 28px;
}

.customer-styles .footer .col-4 {
  grid-column: 1/7;
}

@media (min-width: 768px) {
  .customer-styles .footer .col-4 {
    grid-column: 14/16;
  }
}

.customer-styles .footer .col-4 ul li {
  min-height: 30px;
}

.customer-styles .footer .footer-headline {
  font-family: "avenir-next-bold", Arial, Helvetica;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 15px;
  letter-spacing: 2px;
}

.customer-styles .footer .footer-element {
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 30px;
}

.customer-styles .footer .footer-element li {
  margin-bottom: 10px;
}

.customer-styles .footer .footer-bottom-line {
  grid-column: 1/6;
  display: flex;
  gap: 0;
  flex-direction: column;
  justify-content: normal;
  margin-top: 60px;
  font-size: 15px;
}

@media (min-width: 768px) {
  .customer-styles .footer .footer-bottom-line {
    grid-column: 2/15;
  }
}

@media (min-width: 768px) {
  .customer-styles .footer .footer-bottom-line {
    gap: 40px;
  }
}

@media (min-width: 768px) {
  .customer-styles .footer .footer-bottom-line {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .customer-styles .footer .footer-bottom-line {
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .customer-styles .footer .footer-bottom-line {
    margin-top: 70px;
  }
}

.customer-styles .footer .footer-bottom-line li {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .customer-styles .footer .footer-bottom-line li {
    margin-bottom: 0;
  }
}

.customer-styles .footer .social-media-icon {
  vertical-align: text-bottom;
  margin-right: 10px;
}

.customer-styles .footer address {
  font-style: normal;
}

.customer-styles .footer a {
  color: white;
  text-decoration: none;
}

.customer-styles .footer a:hover {
  text-shadow: 0 0 1px currentColor;
  font-weight: bold;
  text-decoration: underline;
}

.customer-styles .footer ul {
  list-style-type: none;
}

.customer-styles .global-forms.template_text .content {
  display: grid;
  grid-column: 1 / 7;
  gap: 30px;
}

@media (min-width: 768px) {
  .customer-styles .global-forms.template_text .content {
    grid-column: 2 / 16;
  }
}

@media (min-width: 992px) {
  .customer-styles .global-forms.template_text .content {
    grid-template-columns: 1fr 1fr;
    gap: 90px;
  }
}

.customer-styles .global-forms.template_text .success {
  font-family: "avenir-next-ultra-light", Arial, Helvetica;
  font-size: 32px;
  letter-spacing: 3.2px;
  line-height: 40px;
  text-transform: uppercase;
}

.customer-styles .global-forms.template_text .success .bold {
  font-family: "avenir-next-bold", Arial, Helvetica;
}

.customer-styles .global-forms.template_text .success,
.customer-styles .global-forms.template_text .error-send {
  display: none;
}

@media (min-width: 768px) {
  .customer-styles .global-forms.template_text .right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}

@media (min-width: 992px) {
  .customer-styles .global-forms.template_text .right {
    display: block;
    gap: 10px;
  }
}

.customer-styles .global-forms.template_text .text {
  font-family: "Avenir Book", Arial, Helvetica;
  font-size: 17px;
  letter-spacing: 0.34px;
  line-height: 26px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .customer-styles .global-forms.template_text .text {
    margin-top: 10px;
  }
}

@media (min-width: 992px) {
  .customer-styles .global-forms.template_text .text {
    margin-top: 0;
  }
}

.customer-styles .global-forms.template_text .contact-mandatory {
  text-align: right;
  font-family: "avenir-light", Arial, Helvetica;
  font-size: 13px;
  letter-spacing: 0.65px;
  line-height: 18px;
}

@media (min-width: 768px) {
  .customer-styles .global-forms.template_text .image-wrapper {
    max-width: 60%;
    margin: 0 auto;
  }
}

@media (min-width: 992px) {
  .customer-styles .global-forms.template_text .image-wrapper {
    max-width: 100%;
  }
}

.customer-styles .global-forms.template_text .image-wrapper img {
  width: 100%;
}

.customer-styles .global-forms.template_text .buttons-container {
  margin: 30px auto 0 auto;
}

.customer-styles .global-input-container {
  margin-bottom: 10px;
}

.customer-styles .global-input-container.error .error-message {
  display: flex;
}

.customer-styles .global-input-container.error input, .customer-styles .global-input-container.error textarea {
  color: #C30000;
  border: 1px solid #C30000;
}

.customer-styles .global-input-container.error label {
  color: #C30000;
}

.customer-styles .global-input-container .error-message {
  font-family: "avenir-roman", Arial, Helvetica;
  font-size: 14px;
  letter-spacing: 0.28px;
  line-height: 20px;
  color: #C30000;
  position: relative;
  margin-bottom: 5px;
  display: none;
}

.customer-styles .global-input-container .error-message span {
  display: block;
  padding-top: 2px;
}

.customer-styles .global-input-container .error-message:before {
  content: "";
  display: block;
  width: 28px;
  min-width: 28px;
  height: 23px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cg id='Gruppe_2662' data-name='Gruppe 2662' transform='translate(-992 -673)'%3E%3Cg id='Gruppe_1070' data-name='Gruppe 1070' transform='translate(636.825 557.825)'%3E%3Ccircle id='Ellipse_203' data-name='Ellipse 203' cx='11.5' cy='11.5' r='11.5' transform='translate(355.175 115.175)' fill='%23C30000'/%3E%3C/g%3E%3Cg id='Gruppe_2648' data-name='Gruppe 2648' transform='translate(1000 673.935)'%3E%3Cpath id='Pfad_5625' data-name='Pfad 5625' d='M.268,0h3V10h-3Z' transform='translate(1.732 3)' fill='%23fff'/%3E%3Ccircle id='Ellipse_204' data-name='Ellipse 204' cx='1.5' cy='1.5' r='1.5' transform='translate(2 15.109)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.customer-styles .global-input-container .global-input-field {
  position: relative;
}

.customer-styles .global-input-container input, .customer-styles .global-input-container label, .customer-styles .global-input-container select, .customer-styles .global-input-container textarea, .customer-styles .global-input-container .selectbox-selected, .customer-styles .global-input-container .selectbox-entries {
  font-family: "Didot Italic", "Times New Roman", Times, serif;
  letter-spacing: 0.34px;
  line-height: 26px;
  font-size: 17px;
  font-weight: 400;
  font-style: italic;
}

.customer-styles .global-input-container input, .customer-styles .global-input-container select, .customer-styles .global-input-container textarea, .customer-styles .global-input-container .selectbox-selected {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 13px;
}

.customer-styles .global-input-container input:focus, .customer-styles .global-input-container select:focus, .customer-styles .global-input-container textarea:focus, .customer-styles .global-input-container .selectbox-selected:focus {
  outline-width: 2px;
  outline-style: solid;
}

.customer-styles .global-input-container input:focus::-moz-placeholder, .customer-styles .global-input-container select:focus::-moz-placeholder, .customer-styles .global-input-container textarea:focus::-moz-placeholder, .customer-styles .global-input-container .selectbox-selected:focus::-moz-placeholder {
  color: transparent;
}

.customer-styles .global-input-container input:focus::placeholder, .customer-styles .global-input-container select:focus::placeholder, .customer-styles .global-input-container textarea:focus::placeholder, .customer-styles .global-input-container .selectbox-selected:focus::placeholder {
  color: transparent;
}

.customer-styles .global-input-container input::-moz-placeholder, .customer-styles .global-input-container select::-moz-placeholder, .customer-styles .global-input-container textarea::-moz-placeholder, .customer-styles .global-input-container .selectbox-selected::-moz-placeholder {
  visibility: hidden;
  color: #fff !important;
}

.customer-styles .global-input-container input::placeholder, .customer-styles .global-input-container select::placeholder, .customer-styles .global-input-container textarea::placeholder, .customer-styles .global-input-container .selectbox-selected::placeholder {
  visibility: hidden;
  color: #fff !important;
}

.customer-styles .global-input-container input:not(:-moz-placeholder-shown) + label, .customer-styles .global-input-container select:not(:-moz-placeholder-shown) + label, .customer-styles .global-input-container textarea:not(:-moz-placeholder-shown) + label, .customer-styles .global-input-container .selectbox-selected:not(:-moz-placeholder-shown) + label {
  top: 0;
  font-family: "Avenir Book", Arial, Helvetica;
  font-size: 11px;
  letter-spacing: 0.55px;
  line-height: 26px;
  font-style: normal;
}

.customer-styles .global-input-container input:focus + label,
.customer-styles .global-input-container input:not(:placeholder-shown) + label, .customer-styles .global-input-container select:focus + label,
.customer-styles .global-input-container select:not(:placeholder-shown) + label, .customer-styles .global-input-container textarea:focus + label,
.customer-styles .global-input-container textarea:not(:placeholder-shown) + label, .customer-styles .global-input-container .selectbox-selected:focus + label,
.customer-styles .global-input-container .selectbox-selected:not(:placeholder-shown) + label {
  top: 0;
  font-family: "Avenir Book", Arial, Helvetica;
  font-size: 11px;
  letter-spacing: 0.55px;
  line-height: 26px;
  font-style: normal;
}

.customer-styles .global-input-container .input-text,
.customer-styles .global-input-container .selectbox-selected {
  height: 50px;
  width: 100%;
  border: 1px solid #CB9943;
}

.customer-styles .global-input-container .input-textarea {
  width: 100%;
  height: 140px;
  border: 1px solid #CB9943;
  resize: none;
  padding-top: 18px;
}

.customer-styles .global-input-container .input-checkbox {
  width: 20px;
  height: 20px;
  border: 1px solid #CB9943;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  display: grid;
  place-content: center;
  margin: 0;
}

.customer-styles .global-input-container .input-checkbox:checked {
  background-color: #CB9943;
}

.customer-styles .global-input-container .input-checkbox::before {
  height: 5px;
  width: 10px;
  background-color: transparent;
  content: '';
}

@media (min-width: 768px) {
  .customer-styles .global-input-container .input-checkbox::before {
    height: 6px;
  }
}

@media (min-width: 768px) {
  .customer-styles .global-input-container .input-checkbox::before {
    width: 12px;
  }
}

.customer-styles .global-input-container .input-checkbox:checked::before {
  border-color: black;
  border-style: solid;
  border-width: 0 0 3px 3px;
  transform: translateY(-2px) rotate(-45deg);
}

.customer-styles .global-input-container .input-checkbox + label[for="contact-datenschutz"] {
  font-family: "avenir-light", Arial, Helvetica;
  letter-spacing: 0.65px;
  font-size: 13px;
  line-height: 18px;
  margin-left: 10px;
}

.customer-styles .global-input-container .input-checkbox + label[for="contact-datenschutz"] a {
  color: black;
}

.customer-styles .global-input-container .input-checkbox + label[for="contact-datenschutz"] a:hover {
  font-family: "avenir-black", Arial, Helvetica;
}

.customer-styles .global-input-container label {
  position: absolute;
  top: 12px;
  left: 20px;
}

.customer-styles .global-input-container .selectbox-field {
  cursor: pointer;
}

.customer-styles .global-input-container .selectbox-field.open {
  box-shadow: 12px 3px 12px 0px rgba(189, 157, 119, 0.4);
}

.customer-styles .global-input-container .selectbox-field.open .selectbox-entries {
  display: block;
  box-shadow: 9px 9px 12px 2px rgba(189, 157, 119, 0.4);
}

.customer-styles .global-input-container .selectbox-field.open .selectbox-selected {
  padding-top: 19px;
}

.customer-styles .global-input-container .selectbox-field.open .selectbox-selected:before {
  transform: rotate(180deg);
}

.customer-styles .global-input-container .selectbox-field.open + label {
  top: 0;
  font-family: "Avenir Book", Arial, Helvetica;
  font-size: 11px;
  letter-spacing: 0.55px;
  line-height: 26px;
  display: block;
}

.customer-styles .global-input-container .selectbox-field + label {
  pointer-events: none;
  display: none;
}

.customer-styles .global-input-container .selectbox-field.changedValue + label {
  top: 0;
  font-family: "Avenir Book", Arial, Helvetica;
  font-size: 11px;
  letter-spacing: 0.55px;
  line-height: 26px;
  display: block;
}

.customer-styles .global-input-container .selectbox-field.changedValue .selectbox-selected {
  padding-top: 19px;
}

.customer-styles .global-input-container .selectbox-field .selectbox-selected:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 11px;
  top: 12px;
  z-index: 1;
}

.customer-styles .global-input-container .selectbox-field .selectbox-selected:after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #CB9943;
}

.customer-styles .global-input-container .selectbox-field select {
  display: none;
}

.customer-styles .global-input-container .selectbox-field .selectbox-entries {
  border: 1px solid #CB9943;
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1;
  background-color: white;
  width: 100%;
}

.customer-styles .global-input-container .selectbox-field .selectbox-entry {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.customer-styles .global-input-container .selectbox-field .selectbox-entry:hover {
  border-top: 1px solid #CB9943;
  border-bottom: 1px solid #CB9943;
  background-color: #EBE1D6;
  cursor: pointer;
}

.customer-styles.geneva-cm-template-preview .template-content, .customer-styles.geneva-pm-template-preview .template-content {
  min-width: 1280px;
  margin: 0 auto;
}