@charset "UTF-8";
/*
 * Base
 */
:root {
  /*
   * CI colors
   */
  --ci-color-blue: #00003b;
  --ci-color-gold: #f2ac51;
  /*
   * UI colors
   */
  /*
   * General colors
   */
  --color-heading: var(--ci-color-blue);
  --color-text: var(--ci-color-blue);
  --color-list-item: var(--color-text);
  --color-list-item-icon: var(--color-text);
  --color-link: var(--color-text);
  --color-link-hover: var(--color-text);
  --color-cursor-selection: #fff;
  --color-button: #fff;
  --color-button-hover: #fff;
  --color-dev: #fff;
  --color-border-form: var(--ci-color-violet-light);
  --color-border-form-focus: var(--ci-color-blue);
  --color-footer-heading: var(--ci-color-gold);
  --color-header-primary-nav-hover: var(--ci-color-gold);
  --color-footer-nav-hover: var(--ci-color-gold);
  --bg-color-root: #fff;
  --bg-color-header: transparent;
  --bg-color-footer: var(--ci-color-blue);
  --bg-color-cursor-selection: var(--ci-color-blue);
  --bg-color-button: var(--ci-color-gold);
  --bg-color-button-hover: hsl(from var(--ci-color-gold) h s calc(l - 10));
  --bg-color-button-secondary: var(--ci-color-blue);
  --bg-color-button-secondary-hover: hsl(
    from var(--ci-color-blue) h s calc(l - 10)
  );
  --bg-color-dev: #901f45;
  --bg-color-section: #fff;
  --bg-color-section-grey: var(--ci-color-champagne);
  --bg-color-header-top: var(--ci-color-blue);
  --bg-color-header-top-hover: var(--ci-color-gold);
  --bg-color-footer-callout: var(--ci-color-blue);
  --bg-color-carousel-dot: var(--ci-color-blue);
  /*
    * Sizes
    */
  --inner-width: 1366px;
  --inner-width-medium: 1640px;
  --inner-width-small: 768px;
  --inner-width-large: 1860px;
  --wrapper-width-normal: var(--inner-width);
  --inner-padding: 20px;
  --section-padding: 80px;
  --button-padding-x: 20px;
  --button-padding-y: 8px;
  --button-padding: var(--button-padding-y) var(--button-padding-x);
  --border-radius-default: 20px;
  --border-radius-footer-callout: var(--border-radius-default);
  /*
    * Typography
    */
  --font-primary: "PT Sans", sans-serif;
  --font-secondary: "Playfair Display", sans-serif;
  --font-text: var(--font-primary);
  --font-heading: var(--font-secondary);
  --font-size-h1: 40px;
  --font-size-h2: 34px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
  --font-size-h5: 18px;
  --font-size-h6: 16px;
  --font-size-text: 20px;
  --font-size-highlight: var(--font-size-text);
  --font-size-small: var(--font-size-text);
  --font-weight-heading: 500;
  --font-weight-text: 400;
  --font-weight-strong: 700;
  --font-weight-black: 500;
  --line-height-heading: 1.3;
  --line-height-text: 1.7;
  --margin-heading: 0.8em;
  --margin-text: 1.5em;
  --padding-list: 1.3em;
  --box-padding: 50px;
  --card-width: 40%;
  --height-header: 145px;
  /*
    * Misc
    */
  --list-item-icon-content: "•";
  --list-item-icon-content-negative: "•";
  --uppercase-text-spacing: 1.25px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  :root {
    --box-padding: 20px;
    --card-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --box-padding: 20px;
    --card-width: 100%;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a, a:active, a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  color: var(--color-link);
}
ul li {
  list-style: none;
}
nav ul {
  list-style: none;
  margin-bottom: 0;
}
nav ul li {
  display: inline-block;
}
/* playfair-display-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 500;
  src: url(/site/templates/fonts/playfair-display-v40-latin-500.woff2) format("woff2"), url(/site/templates/fonts/playfair-display-v40-latin-500.ttf) format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* pt-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  src: url(/site/templates/fonts/pt-sans-v18-latin-regular.woff2) format("woff2"), url(/site/templates/fonts/pt-sans-v18-latin-regular.ttf) format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* pt-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  src: url(/site/templates/fonts/pt-sans-v18-latin-700.woff2) format("woff2"), url(/site/templates/fonts/pt-sans-v18-latin-700.ttf) format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
::selection {
  background: var(--bg-color-cursor-selection);
  color: var(--color-cursor-selection);
}
::-moz-selection {
  background: var(--bg-color-cursor-selection);
  color: var(--color-cursor-selection);
}
::-webkit-selection {
  background: var(--bg-color-cursor-selection);
  color: var(--color-cursor-selection);
}
::placeholder {
  color: var(--ci-color-grey);
  opacity: 1;
  /* Firefox */
}
::-ms-input-placeholder {
  color: var(--ci-color-grey);
}
html, body {
  font-family: var(--font-text);
  font-weight: var(--font-weight-text);
  box-sizing: border-box;
  color: var(--color-text);
  font-size: var(--font-size-text);
  background-color: var(--bg-color-root);
}
html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  overflow-x: hidden !important;
  position: relative;
}
img {
  max-width: 100%;
  height: auto;
}
.-no-scroll {
  overflow: hidden;
}
main {
  overflow-x: hidden;
}
.flickity-page-dots .dot {
  background: transparent !important;
  border: 1px solid var(--bg-color-carousel-dot);
  opacity: 1 !important;
  height: 14px;
  width: 14px;
}
.flickity-page-dots .dot.is-selected {
  background: var(--bg-color-carousel-dot) !important;
}
hr {
  box-shadow: none;
  border: unset;
  margin-bottom: var(--margin-text);
  border-bottom: 1px solid var(--ci-color-grey);
}
section .align_right {
  text-align: right;
}
section .align_center {
  text-align: center;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
.inner {
  position: relative;
  max-width: var(--inner-width);
  margin: 0 auto;
  padding-left: var(--inner-padding);
  padding-right: var(--inner-padding);
  z-index: 2;
}
.inner.-no-section-padding {
  padding-left: 0;
  padding-right: 0;
}
.inner.-width-full {
  max-width: unset;
  margin: unset;
  padding: unset;
}
.inner.-width-full-padding {
  max-width: unset;
  margin: unset;
}
.inner.-width-full-padding-left {
  max-width: unset;
  margin: unset;
  padding-right: 0;
}
.inner.-width-small {
  --inner-width: var(--inner-width-small);
}
.inner.-width-medium {
  --inner-width: var(--inner-width-medium);
}
.inner.-width-large {
  --inner-width: var(--inner-width-large);
}
.inner.-width-medium-left {
  --inner-width: var(--inner-width-medium);
  max-width: unset;
  padding-right: 0;
  margin-left: calc((100vw - var(--inner-width-medium)) / 2);
}
@media only screen and (min-width: 0px) and (max-width: 1402px) {
  .inner.-width-medium-left {
    margin-left: 0;
  }
}
.inner.-width-large-left {
  --inner-width: var(--inner-width-large);
  max-width: unset;
  padding-right: 0;
  margin-left: calc((100vw - var(--inner-width-large)) / 2);
}
@media only screen and (min-width: 0px) and (max-width: 1860px) {
  .inner.-width-large-left {
    margin-left: 0;
  }
}
.form-message {
  padding: 10px;
  color: var(--color-text);
}
.form-message.-error {
  margin-bottom: var(--margin-text);
  background-color: red;
  color: #fff;
}
.form-message.-success {
  margin-bottom: var(--margin-text);
  background-color: green;
  color: #fff;
}
.text-wrapper {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.no-overflow {
  overflow: hidden !important;
}
.tcenter, .align_center {
  text-align: center;
}
.tright {
  text-align: right;
}
.tleft {
  text-align: left;
}
.tgrey {
  color: var(--ci-color-grey);
}
.uppercase {
  text-transform: uppercase;
}
.has-no-label label {
  display: none !important;
}
.forced-color-gold, .forced-color-gold > * {
  color: var(--ci-color-gold) !important;
}
.forced-color-white, .forced-color-white > * {
  color: #fff !important;
}
.forced-font-size-highlight {
  font-size: 55px !important;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .forced-font-size-highlight {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .forced-font-size-highlight {
    font-size: 40px !important;
  }
}
.decorator {
  position: absolute;
  right: -150px;
  top: 640px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .decorator {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .decorator {
    display: none;
  }
}
.decorator.-home {
  top: 2400px;
}
.decorator--red {
  position: absolute;
  left: -100px;
  top: 340px;
  z-index: 1;
  display: none;
}
.has-red-decorator .decorator--red {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .has-red-decorator .decorator--red {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .has-red-decorator .decorator--red {
    display: none;
  }
}
.filterlist-empty {
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: span 2;
}
.filterlist-empty__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--margin-text);
  text-align: center;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.5s ease-in-out forwards;
  opacity: 0;
}
.filterlist-empty__wrapper img {
  width: 50px;
}
.alert-error {
  background-color: var(--ci-color-terracotta);
  color: #fff;
  padding: 10px 15px;
}
.alert-success {
  background-color: green;
  color: #fff;
  padding: 10px 15px;
}
.newsletter-champagne .section--newsletter {
  --bg-color-section: var(--ci-colo-champagne);
}
.no-btn {
  padding: 0 !important;
  margin: 0 m !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: block !important;
  background-color: transparent !important;
  text-align: left !important;
}
.no-btn:hover {
  background-color: transparent;
  color: var(--ci-color-text);
}
.heading, .subline, .heading-h1, .footer__center p, h1, .heading-h2, .forced-font-size-highlight, .section--hero__content__box__wrapper p, .section--form__form__box__wrapper p, h2, .heading-h3, h3, .heading-h4, h4, .heading-h5, h5, .heading-h6, h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-heading);
  margin-bottom: var(--margin-heading);
  color: var(--color-heading);
}
.subline {
  font-size: var(--font-size-text);
  font-weight: 500;
  color: var(--ci-color-yellow);
}
.typography, p, strong, small, a, .list, .list--arrow, .section ul, .section--hero ul, .section--image-background ul, .section--text-col3 ul, .section--text-image ul, .section--text ul, .section--form ul {
  font-family: var(--font-text);
  font-weight: var(--font-weight-text);
  line-height: var(--line-height-text);
  margin-bottom: var(--margin-text);
  font-size: var(--font-size-text);
  color: var(--color-text);
}
.heading-h1, .footer__center p, h1 {
  font-size: var(--font-size-h1);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .heading-h1, .footer__center p, h1 {
    font-size: 40px;
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
  }
  .heading-h1 br, .footer__center p br, h1 br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .heading-h1, .footer__center p, h1 {
    font-size: 40px;
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
  }
  .heading-h1 br, .footer__center p br, h1 br {
    display: none;
  }
}
.heading-h2, .forced-font-size-highlight, .section--hero__content__box__wrapper p, .section--form__form__box__wrapper p, h2 {
  font-size: var(--font-size-h2);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .heading-h2, .forced-font-size-highlight, .section--hero__content__box__wrapper p, .section--form__form__box__wrapper p, h2 {
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
  }
  .heading-h2 br, .forced-font-size-highlight br, .section--hero__content__box__wrapper p br, .section--form__form__box__wrapper p br, h2 br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .heading-h2, .forced-font-size-highlight, .section--hero__content__box__wrapper p, .section--form__form__box__wrapper p, h2 {
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
  }
  .heading-h2 br, .forced-font-size-highlight br, .section--hero__content__box__wrapper p br, .section--form__form__box__wrapper p br, h2 br {
    display: none;
  }
}
.heading-h3, h3 {
  font-size: var(--font-size-h3);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .heading-h3, h3 {
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
  }
  .heading-h3 br, h3 br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .heading-h3, h3 {
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
  }
  .heading-h3 br, h3 br {
    display: none;
  }
}
.heading-h4, h4 {
  font-size: var(--font-size-h4);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .heading-h4, h4 {
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
  }
}
@media only screen and (max-width: 767px) {
  .heading-h4, h4 {
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
  }
}
.heading-h5, h5 {
  font-size: var(--font-size-h5);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .heading-h5, h5 {
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
  }
}
@media only screen and (max-width: 767px) {
  .heading-h5, h5 {
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
  }
}
.heading-h6, h6 {
  font-size: var(--font-size-h6);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .heading-h6, h6 {
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
  }
}
@media only screen and (max-width: 767px) {
  .heading-h6, h6 {
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    overflow-wrap: break-word;
  }
}
strong {
  font-weight: var(--font-weight-strong);
}
small {
  font-size: var(--font-size-small);
}
a {
  color: var(--color-link);
  margin-bottom: 0;
  transition: all 0.2s linear;
}
a:hover {
  color: var(--color-link-hover);
}
@media only screen and (max-width: 767px) {
  a {
    word-wrap: break-word;
  }
}
.list, .list--arrow, .section ul, .section--hero ul, .section--image-background ul, .section--text-col3 ul, .section--text-image ul, .section--text ul, .section--form ul {
  width: max-content;
  max-width: 100%;
  text-align: left;
  display: inline-block;
  margin-bottom: var(--margin-text);
}
.list:last-child, .list--arrow:last-child, .section ul:last-child, .section--hero ul:last-child, .section--image-background ul:last-child, .section--text-col3 ul:last-child, .section--text-image ul:last-child, .section--text ul:last-child, .section--form ul:last-child {
  margin-bottom: 0;
}
.list li, .list--arrow li, .section ul li, .section--hero ul li, .section--image-background ul li, .section--text-col3 ul li, .section--text-image ul li, .section--text ul li, .section--form ul li {
  line-height: var(--line-height-text);
  font-size: calc(var(--font-size-text) - 1px);
  color: var(--color-list-item);
  font-weight: var(--font-weight-text);
  list-style: none !important;
  margin-bottom: calc((var(--margin-text) / 4));
  padding-left: var(--padding-list);
  position: relative;
}
.list li a, .list--arrow li a, .section ul li a, .section--hero ul li a, .section--image-background ul li a, .section--text-col3 ul li a, .section--text-image ul li a, .section--text ul li a, .section--form ul li a {
  font-weight: var(--font-weight-strong);
  font-size: calc(var(--font-size-text) - 1px);
}
.list li h2, .list--arrow li h2, .section ul li h2, .section--hero ul li h2, .section--image-background ul li h2, .section--text-col3 ul li h2, .section--text-image ul li h2, .section--text ul li h2, .section--form ul li h2, .list li h3, .list--arrow li h3, .section ul li h3, .section--hero ul li h3, .section--image-background ul li h3, .section--text-col3 ul li h3, .section--text-image ul li h3, .section--text ul li h3, .section--form ul li h3, .list li h4, .list--arrow li h4, .section ul li h4, .section--hero ul li h4, .section--image-background ul li h4, .section--text-col3 ul li h4, .section--text-image ul li h4, .section--text ul li h4, .section--form ul li h4, .list li h5, .list--arrow li h5, .section ul li h5, .section--hero ul li h5, .section--image-background ul li h5, .section--text-col3 ul li h5, .section--text-image ul li h5, .section--text ul li h5, .section--form ul li h5, .list li h6, .list--arrow li h6, .section ul li h6, .section--hero ul li h6, .section--image-background ul li h6, .section--text-col3 ul li h6, .section--text-image ul li h6, .section--text ul li h6, .section--form ul li h6 {
  display: inline-block;
}
.list li:last-child, .list--arrow li:last-child, .section ul li:last-child, .section--hero ul li:last-child, .section--image-background ul li:last-child, .section--text-col3 ul li:last-child, .section--text-image ul li:last-child, .section--text ul li:last-child, .section--form ul li:last-child {
  margin-bottom: 0;
}
.list li:before, .list--arrow li:before, .section ul li:before, .section--hero ul li:before, .section--image-background ul li:before, .section--text-col3 ul li:before, .section--text-image ul li:before, .section--text ul li:before, .section--form ul li:before {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  color: var(--color-list-item-icon);
  content: var(--list-item-icon-content);
}
.list li > ul, .list--arrow li > ul, .section ul li > ul, .section--hero ul li > ul, .section--image-background ul li > ul, .section--text-col3 ul li > ul, .section--text-image ul li > ul, .section--text ul li > ul, .section--form ul li > ul {
  margin-top: calc(var(--margin-text) / 3);
  display: block;
}
.list--arrow li:before {
  top: 3.5px !important;
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8cGF0aCBpZD0iYXJyb3ctcmlnaHQtY2lyY2xlLWZpbGwiIGQ9Ik0xMiwyQTEwLDEwLDAsMSwxLDIsMTIsMTAsMTAsMCwwLDEsMTIsMlptMCw5SDh2Mmg0djNsNC00TDEyLDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMiAtMikiIGZpbGw9IiMwMDliZGMiLz4KPC9zdmc+Cg==") !important;
}
nav ul {
  width: unset;
}
nav ul li:before {
  content: unset;
  margin-right: unset;
}
.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  left: 40px;
  background-color: var(--bg-color-dev);
  color: var(--color-dev);
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.45);
  opacity: 1;
}
.float:hover {
  background-color: hsl(from var(--bg-color-dev) h s calc(l - 10));
}
.offcanvas-search {
  display: none;
}
.input--default, input, textarea, select {
  border: unset;
  border-bottom: 1px solid var(--ci-color-blue);
  padding: 10px 15px;
  font-family: var(--font-text);
  font-weight: var(--font-weight-text);
  font-size: var(--font-size-text);
  color: var(--color-text);
  outline: none;
  background-color: transparent;
}
.input--default:focus, input:focus, textarea:focus, select:focus {
  border-color: var(--ci-color-blue);
}
.input--default::placeholder, input::placeholder, textarea::placeholder, select::placeholder, .input--default::-webkit-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .input--default::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: var(--ci-color-blue);
  opacity: 1;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  vertical-align: middle;
  min-width: 180px;
  padding: 10px 44px 10px 20px !important;
  /* genug Platz rechts für den Pfeil */
  border: 1px solid var(--ci-color-grey);
  border-radius: 9999px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M8.99986 12.1716L14.3639 6.8076L15.7781 8.2218L7.99986 16L0.22168 8.2218L1.6359 6.8076L6.99986 12.1716V0H8.99986V12.1716Z' fill='%23E55137'/></svg>");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 15px auto;
  background-clip: padding-box;
  font-family: var(--font-text);
  font-weight: var(--font-weight-text);
  font-size: var(--font-size-text);
  color: var(--color-text);
  cursor: pointer;
  outline: none;
}
input[type="checkbox"] {
  margin-right: 15px;
}
label {
  font-family: var(--font-text);
  font-weight: var(--font-weight-strong);
  font-size: var(--font-size-text);
  padding-left: 20px;
  display: block;
  height: 0;
  overflow: hidden;
}
.InputfieldCheckboxesStacked label, .InputfieldCheckbox label {
  font-weight: var(--font-weight-text);
  height: unset;
  overflow: unset;
}
.InputfieldCheckboxesStacked .InputfieldContent label, .InputfieldCheckbox .InputfieldContent label {
  display: flex;
  gap: 10px;
  align-items: baseline;
}
.FormBuilder ul li {
  padding-left: 0;
  font-weight: var(--font-weight-text);
}
.FormBuilder ul li:before {
  content: unset;
  display: none;
}
.FormBuilder .InputfieldFormBuilderFile .InputfieldContent {
  padding-left: 20px;
}
.FormBuilder.InputfieldFormWidths {
  /** the following have to do with column widths **********************************************/
}
.FormBuilder.InputfieldFormWidths input[type=text], .FormBuilder.InputfieldFormWidths input[type=email], .FormBuilder.InputfieldFormWidths input[type=url], .FormBuilder.InputfieldFormWidths select, .FormBuilder.InputfieldFormWidths textarea {
  width: 100%;
}
.FormBuilder.InputfieldFormWidths .InputfieldColumnWidth {
  /* an Inputfield that has a percentage width assigned to it */
  float: left;
  clear: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: var(--margin-text);
}
@media only screen and (max-width: 767px) {
  .FormBuilder.InputfieldFormWidths .InputfieldColumnWidth {
    width: 100% !important;
    padding-left: 0;
  }
}
.FormBuilder.InputfieldFormWidths .InputfieldColumnWidth > .InputfieldHeaderHidden::before {
  display: inline-block;
  content: " ";
}
.FormBuilder.InputfieldFormWidths .InputfieldColumnWidthFirst, .FormBuilder.InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit, .FormBuilder.InputfieldFormWidths .InputfieldColumnWidthFirstTmp, .FormBuilder.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield {
  /* for dependencies */
  /* first Inputfield with a percent width... */
  /* ...or the last percentage-width Inputifeld before the submit button */
  clear: both;
  padding-left: 0;
}
.FormBuilder.InputfieldFormWidths .description {
  margin: 0.25em 0;
}
.FormBuilder.InputfieldFormWidths .notes {
  margin: 0.25em 0;
}
.FormBuilder .Inputfields > .InputfieldColumnWidth {
  /* an Inputfield that has a percentage width assigned to it */
  float: left;
  clear: none;
  margin-top: 0;
}
.FormBuilder .Inputfields .InputfieldColumnWidthFirst, .FormBuilder .Inputfields .InputfieldColumnWidth + .InputfieldSubmit {
  /* first Inputfield with a percent width... */
  /* ...or the last percentage-width Inputifeld before the submit button */
  clear: both;
  margin-left: 0;
}
.FormBuilder .Inputfields .InputfieldColumnWidthFirstTmp, .FormBuilder .Inputfields .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield {
  /* for support of inputfield dependencies */
  clear: both;
  margin-left: 0;
}
.FormBuilder .Inputfields .InputfieldColumnWidth:not(.InputfieldColumnWidthFirst) .InputfieldHeader, .FormBuilder .Inputfields .InputfieldColumnWidth:not(.InputfieldColumnWidthFirst) .InputfieldContent {
  margin-left: -1px;
}
.FormBuilder .InputfieldMaxWidth {
  width: 100%;
}
.FormBuilder .InputfieldFormBuilderFileUploadHidden {
  display: none;
}
.FormBuilder .InputfieldHeaderHidden {
  display: none;
}
.FormBuilder .Inputfield {
  margin-bottom: var(--margin-text);
}
/*
 * Components
 */
