@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased; }

body {
  margin: 0;
  position: relative; }

h1, h2, h3, h4, h5, p {
  margin: 0;
  padding: 0; }

a {
  color: inherit;
  text-decoration: none; }

button {
  border: none;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  background-color: inherit; }
  button:focus {
    outline: none; }

ul {
  margin: 0;
  padding: 0; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; }

:root {
  font-size: 10px; }
  @media only screen and (min-width: 1140px) {
    :root {
      font-size: 11px; } }
  @media only screen and (max-width: 300px) {
    :root {
      font-size: 3vw; } }

body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: black;
  background-color: white; }

p {
  line-height: 1.57; }
  @media only screen and (max-width: 900px) {
    p {
      font-size: 1.4rem; } }

h1,
h2,
h3,
h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }

h1 {
  font-size: 4rem;
  font-weight: 700;
  letter-spacing: -0.02em; }
  @media only screen and (min-width: 700px) {
    h1 {
      font-size: 3rem; } }

h2 {
  font-size: 4rem;
  font-weight: 700; }
  @media only screen and (max-width: 900px) {
    h2 {
      font-size: 2.4rem; } }

h3 {
  font-size: 2.4rem; }

h4 {
  font-size: 2rem; }

a {
  color: #ff8800; }

p a {
  color: #ff8800;
  font-weight: 700;
  text-decoration: underline; }

.centered {
  text-align: center; }

.drwatson-icon-left {
  position: relative; }
  .drwatson-icon-left::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -2rem;
    height: 10rem;
    width: 10rem;
    transform: translateX(-100%) translateY(-55%);
    background-image: url(./../../resources/media/icons/logo_watson_selbst_transparent_schwarz.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }

.drwatson-icon-top {
  position: relative;
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .drwatson-icon-top::before {
    content: "";
    position: relative;
    display: block;
    height: 10rem;
    width: 10rem;
    background-image: url(./../../resources/media/icons/logo_watson_selbst_transparent_schwarz.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }

.drwatson-icon-top-white {
  position: relative;
  margin-top: 4rem; }
  .drwatson-icon-top-white::before {
    content: "";
    position: absolute;
    top: -4rem;
    left: 50%;
    height: 10rem;
    width: 10rem;
    transform: translateX(-50%) translateY(-50%);
    background-image: url(./../../resources/media/icons/logo_watson_selbst_transparent_weiss.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }

.left {
  text-align: left;
  width: 100%;
  /*   display: block;
 */ }

.default-space-top {
  margin-top: 10rem !important; }

.small-space-top {
  margin-top: 5rem !important; }

.tiny-space-top {
  margin-top: 2.5rem !important; }

.small-padding-top {
  padding-top: 5rem !important; }

.small-padding-bottom {
  padding-bottom: 5rem !important; }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.8; }
  .hamburger.is-active:hover {
    opacity: 0.8; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #ff8800; }

.hamburger-box {
  width: 30px;
  height: 21px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 3px;
    background-color: #ff8800;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -9px; }
  .hamburger-inner::after {
    bottom: -9px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 60px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -9px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 60px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -9px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 60px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -9px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 60px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -9px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 60px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -9px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 60px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -9px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-6px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-6px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(6px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(6px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -18px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -18px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 9px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 18px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -18px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 9px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 18px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -18px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 9px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -60px;
      top: -60px;
      transform: translate3d(60px, 60px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -60px;
      top: -60px;
      transform: translate3d(-60px, 60px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 9px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -60px;
      top: 60px;
      transform: translate3d(60px, -60px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -60px;
      top: 60px;
      transform: translate3d(-60px, -60px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider .hamburger-inner::before {
    top: 9px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 18px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-4.28571px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -18px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 1.5px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 9px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 18px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(4.28571px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -18px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 1.5px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 9px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 18px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 9px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 9px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -18px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -9px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../../resources/fonts/slick.woff") format("woff"), url("./../../../resources/fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); }

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '←'; }

[dir='rtl'] .slick-prev:before {
  content: '→'; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: '→'; }

[dir='rtl'] .slick-next:before {
  content: '←'; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.sliderstage {
  margin-bottom: 0 !important; }
  .sliderstage--large {
    height: 40vw;
    min-height: 45rem;
    max-height: 60rem; }
  .sliderstage--small {
    height: 40rem; }
  .sliderstage__overlay {
    position: relative; }
  .sliderstage__controls {
    position: absolute;
    top: 50%;
    z-index: 1;
    margin: 2rem;
    height: 5rem;
    width: 5rem;
    cursor: pointer; }
    @media only screen and (max-width: 900px) {
      .sliderstage__controls {
        top: 90%; } }
    .sliderstage__controls--left {
      left: 0;
      background-image: url("../media//icons/icon-arrow.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      transform: translateY(-50%) rotate(180deg); }
    .sliderstage__controls--right {
      right: 0;
      background-image: url("../media//icons/icon-arrow.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      transform: translateY(-50%); }

.sliderstage-item {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  padding: 2rem; }
  .sliderstage-item__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%; }
    .sliderstage-item__content > *:not(:first-child) {
      margin-top: 2rem; }
  .sliderstage-item__heading {
    color: white; }
    @media only screen and (min-width: 900px) {
      .sliderstage-item__heading {
        font-size: 4.2rem; } }
    .sliderstage-item__heading--dark {
      color: black; }
  .sliderstage-item__text {
    color: white;
    font-size: 2.1rem;
    font-weight: 600;
    max-width: 50ch; }
    .sliderstage-item__text--dark {
      color: black; }
  .sliderstage-item:focus {
    outline: none; }
  @media only screen and (max-width: 900px) {
    .sliderstage-item {
      height: 100%; } }

.slick-track,
.slick-list {
  height: 100%;
  width: 100%; }

.button {
  height: 4.8rem;
  padding: 0 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  width: max-content; }
  .button--primary {
    color: white;
    background-color: #ff8800; }
    .button--primary:hover {
      background-color: #ffa948; }
  .button--primary-inverted {
    color: #ff8800;
    border-color: #ff8800; }
  .button--outline {
    color: #ff8800;
    border: 2px solid #ff8800; }
  .button--outline-inverted {
    color: white;
    border: 2px solid white; }

.navlink {
  font-size: 1.4rem;
  margin-right: 2em;
  display: block;
  padding-bottom: 0.4em;
  word-break: keep-all;
  white-space: nowrap;
  color: black; }
  @media only screen and (min-width: 1600px) {
    .navlink {
      font-size: 1.6rem;
      margin-right: 3em;
      padding-bottom: 0.6em; } }
  .navlink--active {
    color: black;
    border-bottom: 0.2em solid #ff8800;
    font-weight: 600; }

.factblock {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 45ch;
  color: black;
  cursor: default;
  background-color: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  padding: 3rem 2rem;
  min-width: 35ch; }
  .factblock__icon {
    height: 5rem;
    width: 5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 2rem; }
  .factblock__heading {
    font-weight: bold;
    font-size: 2.4rem;
    margin-bottom: 2rem;
    transition: all .2s; }
  .factblock__hover {
    cursor: pointer; }
    .factblock__hover:hover .factblock__heading {
      color: #ff8800; }

.text-image-stripe {
  display: flex;
  width: 100%;
  height: 50rem; }
  .text-image-stripe--secondary {
    background-color: #b3d100;
    color: white; }
    .text-image-stripe--secondary a {
      color: white; }
  .text-image-stripe__image {
    height: 100%;
    width: 50%;
    max-width: 50%;
    background-size: cover;
    background-position: center; }
  .text-image-stripe__textcontainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 4rem 0 4rem;
    width: 50%;
    max-width: 50%; }
  .text-image-stripe__heading {
    margin-bottom: 2rem; }
  @media only screen and (max-width: 900px) {
    .text-image-stripe {
      flex-direction: column;
      height: unset; }
      .text-image-stripe__image {
        width: 100%;
        max-width: unset;
        height: 70vw;
        max-height: 50rem; }
      .text-image-stripe__textcontainer {
        padding: 3rem 1.6rem;
        width: 100%;
        max-width: unset; } }

.quote {
  font-weight: bold;
  font-size: 3rem;
  padding: 5rem 0; }
  .quote::before {
    content: "";
    display: block;
    background-image: url("../media/icons/grafik-zitat.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    height: 6rem;
    width: 100%;
    text-align: right;
    margin-bottom: 1rem; }
  .quote::after {
    content: "";
    display: block;
    background-image: url("../media/icons/grafik-zitat-2.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    height: 6rem;
    width: 100%;
    text-align: right;
    margin-top: 2rem; }

.advertisement {
  background-color: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.5rem;
  display: flex;
  justify-content: flex-end;
  position: relative;
  /* ANZEIGE LABEL */ }
  @media only screen and (min-width: 900px) {
    .advertisement {
      margin: 5rem 0; } }
  .advertisement::before {
    content: "Anzeige";
    position: absolute;
    top: -2.2rem;
    left: 0;
    font-weight: 700; }
  .advertisement__close {
    background-color: #ff8800;
    background-image: url("../media/icons/icon-close.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    height: 3rem;
    width: 3rem;
    display: block;
    border-radius: inherit;
    cursor: pointer; }

.drwatson-icon {
  height: 10rem;
  width: 10rem;
  display: none;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; }
  .drwatson-icon--black {
    display: block;
    background-image: url("../media/icons/logo_watson_selbst_transparent_schwarz.svg"); }
  .drwatson-icon--white {
    display: block;
    background-image: url("../media/icons/logo_watson_selbst_transparent_weiss.svg"); }

.maxwidth--copy {
  width: 100%;
  max-width: 86rem;
  margin: 0 auto; }

.maxwidth--small {
  width: 100%;
  max-width: 65rem;
  margin: 0 auto; }

.maxwidth--x-large {
  width: 100%;
  max-width: 110rem;
  margin: 0 auto; }

.maxwidth-wrapper {
  background-color: #f3f3f3;
  width: 100%;
  display: flex;
  align-items: center; }

.textblock {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 3rem; }
  .textblock h1,
  .textblock h2,
  .textblock h3,
  .textblock h4,
  .textblock h5,
  .textblock h6 {
    margin-bottom: 4rem; }
  .textblock__button {
    margin-top: 4rem; }
  .textblock--onecolumn {
    width: 100%;
    padding: 0 3rem;
    line-height: 2em; }
  .textblock--twocolumns {
    width: 100%;
    column-count: 2;
    column-gap: 5rem;
    padding: 0 3rem;
    line-height: 2em; }
    @media only screen and (max-width: 900px) {
      .textblock--twocolumns {
        column-count: 1; } }

.teaser {
  display: flex;
  flex-direction: column; }
  .teaser__image {
    background-size: cover;
    background-position: center;
    height: 15rem;
    width: 100%; }
    @media only screen and (max-width: 900px) {
      .teaser__image {
        height: 30rem; } }
  .teaser__meta {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    font-size: 1.4rem; }
    @media only screen and (max-width: 900px) {
      .teaser__meta {
        font-size: 1.3rem; } }
  .teaser__category {
    font-weight: 300;
    font-size: 1.4rem; }
    @media only screen and (max-width: 900px) {
      .teaser__category {
        font-size: 1.3rem; } }
  .teaser__subheading {
    color: black;
    font-weight: 600;
    margin-top: .4rem;
    font-size: 1.3rem; }
  .teaser__headline {
    color: black;
    margin-top: .4rem; }
  .teaser__text {
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .teaser__date {
    color: #ff8800;
    font-weight: 300;
    margin-right: 1rem; }
  .teaser__button {
    margin-top: auto; }
  @media only screen and (max-width: 900px) {
    .teaser {
      margin-top: 3rem; } }

.teasersection__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2.4rem;
  grid-row-gap: 4rem;
  row-gap: 4rem;
  padding: 6rem 3rem 0; }
  @media only screen and (max-width: 900px) {
    .teasersection__container {
      display: flex;
      flex-direction: column; } }

.teasersection__button {
  margin: 0 auto;
  margin-top: 4rem; }

.bulletedList {
  list-style: none;
  padding: 0 3rem; }
  .bulletedList__item {
    display: flex;
    align-items: center; }
    .bulletedList__item::before {
      content: "";
      height: 0.3rem;
      max-height: 0.3rem;
      width: 1rem;
      max-width: 1rem;
      background-color: #ff8800;
      display: inline-block;
      margin-right: 1.2rem; }
    .bulletedList__item:not(:first-child) {
      margin-top: 1.5rem; }

.infogrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  grid-gap: 2.5rem;
  padding: 2.5rem; }
  @media only screen and (max-width: 900px) {
    .infogrid {
      grid-template-columns: 1fr 1fr; } }
  @media only screen and (max-width: 700px) {
    .infogrid {
      grid-template-columns: 1fr; } }
  .infogrid__item {
    text-align: center;
    background-color: white;
    padding: 2rem; }
    .infogrid__item__number {
      font-size: 5rem;
      color: #ff8800;
      margin: 0 0 2rem;
      line-height: 1.2; }
    .infogrid__item__title {
      font-size: 2.1rem;
      font-weight: 700;
      margin: 0 0 2rem;
      padding: 0; }

.zigzag-textblock {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 3rem; }
  @media only screen and (max-width: 700px) {
    .zigzag-textblock {
      display: block; } }
  .zigzag-textblock__section {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media only screen and (max-width: 700px) {
      .zigzag-textblock__section {
        width: 100%; } }
    .zigzag-textblock__section__number {
      font-size: 5rem;
      color: #ff8800;
      margin: 0 0 2rem;
      line-height: 1.2; }
    .zigzag-textblock__section__title {
      font-size: 2.1rem;
      font-weight: 700;
      margin: 0 0 2rem;
      padding: 0; }
    .zigzag-textblock__section:nth-child(2n) {
      align-self: flex-end; }
    .zigzag-textblock__section:not(:first-child) {
      margin-top: 6rem; }

.twoteasers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
  gap: 2rem;
  padding: 0 3rem; }
  @media only screen and (max-width: 700px) {
    .twoteasers {
      grid-template-columns: 1fr; } }
  .twoteasers__item__image {
    height: 25rem;
    width: 100%;
    background-position: center;
    background-size: cover;
    margin: 0 0 2rem; }
  .twoteasers__item__title {
    font-size: 2.1rem;
    font-weight: 700;
    margin: 0 0 2rem;
    padding: 0; }
  .twoteasers__item__text {
    margin: 0 0 2rem;
    padding: 0; }
  .twoteasers__item__button:not(:first-of-type) {
    margin-top: 1rem; }

.quoteslider {
  margin-bottom: 0; }
  .quoteslider__overlay {
    position: relative;
    padding: 0 3rem;
    background-color: #f3f3f3; }
  .quoteslider__item {
    width: 100%;
    margin: 5rem 0;
    display: flex !important;
    align-items: center; }
    .quoteslider__item:focus {
      outline: none; }
  .quoteslider__itemcontainer {
    display: flex;
    height: 100%;
    max-width: 900px;
    margin: 6rem auto;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .quoteslider__textcontainer {
    position: relative;
    text-align: center;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .quoteslider__textcontainer::before {
      content: "";
      display: block;
      background-image: url("../media/icons/grafik-zitat.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: bottom;
      width: 6rem;
      height: 6rem;
      position: absolute;
      top: 0;
      right: 0;
      transform: translateY(-100%); }
    .quoteslider__textcontainer::after {
      content: "";
      display: block;
      background-image: url("../media/icons/grafik-zitat-2.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top;
      width: 6rem;
      height: 6rem;
      position: absolute;
      bottom: 0;
      left: 0;
      transform: translateY(100%); }
  .quoteslider__quote {
    font-weight: bold;
    font-size: 2.8rem;
    margin: 4rem 0;
    line-height: 1.3;
    text-align: center; }
    @media only screen and (max-width: 700px) {
      .quoteslider__quote {
        font-size: 2rem; } }
    @media only screen and (min-width: 1140px) {
      .quoteslider__quote {
        font-size: 2rem; } }
  .quoteslider__source {
    margin-bottom: 3rem; }
  .quoteslider__nav {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 0rem;
    display: flex;
    justify-content: space-between; }
    .quoteslider__nav .slick-dots {
      transform: translateY(-25%) translateX(-50%);
      top: 1.2rem;
      width: 200px;
      left: 50%;
      bottom: initial; }
      .quoteslider__nav .slick-dots li:only-child {
        display: none; }
    .quoteslider__nav .slick-dots li button::before {
      font-size: 14px;
      color: black;
      opacity: 1; }
    .quoteslider__nav .slick-dots li.slick-active button::before {
      color: #ff8800;
      font-size: 20px; }
  .quoteslider__arrow {
    height: 4rem;
    width: 4rem;
    margin-bottom: 4rem;
    background-color: #ff8800;
    -webkit-mask-image: url(./../../resources/media/icons/icon-arrow.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(./../../resources/media/icons/icon-arrow.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    cursor: pointer; }
  .quoteslider__arrow-left {
    transform: rotate(180deg); }
  .quoteslider .slick-track {
    display: flex; }
  .quoteslider .slick-track .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center; }

.text-image-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "left right";
  padding: 0 3rem;
  gap: 4rem; }
  @media only screen and (max-width: 700px) {
    .text-image-block {
      display: block; } }
  .text-image-block__imgcontainer {
    grid-area: left; }
    @media only screen and (max-width: 700px) {
      .text-image-block__imgcontainer {
        margin-bottom: 2rem; } }
    .text-image-block__imgcontainer p {
      color: #a3aaad; }
  .text-image-block__img {
    width: 100%; }
  .text-image-block__textcontainer {
    grid-area: right; }
  .text-image-block--reversed {
    grid-template-areas: "right left" !important; }
  .text-image-block__thumbnail-container {
    position: relative; }
    @media only screen and (min-width: 900px) {
      .text-image-block__thumbnail-container {
        width: 100%;
        overflow: hidden; }
        .text-image-block__thumbnail-container image {
          object-fit: cover; } }
  .text-image-block__thumbnail {
    width: 100%;
    display: block; }
    @media only screen and (min-width: 900px) {
      .text-image-block__thumbnail {
        height: 100%;
        object-fit: cover; } }
  .text-image-block__thumbnail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.384);
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: background-color 0.4s;
    display: flex;
    justify-content: center;
    align-items: center; }
    .text-image-block__thumbnail-overlay::after {
      content: "";
      position: absolute;
      background-color: #ff8800;
      height: 8rem;
      width: 8rem;
      border-radius: 100%;
      top: 50%;
      left: 50%;
      z-index: 1;
      transform: translateX(-50%) translateY(-50%); }
    .text-image-block__thumbnail-overlay:hover {
      background-color: rgba(0, 0, 0, 0.548); }
      .text-image-block__thumbnail-overlay:hover::after {
        animation: pulse-hover 2s ease infinite;
        transform-origin: center; }
      .text-image-block__thumbnail-overlay:hover .video-text-stripe__play-button {
        background-color: #ff8800;
        transform: scale(1.1); }
      .text-image-block__thumbnail-overlay:hover .video-text-stripe__image {
        transform: scale(1.1);
        display: none; }

.formattedtext p:not(:first-child) {
  margin-top: 0.8rem; }

.formattedtext strong {
  font-weight: 700; }

.formattedtext em {
  font-style: italic;
  font-weight: inherit; }

.formattedtext ul {
  list-style: none;
  width: 100%; }
  .formattedtext ul:not(:first-child) {
    margin-top: 0.8rem; }
  .formattedtext ul li {
    display: flex; }
    .formattedtext ul li::before {
      content: "";
      height: 0.3rem;
      max-height: 0.3rem;
      min-height: 0.3rem;
      margin-top: 0.5em;
      margin-right: 1.2rem;
      width: 1.2ch;
      max-width: 1.2ch;
      min-width: 1.2ch;
      background-color: #ff8800;
      display: inline-block; }
    .formattedtext ul li:not(:first-child) {
      margin-top: 0.8rem; }

.formattedtext ol {
  list-style: none;
  width: 100%;
  padding: 0;
  counter-reset: listcounter; }
  .formattedtext ol:not(:first-child) {
    margin-top: 0.8rem; }
  .formattedtext ol li {
    counter-increment: listcounter;
    display: flex; }
    .formattedtext ol li::before {
      content: counter(listcounter) ".";
      display: block;
      margin-right: 1.2rem;
      width: 1.2ch;
      min-width: 1.2ch;
      max-width: 1.2ch; }
    .formattedtext ol li:not(:first-child) {
      margin-top: 1rem; }

.news-filter {
  background-color: #f3f3f3;
  width: 100%;
  padding: 6rem 10rem; }
  @media only screen and (max-width: 700px) {
    .news-filter {
      padding: 6rem 5rem; } }
  .news-filter__title {
    margin: 1rem 0 4rem; }
  .news-filter__text {
    margin-bottom: 5rem; }
  .news-filter__wrapper {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .news-filter__label {
    align-self: flex-start;
    margin-bottom: 4rem;
    font-size: 2.4rem;
    font-weight: 700;
    display: flex;
    align-items: center; }
  .news-filter__form {
    display: flex;
    width: 100%;
    margin: 0 0 5rem 0; }
    @media only screen and (max-width: 700px) {
      .news-filter__form {
        flex-direction: column; } }
  .news-filter__field {
    height: 4.8rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: none;
    width: 100%;
    padding: 0 0 0 1.5rem;
    margin: 0 1.5rem 0 0; }
    .news-filter__field:focus {
      outline: none; }
    @media only screen and (max-width: 700px) {
      .news-filter__field {
        margin: 0 0 1.5rem 0; } }
  .news-filter__inputwrapper {
    display: flex;
    align-items: center; }
  .news-filter__input {
    height: 100%;
    width: 100%;
    border: none;
    background: none;
    font-family: "Montserrat", sans-serif; }
    .news-filter__input:focus {
      outline: none; }
  .news-filter__select {
    font-family: "Montserrat", sans-serif;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background-image: url("../media/icons/icon-drop-down--orange.svg");
    background-size: 4.8rem;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: center;
    position: relative; }
  .news-filter__submit {
    height: 100%;
    min-width: 4.8rem;
    background-color: #ff8800;
    border-radius: .6rem;
    background-image: url("../media/icons/icon-search--white.svg");
    background-size: 38%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 0; }

.lexikon-filter {
  background-color: #f3f3f3;
  width: 100%;
  padding: 6rem 10rem; }
  @media only screen and (max-width: 700px) {
    .lexikon-filter {
      padding: 6rem 5rem; } }
  .lexikon-filter__title {
    margin: 1rem 0 4rem; }
  .lexikon-filter__text {
    margin-bottom: 5rem; }
  .lexikon-filter__wrapper {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    display: grid;
    grid-template-columns: 10rem 1fr;
    gap: 0.5rem;
    row-gap: 2rem;
    align-items: start; }
  .lexikon-filter__field {
    height: 4.8rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: none;
    width: 100%;
    padding: 0 0 0 1.5rem;
    margin: 0 1.5rem 0 0; }
    .lexikon-filter__field:focus {
      outline: none; }
    @media only screen and (max-width: 700px) {
      .lexikon-filter__field {
        margin: 0 0 1.5rem 0; } }
  .lexikon-filter__inputwrapper {
    display: flex;
    align-items: center;
    grid-column: span 2; }
  .lexikon-filter__input {
    height: 100%;
    width: 100%;
    border: none;
    font-size: inherit;
    background: none;
    font-family: "Montserrat", sans-serif;
    -webkit-appearance: none; }
    .lexikon-filter__input:focus {
      outline: none; }
  .lexikon-filter__submit {
    height: 100%;
    min-width: 4.8rem;
    background-color: #ff8800;
    border-radius: 0.6rem;
    background-image: url("../media/icons/icon-search--white.svg");
    background-size: 38%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 0; }
  .lexikon-filter__radio-container {
    display: flex;
    flex-wrap: wrap; }

.lexikon-radio__label {
  color: black;
  width: 6rem;
  height: 4rem;
  background-color: white;
  text-align: center;
  border-radius: 0.4rem;
  padding: 1rem 0;
  text-align: left;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  cursor: pointer;
  transition: all .2s;
  display: flex;
  justify-content: center;
  font-size: inherit;
  font-weight: 700; }
  .lexikon-radio__label--active {
    background-color: #ff8800;
    color: white; }
  .lexikon-radio__label:hover {
    background-color: #ff8800;
    color: white; }

.lexikon-radio__label--all {
  width: 100%; }

.lexikon-radio__input {
  visibility: collapse;
  margin: 0;
  position: absolute;
  height: 0;
  width: 0; }

.lexikon-list {
  background-color: #f3f3f3;
  border-top: 2px solid #cccccc;
  width: 100%;
  padding: 6rem 10rem; }
  @media only screen and (max-width: 700px) {
    .lexikon-list {
      padding: 6rem 5rem; } }
  .lexikon-list__wrapper {
    width: 100%;
    max-width: 1140px;
    margin: auto; }
  .lexikon-list__wrapper--hide {
    max-height: 50rem;
    overflow: hidden;
    position: relative; }
    .lexikon-list__wrapper--hide::after {
      content: "";
      position: absolute;
      background: linear-gradient(#f3f3f300, #f3f3f3);
      bottom: 0;
      left: 0;
      width: 100%;
      height: 8rem; }
  .lexikon-list__part {
    margin-bottom: 2rem; }
  .lexikon-list__head-item {
    border-bottom: 2px solid #cccccc;
    font-size: 2.4rem;
    font-weight: 700;
    color: #ff8800;
    padding: 1.2rem 0; }
  .lexikon-list__item {
    color: black;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 1.2rem 0;
    padding-right: 4rem;
    cursor: pointer; }
    .lexikon-list__item h4 {
      font-size: 1.6rem; }
    .lexikon-list__item p {
      color: #747c80; }
  .lexikon-list__item-icon {
    background-color: #ff8800;
    height: 1.7rem;
    width: 1.7rem;
    -webkit-mask-image: url(./../../resources/media/icons/icon-drop-down--white.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(./../../resources/media/icons/icon-drop-down--white.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg); }
  .lexikon-list__button {
    margin: 0 auto;
    margin-top: 4rem; }

.database-search-main {
  background-color: #f3f3f3;
  width: 100%;
  padding: 4rem 10rem 2rem;
  border-bottom: 2px solid #cccccc; }
  @media only screen and (max-width: 700px) {
    .database-search-main {
      padding: 6rem 5rem; } }
  .database-search-main__wrapper {
    width: 100%;
    max-width: 86rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .database-search-main__label {
    align-self: flex-start;
    margin-bottom: 1rem;
    font-size: 2.4rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    width: 100%; }
  .database-search-main__icon {
    margin-left: 1rem;
    height: 1em;
    width: auto; }
  .database-search-main__form {
    display: flex;
    width: 100%;
    margin: 0 0 5rem 0; }
    @media only screen and (max-width: 700px) {
      .database-search-main__form {
        flex-direction: column; } }
  .database-search-main__field {
    height: 4.8rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: none;
    width: 100%;
    padding: 0 0 0 1.5rem;
    margin: 0 1.5rem 0 0; }
    .database-search-main__field:focus {
      outline: none; }
    @media only screen and (max-width: 700px) {
      .database-search-main__field {
        margin: 0 0 1.5rem 0; } }
  .database-search-main__inputwrapper {
    display: flex;
    align-items: center; }
  .database-search-main__input {
    height: 100%;
    width: 100%;
    border: none;
    background: none;
    font-family: "Montserrat", sans-serif;
    font-size: 1.2rem;
    outline: none;
    -webkit-appearance: none; }
    .database-search-main__input:focus {
      outline: none; }
  .database-search-main__select {
    font-family: "Montserrat", sans-serif;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background-image: url("../media/icons/icon-drop-down--orange.svg");
    background-size: 4.8rem;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: center;
    position: relative; }
  .database-search-main__submit {
    height: 100%;
    min-width: 4.8rem;
    background-color: #ff8800;
    border-radius: .6rem;
    background-image: url("../media/icons/icon-search--white.svg");
    background-size: 38%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 0; }
  .database-search-main__button {
    align-self: flex-start; }

.database-list {
  background-color: #f3f3f3;
  padding: 6rem 10rem; }
  @media only screen and (max-width: 700px) {
    .database-list {
      padding: 6rem 1.6rem; } }
  .database-list__wrapper {
    width: 100%;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto; }
  .database-list__head-item {
    border-bottom: 2px solid #cccccc;
    font-size: 2.4rem;
    font-weight: 700;
    color: #ff8800;
    padding: 2.4rem 0;
    padding-top: 0; }
  .database-list__item {
    color: black;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 1.2rem 0;
    padding-right: 4rem;
    cursor: pointer;
    border-bottom: 2px solid #cccccc; }
    .database-list__item h4 {
      font-size: 1.6rem; }
    .database-list__item p {
      color: #747c80; }
  .database-list__item-icon {
    background-color: #ff8800;
    height: 1.7rem;
    width: 1.7rem;
    -webkit-mask-image: url(./../../resources/media/icons/icon-drop-down--white.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(./../../resources/media/icons/icon-drop-down--white.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg); }

.buecher-slider__item {
  margin-right: 2rem;
  color: black; }

.buecher-slider__image-container {
  height: 37rem;
  width: 30rem;
  background-color: #f3f3f3;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color .2s; }
  @media only screen and (max-width: 700px) {
    .buecher-slider__image-container {
      width: 70vw;
      height: 34rem; } }

.buecher-slider__image {
  height: 85%; }

.buecher-slider__author {
  margin-top: 2rem;
  font-size: 2rem;
  max-width: 24rem;
  font-weight: 400; }

.buecher-slider__title {
  font-size: 2.4rem;
  margin-top: 1rem;
  transition: color .2s;
  max-width: 24rem; }

.buecher-slider__item:hover .buecher-slider__image-container {
  background-color: #b3d100; }

.buecher-slider__item:hover .buecher-slider__title {
  color: #ff8800; }

.buecher-slider__item:focus {
  outline: none;
  border: none; }

.buecher-slider__nav {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 4rem;
  margin-top: 3rem; }
  .buecher-slider__nav .slick-dots {
    transform: translateY(-25%) translateX(-50%);
    top: 50%;
    width: 200px;
    left: 50%; }
  .buecher-slider__nav .slick-dots li button::before {
    font-size: 14px;
    color: black;
    opacity: 1; }
  .buecher-slider__nav .slick-dots li.slick-active button::before {
    color: #ff8800;
    font-size: 20px; }

.buecher-slider__arrow {
  height: 4rem;
  width: 4rem;
  background-color: #ff8800;
  -webkit-mask-image: url(./../../resources/media/icons/icon-arrow.svg);
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url(./../../resources/media/icons/icon-arrow.svg);
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  position: absolute;
  cursor: pointer; }

.buecher-slider__arrow-left {
  transform: rotate(180deg);
  left: 2rem; }

.buecher-slider__arrow-right {
  right: 2rem; }

.lexikon-detail-filter {
  background-color: #f3f3f3;
  padding: 2rem 10rem; }
  @media only screen and (max-width: 700px) {
    .lexikon-detail-filter {
      padding: 2rem  1.6rem; } }
  .lexikon-detail-filter__wrapper {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    @media only screen and (max-width: 900px) {
      .lexikon-detail-filter__wrapper {
        display: grid;
        grid-template-columns: 1fr auto auto;
        grid-template-rows: auto auto;
        grid-column-gap: 1rem;
        column-gap: 1rem; } }
  .lexikon-detail-filter__button {
    margin-right: auto; }
    @media only screen and (max-width: 900px) {
      .lexikon-detail-filter__button {
        grid-row: 1 / 2;
        grid-column: 1 / 2; } }
  .lexikon-detail-filter__more {
    width: 4.8rem;
    height: 4.8rem;
    background-color: #ff8800;
    border-radius: .3rem;
    background-image: url(./../../resources/media/icons/icon-drop-down--white.svg);
    background-size: 38%;
    background-position: center;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 900px) {
      .lexikon-detail-filter__more {
        grid-row: 1 / 2;
        grid-column: 3 / 4; } }
    @media only screen and (min-width: 900px) {
      .lexikon-detail-filter__more {
        display: none; } }
  .lexikon-detail-filter__suche-label {
    font-weight: 700;
    margin-right: 2rem; }
    @media only screen and (max-width: 900px) {
      .lexikon-detail-filter__suche-label {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
        margin-right: 0rem; } }
  .lexikon-detail-filter__inputwrapper {
    height: 4.8rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: none;
    width: 20rem;
    overflow: hidden;
    padding: 0 0 0 1.5rem;
    margin: 0 1.5rem 0 0;
    display: flex;
    position: relative;
    margin-right: 3rem; }
    @media only screen and (max-width: 900px) {
      .lexikon-detail-filter__inputwrapper {
        display: none;
        grid-row: 2 / 3;
        grid-column: 1 / 3;
        width: 100%;
        margin-top: 3rem; } }
  .lexikon-detail-filter__input {
    height: 5rem;
    border: none;
    background: none;
    font-family: "Montserrat", sans-serif;
    background-color: white;
    -webkit-appearance: none;
    width: 100%; }
    .lexikon-detail-filter__input:focus {
      outline: none; }
  .lexikon-detail-filter__submit {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    min-width: 4.8rem;
    background-color: #ff8800;
    border-radius: .6rem;
    background-image: url("../media/icons/icon-search--white.svg");
    background-size: 38%;
    background-position: center;
    background-repeat: no-repeat; }
  @media only screen and (max-width: 900px) {
    .lexikon-detail-filter__select {
      grid-row: 2 / 3;
      grid-column: 3 / 4;
      display: none;
      margin-top: 3rem; } }

.text-info-block {
  width: 100%;
  padding: 0rem 10rem; }
  @media only screen and (max-width: 700px) {
    .text-info-block {
      padding: 0 1.6rem; } }
  .text-info-block__wrapper {
    width: 100%;
    max-width: 86rem;
    margin: 0 auto; }
  .text-info-block__text {
    white-space: pre-line; }
  .text-info-block__tag-container {
    display: flex;
    margin-bottom: 3rem;
    flex-wrap: wrap; }
    @media only screen and (max-width: 700px) {
      .text-info-block__tag-container {
        flex-wrap: wrap; } }
  .text-info-block__tag {
    padding: 2rem;
    border-radius: .6rem;
    color: white;
    font-weight: 600;
    margin-right: 2rem;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 6rem; }
    @media only screen and (max-width: 700px) {
      .text-info-block__tag {
        margin-bottom: 1rem; } }
    .text-info-block__tag::before {
      content: "";
      height: 3rem;
      width: 3rem;
      position: absolute;
      left: 1.5rem;
      top: 50%;
      transform: translateY(-50%);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
  .text-info-block__tag--riskant {
    background-color: #ff2002; }
    .text-info-block__tag--riskant::before {
      background-color: white;
      -webkit-mask-image: url(./../../resources/media/icons/food-detektive_icons_label-besonders-riskant.svg);
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-image: url(./../../resources/media/icons/food-detektive_icons_label-besonders-riskant.svg);
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center; }
  .text-info-block__tag--allergiker {
    background-color: #ffc202; }
    .text-info-block__tag--allergiker::before {
      background-color: white;
      -webkit-mask-image: url(./../../resources/media/icons/icon-fuer-allergiker-gefaehrlich.svg);
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-image: url(./../../resources/media/icons/icon-fuer-allergiker-gefaehrlich.svg);
      mask-size: 80%;
      mask-repeat: no-repeat;
      mask-position: center; }
  .text-info-block__tag--designer {
    background-color: #6188ea; }
    .text-info-block__tag--designer::before {
      background-color: white;
      -webkit-mask-image: url(./../../resources/media/icons/food-detektive_icons_label-designerstoff.svg);
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-image: url(./../../resources/media/icons/food-detektive_icons_label-designerstoff.svg);
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center; }
  .text-info-block__tag--weit-verbreitet {
    background-color: #ffc202; }
    .text-info-block__tag--weit-verbreitet::before {
      background-color: white;
      -webkit-mask-image: url(./../../resources/media/icons/food-detektive_icons_label-weit-verbreitet.svg);
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-image: url(./../../resources/media/icons/food-detektive_icons_label-weit-verbreitet.svg);
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center; }
  .text-info-block__tag--gentechnik {
    background-color: #6188ea; }
    .text-info-block__tag--gentechnik::before {
      background-color: white;
      -webkit-mask-image: url(./../../resources/media/icons/food-detektive_icons_label-gentechnsich.svg);
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-image: url(./../../resources/media/icons/food-detektive_icons_label-gentechnsich.svg);
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center; }
  .text-info-block__tag--geschmack {
    background-color: #ffc202; }
    .text-info-block__tag--geschmack::before {
      background-color: white;
      -webkit-mask-image: url(./../../resources/media/icons/food-detektive_icons_label-geschmack.svg);
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-image: url(./../../resources/media/icons/food-detektive_icons_label-geschmack.svg);
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center; }
  .text-info-block__container {
    display: flex; }
    @media only screen and (max-width: 700px) {
      .text-info-block__container {
        flex-direction: column; } }
  .text-info-block__hinweis {
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 2px solid #cdcece; }
    .text-info-block__hinweis h4 {
      color: #ff8800;
      font-size: 1.6rem;
      margin-bottom: 1rem; }
    .text-info-block__hinweis p {
      font-size: 1.4rem;
      color: #747c80;
      line-height: 1.8; }
      .text-info-block__hinweis p:not(:first-child) {
        margin-top: 1rem; }
  .text-info-block__image-container {
    width: 30rem;
    flex-shrink: 0;
    margin-left: 2rem; }
    @media only screen and (max-width: 700px) {
      .text-info-block__image-container {
        margin-left: 0;
        margin-top: 2rem;
        max-width: 100%; } }
    .text-info-block__image-container img {
      width: 100%; }
    .text-info-block__image-container p {
      width: 100%;
      color: #a3aaad;
      margin-top: 1rem; }
  .text-info-block h1,
  .text-info-block h2 {
    margin-bottom: 3rem; }

.info-text-block__text {
  white-space: pre-line; }
  .info-text-block__text h5 {
    font-size: 18px; }

/* The container must be positioned relative: */
.custom-select {
  position: relative;
  font-family: inherit;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: .6rem; }

.custom-select select {
  display: none;
  /*hide original SELECT element: */ }

.custom-select--no-placeholder {
  color: black !important; }

.custom-select {
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */ }
  .custom-select .select-selected {
    width: 100%;
    height: 100%;
    padding: 1.5rem;
    padding-right: 0;
    font-family: inherit;
    font-size: inherit;
    border-radius: .6rem;
    cursor: pointer;
    font-weight: 300;
    background-color: #ff8800;
    color: transparent; }
  .custom-select .select-selected:after {
    position: absolute;
    content: "";
    background-color: white;
    height: 22px;
    width: 22px;
    right: 1.4rem;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    -webkit-mask-image: url(./../../resources/media/icons/icon-punkt-strich.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(./../../resources/media/icons/icon-punkt-strich.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center; }
  .custom-select .select-items div {
    font-size: inherit;
    color: black;
    font-weight: 300;
    padding: 8px 16px;
    border: 1px solid transparent;
    cursor: pointer; }
  .custom-select .select-items {
    position: absolute;
    background-color: white;
    border: 1px solid #f3f3f3;
    width: 20rem;
    top: 100%;
    left: 0;
    transform: translateX(-50%);
    right: 0;
    z-index: 99;
    max-height: 30rem;
    overflow-y: scroll; }
    @media only screen and (max-width: 900px) {
      .custom-select .select-items {
        transform: translateX(-80%); } }
  .custom-select .select-hide {
    display: none; }
  .custom-select .select-items div:hover, .custom-select .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }
  .custom-select .custom-select--filter {
    border: 1px solid #ff8800; }
    .custom-select .custom-select--filter .select-items {
      border: 1px solid #ff8800; }
    .custom-select .custom-select--filter .select-items div:hover, .custom-select .custom-select--filter .same-as-selected {
      background-color: white;
      position: relative; }
      .custom-select .custom-select--filter .select-items div:hover::before, .custom-select .custom-select--filter .same-as-selected::before {
        content: "";
        position: absolute;
        top: 5px;
        left: 0;
        width: 4px;
        height: 26px;
        background-color: #ff8800; }

.database-detail-filter {
  background-color: #f3f3f3;
  padding: 2rem 10rem; }
  @media only screen and (max-width: 1140px) {
    .database-detail-filter {
      padding: 2rem  1.6rem; } }
  @media only screen and (max-width: 700px) {
    .database-detail-filter {
      padding: 2rem  1.6rem; } }
  .database-detail-filter__wrapper {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    @media only screen and (max-width: 900px) {
      .database-detail-filter__wrapper {
        display: grid;
        grid-template-columns: 1fr auto auto;
        grid-template-rows: auto auto auto;
        grid-column-gap: 1rem;
        column-gap: 1rem; } }
  .database-detail-filter__form {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 900px) {
      .database-detail-filter__form {
        display: none; } }
  @media only screen and (max-width: 900px) {
    .database-detail-filter__form[style*='display: block'] {
      display: flex !important; } }
  @media only screen and (max-width: 900px) {
    .database-detail-filter__form-nummer {
      grid-row: 2 / 3;
      grid-column: 1 / 4;
      margin-top: 3rem; } }
  @media only screen and (max-width: 900px) {
    .database-detail-filter__form-krankheit {
      grid-row: 3 / 4;
      grid-column: 1 / 4;
      width: 100%;
      margin-top: 3rem; } }
  .database-detail-filter__button {
    margin-right: auto; }
    @media only screen and (max-width: 900px) {
      .database-detail-filter__button {
        grid-row: 1 / 2;
        grid-column: 1 / 2; } }
  .database-detail-filter__more {
    width: 4.8rem;
    height: 4.8rem;
    background-color: #ff8800;
    border-radius: .3rem;
    background-image: url(./../../resources/media/icons/icon-drop-down--white.svg);
    background-size: 38%;
    background-position: center;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 900px) {
      .database-detail-filter__more {
        grid-row: 1 / 2;
        grid-column: 3 / 4; } }
    @media only screen and (min-width: 900px) {
      .database-detail-filter__more {
        display: none; } }
  .database-detail-filter__more-label {
    display: none;
    font-weight: 700; }
    @media only screen and (max-width: 900px) {
      .database-detail-filter__more-label {
        display: block;
        grid-row: 1 / 2;
        grid-column: 2 / 3;
        margin-right: 0rem;
        font-weight: 700; } }
  .database-detail-filter__suche-label {
    font-weight: 700;
    margin-right: 2rem;
    margin-left: 4rem; }
    @media only screen and (max-width: 900px) {
      .database-detail-filter__suche-label {
        display: none; } }
  .database-detail-filter__inputwrapper {
    height: 4.8rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: none;
    width: 20rem;
    padding: 0 0 0 1.5rem;
    margin: 0 1.5rem 0 0;
    display: flex;
    position: relative;
    overflow: hidden;
    margin-right: 1rem; }
    @media only screen and (max-width: 900px) {
      .database-detail-filter__inputwrapper {
        width: 100%; } }
  .database-detail-filter__input {
    height: 5rem;
    border: none;
    background: none;
    font-family: "Montserrat", sans-serif;
    background-color: white;
    width: 100%;
    -webkit-appearance: none; }
    .database-detail-filter__input:focus {
      outline: none; }
  .database-detail-filter__submit {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    min-width: 4.8rem;
    background-color: #ff8800;
    border-radius: .6rem;
    background-image: url("../media/icons/icon-search--white.svg");
    background-size: 38%;
    background-position: center;
    margin-right: 0;
    background-repeat: no-repeat; }
  @media only screen and (max-width: 900px) {
    .database-detail-filter__select {
      flex-shrink: 0; } }

.buecherfilter {
  padding: 0 3rem; }
  .buecherfilter__radio-container {
    display: flex; }
    @media only screen and (max-width: 900px) {
      .buecherfilter__radio-container {
        flex-wrap: wrap; } }

.buecherfilter-radio__label {
  width: auto;
  padding: 1rem 2rem;
  height: 4rem;
  background-color: white;
  text-align: center;
  border-radius: .4rem;
  text-align: left;
  cursor: pointer;
  transition: all .2s;
  display: flex;
  justify-content: center;
  font-size: inherit;
  font-weight: 700;
  position: relative; }
  @media only screen and (max-width: 900px) {
    .buecherfilter-radio__label {
      margin-bottom: 1rem; } }
  .buecherfilter-radio__label::after {
    content: "";
    position: absolute;
    bottom: -1rem;
    height: 3px;
    width: 100%;
    background-color: #ebebeb; }

.buecherfilter-radio__label--all {
  width: 100%; }

.buecherfilter-radio__input {
  visibility: collapse;
  margin: 0;
  position: absolute;
  height: 0;
  width: 0; }

.buecherfilter-radio__input:checked + .buecherfilter-radio__label::after {
  content: "";
  position: absolute;
  bottom: -1rem;
  height: 3px;
  width: 100%;
  background-color: #ff8800; }

/* The container must be positioned relative: */
.custom-select-big {
  position: relative;
  font-family: inherit;
  width: 100%; }

.custom-select-big select {
  display: none;
  /*hide original SELECT element: */ }

.custom-select-big--no-placeholder {
  color: black !important; }

.custom-select-big {
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */ }
  .custom-select-big .select-selected {
    width: 100%;
    border-radius: .7rem;
    padding: 1.5rem;
    padding-top: 1.8rem;
    height: 4.8rem;
    padding-right: 6rem;
    font-family: "Montserrat", sans-serif;
    font-size: 1.2rem;
    overflow: hidden;
    color: #4d4e4c;
    cursor: pointer;
    font-weight: 300;
    background-color: white; }
  .custom-select-big .select-selected:after {
    position: absolute;
    content: "";
    border-radius: .7rem;
    background-color: white;
    overflow: hidden;
    height: 4.8rem;
    width: 4.8rem;
    right: 0;
    top: 0;
    background-image: url("../media/icons/icon-drop-down--orange.svg");
    background-size: cover;
    background-repeat: no-repeat; }
  .custom-select-big .select-selected.select-arrow-active:after {
    transform: rotate(180deg); }
  .custom-select-big .select-items div {
    font-size: inherit;
    color: black;
    font-weight: 300;
    padding: 8px 16px;
    border: 1px solid transparent;
    cursor: pointer; }
  .custom-select-big .select-items {
    position: absolute;
    background-color: white;
    border: 1px solid #f3f3f3;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    height: 30rem;
    overflow-y: scroll; }
  .custom-select-big .select-hide {
    display: none; }
  .custom-select-big .select-items div:hover, .custom-select-big .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }

.custom-select-big--filter {
  border: 1px solid #ff8800; }
  .custom-select-big--filter .select-items {
    border: 1px solid #ff8800; }
  .custom-select-big--filter .select-items div:hover, .custom-select-big--filter .same-as-selected {
    background-color: white;
    position: relative; }
    .custom-select-big--filter .select-items div:hover::before, .custom-select-big--filter .same-as-selected::before {
      content: "";
      position: absolute;
      top: 5px;
      left: 0;
      width: 4px;
      height: 26px;
      background-color: #ff8800; }

.bookdetail {
  width: 100%;
  gap: 2.5rem; }
  @media only screen and (min-width: 900px) {
    .bookdetail {
      height: 40rem;
      display: grid;
      grid-template-columns: 1fr 1fr; } }
  .bookdetail__wrapper {
    padding: 0 3rem; }
  .bookdetail__imagecontainer {
    height: 100%;
    width: 100%;
    background-color: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media only screen and (max-width: 900px) {
      .bookdetail__imagecontainer {
        margin-bottom: 2rem; } }
  .bookdetail__textcontainer {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .bookdetail__image {
    display: block;
    width: auto;
    height: 30rem;
    max-height: 80%; }
  .bookdetail__title {
    font-size: 4rem;
    margin-top: 1rem; }
  .bookdetail__subtitle {
    font-size: 2.1rem;
    margin-top: 1rem; }
  .bookdetail__author {
    font-size: 1.6rem; }

.database-begriffe {
  background-color: #f3f3f3;
  padding: 6rem 10rem;
  padding-bottom: 0rem; }
  @media only screen and (max-width: 700px) {
    .database-begriffe {
      padding: 6rem 1.6rem; } }
  .database-begriffe__wrapper {
    width: 100%;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto; }
    .database-begriffe__wrapper span {
      font-size: 1.6rem;
      font-weight: 700; }
      .database-begriffe__wrapper span:not(:last-child)::after {
        content: ", "; }
  .database-begriffe__head-item {
    font-size: 2.4rem;
    font-weight: 700;
    color: #ff8800;
    padding: 2.4rem 0;
    padding-top: 0; }

.anchor {
  display: block;
  position: relative;
  top: -6rem;
  visibility: hidden; }

.news-detail {
  width: 100%;
  padding: 0rem 10rem 6rem;
  margin-top: 4rem; }
  @media only screen and (max-width: 700px) {
    .news-detail {
      padding: 0 1.6rem 6rem; } }
  .news-detail__wrapper {
    width: 100%;
    max-width: 65rem;
    margin: 0 auto; }
  .news-detail__button {
    margin-bottom: 4rem; }
  .news-detail__date {
    color: #ff8800;
    font-weight: lighter;
    margin-right: 1rem;
    font-size: 1.6rem; }
  .news-detail__meta {
    display: flex;
    align-items: center; }
  .news-detail__heading {
    margin-bottom: 1rem; }
  .news-detail__category {
    font-weight: 400;
    font-size: 1.6rem; }
  .news-detail__subheading {
    font-size: 1.6rem;
    margin-bottom: 4rem; }
  .news-detail__intro {
    font-weight: 600; }
  .news-detail__copy {
    padding-top: 4rem;
    padding-bottom: 2rem;
    margin-top: 4rem;
    border-top: 2px solid #c7c7c7; }
  .news-detail__container {
    display: flex; }
    @media only screen and (max-width: 700px) {
      .news-detail__container {
        flex-direction: column; } }
  .news-detail__image-container {
    width: 50%;
    flex-shrink: 0;
    margin-left: 4rem; }
    @media only screen and (max-width: 700px) {
      .news-detail__image-container {
        margin-left: 0;
        margin-top: 2rem;
        width: 100%;
        max-width: 100%; } }
    .news-detail__image-container img {
      width: 100%; }
    .news-detail__image-container p {
      width: 100%;
      color: "Montserrat", sans-serif;
      margin-top: 1rem; }
  .news-detail__imgauthor {
    font-size: 0.8em; }
  .news-detail__content .maxwidth--copy, .news-detail__content h1 {
    max-width: 65rem !important;
    margin: 0 auto; }

.info-text-block__text {
  white-space: pre-line; }

.news-detail-stage {
  width: 100%;
  height: 40vw;
  min-height: 35rem;
  max-height: 55rem;
  position: relative;
  padding: 0rem 10rem 0rem;
  padding-bottom: 2rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 700px) {
    .news-detail-stage {
      padding: 0 1.6rem 6rem; } }
  .news-detail-stage__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.562);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 48%); }
  .news-detail-stage__wrapper {
    width: 100%;
    max-width: 86rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding-top: 8rem;
    z-index: 30;
    position: relative; }
  .news-detail-stage__button {
    margin-bottom: 4rem; }
  .news-detail-stage__date {
    color: #ff8800;
    font-weight: lighter;
    margin-right: 1rem;
    font-size: 1.6rem; }
  .news-detail-stage__meta {
    display: flex;
    align-items: center;
    color: white; }
  .news-detail-stage__heading {
    margin-bottom: 1rem;
    color: white; }
  .news-detail-stage__category {
    font-weight: 400;
    font-size: 1.6rem; }
  .news-detail-stage__subheading {
    font-size: 1.6rem;
    margin-bottom: 4rem;
    color: white; }
    @media only screen and (max-width: 700px) {
      .news-detail-stage__subheading {
        margin-bottom: 0; } }

.video-lightbox {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 90%;
  max-width: 120rem; }
  .video-lightbox__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.712);
    z-index: 99;
    display: none; }
  .video-lightbox__container {
    width: 100%;
    padding: 5rem;
    position: relative;
    background-color: white;
    max-height: 100vh;
    z-index: 99; }
  .video-lightbox__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    height: 4rem;
    width: 4rem;
    background-color: #ff8800;
    -webkit-mask-image: url(./../../ressources/media/icons/standard/icon-close.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(./../../ressources/media/icons/standard/icon-close.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center; }
  .video-lightbox__video {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative; }
    .video-lightbox__video iframe {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .video-lightbox__play-button {
    position: relative;
    height: 8rem;
    width: 8rem;
    border-radius: 8rem;
    background-color: #ff8800;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.1s;
    z-index: 2;
    transition: transform 0.1s; }
    .video-lightbox__play-button img {
      height: 3rem;
      width: auto; }
    .video-lightbox__play-button::after, .video-lightbox__play-button::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      opacity: 0.5;
      height: 10rem;
      width: 10rem;
      border: 4px solid #ff8800;
      border-radius: 100%;
      animation: pulse-ring 1s linear infinite;
      animation-direction: alternate;
      transform-origin: center; }
    .video-lightbox__play-button::before {
      width: 12rem;
      height: 12rem;
      opacity: 0.2; }

.navbar-secondary {
  top: 9rem;
  height: 7rem;
  background-color: #f3f3f3;
  padding-left: 5rem;
  overflow-x: scroll;
  z-index: 140;
  scrollbar-width: none; }
  @media only screen and (max-width: 900px) {
    .navbar-secondary {
      position: sticky; } }
  .navbar-secondary__navlinks {
    display: flex;
    align-items: center;
    list-style: none;
    height: 100%; }
  .navbar-secondary::-webkit-scrollbar {
    display: none; }

.factssection {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  margin: 0 auto;
  padding: 12rem 3rem 12rem 3rem;
  grid-gap: 3rem;
  width: 100%;
  max-width: 110rem; }
  @media only screen and (max-width: 900px) {
    .factssection {
      overflow-x: scroll;
      scrollbar-width: none;
      grid-template-columns: 1fr 1fr 1fr 1px; }
      .factssection::-webkit-scrollbar {
        display: none; }
      .factssection::after {
        content: "";
        display: block;
        width: 1px; } }

.pie-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 3rem; }
  .pie-chart__img {
    display: block;
    max-width: 110rem;
    margin-top: 5rem; }

.quote-ad {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 10rem;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 3rem; }
  @media only screen and (max-width: 900px) {
    .quote-ad {
      grid-template-columns: 100%;
      grid-auto-rows: auto 40rem; } }

.database-search {
  background-image: url("../media/img/Fooddetektiv_Teaser_Datenbank_1440_860.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 6rem 10rem; }
  @media only screen and (max-width: 700px) {
    .database-search {
      padding: 6rem 5rem; } }
  .database-search__title {
    margin: 1rem 0 4rem; }
  .database-search__text {
    margin-bottom: 5rem; }
  .database-search__wrapper {
    width: 100%;
    max-width: 86rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .database-search__label {
    align-self: flex-start;
    margin-bottom: 2rem;
    font-size: 3rem;
    font-weight: 700;
    display: flex;
    align-items: center; }
  .database-search__icon {
    margin-left: 1rem;
    height: 1em;
    width: auto; }
  .database-search__form {
    display: flex;
    width: 100%;
    margin: 0 0 5rem 0; }
    @media only screen and (max-width: 700px) {
      .database-search__form {
        flex-direction: column; } }
  .database-search__field {
    height: 4.8rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: none;
    width: 100%;
    padding: 0 0 0 1.5rem;
    margin: 0 1.5rem 0 0;
    border-radius: .7rem; }
    .database-search__field:focus {
      outline: none; }
    @media only screen and (max-width: 700px) {
      .database-search__field {
        margin: 0 0 1.5rem 0; } }
  .database-search__inputwrapper {
    display: flex;
    align-items: center; }
  .database-search__input {
    height: 100%;
    width: 100%;
    border: none;
    background: none;
    font-family: "Montserrat", sans-serif;
    font-size: 1.2rem;
    -webkit-appearance: none; }
    .database-search__input:focus {
      outline: none; }
  .database-search__select {
    font-family: "Montserrat", sans-serif;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background-image: url("../media/icons/icon-drop-down--orange.svg");
    background-size: 4.8rem;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: center;
    position: relative; }
  .database-search__submit {
    height: 100%;
    min-width: 4.8rem;
    background-color: #ff8800;
    border-radius: .7rem;
    background-image: url("../media/icons/icon-search--white.svg");
    background-size: 38%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 0; }
  .database-search__button {
    align-self: flex-start; }

.lexicon-quicksearch {
  background-image: url("../media/img/FD_Teaserstripe_Lexikon_1440x480px.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  text-align: center;
  padding: 6rem 10rem; }
  @media only screen and (max-width: 700px) {
    .lexicon-quicksearch {
      padding: 6rem 5rem; } }
  .lexicon-quicksearch__inputwrapper {
    height: 4.8rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: none;
    display: flex;
    width: 100%;
    max-width: 65rem;
    border-radius: .6rem;
    overflow: hidden; }
    .lexicon-quicksearch__inputwrapper:focus {
      outline: none; }
  .lexicon-quicksearch__title {
    margin-bottom: 4rem; }
  .lexicon-quicksearch__input {
    height: 100%;
    width: 100%;
    border: none;
    background: none;
    padding: 0 0 0 1.5rem;
    font-family: "Montserrat", sans-serif;
    -webkit-appearance: none; }
    .lexicon-quicksearch__input:focus {
      outline: none; }
  .lexicon-quicksearch__submit {
    height: 100%;
    min-width: 4.8rem;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ff8800;
    border-radius: .6rem;
    background-image: url("../media/icons/icon-search--white.svg");
    background-size: 38%;
    margin-right: 0; }
  .lexicon-quicksearch__button {
    margin-top: 4rem; }

.footer {
  background-color: #ff8800;
  padding: 5rem; }
  .footer__content {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 900px) {
      .footer__content {
        flex-direction: column; } }
  .footer__linklist {
    list-style: none; }
  .footer__link {
    color: black; }
  .footer__linkitem {
    margin-bottom: 1.5rem; }
  @media only screen and (max-width: 900px) {
    .footer__column {
      margin-bottom: 1rem; } }
  .footer__column--bold {
    font-weight: bold; }
  .footer__socialmediacontainer {
    display: flex;
    width: 12rem;
    margin-top: 2rem; }
  .footer__appheading {
    margin-top: 4rem; }
  .footer__appbutton {
    display: block;
    width: 100%;
    max-width: 160px;
    height: auto;
    margin-top: 1rem; }
  .footer__socialmediaicon {
    height: 4rem;
    width: auto; }
    .footer__socialmediaicon__link {
      margin-right: 1rem; }

body {
  padding-top: 9rem; }

.main-header {
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 9rem;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.152);
  z-index: 250;
  z-index: 999; }
  .main-header__container {
    width: 100%;
    height: 9rem;
    background-color: transparent;
    position: relative;
    z-index: 250; }
    @media only screen and (min-width: 900px) {
      .main-header__container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 0 3rem;
        transition: 0.5s; } }
  .main-header__logo {
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    height: 5rem;
    width: auto; }
    .main-header__logo img {
      height: 100%; }
    @media only screen and (min-width: 900px) {
      .main-header__logo {
        height: 50%; } }
  @media only screen and (min-width: 900px) {
    .main-header__logo--phone {
      display: none; } }
  .main-header__logo--desktop {
    display: none; }
    @media only screen and (min-width: 900px) {
      .main-header__logo--desktop {
        display: block; } }
  .main-header__hamburger {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (min-width: 900px) {
      .main-header__hamburger {
        display: none; } }
  .main-header__search-button {
    position: absolute;
    left: 1.2rem;
    top: 1.5rem;
    height: 2.4rem;
    background-color: transparent; }
    .main-header__search-button::after {
      content: "Suche";
      color: #ff8800;
      position: absolute;
      top: 0.5rem;
      left: 5rem;
      width: 100%; }
    .main-header__search-button img {
      height: 100%; }
    @media only screen and (min-width: 900px) {
      .main-header__search-button {
        height: 3rem;
        position: relative;
        transform: none;
        top: initial;
        right: initial;
        height: 2rem; }
        .main-header__search-button::after {
          display: none; } }
  .main-header__language-button {
    position: absolute;
    right: 2.7rem;
    top: 1.5rem;
    height: 2.4rem;
    background-color: transparent; }
    .main-header__language-button img {
      height: 100%; }
    @media only screen and (min-width: 900px) {
      .main-header__language-button {
        height: 3rem;
        position: relative;
        transform: none;
        top: initial;
        right: initial;
        height: 2rem; } }
  .main-header__cta-notfall {
    background-color: #b3d100;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(100%);
    padding: 1rem 2rem;
    font-weight: 500;
    color: #1a1919;
    border-radius: 0 0 0 20px;
    cursor: pointer;
    transition: background-color .2s;
    display: flex;
    align-items: center; }
    .main-header__cta-notfall img {
      margin-right: 1rem;
      transform: scale(0.8); }
    .main-header__cta-notfall:hover {
      background-color: #b3d100; }
    @media only screen and (min-width: 900px) {
      .main-header__cta-notfall {
        top: 50%;
        transform: translateY(-50%);
        padding: 0rem 2rem; } }

.main-navigation-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.712);
  z-index: 200;
  display: none; }

@media only screen and (max-width: 900px) {
  .main-navigation {
    position: absolute;
    top: 9rem;
    background-color: white;
    width: 100%;
    display: none;
    padding-top: 6rem;
    border-top: 1px solid #d9d9d9;
    background-color: #f3f3f3;
    z-index: 300; }
    .main-navigation__container {
      list-style: none;
      padding: 0;
      padding-bottom: 2rem;
      margin: 0;
      overflow-y: scroll;
      background-color: white;
      max-height: calc(100vh - 15rem); }
    .main-navigation__subnavi-image {
      display: none; }
    .main-navigation__subnavi-title {
      display: none; }
    .main-navigation__subnavi {
      list-style: none;
      padding: 0;
      margin: 0;
      top: 9rem;
      display: none; }
    .main-navigation__subnavi-container {
      list-style: none;
      padding: 0; }
    .main-navigation__nav-point {
      padding: 0 2rem; }
    .main-navigation__nav-point--level-2 {
      padding-left: 1rem;
      padding-right: 0rem; }
      .main-navigation__nav-point--level-2:hover {
        background-color: #f3f3f3; }
    .main-navigation__nav-link {
      display: block;
      width: 100%;
      padding: 2rem 0rem;
      position: relative;
      font-weight: 500;
      color: #4d4e4c; }
    .main-navigation__nav-link--level-1 {
      border-bottom: 1px solid #d9d9d9;
      font-size: 1.6rem; }
    .main-navigation__nav-link--level-2 {
      font-size: 1.4rem;
      font-weight: 400;
      padding-right: 6rem; }
    .main-navigation__nav-point--level-2 .main-navigation__nav-link-icon {
      right: 2rem; }
    .main-navigation__nav-link--current.main-navigation__nav-link--level-2 {
      color: #ff8800; }
    .main-navigation__home-icon {
      display: none; }
    .main-navigation__home-label {
      display: initial; }
    .main-navigation__nav-link-icon {
      height: 2rem;
      position: absolute;
      right: 2rem;
      transform: translateY(-50%);
      top: 50%;
      transition: all .2s; }
    .main-navigation__nav-link--has-subnavi .main-navigation__nav-link-icon {
      transform: rotate(90deg) translateX(-50%); }
    .main-navigation__quick-links {
      list-style: none; }
  .main-navigation--active {
    display: block; }
  .main-navigation__nav-point--active {
    display: block; }
  .main-navigation__nav-point--active > :last-child {
    visibility: visible;
    height: auto;
    display: block;
    margin-bottom: 1rem; }
  .main-navigation__nav-point--active > :first-child {
    border-bottom: 1px solid #4d4e4c;
    margin-bottom: 1rem; }
  .main-navigation__nav-link--active .main-navigation__nav-link-icon:first-child {
    transform: rotate(-90deg); } }

@media only screen and (min-width: 900px) {
  .main-navigation__container {
    display: flex;
    justify-content: flex-end;
    z-index: 999; }
  .main-navigation__subnavi {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.152);
    display: none;
    position: absolute;
    top: 9rem;
    background-color: white;
    left: 50%;
    transform: translateX(-50%);
    width: 80vw;
    max-width: 1140px;
    z-index: 999; }
  .main-navigation__subnavi-image {
    max-width: 40rem;
    object-fit: cover; }
  .main-navigation__subnavi-container {
    padding: 4rem; }
  .main-navigation__home-icon {
    height: 2rem;
    transform: translate(0px, -0.2rem); }
  .main-navigation__home-label {
    display: none; }
  .main-navigation__subnavi-title {
    font-size: 2.4rem;
    margin-bottom: 2rem; }
  .main-navigation__nav-point {
    list-style: none; }
  .main-navigation__nav-point--level-2:hover {
    background-color: #f3f3f3; }
  .main-navigation__nav-link {
    color: black; }
  .main-navigation__nav-link--level-1 {
    margin-right: 2rem; }
  .main-navigation__nav-link--level-2 {
    position: relative;
    display: block;
    padding: 0.6rem;
    padding-right: 6rem;
    transition: background-color 0.2s; }
  .main-navigation__nav-link-icon {
    height: 1.6rem;
    display: none; }
  .main-navigation__nav-point--level-2 .main-navigation__nav-link-icon {
    display: block;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%); }
  .main-navigation__nav-link--current {
    color: #ff8800; }
  .main-navigation__nav-point--active > :last-child {
    display: flex; }
  .main-navigation__nav-point--active > :first-child {
    position: relative;
    font-weight: 700; }
    .main-navigation__nav-point--active > :first-child::after {
      content: "";
      position: absolute;
      bottom: -1rem;
      left: 0;
      width: 100%;
      background-color: #ff8800;
      height: 2px; } }

.searchbar {
  display: none;
  position: fixed;
  top: 9rem;
  z-index: 1002;
  background-color: #f3f3f3;
  width: 100%;
  height: 60px;
  flex-direction: column;
  justify-content: center; }
  @media only screen and (min-width: 900px) {
    .searchbar {
      box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.152); } }
  .searchbar svg {
    fill: #ff8800; }
  .searchbar__inner-container {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0 auto; }
  .searchbar__close {
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2rem;
    background-color: #ff8800;
    opacity: 1;
    -webkit-mask-image: url(./../../resources/media/icons/icon-close.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(./../../resources/media/icons/icon-close.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center; }
    @media only screen and (min-width: 900px) {
      .searchbar__close {
        display: block;
        left: 4rem; } }
  .searchbar__submit {
    height: 16px;
    width: 16px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4rem;
    background-color: #ff8800;
    opacity: 1;
    -webkit-mask-image: url(./../../resources/media/icons/angle.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(./../../resources/media/icons/angle.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center; }
  .searchbar__input {
    height: 50px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    border-style: none;
    font-size: inherit;
    font-family: inherit;
    color: var(--dark-blue-03);
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center; }
    .searchbar__input:focus, .searchbar__input:hover {
      outline: none; }
    .searchbar__input::placeholder {
      font-size: inherit;
      font-family: inherit;
      color: #a5a5a5;
      font-size: 1.4rem; }
    @media only screen and (min-width: 900px) {
      .searchbar__input {
        height: 60px; } }
  .searchbar--hide-icon {
    opacity: 0;
    transform: translateY(100%); }

.bookgrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6rem 1.5rem;
  padding: 0 3rem; }
  @media only screen and (max-width: 700px) {
    .bookgrid {
      grid-template-columns: 1fr 1fr; } }
  .bookgrid__cover {
    width: 100%;
    background-color: #f3f3f3;
    height: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s; }
    @media only screen and (max-width: 700px) {
      .bookgrid__cover {
        height: 15rem; } }
  .bookgrid__coverimage {
    margin: auto; }
  .bookgrid__author {
    font-weight: 700;
    margin-top: 3rem; }
  .bookgrid__title {
    font-weight: 700;
    font-size: 2rem;
    transition: all .2s; }
  .bookgrid__item {
    cursor: pointer;
    color: black; }
    .bookgrid__item:hover .bookgrid__cover {
      background-color: #ff8800; }
    .bookgrid__item:hover .bookgrid__title {
      color: #ff8800; }
  .bookgrid__input {
    display: none; }

.breadcrumb {
  padding: 2rem 10rem;
  margin-top: 4rem; }
  @media only screen and (max-width: 700px) {
    .breadcrumb {
      padding: 2rem  1.6rem; } }
  .breadcrumb__wrapper {
    max-width: 86rem;
    width: 100%;
    margin: 0 auto; }
  .breadcrumb__item {
    position: relative;
    padding-right: 3rem;
    color: black; }
    .breadcrumb__item:after {
      content: "";
      position: absolute;
      right: 0;
      height: 1.5rem;
      width: 1.5rem;
      background-color: #a5abad;
      transform: rotate(-90deg) translateX(-2px);
      -webkit-mask-image: url(./../../resources/media/icons/icon-drop-down--white.svg);
      -webkit-mask-size: 100%;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-image: url(./../../resources/media/icons/icon-drop-down--white.svg);
      mask-size: 100%;
      mask-repeat: no-repeat;
      mask-position: center; }
    .breadcrumb__item:last-child:after {
      display: none; }
    .breadcrumb__item:hover {
      color: #ff8800; }

.bottom-nav {
  background-color: white;
  box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.152);
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4rem; }
  .bottom-nav__prev {
    color: #ff8800;
    font-weight: 700;
    position: relative;
    padding-left: 3rem; }
    .bottom-nav__prev::before {
      content: "";
      height: 1.8rem;
      width: 1.8rem;
      background-color: #ff8800;
      transform: rotate(90deg);
      -webkit-mask-image: url(./../../resources/media/icons/icon-drop-down--white.svg);
      -webkit-mask-size: 100%;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-image: url(./../../resources/media/icons/icon-drop-down--white.svg);
      mask-size: 100%;
      mask-repeat: no-repeat;
      mask-position: center;
      position: absolute;
      left: 0; }
  .bottom-nav__next {
    color: #ff8800;
    font-weight: 700;
    padding-right: 3rem;
    position: relative; }
    .bottom-nav__next::after {
      content: "";
      height: 1.8rem;
      width: 1.8rem;
      background-color: #ff8800;
      transform: rotate(-90deg);
      -webkit-mask-image: url(./../../resources/media/icons/icon-drop-down--white.svg);
      -webkit-mask-size: 100%;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-image: url(./../../resources/media/icons/icon-drop-down--white.svg);
      mask-size: 100%;
      mask-repeat: no-repeat;
      mask-position: center;
      position: absolute;
      right: 0; }

.contactform {
  padding: 0 3rem; }
  .contactform__form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem; }
    @media only screen and (max-width: 700px) {
      .contactform__form {
        grid-template-columns: 1fr; } }
  .contactform__textinput {
    height: 4.8rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: none;
    width: 100%;
    padding: 0 0 0 1.5rem;
    font-family: "Montserrat", sans-serif;
    font-size: inherit; }
    .contactform__textinput:focus {
      outline: none; }
  .contactform #mail {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    outline: none;
    appearance: none;
    z-index: -1; }
  .contactform__textarea {
    height: 4.8rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: none;
    height: 10rem;
    width: 100%;
    padding: 1.5rem;
    grid-column-start: 1;
    grid-column-end: span 2;
    font-family: "Montserrat", sans-serif;
    resize: none;
    font-size: inherit; }
    .contactform__textarea:focus {
      outline: none; }
    @media only screen and (max-width: 700px) {
      .contactform__textarea {
        grid-column-end: span 1; } }
  .contactform__twocolumnwrapper {
    grid-column-start: 1;
    grid-column-end: span 2;
    justify-self: center;
    width: 100%; }
    @media only screen and (max-width: 700px) {
      .contactform__twocolumnwrapper {
        grid-column-end: span 1; } }
  .contactform__button {
    grid-column-start: 1;
    grid-column-end: span 2;
    justify-self: center; }
    @media only screen and (max-width: 700px) {
      .contactform__button {
        grid-column-end: span 1; } }
  .contactform__select {
    height: 4.8rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: none;
    font-family: "Montserrat", sans-serif;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background-image: url("../media/icons/icon-drop-down--orange.svg");
    background-size: 4.8rem;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: center;
    position: relative;
    width: 50%;
    max-width: 50%;
    padding: 0 0 0 1.5rem;
    font-size: inherit; }
    .contactform__select:focus {
      outline: none; }
  .contactform__button {
    margin-top: 1rem;
    outline: none;
    border: none;
    font-family: "Montserrat", sans-serif;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0; }
  .contactform__notice {
    margin-top: auto; }
  .contactform__agreementinput {
    position: absolute;
    height: 0px;
    width: 0px;
    opacity: 0; }
  .contactform__checkboxicon {
    height: 4.8rem;
    border-radius: 0.5rem;
    background-color: #ffffff;
    border: none;
    background-color: white;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    margin-right: 1rem; }
    .contactform__checkboxicon:focus {
      outline: none; }
  .contactform__agreementlabel {
    display: flex;
    align-items: center;
    justify-self: start;
    cursor: pointer; }

.contactform__agreementinput:checked ~ .contactform__checkboxicon {
  background-image: url(./../../resources/media/icons/checkmark.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%; }

.language-bar {
  display: none;
  position: fixed;
  top: 9rem;
  z-index: 1002;
  background-color: #f3f3f3;
  width: 100%;
  height: 60px;
  flex-direction: column;
  justify-content: center; }
  @media only screen and (min-width: 900px) {
    .language-bar {
      box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.152); } }
  .language-bar svg {
    fill: #ff8800; }
  .language-bar__inner-container {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    align-items: center; }
  .language-bar__close {
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2rem;
    background-color: #ff8800;
    opacity: 1;
    -webkit-mask-image: url(./../../resources/media/icons/icon-close.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(./../../resources/media/icons/icon-close.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center; }
    @media only screen and (min-width: 900px) {
      .language-bar__close {
        display: block;
        left: 4rem; } }
  .language-bar__link-container {
    margin-left: auto;
    margin-right: 4rem; }
  .language-bar__link {
    color: black; }
    .language-bar__link:not(:first-of-type) {
      margin-left: 1rem; }
  .language-bar__link--active {
    color: #ff8800; }

.cookie-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  padding: 4rem;
  box-shadow: 0px -6px 5px 0px rgba(0, 0, 0, 0.05) !important;
  z-index: 400;
  display: none; }
  .cookie-modal__button-row {
    margin-top: 2rem; }
    .cookie-modal__button-row .button {
      display: block;
      width: 100%; }
      .cookie-modal__button-row .button:first-child {
        margin-bottom: 1rem; }
    @media only screen and (min-width: 900px) {
      .cookie-modal__button-row {
        display: flex; }
        .cookie-modal__button-row .button {
          width: auto; }
        .cookie-modal__button-row .button:first-child {
          margin-right: 2rem;
          margin-bottom: 0; } }

.validation-notification {
  color: red;
  font-size: 12px; }

.validation-input-error {
  outline: 1px solid red; }

.validation-input-error + .checkbox__label .checkbox__checkmark {
  outline: 1px solid red; }

.validation-notification-submit {
  text-align: center;
  margin-top: 1rem;
  display: none; }