@font-face {
  font-family: 'Aeonik-Regular';
  src: url('/fonts/Aeonik-Regular.woff2') format('woff2'), url('/fonts/Aeonik-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik-Medium';
  src: url('/fonts/Aeonik-Medium.woff2') format('woff2'), url('/fonts/Aeonik-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik-Bold';
  src: url('/fonts/Aeonik-Bold.woff2') format('woff2'), url('/fonts/Aeonik-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* ---------- */
html,
body {
  font-family: 'Aeonik-Regular';
  background-color: #000;
  color: #fff;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  scroll-behavior: smooth;
}
#middle {
  max-width: 1440px;
  margin: 0 auto 0 auto;
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  border-top: 1px solid transparent;
  /* fix */
}
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: #fff;
}
.topline > .row {
  height: 5px;
}
.topline .col:nth-child(1) {
  background-color: #c0d78c;
}
.topline .col:nth-child(2) {
  background-color: #0560a8;
}
.topline .col:nth-child(3) {
  background-color: #702165;
}
nav {
  margin-top: 2rem;
}
nav .dropdown-toggle.show {
  color: #808080;
}
nav .dropdown-menu {
  min-width: auto;
}
nav .dropdown-menu li {
  border-bottom: 1px solid #808080;
}
nav .dropdown-menu li :last-child {
  border-bottom: none;
}
nav .dropdown-menu li :hover,
nav .dropdown-menu li :focus {
  background-color: transparent;
  color: #fff;
}
nav .dropdown-menu li a {
  color: #808080;
}
nav .dropdown-menu li:last-child {
  border-bottom: none;
}
nav .dropdown-toggle::after {
  display: none;
}
@media (min-width: 992px) {
  nav {
    margin-top: 4rem;
  }
}
#mobile-navigation ul li {
  border-bottom: 1px solid #808080;
}
#mobile-navigation ul li:last-child {
  border-bottom: none;
}
#mobile-navigation div > ul:last-child li {
  border-bottom: none;
}
h1 {
  font-family: 'Aeonik-Bold';
  font-weight: normal;
  font-size: 3.2rem;
  line-height: 3.2rem;
  margin: calc(145vw) 0 0 0;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
h1 small {
  display: block;
}
h1 small.prefix {
  font-size: 0.9rem;
  line-height: 0.9rem;
  margin-bottom: 0.6rem;
}
h1 small.suffix {
  font-size: 2.3rem;
  line-height: 2.6rem;
  margin-top: 2.0rem;
}
.kontaktformular h1,
.newsletter-anmeldung h1 {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.datenschutz h1 small,
.agb h1 small,
.downloads h1 small {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media (min-width: 992px) {
  h1 {
    font-size: 8.6rem;
    line-height: 8.6rem;
    margin-top: 13.4rem;
  }
}
/* ------ H1 INGREDIENT ---------- */
.ingredient h1 {
  margin-top: calc(105vw);
}
.ingredient h1 small.prefix {
  display: none;
}
@media (min-width: 992px) {
  .ingredient h1 {
    margin-top: calc(5.35vw);
  }
  .ingredient h1 small.prefix {
    display: block;
  }
}
/* ------ /H1 INGREDIENT ---------- */
/* ------ H1 TEXT / HÄNDLERSUCHE / KONTAKT / KONTAKTFORMULAR / NEWSLETTER-ANMELDUNG / DOWNLOADS ---------- */
#middle.text h1,
#middle.haendlersuche h1,
#middle.kontakt h1,
#middle.kontaktformular h1,
#middle.newsletter-anmeldung h1,
#middle.downloads h1 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
#middle.text h1 small.prefix,
#middle.haendlersuche h1 small.prefix,
#middle.kontakt h1 small.prefix,
#middle.kontaktformular h1 small.prefix,
#middle.newsletter-anmeldung h1 small.prefix,
#middle.downloads h1 small.prefix {
  display: none;
}
@media (min-width: 992px) {
  #middle.text h1,
  #middle.haendlersuche h1,
  #middle.kontakt h1,
  #middle.kontaktformular h1,
  #middle.newsletter-anmeldung h1,
  #middle.downloads h1 {
    margin-top: calc(6.5vw);
    margin-bottom: 15.3rem;
    margin-bottom: 7.3rem;
    /* https://trello.com/c/TZU83kyy */
  }
}
/* ---------- FORMS ---------- */
.form-check-input {
  background-color: transparent;
}
.form-check-input:checked {
  border-color: auto;
  background-color: transparent;
}
.form-check-input[type=radio],
.form-check-input:checked[type=radio] {
  border-color: #fff;
}
.form-check-input:disabled {
  border-color: #fff;
}
.form-check-input:disabled,
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  opacity: 1;
}
/* ---------- /FORMS ---------- */
/* ------ /H1 TEXT / HÄNDLERSUCHE / KONTAKT / KONTAKTFORMULAR / NEWSLETTER-ANMELDUNG / DOWNLOADS ---------- */
h2 {
  font-family: 'Aeonik-Bold';
}
.kontakt h2:not(:first-child) {
  margin-top: 4.3rem;
}
.kontakt h2 {
  margin-bottom: 2.2rem;
  font-size: 2.4rem;
  line-height: 2.4rem;
}
.headline-text {
  margin-top: 3.0rem;
  margin-bottom: 6.2rem;
}
.headline-text p:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .headline-text {
    margin-top: 1.9rem;
    margin-bottom: 6.8rem;
  }
}
strong {
  font-family: 'Aeonik-Bold';
}
hr {
  margin: 0;
  color: #525252;
  opacity: 1;
}
hr.divider.medium {
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}
hr.divider.big {
  margin-top: 5.8rem;
  margin-bottom: 5.8rem;
}
footer {
  margin-top: 10rem;
  padding-top: 4.1rem;
  padding-bottom: 3.9rem;
}
footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
  color: #000;
}
.card {
  border: 1px solid #666666;
}
.card-title {
  font-family: 'Aeonik-Bold';
}
.card-text p:last-child {
  margin-bottom: 0;
}
.alert-white {
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
}
.teasers {
  margin-top: 10rem;
}
.teaser-with-link {
  cursor: pointer;
}
.teaser-with-link .btn-arrow-right {
  margin-top: 2.3rem;
}
.text-blue {
  color: #0760a8;
}
.text-green {
  color: #c0d88c;
}
.text-purple {
  color: #712065;
}
.bg-black {
  background-color: #000;
}
.border-blue {
  border-color: #0760a8 !important;
}
.border-green {
  border-color: #c0d88c !important;
}
.border-purple {
  border-color: #712065 !important;
}
/* ---------- BUTTONS ---------- */
.kontakt .btn {
  width: 18rem;
  text-align: left;
}
.btn-light {
  color: #000 !important;
  font-size: 1.0rem;
}
.btn-lg {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.btn-arrow-right::after {
  content: " →" !important;
}
/* ---------- /BUTTONS ---------- */
/* ---------- PRODUCTS ---------- */
.products {
  margin-top: 1.5rem;
}
.product.row {
  border-bottom: 1px solid #525252;
  padding: 4.5rem 0 4.5rem 0;
}
@media (min-width: 768px) {
  .product.row {
    padding: 5.7rem 0 5.7rem 0;
  }
}
.product h2 {
  font-family: 'Aeonik-Bold';
  font-size: 2.6rem;
  line-height: 2.6rem;
}
@media (min-width: 768px) {
  .product h2 {
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
}
.product img {
  margin-bottom: 3.0rem;
}
@media (min-width: 768px) {
  .product img {
    margin-bottom: 0;
  }
}
.product .text-uppercase {
  font-family: 'Aeonik-Medium';
  font-size: 0.8rem;
}
.product .text {
  margin-top: 1.8rem;
}
@media (min-width: 768px) {
  .product .text {
    margin-top: 3.2rem;
  }
}
.product .text p:last-child {
  margin-bottom: 0;
}
.text-image {
  border: 1px solid transparent;
  /* Fix */
  margin-top: 4.2rem;
}
.text-image h2 {
  font-family: 'Aeonik-Bold';
  font-size: 1.9rem;
  margin: 0 0 2rem 0;
  padding: 0;
}
/* ---------- /PRODUCTS ---------- */
/* ---------- FACTS ---------- */
.facts h2 {
  font-family: 'Aeonik-Bold';
  font-size: 2.5rem;
  margin-bottom: 3rem;
}
.facts h2 + p:last-child {
  margin-bottom: 3.2rem;
}
.facts .fact {
  padding-top: 80px;
  margin-bottom: 2.8rem;
  background-position: center top;
  background-size: 58px 58px;
  background-repeat: no-repeat;
}
.facts .fact h3 {
  font-family: 'Aeonik-Bold';
  font-size: 1rem;
}
.facts .fact h3.big {
  font-size: 1.2rem;
}
.facts .fact p:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .facts .fact {
    padding-top: 0.6rem;
    padding-left: 80px;
    margin-bottom: 2.1rem;
    background-position: left top;
  }
}
/* ---------- /FACTS ---------- */
/* ---------- DOWNLOADS ---------- */
.downloads figcaption {
  margin-top: 1.8rem;
}
.downloads figcaption .l2 {
  font-family: 'Aeonik-Bold';
}
/* ---------- /DOWNLOADS ---------- */
/* ---------- HÄNDLERSUCHE ---------- */
form.products h2 {
  margin-bottom: 2rem;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
form.products .form-check .form-check-input {
  float: none;
  margin-right: 0.4rem;
}
form.products > div {
  margin-bottom: 5.8rem;
}
@media (min-width: 992px) {
  form.products h2 {
    margin-bottom: 5rem;
  }
  form.products .form-check .form-check-input {
    float: left;
    margin-right: 0;
  }
}
.card.product {
  padding: 2.1rem 2.1rem 2.1rem 2.1rem;
}
.card.product h3 {
  font-family: 'Aeonik-Bold';
  font-size: 2.3rem;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
.card.product img {
  margin-bottom: 2.5rem;
}
.card.product p {
  font-family: 'Aeonik-Medium';
}
@media (min-width: 768px) {
  .card.product {
    padding: 2.1rem 0.8rem 2.1rem 0.8rem;
  }
}
@media (min-width: 992px) {
  .card.product {
    padding: 2.1rem 1.5rem 2.1rem 1.5rem;
  }
}
@media (min-width: 1400px) {
  .card.product {
    padding: 2.1rem 4.1rem 2.1rem 4.1rem;
  }
}
.haendlersuche-ergebnis-haendler-produkte {
  font-family: 'Aeonik-Medium';
}
.haendlersuche-ergebnis-haendler-produkte a {
  font-family: 'Aeonik-Regular';
}
.haendlersuche-ergebnis-haendler-produkte .text-uppercase {
  font-size: 0.9rem;
  letter-spacing: 2px;
  margin-top: 0.8rem;
  margin-bottom: 0.5rem;
}
.haendlersuche-ergebnis-haendler-produkte .list-unstyled li {
  font-family: 'Aeonik-Regular';
}
.haendlersuche-ergebnis-haendler-produkte .list-unstyled li:before {
  content: '+ ';
}
/* ---------- /HÄNDLERSUCHE ---------- */
/* ---------- KONTAKTFORMULAR ---------- */
#contact-form textarea {
  height: 100px;
}
div[id^="contact-part-"] {
  height: 0px;
  overflow: hidden;
}
.contact-form-fields {
  display: none;
}
#contact-Bereich-Level-2,
#contact-Bereich-Level-3 {
  display: none;
  margin-top: 0.5rem;
}
.contact-haendlersuche-text {
  margin-top: 1rem;
  display: none;
}
/* ---------- /KONTAKTFORMULAR ---------- */
th,
td {
  color: #fff;
}
td {
  border-bottom-color: #808080;
}
/* ---------- */
.startseite * {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
.startseite .headline-text {
  text-shadow: 0 0 5px black;
  /* v1 */
  text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
  /* v2*/
}
option {
  font-family: sans-serif;
}
/* ---------- CAROUSEL ---------- */
.carousel-indicators {
  bottom: -10px;
}
.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border: 2px solid #fff !important;
  background-color: transparent;
  opacity: 1;
}
.carousel-indicators .active {
  width: 14px;
  height: 14px;
  border: none !important;
  background-color: #2f67a6;
}
/* ---------- /CAROUSEL ---------- */