.header {
  height: 100px;
  background-color: var(--ci-color-blue);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .header {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .header {
    height: auto;
  }
}
.header .wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--margin-text);
}
.header__left {
  height: 100%;
}
.header__left a {
  display: flex;
  height: 100%;
}
.header__left a img {
  display: flex;
  height: 100%;
}
.header__right {
  --color-link: var(--ci-color-gold);
  --color-link-hover: #fff;
  margin-right: calc(((100vw - var(--inner-width-medium)) / 2) + (var(--inner-padding) * 1));
}
@media only screen and (min-width: 959px) and (max-width: 1640px) {
  .header__right {
    margin-right: var(--inner-padding);
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .header__right {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header__right {
    display: none;
  }
}
.header__right nav ul {
  display: flex;
  gap: var(--margin-text);
}
.header__right nav ul li a {
  text-transform: uppercase;
  letter-spacing: var(--uppercase-text-spacing);
}
.header__responsive {
  display: none;
  align-items: center;
  text-align: right;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .header__responsive {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .header__responsive {
    display: flex;
  }
}
.header__responsive label.hamburg {
  display: block;
  width: 55px;
  height: 50px;
  position: relative;
  cursor: pointer;
}
.header__responsive input#hamburg {
  display: none;
}
.header__responsive .line {
  position: absolute;
  left: 10px;
  height: 4px;
  width: 35px;
  background: var(--ci-color-gold);
  display: block;
  transition: 0.5s;
  transform-origin: center;
}
.header__responsive .line:nth-child(1) {
  top: 12px;
}
.header__responsive .line:nth-child(2) {
  top: 24px;
}
.header__responsive .line:nth-child(3) {
  top: 36px;
}
.header__responsive #hamburg:checked + .hamburg .line:nth-child(1) {
  transform: translateY(12px) rotate(-45deg);
}
.header__responsive #hamburg:checked + .hamburg .line:nth-child(2) {
  opacity: 0;
}
.header__responsive #hamburg:checked + .hamburg .line:nth-child(3) {
  transform: translateY(-12px) rotate(45deg);
}
.responsive-navigation {
  display: none;
  background-color: var(--ci-color-blue);
  overflow-y: auto;
  flex-direction: column;
  gap: var(--margin-text);
}
.responsive-navigation__top, .responsive-navigation__primary {
  padding-left: var(--inner-padding);
  padding-right: var(--inner-padding);
  background-color: var(--ci-color-blue);
  padding-top: var(--inner-padding);
  padding-bottom: var(--inner-padding);
  --color-link: var(--ci-color-gold);
  --color-link-hover: #fff;
}
.responsive-navigation nav ul > li {
  display: block;
  margin-bottom: calc(var(--margin-text) / 2);
}
.responsive-navigation nav ul > li:last-child {
  border-bottom: 0;
}
.responsive-navigation nav ul > li:last-child {
  margin-bottom: 0;
}
.responsive-navigation nav ul > li > ul {
  margin-top: calc(var(--margin-text) / 2);
  margin-bottom: calc(var(--margin-text));
}
.responsive-navigation nav ul > li > ul > li > a {
  font-weight: var(--font-weight-text);
  display: block;
  border-bottom: 1px solid var(--ci-color-champagne);
  padding: 10px;
}
.responsive-navigation nav ul > li a {
  padding: 10px 0;
  display: block;
}
.responsive-navigation.-visible {
  display: flex;
}
.footer {
  padding-top: var(--section-padding);
  background-color: var(--bg-color-footer);
  --color-text: #fff;
  --color-heading: #fff;
}
.footer__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--margin-text);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .footer__top {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .footer__top {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer__top__line hr {
  box-shadow: none;
  outline: none;
  margin: 0;
  border: unset;
  border-top: 1px solid var(--ci-color-gold);
  max-width: 200px;
  width: 278px;
}
.footer__top__logo img {
  max-width: 500px;
  width: 100%;
  height: auto;
}
.footer__center {
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}
.footer__center p {
  font-size: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .footer__center p {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__center p {
    font-size: 30px;
  }
}
.footer__bottom {
  border-bottom: 1px solid var(--ci-color-gold);
  --color-link: #fff;
  --color-link-hover: var(--ci-color-gold);
  padding-bottom: 20px;
}
.footer__bottom nav ul {
  display: flex;
  gap: var(--margin-text);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .footer__bottom nav ul {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .footer__bottom nav ul {
    flex-direction: column;
  }
}
.footer__bottom nav ul li a {
  text-transform: uppercase;
  letter-spacing: var(--uppercase-text-spacing);
}
.footer__copyright {
  text-align: right;
  padding: 20px 0;
}
.btn, .section--form button:not(.no-style), .btn--secondary {
  font-family: var(--font-text);
  display: inline-block;
  font-size: calc(var(--font-size-text) - 1px);
  outline: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  color: var(--color-button);
  background-color: var(--bg-color-button);
  padding: var(--button-padding);
  min-width: 180px;
  text-align: center;
  transition: all 0.2s linear;
  font-weight: var(--font-weight-text);
  letter-spacing: var(--uppercase-text-spacing);
  border: 1px solid var(--bg-color-button);
  text-decoration: none;
  text-transform: uppercase;
}
.btn:focus, .section--form button:not(.no-style):focus, .btn--secondary:focus, .btn:active, .section--form button:not(.no-style):active, .btn--secondary:active {
  color: var(--color-button);
  background-color: var(--bg-color-button);
  padding: var(--button-padding);
  border: 1px solid var(--bg-color-button);
}
.btn.-disabled, .section--form button.-disabled:not(.no-style), .-disabled.btn--secondary {
  background-color: transparent;
  border: 1px solid var(--ci-color-grey);
  color: var(--ci-color-grey);
}
.btn.-disabled:hover, .section--form button.-disabled:not(.no-style):hover, .-disabled.btn--secondary:hover {
  background-color: transparent;
  border: 1px solid var(--ci-color-grey);
  color: var(--ci-color-grey);
}
.btn:hover, .section--form button:not(.no-style):hover, .btn--secondary:hover {
  color: var(--color-button-hover);
  background-color: var(--bg-color-button-hover);
  border: 1px solid var(--bg-color-button-hover);
}
.btn--secondary {
  background-color: var(--bg-color-button-secondary) !important;
  border: 1px solid var(--bg-color-button-secondary);
}
.btn--secondary:hover {
  background-color: var(--bg-color-button-secondary-hover) !important;
  border: 1px solid var(--bg-color-button-secondary-hover) !important;
}
.section, .section--hero, .section--image-background, .section--text-col3, .section--text-image, .section--text, .section--form {
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
  background-color: var(--bg-color-section);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section, .section--hero, .section--image-background, .section--text-col3, .section--text-image, .section--text, .section--form {
    padding-top: calc(var(--section-padding) / 2);
    padding-bottom: calc(var(--section-padding) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .section, .section--hero, .section--image-background, .section--text-col3, .section--text-image, .section--text, .section--form {
    padding-top: calc(var(--section-padding) / 2);
    padding-bottom: calc(var(--section-padding) / 2);
  }
}
.section.-bg-gold, .-bg-gold.section--hero, .-bg-gold.section--image-background, .-bg-gold.section--text-col3, .-bg-gold.section--text-image, .-bg-gold.section--text, .-bg-gold.section--form {
  --bg-color-section: var(--ci-color-gold);
}
.section.-bg-gold .btn, .-bg-gold.section--hero .btn, .-bg-gold.section--hero .section--form button:not(.no-style), .section--form .-bg-gold.section--hero button:not(.no-style), .-bg-gold.section--hero .btn--secondary, .-bg-gold.section--image-background .btn, .-bg-gold.section--image-background .section--form button:not(.no-style), .section--form .-bg-gold.section--image-background button:not(.no-style), .-bg-gold.section--image-background .btn--secondary, .-bg-gold.section--text-col3 .btn, .-bg-gold.section--text-col3 .section--form button:not(.no-style), .section--form .-bg-gold.section--text-col3 button:not(.no-style), .-bg-gold.section--text-col3 .btn--secondary, .-bg-gold.section--text-image .btn, .-bg-gold.section--text-image .section--form button:not(.no-style), .section--form .-bg-gold.section--text-image button:not(.no-style), .-bg-gold.section--text-image .btn--secondary, .-bg-gold.section--text .btn, .-bg-gold.section--text .section--form button:not(.no-style), .section--form .-bg-gold.section--text button:not(.no-style), .-bg-gold.section--text .btn--secondary, .-bg-gold.section--form .btn, .-bg-gold.section--form .section--form button:not(.no-style), .section--form .-bg-gold.section--form button:not(.no-style), .-bg-gold.section--form .btn--secondary, .section.-bg-gold .section--form button:not(.no-style), .section--form .section.-bg-gold button:not(.no-style), .section.-bg-gold .btn--secondary {
  background-color: var(--bg-color-button-secondary) !important;
  border: 1px solid var(--bg-color-button-secondary);
}
.section.-bg-gold .btn:hover, .-bg-gold.section--hero .btn:hover, .-bg-gold.section--hero .section--form button:not(.no-style):hover, .section--form .-bg-gold.section--hero button:not(.no-style):hover, .-bg-gold.section--hero .btn--secondary:hover, .-bg-gold.section--image-background .btn:hover, .-bg-gold.section--image-background .section--form button:not(.no-style):hover, .section--form .-bg-gold.section--image-background button:not(.no-style):hover, .-bg-gold.section--image-background .btn--secondary:hover, .-bg-gold.section--text-col3 .btn:hover, .-bg-gold.section--text-col3 .section--form button:not(.no-style):hover, .section--form .-bg-gold.section--text-col3 button:not(.no-style):hover, .-bg-gold.section--text-col3 .btn--secondary:hover, .-bg-gold.section--text-image .btn:hover, .-bg-gold.section--text-image .section--form button:not(.no-style):hover, .section--form .-bg-gold.section--text-image button:not(.no-style):hover, .-bg-gold.section--text-image .btn--secondary:hover, .-bg-gold.section--text .btn:hover, .-bg-gold.section--text .section--form button:not(.no-style):hover, .section--form .-bg-gold.section--text button:not(.no-style):hover, .-bg-gold.section--text .btn--secondary:hover, .-bg-gold.section--form .btn:hover, .-bg-gold.section--form .section--form button:not(.no-style):hover, .section--form .-bg-gold.section--form button:not(.no-style):hover, .-bg-gold.section--form .btn--secondary:hover, .section.-bg-gold .section--form button:not(.no-style):hover, .section--form .section.-bg-gold button:not(.no-style):hover, .section.-bg-gold .btn--secondary:hover {
  background-color: var(--bg-color-button-secondary-hover) !important;
  border: 1px solid var(--bg-color-button-secondary-hover) !important;
}
.section p:last-child, .section--hero p:last-child, .section--image-background p:last-child, .section--text-col3 p:last-child, .section--text-image p:last-child, .section--text p:last-child, .section--form p:last-child {
  margin-bottom: 0;
}
.section.-bg-blue, .-bg-blue.section--hero, .-bg-blue.section--image-background, .-bg-blue.section--text-col3, .-bg-blue.section--text-image, .-bg-blue.section--text, .-bg-blue.section--form {
  --bg-color-section: var(--ci-color-blue);
  --color-text: #fff;
  --color-heading: #fff;
  --color-list-item: #fff;
}
.section.-bg-blue li::before, .-bg-blue.section--hero li::before, .-bg-blue.section--image-background li::before, .-bg-blue.section--text-col3 li::before, .-bg-blue.section--text-image li::before, .-bg-blue.section--text li::before, .-bg-blue.section--form li::before {
  color: #fff;
}
.section.-bg-blue .btn--secondary, .-bg-blue.section--hero .btn--secondary, .-bg-blue.section--image-background .btn--secondary, .-bg-blue.section--text-col3 .btn--secondary, .-bg-blue.section--text-image .btn--secondary, .-bg-blue.section--text .btn--secondary, .-bg-blue.section--form .btn--secondary {
  background-color: var(--bg-color-button-primary) !important;
  border: 1px solid var(--bg-color-button-primary);
}
.section.-bg-blue .btn--secondary:hover, .-bg-blue.section--hero .btn--secondary:hover, .-bg-blue.section--image-background .btn--secondary:hover, .-bg-blue.section--text-col3 .btn--secondary:hover, .-bg-blue.section--text-image .btn--secondary:hover, .-bg-blue.section--text .btn--secondary:hover, .-bg-blue.section--form .btn--secondary:hover {
  background-color: var(--bg-color-button-primary-hover) !important;
  border: 1px solid var(--bg-color-button-primary-hover) !important;
}
.section.-valign-center .inner, .-valign-center.section--hero .inner, .-valign-center.section--image-background .inner, .-valign-center.section--text-col3 .inner, .-valign-center.section--text-image .inner, .-valign-center.section--text .inner, .-valign-center.section--form .inner {
  align-items: center;
}
.section.-valign-bottom .inner, .-valign-bottom.section--hero .inner, .-valign-bottom.section--image-background .inner, .-valign-bottom.section--text-col3 .inner, .-valign-bottom.section--text-image .inner, .-valign-bottom.section--text .inner, .-valign-bottom.section--form .inner {
  align-items: flex-end;
}
.section.-option-reversed .inner, .-option-reversed.section--hero .inner, .-option-reversed.section--image-background .inner, .-option-reversed.section--text-col3 .inner, .-option-reversed.section--text-image .inner, .-option-reversed.section--text .inner, .-option-reversed.section--form .inner {
  flex-direction: row-reverse;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section.-option-reversed .inner, .-option-reversed.section--hero .inner, .-option-reversed.section--image-background .inner, .-option-reversed.section--text-col3 .inner, .-option-reversed.section--text-image .inner, .-option-reversed.section--text .inner, .-option-reversed.section--form .inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .section.-option-reversed .inner, .-option-reversed.section--hero .inner, .-option-reversed.section--image-background .inner, .-option-reversed.section--text-col3 .inner, .-option-reversed.section--text-image .inner, .-option-reversed.section--text .inner, .-option-reversed.section--form .inner {
    flex-direction: column;
  }
}
.section.-padding-top-small, .-padding-top-small.section--hero, .-padding-top-small.section--image-background, .-padding-top-small.section--text-col3, .-padding-top-small.section--text-image, .-padding-top-small.section--text, .-padding-top-small.section--form {
  padding-top: calc(var(--margin-text) / 2);
}
.section.-padding-bottom-small, .-padding-bottom-small.section--hero, .-padding-bottom-small.section--image-background, .-padding-bottom-small.section--text-col3, .-padding-bottom-small.section--text-image, .-padding-bottom-small.section--text, .-padding-bottom-small.section--form {
  padding-bottom: calc(var(--margin-text) / 2);
}
.section.-padding-top-none, .-padding-top-none.section--hero, .-padding-top-none.section--image-background, .-padding-top-none.section--text-col3, .-padding-top-none.section--text-image, .-padding-top-none.section--text, .-padding-top-none.section--form {
  padding-top: 0;
}
.section.-padding-bottom-none, .-padding-bottom-none.section--hero, .-padding-bottom-none.section--image-background, .-padding-bottom-none.section--text-col3, .-padding-bottom-none.section--text-image, .-padding-bottom-none.section--text, .-padding-bottom-none.section--form {
  padding-bottom: 0;
}
.section.-padding-top-half, .-padding-top-half.section--hero, .-padding-top-half.section--image-background, .-padding-top-half.section--text-col3, .-padding-top-half.section--text-image, .-padding-top-half.section--text, .-padding-top-half.section--form {
  padding-top: calc(var(--section-padding) / 2);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section.-padding-top-half, .-padding-top-half.section--hero, .-padding-top-half.section--image-background, .-padding-top-half.section--text-col3, .-padding-top-half.section--text-image, .-padding-top-half.section--text, .-padding-top-half.section--form {
    padding-top: calc(var(--section-padding) / 4);
  }
}
@media only screen and (max-width: 767px) {
  .section.-padding-top-half, .-padding-top-half.section--hero, .-padding-top-half.section--image-background, .-padding-top-half.section--text-col3, .-padding-top-half.section--text-image, .-padding-top-half.section--text, .-padding-top-half.section--form {
    padding-top: calc(var(--section-padding) / 4);
  }
}
.section.-padding-bottom-half, .-padding-bottom-half.section--hero, .-padding-bottom-half.section--image-background, .-padding-bottom-half.section--text-col3, .-padding-bottom-half.section--text-image, .-padding-bottom-half.section--text, .-padding-bottom-half.section--form {
  padding-bottom: calc(var(--section-padding) / 2);
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section.-padding-bottom-half, .-padding-bottom-half.section--hero, .-padding-bottom-half.section--image-background, .-padding-bottom-half.section--text-col3, .-padding-bottom-half.section--text-image, .-padding-bottom-half.section--text, .-padding-bottom-half.section--form {
    padding-bottom: calc(var(--section-padding) / 4);
  }
}
@media only screen and (max-width: 767px) {
  .section.-padding-bottom-half, .-padding-bottom-half.section--hero, .-padding-bottom-half.section--image-background, .-padding-bottom-half.section--text-col3, .-padding-bottom-half.section--text-image, .-padding-bottom-half.section--text, .-padding-bottom-half.section--form {
    padding-bottom: calc(var(--section-padding) / 4);
  }
}
.section--hero {
  --section-padding: 0;
}
.section--hero__content__box {
  margin-bottom: -250px;
  background-color: var(--ci-color-gold);
  padding: 100px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--hero__content__box {
    padding: 20px;
    margin-bottom: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .section--hero__content__box {
    padding: 20px;
    margin-bottom: -20px;
  }
}
.section--hero__content__box__wrapper {
  width: 100%;
  max-width: var(--wrapper-width-normal);
  margin: 0 auto;
}
.section--hero__content__box__wrapper .btn, .section--hero__content__box__wrapper .section--form button:not(.no-style), .section--form .section--hero__content__box__wrapper button:not(.no-style), .section--hero__content__box__wrapper .btn--secondary {
  background-color: var(--bg-color-button-secondary) !important;
  border: 1px solid var(--bg-color-button-secondary);
}
.section--hero__content__box__wrapper .btn:hover, .section--hero__content__box__wrapper .section--form button:not(.no-style):hover, .section--form .section--hero__content__box__wrapper button:not(.no-style):hover, .section--hero__content__box__wrapper .btn--secondary:hover {
  background-color: var(--bg-color-button-secondary-hover) !important;
  border: 1px solid var(--bg-color-button-secondary-hover) !important;
}
.section--image-background {
  --section-padding: 0;
}
.section--text-col3__items {
  display: flex;
  gap: var(--margin-text);
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--text-col3__items {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .section--text-col3__items {
    flex-direction: column;
  }
}
.section--text-col3__items__col {
  width: 33.33%;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--text-col3__items__col {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .section--text-col3__items__col {
    width: 100%;
  }
}
.section--text-image .inner {
  display: flex;
  gap: var(--margin-text);
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--text-image .inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .section--text-image .inner {
    flex-direction: column;
  }
}
.section--text-image__text {
  width: 55%;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--text-image__text {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .section--text-image__text {
    width: 100%;
  }
}
.section--text-image__image {
  width: 40%;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--text-image__image {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .section--text-image__image {
    width: 100%;
  }
}
.section--form p.alert {
  color: #fff;
  font-size: var(--font-size-text);
  font-family: var(--font-text);
  font-weight: var(--font-weight-text);
  line-height: var(--line-height-text);
  margin-bottom: var(--margin-text);
}
.section--form p.alert.error {
  background-color: red;
}
.section--form__form {
  padding-top: var(--section-padding);
}
.section--form__form__box {
  background-color: var(--ci-color-gold);
  padding: 100px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section--form__form__box {
    padding: 20px;
    margin-bottom: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .section--form__form__box {
    padding: 20px;
    margin-bottom: -20px;
  }
}
.section--form__form__box__wrapper {
  width: 100%;
  max-width: var(--wrapper-width-normal);
  margin: 0 auto;
}
.section--form__form__box__wrapper .btn, .section--form__form__box__wrapper .section--form button:not(.no-style), .section--form .section--form__form__box__wrapper button:not(.no-style), .section--form__form__box__wrapper .btn--secondary {
  background-color: var(--bg-color-button-secondary) !important;
  border: 1px solid var(--bg-color-button-secondary);
}
.section--form__form__box__wrapper .btn:hover, .section--form__form__box__wrapper .section--form button:not(.no-style):hover, .section--form .section--form__form__box__wrapper button:not(.no-style):hover, .section--form__form__box__wrapper .btn--secondary:hover {
  background-color: var(--bg-color-button-secondary-hover) !important;
  border: 1px solid var(--bg-color-button-secondary-hover) !important;
}
/* CE-3313499d85d6fa38352dad6a9620a2c196061d9d [Zeile nicht entfernen - wird für Modul-Installation benötigt] */