@charset "UTF-8";
:root {
  --font-family: rubik, sans-serif;
  --color-1: #140D69;
  --color-2: #FCA642;
  --color-3: #FAF041;
  --color-4: #00052F;
  --color-5: #C2C8D8;
  --color-6: #EFEFF2;
  --color-7: #F9C437;
}

* {
  position: relative;
  box-sizing: border-box;
}

body {
  margin: 0;
}

figure {
  margin: 0;
}

img,
svg {
  display: block;
  max-width: 100%;
}

button,
input,
textarea {
  all: unset;
  box-sizing: border-box;
  position: relative;
  font-family: var(--font-family);
}
button::-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder {
  line-height: inherit;
  color: inherit;
}
button:-ms-input-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  line-height: inherit;
  color: inherit;
}
button::placeholder,
input::placeholder,
textarea::placeholder {
  line-height: inherit;
  color: inherit;
}

button {
  cursor: pointer;
}

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

p:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0;
}

html {
  font-family: var(--font-family);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "rubik";
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/Rubik-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "rubik";
  font-weight: normal;
  font-style: italic;
  src: url("./fonts/Rubik-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "rubik";
  font-weight: 500;
  font-style: normal;
  src: url("./fonts/Rubik-Medium.ttf") format("truetype");
}
h2 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
}
@media (max-width: 1120px) {
  h2 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  h2 {
    font-size: 24rem;
    line-height: 32rem;
  }
}

#error404 .inner-wrapper {
  padding: 325rem 90rem 150rem;
}
@media (max-width: 1120px) {
  #error404 .inner-wrapper {
    padding: 250rem 30rem 100rem;
  }
}
@media (max-width: 720px) {
  #error404 .inner-wrapper {
    padding-top: 200rem;
  }
}
#error404 .inner-wrapper h1 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
}
@media (max-width: 1120px) {
  #error404 .inner-wrapper h1 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  #error404 .inner-wrapper h1 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  #error404 .inner-wrapper h1 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  #error404 .inner-wrapper h1 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
#error404 .inner-wrapper h1 strong {
  font-weight: 500;
}

section.template-einspaltig {
  background-color: var(--color-6);
}
section.template-einspaltig .inner-wrapper {
  padding: 300rem 340rem 0;
}
@media (max-width: 1120px) {
  section.template-einspaltig .inner-wrapper {
    padding: 200rem 30rem 0;
  }
}
@media (max-width: 720px) {
  section.template-einspaltig .inner-wrapper {
    padding: 150rem 15rem 0;
  }
}
section.template-einspaltig .inner-wrapper .container-text {
  color: var(--color-1);
  padding-right: 120rem;
  padding-bottom: 200rem;
}
@media (max-width: 1120px) {
  section.template-einspaltig .inner-wrapper .container-text {
    padding-right: 40rem;
    padding-bottom: 120rem;
  }
}
section.template-einspaltig .inner-wrapper .container-text h1 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
  font-weight: 500;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color-2);
          text-decoration-color: var(--color-2);
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.4em;
}
@media (max-width: 1120px) {
  section.template-einspaltig .inner-wrapper .container-text h1 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.template-einspaltig .inner-wrapper .container-text h1 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.template-einspaltig .inner-wrapper .container-text h1 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.template-einspaltig .inner-wrapper .container-text h1 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.template-einspaltig .inner-wrapper .container-text h1 strong {
  font-weight: 500;
}
section.template-einspaltig .inner-wrapper .container-text h2 {
  font-size: 28rem;
  line-height: 40rem;
  margin-top: 90rem;
  margin-bottom: 0.5em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media (max-width: 1120px) {
  section.template-einspaltig .inner-wrapper .container-text h2 {
    font-size: 20rem;
    line-height: 32rem;
  }
}
section.template-einspaltig .inner-wrapper .container-text p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.template-einspaltig .inner-wrapper .container-text p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.template-einspaltig .inner-wrapper .container-text p ul {
  padding-left: 0;
  list-style: none;
}
section.template-einspaltig .inner-wrapper .container-text p ul li {
  padding-left: 1em;
}
section.template-einspaltig .inner-wrapper .container-text p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.template-einspaltig .inner-wrapper .container-text p a {
  text-decoration: underline;
}
section.template-einspaltig .inner-wrapper .container-text p a:hover {
  color: var(--color-2);
}
section.template-einspaltig .inner-wrapper .container-text p strong {
  font-weight: 500;
}

#navigationBackdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: black;
  opacity: 0;
  visibility: hidden;
  transition: 450ms ease;
  cursor: pointer;
}

#navigation {
  position: fixed;
  top: 0;
  left: 0;
  padding: 2em;
  width: 100%;
  color: var(--color-1);
  z-index: 100;
}
@media (max-width: 720px) {
  #navigation {
    padding: 20rem;
  }
}
#navigation[data-index] #navigationBackdrop {
  opacity: 0.2;
  visibility: visible;
}
@media (max-width: 1120px) {
  #navigation.mobile-navigation-visible #navigationBackdrop {
    opacity: 0.2;
    visibility: visible;
  }
  #navigation.mobile-navigation-visible .inner-wrapper #navigationMain {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  #navigation.mobile-navigation-visible #buttonMobileNavigation .open {
    display: none;
  }
  #navigation.mobile-navigation-visible #buttonMobileNavigation .close {
    display: block;
  }
  #navigation.mobile-navigation-visible #navigationMobile {
    display: block;
  }
}
#navigation[data-index="0"] button[data-index="0"]::before {
  opacity: 1;
}
#navigation[data-index="0"] button[data-index="0"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="0"] #subnavigationMain .sub-navigation[data-index="0"] {
  display: flex;
}
#navigation[data-index="1"] button[data-index="1"]::before {
  opacity: 1;
}
#navigation[data-index="1"] button[data-index="1"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="1"] #subnavigationMain .sub-navigation[data-index="1"] {
  display: flex;
}
#navigation[data-index="2"] button[data-index="2"]::before {
  opacity: 1;
}
#navigation[data-index="2"] button[data-index="2"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="2"] #subnavigationMain .sub-navigation[data-index="2"] {
  display: flex;
}
#navigation[data-index="3"] button[data-index="3"]::before {
  opacity: 1;
}
#navigation[data-index="3"] button[data-index="3"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="3"] #subnavigationMain .sub-navigation[data-index="3"] {
  display: flex;
}
#navigation[data-index="4"] button[data-index="4"]::before {
  opacity: 1;
}
#navigation[data-index="4"] button[data-index="4"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="4"] #subnavigationMain .sub-navigation[data-index="4"] {
  display: flex;
}
#navigation[data-index="5"] button[data-index="5"]::before {
  opacity: 1;
}
#navigation[data-index="5"] button[data-index="5"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="5"] #subnavigationMain .sub-navigation[data-index="5"] {
  display: flex;
}
#navigation[data-index="6"] button[data-index="6"]::before {
  opacity: 1;
}
#navigation[data-index="6"] button[data-index="6"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="6"] #subnavigationMain .sub-navigation[data-index="6"] {
  display: flex;
}
#navigation[data-index="7"] button[data-index="7"]::before {
  opacity: 1;
}
#navigation[data-index="7"] button[data-index="7"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="7"] #subnavigationMain .sub-navigation[data-index="7"] {
  display: flex;
}
#navigation[data-index="8"] button[data-index="8"]::before {
  opacity: 1;
}
#navigation[data-index="8"] button[data-index="8"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="8"] #subnavigationMain .sub-navigation[data-index="8"] {
  display: flex;
}
#navigation[data-index="9"] button[data-index="9"]::before {
  opacity: 1;
}
#navigation[data-index="9"] button[data-index="9"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="9"] #subnavigationMain .sub-navigation[data-index="9"] {
  display: flex;
}
#navigation[data-index="10"] button[data-index="10"]::before {
  opacity: 1;
}
#navigation[data-index="10"] button[data-index="10"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="10"] #subnavigationMain .sub-navigation[data-index="10"] {
  display: flex;
}
#navigation[data-index="11"] button[data-index="11"]::before {
  opacity: 1;
}
#navigation[data-index="11"] button[data-index="11"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="11"] #subnavigationMain .sub-navigation[data-index="11"] {
  display: flex;
}
#navigation[data-index="12"] button[data-index="12"]::before {
  opacity: 1;
}
#navigation[data-index="12"] button[data-index="12"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="12"] #subnavigationMain .sub-navigation[data-index="12"] {
  display: flex;
}
#navigation[data-index="13"] button[data-index="13"]::before {
  opacity: 1;
}
#navigation[data-index="13"] button[data-index="13"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="13"] #subnavigationMain .sub-navigation[data-index="13"] {
  display: flex;
}
#navigation[data-index="14"] button[data-index="14"]::before {
  opacity: 1;
}
#navigation[data-index="14"] button[data-index="14"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="14"] #subnavigationMain .sub-navigation[data-index="14"] {
  display: flex;
}
#navigation[data-index="15"] button[data-index="15"]::before {
  opacity: 1;
}
#navigation[data-index="15"] button[data-index="15"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="15"] #subnavigationMain .sub-navigation[data-index="15"] {
  display: flex;
}
#navigation[data-index="16"] button[data-index="16"]::before {
  opacity: 1;
}
#navigation[data-index="16"] button[data-index="16"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="16"] #subnavigationMain .sub-navigation[data-index="16"] {
  display: flex;
}
#navigation[data-index="17"] button[data-index="17"]::before {
  opacity: 1;
}
#navigation[data-index="17"] button[data-index="17"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="17"] #subnavigationMain .sub-navigation[data-index="17"] {
  display: flex;
}
#navigation[data-index="18"] button[data-index="18"]::before {
  opacity: 1;
}
#navigation[data-index="18"] button[data-index="18"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="18"] #subnavigationMain .sub-navigation[data-index="18"] {
  display: flex;
}
#navigation[data-index="19"] button[data-index="19"]::before {
  opacity: 1;
}
#navigation[data-index="19"] button[data-index="19"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="19"] #subnavigationMain .sub-navigation[data-index="19"] {
  display: flex;
}
#navigation[data-index="20"] button[data-index="20"]::before {
  opacity: 1;
}
#navigation[data-index="20"] button[data-index="20"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="20"] #subnavigationMain .sub-navigation[data-index="20"] {
  display: flex;
}
#navigation[data-index="21"] button[data-index="21"]::before {
  opacity: 1;
}
#navigation[data-index="21"] button[data-index="21"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="21"] #subnavigationMain .sub-navigation[data-index="21"] {
  display: flex;
}
#navigation[data-index="22"] button[data-index="22"]::before {
  opacity: 1;
}
#navigation[data-index="22"] button[data-index="22"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="22"] #subnavigationMain .sub-navigation[data-index="22"] {
  display: flex;
}
#navigation[data-index="23"] button[data-index="23"]::before {
  opacity: 1;
}
#navigation[data-index="23"] button[data-index="23"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="23"] #subnavigationMain .sub-navigation[data-index="23"] {
  display: flex;
}
#navigation[data-index="24"] button[data-index="24"]::before {
  opacity: 1;
}
#navigation[data-index="24"] button[data-index="24"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="24"] #subnavigationMain .sub-navigation[data-index="24"] {
  display: flex;
}
#navigation[data-index="25"] button[data-index="25"]::before {
  opacity: 1;
}
#navigation[data-index="25"] button[data-index="25"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="25"] #subnavigationMain .sub-navigation[data-index="25"] {
  display: flex;
}
#navigation[data-index="26"] button[data-index="26"]::before {
  opacity: 1;
}
#navigation[data-index="26"] button[data-index="26"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="26"] #subnavigationMain .sub-navigation[data-index="26"] {
  display: flex;
}
#navigation[data-index="27"] button[data-index="27"]::before {
  opacity: 1;
}
#navigation[data-index="27"] button[data-index="27"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="27"] #subnavigationMain .sub-navigation[data-index="27"] {
  display: flex;
}
#navigation[data-index="28"] button[data-index="28"]::before {
  opacity: 1;
}
#navigation[data-index="28"] button[data-index="28"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="28"] #subnavigationMain .sub-navigation[data-index="28"] {
  display: flex;
}
#navigation[data-index="29"] button[data-index="29"]::before {
  opacity: 1;
}
#navigation[data-index="29"] button[data-index="29"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="29"] #subnavigationMain .sub-navigation[data-index="29"] {
  display: flex;
}
#navigation[data-index="30"] button[data-index="30"]::before {
  opacity: 1;
}
#navigation[data-index="30"] button[data-index="30"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="30"] #subnavigationMain .sub-navigation[data-index="30"] {
  display: flex;
}
#navigation[data-index="31"] button[data-index="31"]::before {
  opacity: 1;
}
#navigation[data-index="31"] button[data-index="31"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="31"] #subnavigationMain .sub-navigation[data-index="31"] {
  display: flex;
}
#navigation[data-index="32"] button[data-index="32"]::before {
  opacity: 1;
}
#navigation[data-index="32"] button[data-index="32"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="32"] #subnavigationMain .sub-navigation[data-index="32"] {
  display: flex;
}
#navigation[data-index="33"] button[data-index="33"]::before {
  opacity: 1;
}
#navigation[data-index="33"] button[data-index="33"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="33"] #subnavigationMain .sub-navigation[data-index="33"] {
  display: flex;
}
#navigation[data-index="34"] button[data-index="34"]::before {
  opacity: 1;
}
#navigation[data-index="34"] button[data-index="34"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="34"] #subnavigationMain .sub-navigation[data-index="34"] {
  display: flex;
}
#navigation[data-index="35"] button[data-index="35"]::before {
  opacity: 1;
}
#navigation[data-index="35"] button[data-index="35"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="35"] #subnavigationMain .sub-navigation[data-index="35"] {
  display: flex;
}
#navigation[data-index="36"] button[data-index="36"]::before {
  opacity: 1;
}
#navigation[data-index="36"] button[data-index="36"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="36"] #subnavigationMain .sub-navigation[data-index="36"] {
  display: flex;
}
#navigation[data-index="37"] button[data-index="37"]::before {
  opacity: 1;
}
#navigation[data-index="37"] button[data-index="37"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="37"] #subnavigationMain .sub-navigation[data-index="37"] {
  display: flex;
}
#navigation[data-index="38"] button[data-index="38"]::before {
  opacity: 1;
}
#navigation[data-index="38"] button[data-index="38"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="38"] #subnavigationMain .sub-navigation[data-index="38"] {
  display: flex;
}
#navigation[data-index="39"] button[data-index="39"]::before {
  opacity: 1;
}
#navigation[data-index="39"] button[data-index="39"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="39"] #subnavigationMain .sub-navigation[data-index="39"] {
  display: flex;
}
#navigation[data-index="40"] button[data-index="40"]::before {
  opacity: 1;
}
#navigation[data-index="40"] button[data-index="40"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="40"] #subnavigationMain .sub-navigation[data-index="40"] {
  display: flex;
}
#navigation[data-index="41"] button[data-index="41"]::before {
  opacity: 1;
}
#navigation[data-index="41"] button[data-index="41"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="41"] #subnavigationMain .sub-navigation[data-index="41"] {
  display: flex;
}
#navigation[data-index="42"] button[data-index="42"]::before {
  opacity: 1;
}
#navigation[data-index="42"] button[data-index="42"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="42"] #subnavigationMain .sub-navigation[data-index="42"] {
  display: flex;
}
#navigation[data-index="43"] button[data-index="43"]::before {
  opacity: 1;
}
#navigation[data-index="43"] button[data-index="43"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="43"] #subnavigationMain .sub-navigation[data-index="43"] {
  display: flex;
}
#navigation[data-index="44"] button[data-index="44"]::before {
  opacity: 1;
}
#navigation[data-index="44"] button[data-index="44"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="44"] #subnavigationMain .sub-navigation[data-index="44"] {
  display: flex;
}
#navigation[data-index="45"] button[data-index="45"]::before {
  opacity: 1;
}
#navigation[data-index="45"] button[data-index="45"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="45"] #subnavigationMain .sub-navigation[data-index="45"] {
  display: flex;
}
#navigation[data-index="46"] button[data-index="46"]::before {
  opacity: 1;
}
#navigation[data-index="46"] button[data-index="46"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="46"] #subnavigationMain .sub-navigation[data-index="46"] {
  display: flex;
}
#navigation[data-index="47"] button[data-index="47"]::before {
  opacity: 1;
}
#navigation[data-index="47"] button[data-index="47"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="47"] #subnavigationMain .sub-navigation[data-index="47"] {
  display: flex;
}
#navigation[data-index="48"] button[data-index="48"]::before {
  opacity: 1;
}
#navigation[data-index="48"] button[data-index="48"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="48"] #subnavigationMain .sub-navigation[data-index="48"] {
  display: flex;
}
#navigation[data-index="49"] button[data-index="49"]::before {
  opacity: 1;
}
#navigation[data-index="49"] button[data-index="49"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="49"] #subnavigationMain .sub-navigation[data-index="49"] {
  display: flex;
}
#navigation[data-index="50"] button[data-index="50"]::before {
  opacity: 1;
}
#navigation[data-index="50"] button[data-index="50"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="50"] #subnavigationMain .sub-navigation[data-index="50"] {
  display: flex;
}
#navigation[data-index="51"] button[data-index="51"]::before {
  opacity: 1;
}
#navigation[data-index="51"] button[data-index="51"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="51"] #subnavigationMain .sub-navigation[data-index="51"] {
  display: flex;
}
#navigation[data-index="52"] button[data-index="52"]::before {
  opacity: 1;
}
#navigation[data-index="52"] button[data-index="52"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="52"] #subnavigationMain .sub-navigation[data-index="52"] {
  display: flex;
}
#navigation[data-index="53"] button[data-index="53"]::before {
  opacity: 1;
}
#navigation[data-index="53"] button[data-index="53"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="53"] #subnavigationMain .sub-navigation[data-index="53"] {
  display: flex;
}
#navigation[data-index="54"] button[data-index="54"]::before {
  opacity: 1;
}
#navigation[data-index="54"] button[data-index="54"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="54"] #subnavigationMain .sub-navigation[data-index="54"] {
  display: flex;
}
#navigation[data-index="55"] button[data-index="55"]::before {
  opacity: 1;
}
#navigation[data-index="55"] button[data-index="55"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="55"] #subnavigationMain .sub-navigation[data-index="55"] {
  display: flex;
}
#navigation[data-index="56"] button[data-index="56"]::before {
  opacity: 1;
}
#navigation[data-index="56"] button[data-index="56"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="56"] #subnavigationMain .sub-navigation[data-index="56"] {
  display: flex;
}
#navigation[data-index="57"] button[data-index="57"]::before {
  opacity: 1;
}
#navigation[data-index="57"] button[data-index="57"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="57"] #subnavigationMain .sub-navigation[data-index="57"] {
  display: flex;
}
#navigation[data-index="58"] button[data-index="58"]::before {
  opacity: 1;
}
#navigation[data-index="58"] button[data-index="58"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="58"] #subnavigationMain .sub-navigation[data-index="58"] {
  display: flex;
}
#navigation[data-index="59"] button[data-index="59"]::before {
  opacity: 1;
}
#navigation[data-index="59"] button[data-index="59"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="59"] #subnavigationMain .sub-navigation[data-index="59"] {
  display: flex;
}
#navigation[data-index="60"] button[data-index="60"]::before {
  opacity: 1;
}
#navigation[data-index="60"] button[data-index="60"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="60"] #subnavigationMain .sub-navigation[data-index="60"] {
  display: flex;
}
#navigation[data-index="61"] button[data-index="61"]::before {
  opacity: 1;
}
#navigation[data-index="61"] button[data-index="61"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="61"] #subnavigationMain .sub-navigation[data-index="61"] {
  display: flex;
}
#navigation[data-index="62"] button[data-index="62"]::before {
  opacity: 1;
}
#navigation[data-index="62"] button[data-index="62"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="62"] #subnavigationMain .sub-navigation[data-index="62"] {
  display: flex;
}
#navigation[data-index="63"] button[data-index="63"]::before {
  opacity: 1;
}
#navigation[data-index="63"] button[data-index="63"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="63"] #subnavigationMain .sub-navigation[data-index="63"] {
  display: flex;
}
#navigation[data-index="64"] button[data-index="64"]::before {
  opacity: 1;
}
#navigation[data-index="64"] button[data-index="64"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="64"] #subnavigationMain .sub-navigation[data-index="64"] {
  display: flex;
}
#navigation[data-index="65"] button[data-index="65"]::before {
  opacity: 1;
}
#navigation[data-index="65"] button[data-index="65"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="65"] #subnavigationMain .sub-navigation[data-index="65"] {
  display: flex;
}
#navigation[data-index="66"] button[data-index="66"]::before {
  opacity: 1;
}
#navigation[data-index="66"] button[data-index="66"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="66"] #subnavigationMain .sub-navigation[data-index="66"] {
  display: flex;
}
#navigation[data-index="67"] button[data-index="67"]::before {
  opacity: 1;
}
#navigation[data-index="67"] button[data-index="67"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="67"] #subnavigationMain .sub-navigation[data-index="67"] {
  display: flex;
}
#navigation[data-index="68"] button[data-index="68"]::before {
  opacity: 1;
}
#navigation[data-index="68"] button[data-index="68"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="68"] #subnavigationMain .sub-navigation[data-index="68"] {
  display: flex;
}
#navigation[data-index="69"] button[data-index="69"]::before {
  opacity: 1;
}
#navigation[data-index="69"] button[data-index="69"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="69"] #subnavigationMain .sub-navigation[data-index="69"] {
  display: flex;
}
#navigation[data-index="70"] button[data-index="70"]::before {
  opacity: 1;
}
#navigation[data-index="70"] button[data-index="70"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="70"] #subnavigationMain .sub-navigation[data-index="70"] {
  display: flex;
}
#navigation[data-index="71"] button[data-index="71"]::before {
  opacity: 1;
}
#navigation[data-index="71"] button[data-index="71"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="71"] #subnavigationMain .sub-navigation[data-index="71"] {
  display: flex;
}
#navigation[data-index="72"] button[data-index="72"]::before {
  opacity: 1;
}
#navigation[data-index="72"] button[data-index="72"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="72"] #subnavigationMain .sub-navigation[data-index="72"] {
  display: flex;
}
#navigation[data-index="73"] button[data-index="73"]::before {
  opacity: 1;
}
#navigation[data-index="73"] button[data-index="73"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="73"] #subnavigationMain .sub-navigation[data-index="73"] {
  display: flex;
}
#navigation[data-index="74"] button[data-index="74"]::before {
  opacity: 1;
}
#navigation[data-index="74"] button[data-index="74"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="74"] #subnavigationMain .sub-navigation[data-index="74"] {
  display: flex;
}
#navigation[data-index="75"] button[data-index="75"]::before {
  opacity: 1;
}
#navigation[data-index="75"] button[data-index="75"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="75"] #subnavigationMain .sub-navigation[data-index="75"] {
  display: flex;
}
#navigation[data-index="76"] button[data-index="76"]::before {
  opacity: 1;
}
#navigation[data-index="76"] button[data-index="76"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="76"] #subnavigationMain .sub-navigation[data-index="76"] {
  display: flex;
}
#navigation[data-index="77"] button[data-index="77"]::before {
  opacity: 1;
}
#navigation[data-index="77"] button[data-index="77"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="77"] #subnavigationMain .sub-navigation[data-index="77"] {
  display: flex;
}
#navigation[data-index="78"] button[data-index="78"]::before {
  opacity: 1;
}
#navigation[data-index="78"] button[data-index="78"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="78"] #subnavigationMain .sub-navigation[data-index="78"] {
  display: flex;
}
#navigation[data-index="79"] button[data-index="79"]::before {
  opacity: 1;
}
#navigation[data-index="79"] button[data-index="79"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="79"] #subnavigationMain .sub-navigation[data-index="79"] {
  display: flex;
}
#navigation[data-index="80"] button[data-index="80"]::before {
  opacity: 1;
}
#navigation[data-index="80"] button[data-index="80"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="80"] #subnavigationMain .sub-navigation[data-index="80"] {
  display: flex;
}
#navigation[data-index="81"] button[data-index="81"]::before {
  opacity: 1;
}
#navigation[data-index="81"] button[data-index="81"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="81"] #subnavigationMain .sub-navigation[data-index="81"] {
  display: flex;
}
#navigation[data-index="82"] button[data-index="82"]::before {
  opacity: 1;
}
#navigation[data-index="82"] button[data-index="82"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="82"] #subnavigationMain .sub-navigation[data-index="82"] {
  display: flex;
}
#navigation[data-index="83"] button[data-index="83"]::before {
  opacity: 1;
}
#navigation[data-index="83"] button[data-index="83"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="83"] #subnavigationMain .sub-navigation[data-index="83"] {
  display: flex;
}
#navigation[data-index="84"] button[data-index="84"]::before {
  opacity: 1;
}
#navigation[data-index="84"] button[data-index="84"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="84"] #subnavigationMain .sub-navigation[data-index="84"] {
  display: flex;
}
#navigation[data-index="85"] button[data-index="85"]::before {
  opacity: 1;
}
#navigation[data-index="85"] button[data-index="85"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="85"] #subnavigationMain .sub-navigation[data-index="85"] {
  display: flex;
}
#navigation[data-index="86"] button[data-index="86"]::before {
  opacity: 1;
}
#navigation[data-index="86"] button[data-index="86"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="86"] #subnavigationMain .sub-navigation[data-index="86"] {
  display: flex;
}
#navigation[data-index="87"] button[data-index="87"]::before {
  opacity: 1;
}
#navigation[data-index="87"] button[data-index="87"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="87"] #subnavigationMain .sub-navigation[data-index="87"] {
  display: flex;
}
#navigation[data-index="88"] button[data-index="88"]::before {
  opacity: 1;
}
#navigation[data-index="88"] button[data-index="88"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="88"] #subnavigationMain .sub-navigation[data-index="88"] {
  display: flex;
}
#navigation[data-index="89"] button[data-index="89"]::before {
  opacity: 1;
}
#navigation[data-index="89"] button[data-index="89"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="89"] #subnavigationMain .sub-navigation[data-index="89"] {
  display: flex;
}
#navigation[data-index="90"] button[data-index="90"]::before {
  opacity: 1;
}
#navigation[data-index="90"] button[data-index="90"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="90"] #subnavigationMain .sub-navigation[data-index="90"] {
  display: flex;
}
#navigation[data-index="91"] button[data-index="91"]::before {
  opacity: 1;
}
#navigation[data-index="91"] button[data-index="91"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="91"] #subnavigationMain .sub-navigation[data-index="91"] {
  display: flex;
}
#navigation[data-index="92"] button[data-index="92"]::before {
  opacity: 1;
}
#navigation[data-index="92"] button[data-index="92"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="92"] #subnavigationMain .sub-navigation[data-index="92"] {
  display: flex;
}
#navigation[data-index="93"] button[data-index="93"]::before {
  opacity: 1;
}
#navigation[data-index="93"] button[data-index="93"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="93"] #subnavigationMain .sub-navigation[data-index="93"] {
  display: flex;
}
#navigation[data-index="94"] button[data-index="94"]::before {
  opacity: 1;
}
#navigation[data-index="94"] button[data-index="94"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="94"] #subnavigationMain .sub-navigation[data-index="94"] {
  display: flex;
}
#navigation[data-index="95"] button[data-index="95"]::before {
  opacity: 1;
}
#navigation[data-index="95"] button[data-index="95"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="95"] #subnavigationMain .sub-navigation[data-index="95"] {
  display: flex;
}
#navigation[data-index="96"] button[data-index="96"]::before {
  opacity: 1;
}
#navigation[data-index="96"] button[data-index="96"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="96"] #subnavigationMain .sub-navigation[data-index="96"] {
  display: flex;
}
#navigation[data-index="97"] button[data-index="97"]::before {
  opacity: 1;
}
#navigation[data-index="97"] button[data-index="97"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="97"] #subnavigationMain .sub-navigation[data-index="97"] {
  display: flex;
}
#navigation[data-index="98"] button[data-index="98"]::before {
  opacity: 1;
}
#navigation[data-index="98"] button[data-index="98"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="98"] #subnavigationMain .sub-navigation[data-index="98"] {
  display: flex;
}
#navigation[data-index="99"] button[data-index="99"]::before {
  opacity: 1;
}
#navigation[data-index="99"] button[data-index="99"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="99"] #subnavigationMain .sub-navigation[data-index="99"] {
  display: flex;
}
#navigation[data-index="100"] button[data-index="100"]::before {
  opacity: 1;
}
#navigation[data-index="100"] button[data-index="100"]::after {
  transform: translateY(0.9em) rotate(180deg);
}
#navigation[data-index="100"] #subnavigationMain .sub-navigation[data-index="100"] {
  display: flex;
}
#navigation[data-index="0"] .inner-wrapper #navigationMain {
  border-bottom-left-radius: 0;
}
@media (max-width: 1120px) {
  #navigation .inner-wrapper {
    max-width: 95vw;
  }
}
#navigation .inner-wrapper #navigationMain {
  display: flex;
  border-radius: 1.8em;
  padding: 0 2em;
  background-color: white;
  box-shadow: 0 0.5em 1.5em 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}
@media (max-width: 1120px) {
  #navigation .inner-wrapper #navigationMain {
    padding-right: 0;
    border-radius: 15rem;
    align-items: center;
  }
}
@media (max-width: 720px) {
  #navigation .inner-wrapper #navigationMain {
    padding-left: 26rem;
  }
}
#navigation .inner-wrapper.container-sub-navigation {
  display: flex;
  pointer-events: none;
}
#navigation .inner-wrapper.container-sub-navigation .sub-navigation {
  pointer-events: all;
}
#navigation #buttonLogo {
  align-self: center;
  margin-right: 4em;
}
@media (max-width: 1120px) {
  #navigation #buttonLogo {
    margin-right: auto;
  }
}
#navigation #buttonLogo img {
  width: 21em;
  height: auto;
}
@media (max-width: 1120px) {
  #navigation #buttonLogo img {
    width: 300rem;
    margin: 20rem 0;
  }
}
@media (max-width: 720px) {
  #navigation #buttonLogo img {
    width: 180rem;
  }
}
#navigation #navigationMain #buttonLogo + ul + .button.login,
#navigation #subnavigationMain #buttonLogo + ul + .button.login {
  margin-left: auto;
}
#navigation #navigationMain ul,
#navigation #subnavigationMain ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 1120px) {
  #navigation #navigationMain ul,
#navigation #subnavigationMain ul {
    display: none;
  }
}
#navigation #navigationMain ul li,
#navigation #subnavigationMain ul li {
  padding: 2em 1.25em;
  font-size: 20rem;
}
#navigation #navigationMain ul li.children button::after,
#navigation #navigationMain ul li.children a::after,
#navigation #subnavigationMain ul li.children button::after,
#navigation #subnavigationMain ul li.children a::after {
  display: inline-block;
  content: url("/dateien-statisch/icon-arrow.svg");
  width: 0.55em;
  height: 0.55em;
  margin-left: 0.5em;
  transform: translateY(-0.1em);
}
#navigation #navigationMain ul li.current button::before,
#navigation #navigationMain ul li.current a::before,
#navigation #navigationMain ul li.children-visible button::before,
#navigation #navigationMain ul li.children-visible a::before,
#navigation #subnavigationMain ul li.current button::before,
#navigation #subnavigationMain ul li.current a::before,
#navigation #subnavigationMain ul li.children-visible button::before,
#navigation #subnavigationMain ul li.children-visible a::before {
  opacity: 1;
}
#navigation #navigationMain ul li.children-visible ul,
#navigation #subnavigationMain ul li.children-visible ul {
  display: block;
}
#navigation #navigationMain ul button,
#navigation #navigationMain ul a,
#navigation #subnavigationMain ul button,
#navigation #subnavigationMain ul a {
  display: block;
}
#navigation #navigationMain ul button:hover::before,
#navigation #navigationMain ul a:hover::before,
#navigation #subnavigationMain ul button:hover::before,
#navigation #subnavigationMain ul a:hover::before {
  opacity: 1;
}
#navigation #navigationMain ul button::before,
#navigation #navigationMain ul a::before,
#navigation #subnavigationMain ul button::before,
#navigation #subnavigationMain ul a::before {
  content: "";
  opacity: 0;
  transition: 250ms;
  position: absolute;
  bottom: -0.15em;
  left: 0;
  width: 100%;
  height: 1.5px;
  background-color: var(--color-1);
}
#navigation #navigationMain ul li > ul,
#navigation #subnavigationMain ul li > ul {
  display: none;
  position: absolute;
  top: 100%;
  background-color: white;
}
#navigation #navigationMain a.button,
#navigation #subnavigationMain a.button {
  align-self: center;
  padding: 0.6em 1.4em;
  font-size: 14rem;
  border-radius: 1000px;
  border: 1.5px solid currentColor;
  color: var(--color-2);
  text-transform: uppercase;
  font-weight: 500;
}
#navigation #navigationMain a.button.cta,
#navigation #subnavigationMain a.button.cta {
  background-color: var(--color-2);
  border-color: var(--color-2);
  color: var(--color-1);
}
@media (max-width: 1120px) {
  #navigation #navigationMain a.button.cta,
#navigation #subnavigationMain a.button.cta {
    display: none;
  }
}
@media (max-width: 720px) {
  #navigation #navigationMain a.button.login,
#navigation #subnavigationMain a.button.login {
    display: none;
  }
}
#navigation #navigationMain a.button:hover,
#navigation #subnavigationMain a.button:hover {
  background-color: var(--color-1);
  border-color: var(--color-1);
  color: white;
}
#navigation #navigationMain a.button:not(:last-child),
#navigation #subnavigationMain a.button:not(:last-child) {
  margin-right: 1em;
}
#navigation #navigationMain #containerButtonLanguage,
#navigation #subnavigationMain #containerButtonLanguage {
  font-weight: 500;
  text-transform: uppercase;
  align-self: center;
  margin: 0 1.5em 0 auto;
}
@media (max-width: 720px) {
  #navigation #navigationMain #containerButtonLanguage,
#navigation #subnavigationMain #containerButtonLanguage {
    margin-right: auto;
  }
}
#navigation #navigationMain #containerButtonLanguage.languages-visible #buttonLanguage,
#navigation #subnavigationMain #containerButtonLanguage.languages-visible #buttonLanguage {
  border-color: currentColor;
}
#navigation #navigationMain #containerButtonLanguage.languages-visible #buttonLanguage svg,
#navigation #subnavigationMain #containerButtonLanguage.languages-visible #buttonLanguage svg {
  transform: rotate(180deg);
}
#navigation #navigationMain #containerButtonLanguage.languages-visible a,
#navigation #subnavigationMain #containerButtonLanguage.languages-visible a {
  display: block;
}
#navigation #navigationMain #containerButtonLanguage .inner-wrapper,
#navigation #subnavigationMain #containerButtonLanguage .inner-wrapper {
  display: flex;
  border-radius: 0.5em;
  flex-direction: column;
  padding: 0.75em;
  transform: translateY(calc(50% - 1.3em));
}
#navigation #navigationMain #containerButtonLanguage #buttonLanguage,
#navigation #subnavigationMain #containerButtonLanguage #buttonLanguage {
  display: flex;
  align-items: center;
  border-bottom: 1.5px solid transparent;
  transition: 250ms ease;
  padding-bottom: 0.2em;
}
#navigation #navigationMain #containerButtonLanguage #buttonLanguage:hover,
#navigation #subnavigationMain #containerButtonLanguage #buttonLanguage:hover {
  border-color: currentColor;
}
#navigation #navigationMain #containerButtonLanguage #buttonLanguage svg,
#navigation #subnavigationMain #containerButtonLanguage #buttonLanguage svg {
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  margin-left: 0.3em;
}
#navigation #navigationMain #containerButtonLanguage a,
#navigation #subnavigationMain #containerButtonLanguage a {
  display: none;
  margin-top: 0.2em;
}
#navigation #buttonMobileNavigation {
  display: none;
}
@media (max-width: 1120px) {
  #navigation #buttonMobileNavigation {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 40rem;
    margin-left: auto;
    align-self: stretch;
  }
  #navigation #buttonMobileNavigation svg {
    height: 25rem;
    width: auto;
  }
  #navigation #buttonMobileNavigation svg.close {
    display: none;
  }
}
@media (max-width: 720px) {
  #navigation #buttonMobileNavigation {
    padding: 0 26rem 0 0rem;
  }
  #navigation #buttonMobileNavigation svg {
    height: 18rem;
  }
}
#navigation #subnavigationMain .sub-navigation {
  display: none;
  border-radius: 0 0 1.8em 1.8em;
  padding: 1em 2em;
  background-color: white;
  box-shadow: 0 0.5em 1.5em 0 rgba(0, 0, 0, 0.2);
  flex-direction: column;
  justify-content: space-between;
  min-height: 18em;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools] {
  padding-left: 27em;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools]:not([data-children-index]) li:first-child {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="0"] .sub-navigation-thumbnails [data-children-index="0"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="1"] .sub-navigation-thumbnails [data-children-index="1"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="2"] .sub-navigation-thumbnails [data-children-index="2"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="3"] .sub-navigation-thumbnails [data-children-index="3"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="4"] .sub-navigation-thumbnails [data-children-index="4"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="5"] .sub-navigation-thumbnails [data-children-index="5"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="6"] .sub-navigation-thumbnails [data-children-index="6"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="7"] .sub-navigation-thumbnails [data-children-index="7"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="8"] .sub-navigation-thumbnails [data-children-index="8"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="9"] .sub-navigation-thumbnails [data-children-index="9"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="10"] .sub-navigation-thumbnails [data-children-index="10"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="11"] .sub-navigation-thumbnails [data-children-index="11"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="12"] .sub-navigation-thumbnails [data-children-index="12"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="13"] .sub-navigation-thumbnails [data-children-index="13"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="14"] .sub-navigation-thumbnails [data-children-index="14"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="15"] .sub-navigation-thumbnails [data-children-index="15"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="16"] .sub-navigation-thumbnails [data-children-index="16"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="17"] .sub-navigation-thumbnails [data-children-index="17"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="18"] .sub-navigation-thumbnails [data-children-index="18"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="19"] .sub-navigation-thumbnails [data-children-index="19"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="20"] .sub-navigation-thumbnails [data-children-index="20"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="21"] .sub-navigation-thumbnails [data-children-index="21"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="22"] .sub-navigation-thumbnails [data-children-index="22"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="23"] .sub-navigation-thumbnails [data-children-index="23"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="24"] .sub-navigation-thumbnails [data-children-index="24"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="25"] .sub-navigation-thumbnails [data-children-index="25"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="26"] .sub-navigation-thumbnails [data-children-index="26"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="27"] .sub-navigation-thumbnails [data-children-index="27"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="28"] .sub-navigation-thumbnails [data-children-index="28"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="29"] .sub-navigation-thumbnails [data-children-index="29"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="30"] .sub-navigation-thumbnails [data-children-index="30"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="31"] .sub-navigation-thumbnails [data-children-index="31"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="32"] .sub-navigation-thumbnails [data-children-index="32"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="33"] .sub-navigation-thumbnails [data-children-index="33"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="34"] .sub-navigation-thumbnails [data-children-index="34"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="35"] .sub-navigation-thumbnails [data-children-index="35"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="36"] .sub-navigation-thumbnails [data-children-index="36"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="37"] .sub-navigation-thumbnails [data-children-index="37"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="38"] .sub-navigation-thumbnails [data-children-index="38"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="39"] .sub-navigation-thumbnails [data-children-index="39"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="40"] .sub-navigation-thumbnails [data-children-index="40"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="41"] .sub-navigation-thumbnails [data-children-index="41"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="42"] .sub-navigation-thumbnails [data-children-index="42"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="43"] .sub-navigation-thumbnails [data-children-index="43"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="44"] .sub-navigation-thumbnails [data-children-index="44"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="45"] .sub-navigation-thumbnails [data-children-index="45"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="46"] .sub-navigation-thumbnails [data-children-index="46"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="47"] .sub-navigation-thumbnails [data-children-index="47"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="48"] .sub-navigation-thumbnails [data-children-index="48"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="49"] .sub-navigation-thumbnails [data-children-index="49"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="50"] .sub-navigation-thumbnails [data-children-index="50"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="51"] .sub-navigation-thumbnails [data-children-index="51"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="52"] .sub-navigation-thumbnails [data-children-index="52"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="53"] .sub-navigation-thumbnails [data-children-index="53"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="54"] .sub-navigation-thumbnails [data-children-index="54"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="55"] .sub-navigation-thumbnails [data-children-index="55"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="56"] .sub-navigation-thumbnails [data-children-index="56"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="57"] .sub-navigation-thumbnails [data-children-index="57"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="58"] .sub-navigation-thumbnails [data-children-index="58"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="59"] .sub-navigation-thumbnails [data-children-index="59"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="60"] .sub-navigation-thumbnails [data-children-index="60"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="61"] .sub-navigation-thumbnails [data-children-index="61"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="62"] .sub-navigation-thumbnails [data-children-index="62"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="63"] .sub-navigation-thumbnails [data-children-index="63"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="64"] .sub-navigation-thumbnails [data-children-index="64"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="65"] .sub-navigation-thumbnails [data-children-index="65"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="66"] .sub-navigation-thumbnails [data-children-index="66"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="67"] .sub-navigation-thumbnails [data-children-index="67"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="68"] .sub-navigation-thumbnails [data-children-index="68"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="69"] .sub-navigation-thumbnails [data-children-index="69"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="70"] .sub-navigation-thumbnails [data-children-index="70"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="71"] .sub-navigation-thumbnails [data-children-index="71"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="72"] .sub-navigation-thumbnails [data-children-index="72"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="73"] .sub-navigation-thumbnails [data-children-index="73"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="74"] .sub-navigation-thumbnails [data-children-index="74"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="75"] .sub-navigation-thumbnails [data-children-index="75"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="76"] .sub-navigation-thumbnails [data-children-index="76"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="77"] .sub-navigation-thumbnails [data-children-index="77"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="78"] .sub-navigation-thumbnails [data-children-index="78"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="79"] .sub-navigation-thumbnails [data-children-index="79"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="80"] .sub-navigation-thumbnails [data-children-index="80"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="81"] .sub-navigation-thumbnails [data-children-index="81"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="82"] .sub-navigation-thumbnails [data-children-index="82"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="83"] .sub-navigation-thumbnails [data-children-index="83"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="84"] .sub-navigation-thumbnails [data-children-index="84"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="85"] .sub-navigation-thumbnails [data-children-index="85"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="86"] .sub-navigation-thumbnails [data-children-index="86"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="87"] .sub-navigation-thumbnails [data-children-index="87"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="88"] .sub-navigation-thumbnails [data-children-index="88"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="89"] .sub-navigation-thumbnails [data-children-index="89"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="90"] .sub-navigation-thumbnails [data-children-index="90"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="91"] .sub-navigation-thumbnails [data-children-index="91"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="92"] .sub-navigation-thumbnails [data-children-index="92"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="93"] .sub-navigation-thumbnails [data-children-index="93"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="94"] .sub-navigation-thumbnails [data-children-index="94"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="95"] .sub-navigation-thumbnails [data-children-index="95"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="96"] .sub-navigation-thumbnails [data-children-index="96"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="97"] .sub-navigation-thumbnails [data-children-index="97"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="98"] .sub-navigation-thumbnails [data-children-index="98"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="99"] .sub-navigation-thumbnails [data-children-index="99"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation[data-children=tools][data-children-index="100"] .sub-navigation-thumbnails [data-children-index="100"] {
  display: block;
}
#navigation #subnavigationMain .sub-navigation:not([data-children=tools]) {
  margin-left: 25em;
}
#navigation #subnavigationMain .sub-navigation ul {
  display: grid;
  -moz-column-gap: 4em;
       column-gap: 4em;
  justify-items: start;
  grid-template-columns: 1fr 1fr;
}
#navigation #subnavigationMain .sub-navigation ul a {
  transition: 150ms ease;
}
#navigation #subnavigationMain .sub-navigation ul a::before {
  display: none;
}
#navigation #subnavigationMain .sub-navigation ul.sub-navigation-thumbnails {
  position: absolute;
  left: 0;
  top: 0;
  width: 25em;
  height: 100%;
}
#navigation #subnavigationMain .sub-navigation ul.sub-navigation-thumbnails li {
  position: absolute;
  padding: 2em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
#navigation #subnavigationMain .sub-navigation ul.sub-navigation-thumbnails img {
  border-radius: 0.5em;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 0.3em 0.8em 0 rgba(0, 0, 0, 0.15);
}
#navigation #subnavigationMain .sub-navigation ul.sub-navigation-items {
  padding-top: 1em;
}
#navigation #subnavigationMain .sub-navigation ul.sub-navigation-items a:hover,
#navigation #subnavigationMain .sub-navigation ul.sub-navigation-items a.current {
  color: var(--color-2);
}
#navigation #subnavigationMain .sub-navigation ul.sub-sub-navigation-items {
  display: flex;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
  border-top: 1px solid currentColor;
  margin-top: 1em;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  font-weight: 500;
  margin-left: 1.8em;
}
#navigation #subnavigationMain .sub-navigation ul.sub-sub-navigation-items li {
  width: auto;
  margin-right: 2em;
}
#navigation #subnavigationMain .sub-navigation ul.sub-sub-navigation-items li:last-child {
  margin-right: 0;
}
#navigation #subnavigationMain .sub-navigation ul.sub-sub-navigation-items a {
  padding: 0.5em 1.5em;
  background-color: var(--color-3);
  border-radius: 1000px;
  font-size: 14rem;
}
#navigation #subnavigationMain .sub-navigation ul.sub-sub-navigation-items a::before {
  display: none;
}
#navigation #subnavigationMain .sub-navigation ul.sub-sub-navigation-items a:hover {
  background-color: var(--color-1);
  color: white;
}
#navigation #subnavigationMain .sub-navigation li {
  display: block;
  padding: 0;
}
#navigation #subnavigationMain .sub-navigation li a {
  padding: 0.6em 1.25em;
}

#navigationMobile {
  display: none;
}
@media (max-width: 1120px) {
  #navigationMobile {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 80vh;
    overflow-y: scroll;
    background-color: white;
    padding: 40rem 60rem;
    border-bottom-right-radius: 15rem;
    border-bottom-left-radius: 15rem;
    box-shadow: 0 20rem 30rem 0 rgba(0, 0, 0, 0.15);
  }
}
@media (max-width: 1120px) and (max-width: 720px) {
  #navigationMobile {
    padding: 20rem 30rem;
  }
}
@media (max-width: 1120px) {
  #navigationMobile ul {
    display: grid;
    list-style: none;
    padding-left: 0;
    margin: 0;
  }
}
@media (max-width: 1120px) {
  #navigationMobile > ul {
    font-size: 20rem;
    letter-spacing: 0.01em;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (max-width: 1120px) and (max-width: 720px) {
  #navigationMobile > ul {
    grid-template-columns: 1fr;
    font-size: 16rem;
  }
}
@media (max-width: 1120px) {
  #navigationMobile > ul > li {
    display: flex;
    flex-direction: column;
  }
  #navigationMobile > ul > li.children {
    grid-column: auto/span 6;
  }
  #navigationMobile > ul > li.children button {
    pointer-events: none;
    color: var(--color-5);
    padding: 15rem 0;
  }
}
@media (max-width: 1120px) and (max-width: 720px) {
  #navigationMobile > ul > li.children button {
    pointer-events: all;
    color: var(--color-1);
    display: flex;
    font-size: 26rem;
    line-height: 28rem;
    padding: 10rem 0;
    align-items: center;
  }
  #navigationMobile > ul > li.children button.active svg {
    transform: rotate(0);
  }
  #navigationMobile > ul > li.children button.active + ul {
    display: grid;
  }
}
@media (max-width: 1120px) {
  #navigationMobile > ul > li.children svg {
    display: none;
  }
}
@media (max-width: 1120px) and (max-width: 720px) {
  #navigationMobile > ul > li.children svg {
    display: block;
    transform: rotate(180deg);
    margin-left: 0.5em;
    width: 1em;
    height: auto;
  }
  #navigationMobile > ul > li.children svg path {
    stroke-width: 2rem;
  }
}
@media (max-width: 1120px) and (max-width: 720px) {
  #navigationMobile > ul > li.children ul {
    display: none;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
}
@media (max-width: 1120px) {
  #navigationMobile > ul > li:not(.children) {
    margin-top: 40rem;
    grid-column: auto/span 4;
    border-top: 2rem solid currentColor;
  }
}
@media (max-width: 1120px) and (max-width: 720px) {
  #navigationMobile > ul > li:not(.children) {
    display: flex;
    font-size: 26rem;
    line-height: 28rem;
    border: none;
    margin-top: 0;
    padding: 0;
  }
}
@media (max-width: 1120px) {
  #navigationMobile > ul > li:not(.children) a {
    padding: 20rem 0;
  }
}
@media (max-width: 1120px) and (max-width: 720px) {
  #navigationMobile > ul > li:not(.children) a {
    padding: 10rem 0;
  }
}
@media (max-width: 1120px) and (max-width: 720px) {
  #navigationMobile > ul > li > ul {
    margin-bottom: 10rem;
  }
}
@media (max-width: 1120px) {
  #navigationMobile > ul > li > ul a {
    padding: 15rem 0;
    display: block;
  }
}
@media (max-width: 1120px) and (max-width: 720px) {
  #navigationMobile > ul > li > ul a {
    padding: 10rem 0;
  }
}
@media (max-width: 1120px) {
  #navigationMobile .button.login {
    display: none;
  }
}
@media (max-width: 1120px) and (max-width: 720px) {
  #navigationMobile .button.login {
    display: inline-block;
    margin-top: 40rem;
  }
}

section#newsletter {
  background-color: var(--color-6);
  color: var(--color-1);
  margin-top: auto;
  overflow: hidden;
}
section#newsletter .newsletter {
  padding-top: 30rem;
}
@media (max-width: 720px) {
  section#newsletter .newsletter {
    padding: 30rem 10rem;
  }
}
@media (min-width: 1800px) {
  section#newsletter .newsletter {
    padding-top: 10rem;
  }
}
section#newsletter > .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section#newsletter > .background svg {
  position: absolute;
  left: -5%;
  top: 30%;
  width: 45%;
  height: auto;
}
@media (max-width: 1120px) {
  section#newsletter > .background svg {
    top: unset;
    width: 90%;
    bottom: -55%;
    left: -1%;
  }
  section#newsletter > .background svg path {
    stroke-width: 3rem;
  }
}
@media (max-width: 720px) {
  section#newsletter > .background svg {
    bottom: -20%;
    width: 110%;
  }
  section#newsletter > .background svg path {
    stroke-width: 5rem;
  }
}
section#newsletter + footer {
  margin-top: unset;
}
section#newsletter .inner-wrapper {
  padding: 3em 2em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 10em;
       column-gap: 10em;
}
@media (max-width: 1120px) {
  section#newsletter .inner-wrapper {
    grid-template-columns: 1fr;
    row-gap: 90rem;
    padding-bottom: 75rem;
  }
}
@media (max-width: 720px) {
  section#newsletter .inner-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10rem;
    row-gap: 30rem;
  }
}
section#newsletter .inner-wrapper h4 {
  font-weight: 500;
  font-size: 30rem;
  margin-bottom: 0.6em;
}
section#newsletter .inner-wrapper p {
  font-size: 20rem;
  line-height: 28rem;
}
section#newsletter .inner-wrapper .kostenlos-testen {
  display: grid;
  grid-template-columns: 1fr 2fr;
  background-color: white;
  border-radius: 30rem;
  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 1120px) {
  section#newsletter .inner-wrapper .kostenlos-testen {
    order: 2;
  }
}
@media (max-width: 720px) {
  section#newsletter .inner-wrapper .kostenlos-testen {
    grid-template-columns: 1fr;
  }
}
section#newsletter .inner-wrapper .kostenlos-testen .container-bild {
  padding: 10rem;
  border-radius: 1em;
}
@media (max-width: 720px) {
  section#newsletter .inner-wrapper .kostenlos-testen .container-bild {
    padding-right: 30%;
    padding-bottom: 0;
  }
}
section#newsletter .inner-wrapper .kostenlos-testen .container-text {
  padding: 30rem 30rem 30rem 0;
}
@media (max-width: 720px) {
  section#newsletter .inner-wrapper .kostenlos-testen .container-text {
    padding-left: 30rem;
    padding-top: 15rem;
  }
}
section#newsletter .inner-wrapper .kostenlos-testen .container-text a {
  display: inline-block;
  margin-top: 1em;
}

footer {
  margin-top: auto;
  background-color: var(--color-4);
  color: white;
  flex: 1;
}
footer .inner-wrapper:first-child {
  padding: 3em 2em;
  display: flex;
  -moz-column-gap: 120rem;
       column-gap: 120rem;
}
@media (max-width: 1120px) {
  footer .inner-wrapper:first-child {
    flex-direction: column;
  }
}
@media (max-width: 720px) {
  footer .inner-wrapper:first-child {
    padding: 40rem 15rem;
  }
}
footer .inner-wrapper:first-child .contact {
  display: grid;
  grid-template-columns: 2fr 1fr;
  -moz-column-gap: 30fr;
       column-gap: 30fr;
  flex: 1;
}
@media (max-width: 1120px) {
  footer .inner-wrapper:first-child .contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  footer .inner-wrapper:first-child .contact {
    grid-template-columns: 1fr;
  }
}
footer .inner-wrapper:first-child .contact .titel {
  grid-column: 1/-1;
  font-weight: 500;
  font-size: 30rem;
  margin-bottom: 70rem;
}
@media (max-width: 1120px) {
  footer .inner-wrapper:first-child .contact .titel {
    font-size: 26rem;
    grid-row: 1;
    margin-bottom: 60rem;
  }
}
@media (max-width: 720px) {
  footer .inner-wrapper:first-child .contact .titel {
    font-size: 22rem;
    margin-bottom: 30rem;
  }
}
footer .inner-wrapper:first-child .contact .anschrift {
  font-size: 20rem;
  line-height: 28rem;
  display: flex;
}
@media (max-width: 1120px) {
  footer .inner-wrapper:first-child .contact .anschrift {
    font-size: 16rem;
    line-height: 24rem;
  }
}
@media (max-width: 720px) {
  footer .inner-wrapper:first-child .contact .anschrift {
    grid-column: 1;
    font-size: 14rem;
    line-height: 20rem;
  }
}
footer .inner-wrapper:first-child .contact .anschrift a:hover {
  color: var(--color-2);
}
footer .inner-wrapper:first-child .contact a.button {
  grid-column: 1;
  justify-self: start;
  font-weight: 500;
  font-size: 16rem;
  padding: 0.9em 1.5em;
  background-color: white;
  color: var(--color-4);
  display: inline-block;
  border-radius: 1000px;
  transition: 250ms ease;
  margin-top: 1.5em;
}
@media (max-width: 1120px) {
  footer .inner-wrapper:first-child .contact a.button {
    grid-column: 2;
    grid-row: 1;
    margin-top: 0;
    align-self: start;
  }
}
@media (max-width: 720px) {
  footer .inner-wrapper:first-child .contact a.button {
    grid-column: unset;
    grid-row: 3;
    margin: 30rem 0;
  }
}
footer .inner-wrapper:first-child .contact a.button:hover {
  background-color: var(--color-2);
  color: white !important;
}
footer .inner-wrapper:first-child .socials {
  margin-left: auto;
  grid-column: 2;
  grid-row: 2;
}
@media (max-width: 1120px) {
  footer .inner-wrapper:first-child .socials {
    margin-left: unset;
    padding-left: 20rem;
  }
}
@media (max-width: 720px) {
  footer .inner-wrapper:first-child .socials {
    grid-column: 1;
    grid-row: 4;
    padding-left: 0;
  }
}
footer .inner-wrapper:first-child .socials ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  -moz-column-gap: 1.3em;
       column-gap: 1.3em;
}
footer .inner-wrapper:first-child .socials a:hover {
  color: var(--color-2);
}
footer .inner-wrapper:first-child .socials svg {
  height: 1.2em;
  width: auto;
}
footer .credits {
  grid-column: 1/-1;
  font-size: 14rem;
  margin-top: 120rem;
}
footer .credits.tablet {
  display: none;
}
@media (max-width: 1120px) {
  footer .credits.tablet {
    display: block;
  }
}
@media (max-width: 720px) {
  footer .credits.tablet {
    margin-top: 30rem;
  }
}
@media (max-width: 1120px) {
  footer .credits:not(.tablet) {
    display: none;
  }
}
footer #footerNavigation {
  margin-left: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 10em;
       column-gap: 10em;
  color: var(--color-5);
}
@media (max-width: 1120px) {
  footer #footerNavigation {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 60rem;
    margin-top: 60rem;
    border-top: 2.5rem solid white;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 60rem;
  }
}
@media (max-width: 720px) {
  footer #footerNavigation {
    grid-template-columns: 1fr;
    padding-top: 30rem;
    margin-top: 40rem;
  }
}
footer #footerNavigation h4 {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 80rem;
  font-size: 18rem;
}
@media (max-width: 1120px) {
  footer #footerNavigation h4 {
    margin-bottom: 40rem;
  }
}
footer #footerNavigation a {
  font-size: 16rem;
}
footer #footerNavigation a:hover {
  color: var(--color-2);
}
footer #footerNavigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 720px) {
  footer #footerNavigation ul {
    display: none;
  }
}
footer #footerNavigation ul li {
  padding: 0.4em 0;
}
footer #footerNavigation .container-imprint-navigation {
  grid-column: 2/-1;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 1120px) {
  footer #footerNavigation .container-imprint-navigation {
    padding-top: 65rem;
    align-items: flex-start;
  }
}
@media (max-width: 720px) {
  footer #footerNavigation .container-imprint-navigation {
    grid-column: 1;
    padding-top: 0;
  }
}
footer #footerNavigation .container-imprint-navigation ul {
  display: flex;
}
@media (max-width: 1120px) {
  footer #footerNavigation .container-imprint-navigation ul {
    display: block;
  }
}
@media (max-width: 720px) {
  footer #footerNavigation .container-imprint-navigation ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}
footer #footerNavigation .container-imprint-navigation ul li {
  padding: 0 2em;
}
@media (max-width: 1120px) {
  footer #footerNavigation .container-imprint-navigation ul li {
    padding: 0.35em 0;
  }
}
@media (max-width: 720px) {
  footer #footerNavigation .container-imprint-navigation ul li {
    padding: 0;
  }
}
footer #footerNavigation .container-imprint-navigation ul li:first-child {
  padding-left: 0;
}
footer #footerNavigation .container-imprint-navigation ul li:last-child {
  padding-right: 0;
}
footer #footerNavigation .container-imprint-navigation a {
  font-size: 14rem;
}
footer #footerNavigation > ul > li:first-child {
  padding: 0;
}
footer .inner-wrapper:nth-child(2) {
  display: flex;
  justify-content: space-between;
  padding: 32rem;
  font-size: 14rem;
}
footer .inner-wrapper:nth-child(2) ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
footer .inner-wrapper:nth-child(2) ul li {
  padding: 0 2em;
}
footer .inner-wrapper:nth-child(2) ul li:last-child {
  padding-right: 0;
}
footer .inner-wrapper:nth-child(2) > div:last-child {
  color: var(--color-5);
}
footer .inner-wrapper:nth-child(2) a:hover {
  color: var(--color-2);
}

a.newsletterbutton {
  align-self: center;
  padding: 0.6em 1.4em;
  font-size: 14rem;
  border-radius: 1000px;
  border: 1.5px solid currentColor;
  color: var(--color-2);
  text-transform: uppercase;
  font-weight: 500;
}
a.newsletterbutton.cta {
  background-color: var(--color-1);
  border-color: var(--color-1);
  color: white;
}
a.newsletterbutton:hover {
  background-color: var(--color-2);
  border-color: var(--color-2);
  color: white;
}

.video-consent-wrapper {
  position: relative;
  width: 100%;
}
.video-consent-wrapper .video-consent-placeholder {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
  border-radius: 8px;
  overflow: hidden;
}
.video-consent-wrapper .video-consent-placeholder .video-consent-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 20px;
  max-width: 500px;
  width: 90%;
}
.video-consent-wrapper .video-consent-placeholder .video-consent-content .video-consent-icon {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 20px;
}
.video-consent-wrapper .video-consent-placeholder .video-consent-content h3 {
  color: white;
  font-size: 24rem;
  font-weight: 600;
  margin-bottom: 15px;
}
.video-consent-wrapper .video-consent-placeholder .video-consent-content p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16rem;
  line-height: 1.5;
  margin-bottom: 25px;
}
.video-consent-wrapper .video-consent-placeholder .video-consent-content .video-consent-button {
  display: block;
  width: 100%;
  padding: 12px 24px;
  margin-bottom: 12px;
  background-color: #ff0000;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 16rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.video-consent-wrapper .video-consent-placeholder .video-consent-content .video-consent-button:hover {
  background-color: #cc0000;
}
.video-consent-wrapper .video-consent-placeholder .video-consent-content .video-consent-settings {
  display: block;
  width: 100%;
  padding: 10px 24px;
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  font-size: 14rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.video-consent-wrapper .video-consent-placeholder .video-consent-content .video-consent-settings:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
  color: white;
}
.video-consent-wrapper .video-consent-video {
  position: relative;
  width: 100%;
}
.video-consent-wrapper .video-consent-video iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border: none;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .video-consent-wrapper .video-consent-placeholder .video-consent-content h3 {
    font-size: 20rem;
  }
  .video-consent-wrapper .video-consent-placeholder .video-consent-content p {
    font-size: 14rem;
  }
  .video-consent-wrapper .video-consent-placeholder .video-consent-content .video-consent-button {
    font-size: 14rem;
    padding: 10px 20px;
  }
  .video-consent-wrapper .video-consent-placeholder .video-consent-content .video-consent-settings {
    font-size: 12rem;
    padding: 8px 20px;
  }
}

.tools > .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tools > .background svg {
  position: absolute;
  right: -30%;
  height: 90%;
  top: 0;
  width: auto;
}
@media (max-width: 1120px) {
  .tools > .background svg {
    top: -20%;
    height: 150%;
    width: 150%;
    right: -45%;
  }
}
.tools .inner-wrapper {
  padding: 90rem 40rem;
}
@media (max-width: 1120px) {
  .tools .inner-wrapper {
    padding: 60rem 30rem 120rem;
  }
}
@media (max-width: 720px) {
  .tools .inner-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 90rem;
  }
}
.tools h2 {
  padding: 0 50rem;
}
@media (max-width: 1120px) {
  .tools h2 {
    padding: 0;
  }
}
@media (max-width: 720px) {
  .tools h2 {
    padding: 0 15rem;
  }
}
.tools .container-tools {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 15rem;
  grid-row-gap: 40rem;
  margin-top: 60rem;
}
@media (max-width: 1120px) {
  .tools .container-tools {
    margin-top: 30rem;
    grid-row-gap: 15rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  .tools .container-tools {
    grid-template-columns: 1fr;
  }
}
.tools .tool {
  background-color: var(--color-6);
  border-radius: 30rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tools .tool:hover .container-button button {
  background-color: var(--color-2);
}
.tools .tool .container-text {
  width: 100%;
  padding: 30rem;
  color: var(--color-1);
}
.tools .tool .container-text .titel {
  font-weight: 500;
  font-size: 24rem;
  margin-bottom: 0.5em;
}
@media (max-width: 1120px) {
  .tools .tool .container-text .titel {
    font-size: 20rem;
  }
}
.tools .tool .container-text .titel span {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  border: 0.2em solid currentColor;
  padding: 0.65em 1.25em;
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  color: var(--color-1);
  pointer-events: none;
  font-size: 12rem;
  line-height: 11rem;
}
.tools .tool .container-text .titel span:hover {
  background-color: var(--color-2);
  color: white;
}
.tools .tool .container-text .text {
  font-size: 18rem;
  letter-spacing: 0.01em;
  line-height: 28rem;
}
@media (max-width: 1120px) {
  .tools .tool .container-text .text {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.tools .tool .container-button {
  width: 100%;
  font-weight: 500;
}
.tools .tool .container-button button {
  display: flex;
  width: 100%;
  padding: 10rem 30rem;
  background-color: var(--color-1);
  color: white;
  border-bottom-left-radius: 30rem;
  border-bottom-right-radius: 30rem;
}
.tools .tool .container-button button svg {
  height: 1.1em;
  width: 1.1em;
  margin-left: 0.65em;
}
.tools .container-dsgvo {
  color: var(--color-1);
  padding: 90rem 90rem 0;
  display: flex;
  justify-content: center;
}
@media (max-width: 1120px) {
  .tools .container-dsgvo {
    padding: 60rem 60rem 0;
  }
}
.tools .container-dsgvo a:hover {
  color: var(--color-2);
}
.tools .container-dsgvo svg {
  height: 60rem;
  width: auto;
}
@media (max-width: 1120px) {
  .tools .container-dsgvo svg {
    height: 40rem;
  }
}

section.tool.video .background {
  position: absolute;
  left: -12.5%;
  bottom: 0;
  width: 35%;
}
@media (max-width: 1120px) {
  section.tool.video .background {
    bottom: 15%;
    width: 45%;
  }
}
@media (max-width: 720px) {
  section.tool.video .background {
    bottom: 35%;
  }
}
section.tool.video .background svg {
  width: 100%;
  height: auto;
}
section.tool.video .inner-wrapper {
  padding: 90rem 180rem 180rem 90rem;
  display: grid;
  grid-template-columns: 4fr 1fr;
  grid-column-gap: 90rem;
  align-items: center;
}
@media (max-width: 1120px) {
  section.tool.video .inner-wrapper {
    padding: 60rem 30rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  section.tool.video .inner-wrapper {
    padding: 40rem 15rem;
    grid-template-columns: 1fr;
  }
}
section.tool.video h2 {
  font-weight: normal;
  font-size: 22rem;
  line-height: 28rem;
  margin: 0;
  color: var(--color-1);
  grid-column: 1/-1;
}
@media (max-width: 1120px) {
  section.tool.video h2 {
    font-size: 18rem;
    line-height: 20rem;
  }
}
@media (max-width: 720px) {
  section.tool.video h2 {
    font-size: 16rem;
  }
}
section.tool.video h2 + h3 {
  margin-top: 0;
}
section.tool.video h2 + h2 {
  margin-top: 0.2em;
}
section.tool.video h3 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  grid-column: 1/-1;
}
@media (max-width: 1120px) {
  section.tool.video h3 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.tool.video h3 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
section.tool.video .container-video_einbettung {
  width: 100%;
  padding-bottom: 56.25%;
  box-shadow: 0 20rem 50rem 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 1120px) {
  section.tool.video .container-video_einbettung {
    grid-column: 1/-1;
  }
}
section.tool.video .container-video_einbettung .container-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.tool.video .container-video_einbettung .container-video iframe {
  width: 100%;
  height: 100%;
}
section.tool.video .container-buttons {
  display: grid;
}
@media (max-width: 1120px) {
  section.tool.video .container-buttons {
    grid-column: 2;
    margin-top: 30rem;
  }
}
@media (max-width: 720px) {
  section.tool.video .container-buttons {
    grid-column: unset;
    margin-top: 90rem;
  }
}
section.tool.video .container-buttons a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
}
section.tool.video .container-buttons a:hover {
  background-color: var(--color-2);
  color: white;
}
section.tool.video .container-buttons a:first-child {
  background-color: var(--color-5);
  color: var(--color-1);
}
section.tool.video .container-buttons a:first-child:hover {
  background-color: var(--color-2);
  color: white;
}
section.tool.video .container-buttons a + a {
  margin-top: 1em;
}

section.tool.vorteile .section-intro {
  background-color: var(--color-6);
  color: var(--color-1);
}
section.tool.vorteile .section-intro .inner-wrapper {
  display: grid;
  grid-template-columns: 4fr 3fr;
  align-items: flex-start;
  -moz-column-gap: 30%;
       column-gap: 30%;
  padding: 60rem 150rem 60rem 90rem;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-intro .inner-wrapper {
    grid-template-columns: 1fr;
    padding: 60rem 300rem 60rem 30rem;
  }
}
@media (max-width: 720px) {
  section.tool.vorteile .section-intro .inner-wrapper {
    padding: 60rem 15rem;
  }
}
section.tool.vorteile .section-intro h2 {
  grid-column: 1/-1;
  max-width: 50%;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-intro h2 {
    max-width: unset;
  }
}
section.tool.vorteile .section-intro .text {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-intro .text {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.tool.vorteile .section-intro .text ul {
  padding-left: 0;
  list-style: none;
}
section.tool.vorteile .section-intro .text ul li {
  padding-left: 1em;
}
section.tool.vorteile .section-intro .text ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.tool.vorteile .section-intro .text a {
  text-decoration: underline;
}
section.tool.vorteile .section-intro .text a:hover {
  color: var(--color-2);
}
section.tool.vorteile .section-intro .text strong {
  font-weight: 500;
}
section.tool.vorteile .section-intro .text a {
  text-decoration: underline;
}
section.tool.vorteile .section-intro .text a:hover {
  color: var(--color-2);
}
section.tool.vorteile .section-intro .container-logos {
  font-size: 18rem;
  letter-spacing: 0.01em;
  display: flex;
  flex-direction: column;
  row-gap: 20rem;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-intro .container-logos {
    margin-top: 60rem;
  }
}
section.tool.vorteile .section-intro .container-logos .dachzeile {
  margin-bottom: 10rem;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-intro .container-logos .dachzeile {
    font-size: 14rem;
  }
}
section.tool.vorteile .section-intro .container-logos .logo {
  height: 50rem;
}
section.tool.vorteile .section-intro .container-logos .logo img,
section.tool.vorteile .section-intro .container-logos .logo svg {
  height: 100%;
  width: auto;
}
section.tool.vorteile .section-intro .container-logos .logo a:hover {
  color: var(--color-2);
}
section.tool.vorteile .section-body .inner-wrapper {
  padding: 90rem 150rem 90rem 310rem;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-body .inner-wrapper {
    padding: 60rem 30rem;
  }
}
@media (max-width: 720px) {
  section.tool.vorteile .section-body .inner-wrapper {
    padding: 40rem 15rem;
  }
}
section.tool.vorteile .section-body .container-vorteile {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 90rem;
       column-gap: 90rem;
  row-gap: 60rem;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-body .container-vorteile {
    row-gap: 40rem;
  }
}
section.tool.vorteile .section-body .vorteil {
  display: flex;
  gap: 15rem;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-body .vorteil {
    grid-column: 1/-1;
    width: 80%;
  }
}
@media (max-width: 720px) {
  section.tool.vorteile .section-body .vorteil {
    width: 100%;
  }
}
section.tool.vorteile .section-body .vorteil .container-icon {
  color: var(--color-2);
  flex-shrink: 0;
  padding-top: 3rem;
}
section.tool.vorteile .section-body .vorteil .container-icon svg {
  width: 1.5em;
  height: 1.5em;
}
section.tool.vorteile .section-body .vorteil .container-text {
  color: var(--color-1);
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-body .vorteil .container-text {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.tool.vorteile .section-body .vorteil .container-text .titel {
  text-decoration: underline;
  text-underline-offset: 0.5em;
  font-weight: 500;
  text-decoration-thickness: 0.1em;
  margin-bottom: 1.4em;
  line-height: 33rem;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-body .vorteil .container-text .titel {
    margin-bottom: 1em;
  }
}
section.tool.vorteile .section-body .vorteile-neben-bild {
  padding: 30rem 0;
  grid-column: 1/-1;
  display: flex;
  gap: 90rem;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-body .vorteile-neben-bild {
    flex-direction: column;
    gap: 40rem;
    padding: 0 0 20rem;
  }
}
section.tool.vorteile .section-body .vorteile-neben-bild.bild_links {
  flex-direction: row-reverse;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-body .vorteile-neben-bild.bild_links {
    flex-direction: column;
  }
}
section.tool.vorteile .section-body .vorteile-neben-bild .nested-vorteile {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 60rem;
  padding-bottom: 20rem;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-body .vorteile-neben-bild .nested-vorteile {
    gap: 40rem;
  }
}
section.tool.vorteile .section-body .vorteile-neben-bild .nested-bild {
  flex: 1;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-body .vorteile-neben-bild .nested-bild {
    width: 80%;
    margin-left: auto;
  }
}
@media (max-width: 720px) {
  section.tool.vorteile .section-body .vorteile-neben-bild .nested-bild {
    width: 100%;
  }
}
section.tool.vorteile .section-body .vorteile-neben-bild .nested-bild img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 40rem;
}
@media (max-width: 1120px) {
  section.tool.vorteile .section-body .vorteile-neben-bild .nested-bild img {
    border-radius: 20rem;
  }
}
section.tool.vorteile .section-body .grosses-bild {
  grid-column: 1/-1;
  width: 100%;
  padding-right: 90rem;
}
@media (max-width: 720px) {
  section.tool.vorteile .section-body .grosses-bild {
    padding-right: 0;
  }
}
section.tool.vorteile .section-body .grosses-bild.rand-1 img {
  border: 1px solid black;
}
section.tool.vorteile .section-body .grosses-bild img {
  width: 100%;
  border-radius: 40rem;
}
@media (max-width: 720px) {
  section.tool.vorteile .section-body .grosses-bild img {
    border-radius: 20rem;
  }
}

section.tool.intro .inner-wrapper {
  display: flex;
  padding: 0 90rem;
  gap: 90rem;
}
@media (max-width: 1120px) {
  section.tool.intro .inner-wrapper {
    flex-direction: column-reverse;
    gap: 0;
    padding: 0 30rem;
  }
}
@media (max-width: 720px) {
  section.tool.intro .inner-wrapper {
    padding: 0 15rem;
  }
}
section.tool.intro .inner-wrapper .container-text {
  flex: 2;
  padding-top: 350rem;
  padding-bottom: 350rem;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.tool.intro .inner-wrapper .container-text {
    padding-top: 0;
    padding-right: 30%;
    padding-bottom: 120rem;
  }
}
@media (max-width: 720px) {
  section.tool.intro .inner-wrapper .container-text {
    padding-right: unset;
    padding-bottom: 90rem;
  }
}
section.tool.intro .inner-wrapper .container-text h1 {
  font-weight: normal;
  font-size: 22rem;
  line-height: 28rem;
  margin: 0;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.tool.intro .inner-wrapper .container-text h1 {
    font-size: 18rem;
    line-height: 20rem;
  }
}
@media (max-width: 720px) {
  section.tool.intro .inner-wrapper .container-text h1 {
    font-size: 16rem;
  }
}
section.tool.intro .inner-wrapper .container-text h1 + h3 {
  margin-top: 0;
}
section.tool.intro .inner-wrapper .container-text h1 + h2 {
  margin-top: 0.2em;
}
section.tool.intro .inner-wrapper .container-text h2 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
}
@media (max-width: 1120px) {
  section.tool.intro .inner-wrapper .container-text h2 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.tool.intro .inner-wrapper .container-text h2 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.tool.intro .inner-wrapper .container-text h2 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.tool.intro .inner-wrapper .container-text h2 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.tool.intro .inner-wrapper .container-text h2 strong {
  font-weight: 500;
}
section.tool.intro .inner-wrapper .container-text a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  padding: 1.4em 2em 1.35em;
  background-color: var(--color-2);
  color: var(--color-1);
  font-size: 16rem;
  letter-spacing: 0.005em;
}
section.tool.intro .inner-wrapper .container-text a:hover {
  background-color: var(--color-2);
  color: white;
}
@media (max-width: 1120px) {
  section.tool.intro .inner-wrapper .container-text a {
    padding: 1.1em 2em 1em;
  }
}
@media (max-width: 720px) {
  section.tool.intro .inner-wrapper .container-text a {
    font-size: 14rem;
  }
}
section.tool.intro .inner-wrapper .container-text a:hover {
  background-color: var(--color-1);
  color: white;
}
section.tool.intro .inner-wrapper .container-galerie {
  flex: 3;
  padding-top: 150rem;
  padding-bottom: 50rem;
}
@media (max-width: 1120px) {
  section.tool.intro .inner-wrapper .container-galerie {
    padding-bottom: 0;
  }
}
@media (max-width: 720px) {
  section.tool.intro .inner-wrapper .container-galerie {
    padding-top: 120rem;
  }
}
section.tool.intro .inner-wrapper .container-galerie .container-video {
  grid-column: 1/-1;
  width: 100%;
  padding-bottom: 100%;
}
section.tool.intro .inner-wrapper .container-galerie .container-video::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.tool.intro .inner-wrapper .container-galerie .container-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
section.tool.intro.composition-orange .container-swiper {
  width: 100%;
  padding-bottom: 90%;
}
@media (max-width: 720px) {
  section.tool.intro.composition-orange .container-swiper {
    width: 120%;
    padding-bottom: 110%;
  }
}
section.tool.intro.composition-orange .container-swiper .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.tool.intro.composition-orange .container-swiper .background svg {
  width: 100%;
  height: auto;
}
section.tool.intro.composition-orange .container-swiper .swiper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: center center;
  overflow: hidden;
  -webkit-mask-image: url("../dateien-statisch/mask-swiper.svg");
          mask-image: url("../dateien-statisch/mask-swiper.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
section.tool.intro.composition-orange .container-swiper .swiper .swiper-wrapper {
  transform: scale(0.9);
}
section.tool.intro.composition-orange .container-swiper .swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.tool.intro.composition-lightblue .container-galerie {
  padding-top: 50rem;
}
@media (max-width: 1120px) {
  section.tool.intro.composition-lightblue .container-galerie {
    padding-left: 50rem;
    padding-bottom: 100rem;
  }
}
@media (max-width: 720px) {
  section.tool.intro.composition-lightblue .container-galerie {
    padding-left: 0;
  }
}
section.tool.intro.composition-lightblue .container-swiper {
  width: 100%;
  padding-bottom: 90%;
  perspective: 800rem;
}
section.tool.intro.composition-lightblue .container-swiper > svg {
  position: absolute;
  width: 400rem;
  height: auto;
  bottom: 0;
  left: 50rem;
  z-index: 1;
}
@media (max-width: 1120px) {
  section.tool.intro.composition-lightblue .container-swiper > svg {
    width: 300rem;
    left: 0;
  }
}
@media (max-width: 720px) {
  section.tool.intro.composition-lightblue .container-swiper > svg {
    width: 150rem;
  }
}
section.tool.intro.composition-lightblue .container-swiper .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.tool.intro.composition-lightblue .container-swiper .background svg {
  width: 100%;
  height: auto;
}
section.tool.intro.composition-lightblue .container-swiper .swiper {
  position: absolute;
  top: 60%;
  left: 50%;
  width: 80%;
  height: 65%;
  transform: translate(-50%, -50%) rotate3d(0, 1, 0, -10deg);
  overflow: hidden;
  border: 10rem solid white;
  border-radius: 40rem;
  box-shadow: 0 30rem 50rem 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 720px) {
  section.tool.intro.composition-lightblue .container-swiper .swiper {
    border-radius: 20rem;
    border-width: 5rem;
  }
}
section.tool.intro.composition-lightblue .container-swiper .swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.tool.intro.composition-darkblue .container-galerie {
  padding-top: 50rem;
}
@media (max-width: 1120px) {
  section.tool.intro.composition-darkblue .container-galerie {
    padding-top: 0;
    padding-left: 50rem;
  }
}
section.tool.intro.composition-darkblue .container-swiper {
  width: 100%;
  padding-bottom: 110%;
}
section.tool.intro.composition-darkblue .container-swiper .background {
  position: absolute;
  left: 10%;
  bottom: 0;
  width: 140%;
  height: 100%;
}
section.tool.intro.composition-darkblue .container-swiper .background svg {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
}
section.tool.intro.composition-darkblue .container-swiper .swiper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  border: 2rem solid var(--color-1);
  border-radius: 30rem;
}
section.tool.intro.composition-darkblue .container-swiper .swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.tool.intro.composition-half_viewport .inner-wrapper .container-text {
  flex: 1;
}
section.tool.intro.composition-half_viewport .inner-wrapper .container-galerie {
  flex: 1;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 1120px) {
  section.tool.intro.composition-half_viewport .inner-wrapper .container-galerie {
    width: 80%;
    margin-left: auto;
    padding-bottom: 90%;
    transform: translateX(calc(30rem + 7.5vw));
    margin-bottom: 60rem;
    border-bottom-left-radius: 30rem;
    overflow: hidden;
  }
}
@media (max-width: 720px) {
  section.tool.intro.composition-half_viewport .inner-wrapper .container-galerie {
    width: calc(100% + (30rem + 2.5vw) * 2);
    transform: translateX(calc(-2.5vw - 30rem));
    border-radius: 0;
    margin-bottom: 40rem;
    padding-bottom: 130%;
  }
}
section.tool.intro.composition-half_viewport .container-swiper {
  width: 100%;
  height: 100%;
}
@media (max-width: 1120px) {
  section.tool.intro.composition-half_viewport .container-swiper {
    position: absolute;
    top: 0;
    left: 0;
  }
}
section.tool.intro.composition-half_viewport .container-swiper .swiper {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 90rem + 5vw);
  height: 100%;
  overflow: hidden;
}
@media (max-width: 1120px) {
  section.tool.intro.composition-half_viewport .container-swiper .swiper {
    width: 100%;
  }
}
section.tool.intro.composition-half_viewport .container-swiper .swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

section.tool.case-studies .inner-wrapper {
  padding: 90rem 250rem;
}
@media (max-width: 1120px) {
  section.tool.case-studies .inner-wrapper {
    padding: 30rem;
  }
}
@media (max-width: 720px) {
  section.tool.case-studies .inner-wrapper {
    padding: 30rem 0;
  }
}
section.tool.case-studies h2 {
  padding: 0 90rem;
}
@media (max-width: 1120px) {
  section.tool.case-studies h2 {
    padding: 0 30rem;
  }
}
section.tool.case-studies #swiperElementCaseStudies.swiper-initialized .swiper-button-prev,
section.tool.case-studies #swiperElementCaseStudies.swiper-initialized .swiper-button-next {
  display: block;
}
section.tool.case-studies .swiper-slide .container-slide_content {
  border-radius: 40rem;
  overflow: hidden;
  color: var(--color-1);
  border: 3rem solid currentColor;
  display: grid;
  grid-template-columns: 1fr 2fr;
}
@media (max-width: 1120px) {
  section.tool.case-studies .swiper-slide .container-slide_content {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 720px) {
  section.tool.case-studies .swiper-slide .container-slide_content {
    border-radius: 30rem;
  }
}
section.tool.case-studies .swiper-slide .container-header {
  background-color: var(--color-1);
  color: white;
  padding: 15rem 90rem;
  grid-column: 1/-1;
  grid-row: 1;
  font-size: 16rem;
  line-height: 16rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media (max-width: 1120px) {
  section.tool.case-studies .swiper-slide .container-header {
    padding: 15rem 30rem;
    order: 1;
  }
}
@media (max-width: 720px) {
  section.tool.case-studies .swiper-slide .container-header {
    text-align: center;
  }
}
section.tool.case-studies .swiper-slide .container-logo {
  padding: 30rem 30rem 0 90rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1120px) {
  section.tool.case-studies .swiper-slide .container-logo {
    order: 1;
  }
}
@media (max-width: 720px) {
  section.tool.case-studies .swiper-slide .container-logo {
    padding-left: 70rem;
  }
}
section.tool.case-studies .swiper-slide .container-logo .logo {
  height: 90rem;
}
section.tool.case-studies .swiper-slide .container-logo img {
  height: 100%;
  width: auto;
}
section.tool.case-studies .swiper-slide .container-link {
  grid-column: 1;
  padding: 30rem 90rem 40rem;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 1120px) {
  section.tool.case-studies .swiper-slide .container-link {
    order: 2;
    padding-left: 140rem;
    padding-top: 0;
  }
}
@media (max-width: 720px) {
  section.tool.case-studies .swiper-slide .container-link {
    padding-left: 70rem;
    padding-right: 30rem;
    padding-bottom: 60rem;
  }
}
section.tool.case-studies .swiper-slide .container-link a {
  display: flex;
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  padding-bottom: 0.2em;
  border-bottom: 0.1em solid transparent;
  transition: 250ms ease;
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.tool.case-studies .swiper-slide .container-link a {
    font-size: 16rem;
  }
}
@media (max-width: 720px) {
  section.tool.case-studies .swiper-slide .container-link a {
    border-bottom-width: 0.15em;
    padding-bottom: 0.15em;
  }
}
section.tool.case-studies .swiper-slide .container-link a:hover {
  border-color: currentColor;
}
section.tool.case-studies .swiper-slide .container-link a:hover svg .circle {
  fill: currentColor;
}
section.tool.case-studies .swiper-slide .container-link a:hover svg .arrow {
  stroke: var(--color-6);
}
section.tool.case-studies .swiper-slide .container-link a span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
section.tool.case-studies .swiper-slide .container-link a svg {
  width: 1.1em;
  height: 1.1em;
  margin-left: 1em;
  bottom: -0.1em;
}
@media (max-width: 720px) {
  section.tool.case-studies .swiper-slide .container-link a svg {
    bottom: -0.2em;
  }
}
@media (max-width: 1120px) {
  section.tool.case-studies .swiper-slide .container-link a svg {
    margin-left: 0.5em;
    transform: translateY(0.15em);
  }
}
section.tool.case-studies .swiper-slide .container-text {
  grid-column: 2;
  grid-row: 2/4;
}
@media (max-width: 1120px) {
  section.tool.case-studies .swiper-slide .container-text {
    order: 1;
    margin-top: 20rem;
  }
}
section.tool.case-studies .swiper-slide .container-text_content {
  padding: 80rem 90rem 40rem 60rem;
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.tool.case-studies .swiper-slide .container-text_content {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.tool.case-studies .swiper-slide .container-text_content ul {
  padding-left: 0;
  list-style: none;
}
section.tool.case-studies .swiper-slide .container-text_content ul li {
  padding-left: 1em;
}
section.tool.case-studies .swiper-slide .container-text_content ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.tool.case-studies .swiper-slide .container-text_content a {
  text-decoration: underline;
}
section.tool.case-studies .swiper-slide .container-text_content a:hover {
  color: var(--color-2);
}
section.tool.case-studies .swiper-slide .container-text_content strong {
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.tool.case-studies .swiper-slide .container-text_content {
    padding: 40rem 90rem 30rem 140rem;
  }
}
@media (max-width: 720px) {
  section.tool.case-studies .swiper-slide .container-text_content {
    padding-left: 70rem;
    padding-right: 30rem;
  }
}
section.tool.case-studies .swiper-slide .container-text_content svg {
  width: 45rem;
  left: 0;
  top: 50rem;
  height: auto;
  position: absolute;
}
@media (max-width: 1120px) {
  section.tool.case-studies .swiper-slide .container-text_content svg {
    left: 90rem;
    top: 10rem;
  }
}
@media (max-width: 720px) {
  section.tool.case-studies .swiper-slide .container-text_content svg {
    left: 20rem;
  }
}
section.tool.case-studies .swiper-slide .container-text_content .fussnote {
  font-size: 14rem;
  line-height: 19rem;
  margin-top: 1em;
  font-style: italic;
}
section.tool.case-studies .swiper-button-prev,
section.tool.case-studies .swiper-button-next {
  width: 50rem;
  height: 50rem;
  color: var(--color-1);
  padding: 10rem;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 15rem;
}
@media (max-width: 720px) {
  section.tool.case-studies .swiper-button-prev,
section.tool.case-studies .swiper-button-next {
    transform: none;
    padding: 20rem;
    height: 70rem;
    width: 60rem;
  }
}
section.tool.case-studies .swiper-button-prev::after,
section.tool.case-studies .swiper-button-next::after {
  display: none;
}
section.tool.case-studies .swiper-button-prev svg,
section.tool.case-studies .swiper-button-next svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 720px) {
  section.tool.case-studies .swiper-button-prev svg,
section.tool.case-studies .swiper-button-next svg {
    height: 100%;
    width: auto;
    margin-right: auto;
  }
}
section.tool.case-studies .swiper-button-prev {
  left: 20rem;
}
@media (max-width: 720px) {
  section.tool.case-studies .swiper-button-prev {
    top: unset;
    bottom: 0;
    left: unset;
    right: 50rem;
    padding-right: 0;
  }
}
section.tool.case-studies .swiper-button-next {
  right: 20rem;
}
@media (max-width: 720px) {
  section.tool.case-studies .swiper-button-next {
    top: unset;
    right: 0;
    bottom: 0;
    padding-left: 0;
  }
  section.tool.case-studies .swiper-button-next svg {
    margin-left: auto;
    margin-right: unset;
  }
}

section.testimonials .inner-wrapper {
  padding: 60rem 0 60rem 90rem;
}
@media (max-width: 1120px) {
  section.testimonials .inner-wrapper {
    padding: 60rem 0;
  }
}
section.testimonials h2 {
  z-index: 2;
  margin-bottom: 2em;
}
@media (max-width: 720px) {
  section.testimonials h2 {
    margin-bottom: 0;
    padding: 0 15rem;
  }
}
section.testimonials .container-swiper {
  margin-top: -175rem;
}
@media (max-width: 1120px) {
  section.testimonials .container-swiper {
    margin-top: 0;
  }
}
@media (max-width: 720px) {
  section.testimonials .container-swiper .swiper:not(.swiper-initialized) .container-slide_content {
    padding-bottom: 0;
  }
}
section.testimonials .container-swiper .swiper:not(.swiper-initialized) .swiper-button-prev,
section.testimonials .container-swiper .swiper:not(.swiper-initialized) .swiper-button-next {
  display: none;
}
section.testimonials .container-swiper .swiper-button-prev,
section.testimonials .container-swiper .swiper-button-next {
  width: 50rem;
  height: 50rem;
  color: var(--color-1);
  padding: 10rem;
  top: unset;
  bottom: calc(50% - 100rem);
}
section.testimonials .container-swiper .swiper-button-prev::after,
section.testimonials .container-swiper .swiper-button-next::after {
  display: none;
}
section.testimonials .container-swiper .swiper-button-prev svg,
section.testimonials .container-swiper .swiper-button-next svg {
  width: 100%;
  height: 100%;
}
section.testimonials .container-swiper .swiper-button-prev {
  left: -10rem;
}
@media (max-width: 720px) {
  section.testimonials .container-swiper .swiper-button-prev {
    bottom: 0;
    left: unset;
    right: 50rem;
  }
}
section.testimonials .container-swiper .swiper-button-next {
  right: calc(-10rem + 30%);
}
@media (max-width: 1120px) {
  section.testimonials .container-swiper .swiper-button-next {
    right: -1rem;
  }
}
@media (max-width: 720px) {
  section.testimonials .container-swiper .swiper-button-next {
    right: 0;
    bottom: 0;
  }
}
section.testimonials .container-swiper .swiper-slide {
  background-color: white;
  height: auto;
}
section.testimonials .container-swiper .container-slide_content {
  display: flex;
  gap: 60rem;
  padding-left: 90rem;
  padding-top: 175rem;
  height: 100%;
}
@media (max-width: 1120px) {
  section.testimonials .container-swiper .container-slide_content {
    flex-direction: column;
    gap: 30rem;
    padding-left: 60rem;
    padding-right: 90rem;
    padding-top: 40rem;
  }
}
@media (max-width: 720px) {
  section.testimonials .container-swiper .container-slide_content {
    padding-left: 15rem;
    padding-right: 15rem;
    padding-bottom: 80rem;
  }
}
section.testimonials .container-swiper .container-slide_content .portraet {
  width: 15%;
  -webkit-mask-image: url("../dateien-statisch/mask-portraet_mittig.svg");
          mask-image: url("../dateien-statisch/mask-portraet_mittig.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (max-width: 1120px) {
  section.testimonials .container-swiper .container-slide_content .portraet {
    width: 150rem;
    height: 150rem;
    -webkit-mask-position: bottom center;
            mask-position: bottom center;
  }
}
@media (max-width: 720px) {
  section.testimonials .container-swiper .container-slide_content .portraet {
    width: 70%;
    padding-bottom: 70%;
    left: 50%;
    transform: translateX(-50%);
  }
}
section.testimonials .container-swiper .container-slide_content .portraet + .container-text {
  width: 45%;
}
@media (max-width: 1120px) {
  section.testimonials .container-swiper .container-slide_content .portraet + .container-text {
    width: 100%;
  }
}
section.testimonials .container-swiper .container-slide_content .portraet.logo {
  -webkit-mask-image: unset;
          mask-image: unset;
}
section.testimonials .container-swiper .container-slide_content .portraet.links {
  -webkit-mask-image: url("../dateien-statisch/mask-portraet_links.svg");
          mask-image: url("../dateien-statisch/mask-portraet_links.svg");
}
section.testimonials .container-swiper .container-slide_content .portraet.rechts {
  -webkit-mask-image: url("../dateien-statisch/mask-portraet_rechts.svg");
          mask-image: url("../dateien-statisch/mask-portraet_rechts.svg");
}
section.testimonials .container-swiper .container-slide_content .portraet img {
  width: 100%;
}
@media (max-width: 1120px) {
  section.testimonials .container-swiper .container-slide_content .portraet img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
@media (max-width: 720px) {
  section.testimonials .container-swiper .container-slide_content .portraet img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
section.testimonials .container-swiper .container-slide_content .container-text {
  color: var(--color-1);
  width: 60%;
  display: flex;
  align-items: center;
}
@media (max-width: 720px) {
  section.testimonials .container-swiper .container-slide_content .container-text {
    order: 2;
    width: 100%;
  }
}
section.testimonials .container-swiper .container-slide_content .container-text_content {
  padding-left: 55rem;
  padding-top: 25rem;
}
@media (max-width: 1120px) {
  section.testimonials .container-swiper .container-slide_content .container-text_content {
    padding-top: 0;
  }
}
section.testimonials .container-swiper .container-slide_content .container-text_content svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 45rem;
  height: auto;
}
section.testimonials .container-swiper .container-slide_content .text {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  margin-bottom: 1em;
}
@media (max-width: 1120px) {
  section.testimonials .container-swiper .container-slide_content .text {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.testimonials .container-swiper .container-slide_content .text ul {
  padding-left: 0;
  list-style: none;
}
section.testimonials .container-swiper .container-slide_content .text ul li {
  padding-left: 1em;
}
section.testimonials .container-swiper .container-slide_content .text ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.testimonials .container-swiper .container-slide_content .text a {
  text-decoration: underline;
}
section.testimonials .container-swiper .container-slide_content .text a:hover {
  color: var(--color-2);
}
section.testimonials .container-swiper .container-slide_content .text strong {
  font-weight: 500;
}
section.testimonials .container-swiper .container-slide_content .fussnote {
  font-size: 14rem;
  line-height: 19rem;
  font-style: italic;
}
section.testimonials .container-swiper .container-slide_content .fussnote a {
  text-decoration: underline;
}
section.testimonials .container-swiper .container-slide_content .fussnote a:hover {
  color: var(--color-2);
}
section.testimonials .container-swiper .container-slide_content .titel {
  margin-top: -175rem;
  flex: 1;
  color: var(--color-1);
  font-size: 48rem;
  line-height: 67rem;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color-2);
          text-decoration-color: var(--color-2);
  text-underline-offset: 0.35em;
  text-decoration-thickness: 0.08em;
}
@media (max-width: 1120px) {
  section.testimonials .container-swiper .container-slide_content .titel {
    font-size: 32rem;
    line-height: 50rem;
    text-decoration-thickness: 0.1em;
  }
}
@media (max-width: 720px) {
  section.testimonials .container-swiper .container-slide_content .titel {
    font-size: 26rem;
    line-height: 43rem;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 0.125em;
  }
}
@media (max-width: 1120px) {
  section.testimonials .container-swiper .container-slide_content .titel {
    position: absolute;
    top: 0;
    margin-top: 0;
    right: 0;
    width: 40%;
  }
}
@media (max-width: 720px) {
  section.testimonials .container-swiper .container-slide_content .titel {
    position: relative;
    width: 100%;
    padding-left: 40rem;
    padding-right: 40rem;
    order: 1;
  }
}

section.startseite.benefits {
  margin: 60rem 0;
}
@media (max-width: 1120px) {
  section.startseite.benefits {
    margin: 120rem 0;
  }
}
@media (max-width: 720px) {
  section.startseite.benefits {
    margin: 200rem 0 90rem;
  }
}
section.startseite.benefits .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-1);
}
section.startseite.benefits .background .top {
  position: absolute;
  bottom: calc(100% - 10rem);
  left: -10%;
  width: 120%;
  max-width: unset;
  height: auto;
}
section.startseite.benefits .background .top.tablet, section.startseite.benefits .background .top.mobile {
  display: none;
}
@media (max-width: 1120px) {
  section.startseite.benefits .background .top {
    display: none;
  }
  section.startseite.benefits .background .top.tablet {
    display: block;
  }
}
@media (max-width: 720px) {
  section.startseite.benefits .background .top.tablet {
    display: none;
  }
  section.startseite.benefits .background .top.mobile {
    display: block;
  }
}
section.startseite.benefits .background .bottom {
  position: absolute;
  top: calc(100% - 10rem);
  left: -10%;
  width: 120%;
  max-width: unset;
  height: auto;
}
section.startseite.benefits .background .bottom.tablet, section.startseite.benefits .background .bottom.mobile {
  display: none;
}
@media (max-width: 1120px) {
  section.startseite.benefits .background .bottom {
    display: none;
  }
  section.startseite.benefits .background .bottom.tablet {
    display: block;
  }
}
section.startseite.benefits .background .circle {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 0;
  width: 600rem;
  height: auto;
}
@media (max-width: 1120px) {
  section.startseite.benefits .background .circle {
    left: -5%;
    top: 12.5%;
  }
}
@media (max-width: 720px) {
  section.startseite.benefits .background .circle {
    top: -5%;
    width: 250rem;
  }
  section.startseite.benefits .background .circle path {
    stroke-width: 10rem;
  }
}
section.startseite.benefits .inner-wrapper {
  display: flex;
  padding: 0 60rem 0 300rem;
  gap: 60rem;
}
@media (max-width: 1120px) {
  section.startseite.benefits .inner-wrapper {
    padding: 30rem 60rem 30rem 300rem;
    flex-direction: column;
  }
}
@media (max-width: 720px) {
  section.startseite.benefits .inner-wrapper {
    padding: 30rem 15rem 30rem 120rem;
    gap: 40rem;
  }
}
section.startseite.benefits .benefit {
  color: white;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
section.startseite.benefits .benefit .titel {
  font-weight: 500;
  font-size: 24rem;
  line-height: 30rem;
  margin-bottom: 1em;
}
@media (max-width: 720px) {
  section.startseite.benefits .benefit .titel {
    font-size: 20rem;
  }
}
section.startseite.benefits .benefit .text {
  font-size: 20rem;
  line-height: 28rem;
  margin-bottom: 1em;
}
@media (max-width: 720px) {
  section.startseite.benefits .benefit .text {
    font-size: 14rem;
    line-height: 20rem;
    letter-spacing: 0.01em;
  }
}
section.startseite.benefits .benefit a {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 20rem;
  line-height: 28rem;
  padding-bottom: 0.25em;
  color: var(--color-2);
  border-bottom: 0.1em solid transparent;
}
@media (max-width: 720px) {
  section.startseite.benefits .benefit a {
    font-size: 14rem;
  }
}
section.startseite.benefits .benefit a:hover {
  border-color: currentColor;
}
section.startseite.benefits .benefit a:hover svg .circle {
  fill: currentColor;
}
section.startseite.benefits .benefit a:hover svg .arrow {
  stroke: var(--color-1);
}
section.startseite.benefits .benefit a svg {
  width: 1em;
  height: 1em;
  margin-left: 0.8em;
}

section.startseite.produktschulungen .inner-wrapper,
section.startseite.videotutorials .inner-wrapper {
  padding: 120rem 180rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 90rem;
}
@media (max-width: 1120px) {
  section.startseite.produktschulungen .inner-wrapper,
section.startseite.videotutorials .inner-wrapper {
    padding: 90rem 60rem 90rem 200rem;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  section.startseite.produktschulungen .inner-wrapper,
section.startseite.videotutorials .inner-wrapper {
    padding: 60rem 15rem;
  }
}
@media (max-width: 1120px) {
  section.startseite.produktschulungen .container-bild,
section.startseite.videotutorials .container-bild {
    position: absolute;
    top: 150rem;
    right: 60rem;
    width: calc(100% - 260rem);
  }
}
@media (max-width: 720px) {
  section.startseite.produktschulungen .container-bild,
section.startseite.videotutorials .container-bild {
    width: calc(100% - 30rem);
    right: unset;
    left: 15rem;
  }
}
section.startseite.produktschulungen .container-text,
section.startseite.videotutorials .container-text {
  color: var(--color-1);
}
section.startseite.produktschulungen .container-text:first-child,
section.startseite.videotutorials .container-text:first-child {
  padding-left: 90rem;
}
@media (max-width: 1120px) {
  section.startseite.produktschulungen .container-text:first-child,
section.startseite.videotutorials .container-text:first-child {
    padding-left: unset;
  }
}
section.startseite.produktschulungen .container-text:last-child,
section.startseite.videotutorials .container-text:last-child {
  padding-right: 90rem;
}
@media (max-width: 1120px) {
  section.startseite.produktschulungen .container-text:last-child,
section.startseite.videotutorials .container-text:last-child {
    padding-right: unset;
  }
}
section.startseite.produktschulungen .container-text h2,
section.startseite.videotutorials .container-text h2 {
  font-size: 30rem;
  line-height: 40rem;
}
@media (max-width: 1120px) {
  section.startseite.produktschulungen .container-text h2,
section.startseite.videotutorials .container-text h2 {
    margin-bottom: 450rem;
  }
}
@media (max-width: 720px) {
  section.startseite.produktschulungen .container-text h2,
section.startseite.videotutorials .container-text h2 {
    margin-bottom: 300rem;
  }
}
section.startseite.produktschulungen .container-text p,
section.startseite.videotutorials .container-text p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
}
section.startseite.produktschulungen .container-text a,
section.startseite.videotutorials .container-text a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  margin-top: 25rem;
}
section.startseite.produktschulungen .container-text a:hover,
section.startseite.videotutorials .container-text a:hover {
  background-color: var(--color-2);
  color: white;
}
@media (max-width: 1120px) {
  section.startseite.produktschulungen .container-text a,
section.startseite.videotutorials .container-text a {
    margin-top: 10rem;
  }
}

section.startseite.videotutorials .inner-wrapper {
  padding-top: 0;
}
@media (max-width: 1120px) {
  section.startseite.videotutorials .inner-wrapper {
    padding: 60rem 200rem 60rem 60rem;
  }
}
@media (max-width: 720px) {
  section.startseite.videotutorials .inner-wrapper {
    padding: 60rem 15rem;
  }
}
@media (max-width: 1120px) {
  section.startseite.videotutorials .container-bild {
    right: unset;
    left: 60rem;
  }
}
@media (max-width: 720px) {
  section.startseite.videotutorials .container-bild {
    left: 15rem;
    transform: translateY(15rem);
  }
}

section.startseite.intro .background {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  padding: 200rem 0 50rem;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
}
@media (max-width: 1120px) {
  section.startseite.intro .background {
    display: block;
    top: 0;
    left: 0;
    transform: none;
    padding: 0;
  }
}
@-webkit-keyframes turnAroundLoop {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes turnAroundLoop {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
section.startseite.intro .background svg {
  height: 100%;
  width: auto;
  -webkit-animation: turnAroundLoop 60s infinite linear;
          animation: turnAroundLoop 60s infinite linear;
}
@media (max-width: 1120px) {
  section.startseite.intro .background svg {
    position: absolute;
    top: -35%;
    left: -25%;
  }
}
@media (max-width: 720px) {
  section.startseite.intro .background svg {
    left: -25%;
    top: -25%;
    max-width: unset;
    width: 175%;
    height: auto;
  }
}
section.startseite.intro .inner-wrapper {
  display: flex;
  align-items: stretch;
  padding: 0 90rem;
  gap: 120rem;
}
@media (max-width: 1120px) {
  section.startseite.intro .inner-wrapper {
    padding: 0 30rem;
    flex-direction: column;
  }
}
@media (max-width: 720px) {
  section.startseite.intro .inner-wrapper {
    padding: 0 15rem;
  }
}
section.startseite.intro .inner-wrapper .container-text {
  flex: 2;
  padding-top: 250rem;
  padding-bottom: 350rem;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.startseite.intro .inner-wrapper .container-text {
    padding-top: 200rem;
    padding-bottom: 120rem;
    z-index: 1;
  }
}
@media (max-width: 720px) {
  section.startseite.intro .inner-wrapper .container-text {
    padding-top: 150rem;
  }
}
section.startseite.intro .inner-wrapper .container-text h1 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
  margin-bottom: 0;
}
@media (max-width: 1120px) {
  section.startseite.intro .inner-wrapper .container-text h1 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.startseite.intro .inner-wrapper .container-text h1 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.startseite.intro .inner-wrapper .container-text h1 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.startseite.intro .inner-wrapper .container-text h1 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.startseite.intro .inner-wrapper .container-text h1 strong {
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.startseite.intro .inner-wrapper .container-text h1 {
    font-size: 40rem;
    line-height: 48rem;
    max-width: 60%;
    margin-bottom: 550rem;
  }
}
@media (max-width: 720px) {
  section.startseite.intro .inner-wrapper .container-text h1 {
    max-width: unset;
    font-size: 30rem;
    line-height: 38rem;
    margin-bottom: 280rem;
  }
}
section.startseite.intro .inner-wrapper .container-text p {
  font-size: 24rem;
  line-height: 30rem;
  letter-spacing: 0.005em;
}
@media (max-width: 1120px) {
  section.startseite.intro .inner-wrapper .container-text p {
    font-size: 20rem;
    line-height: 28rem;
    max-width: 80%;
  }
}
@media (max-width: 720px) {
  section.startseite.intro .inner-wrapper .container-text p {
    font-size: 16rem;
    line-height: 24rem;
    max-width: unset;
  }
}
section.startseite.intro .inner-wrapper .container-text a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  padding: 1.4em 2em 1.35em;
  background-color: var(--color-2);
  color: var(--color-1);
  font-size: 16rem;
  letter-spacing: 0.005em;
  margin-top: 20rem;
}
section.startseite.intro .inner-wrapper .container-text a:hover {
  background-color: var(--color-2);
  color: white;
}
@media (max-width: 1120px) {
  section.startseite.intro .inner-wrapper .container-text a {
    padding: 1.1em 2em 1em;
  }
}
@media (max-width: 720px) {
  section.startseite.intro .inner-wrapper .container-text a {
    font-size: 14rem;
  }
}
section.startseite.intro .inner-wrapper .container-text a:hover {
  background-color: var(--color-1);
  color: white;
}
@media (max-width: 720px) {
  section.startseite.intro .inner-wrapper .container-text a {
    margin-top: 0;
  }
}
section.startseite.intro .inner-wrapper .container-galerie {
  flex: 3;
  padding-top: 300rem;
  padding-bottom: 100rem;
}
@media (max-width: 1120px) {
  section.startseite.intro .inner-wrapper .container-galerie {
    position: absolute;
    top: 70rem;
    left: 0;
    width: 100%;
  }
}
@media (max-width: 720px) {
  section.startseite.intro .inner-wrapper .container-galerie {
    top: 0;
    padding-right: 15rem;
  }
}
section.startseite.intro .inner-wrapper .container-swiper {
  width: 100%;
  padding-bottom: 56.25%;
  perspective: 800rem;
  margin-bottom: 80rem;
}
section.startseite.intro .inner-wrapper .container-swiper .swiper {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate3d(0, 1, 0, -10deg);
  overflow: hidden;
  border: 10rem solid white;
  border-radius: 30rem;
  box-shadow: 0 30rem 50rem 0 rgba(0, 0, 0, 0.1);
}
section.startseite.intro .inner-wrapper .container-swiper .swiper .swiper-slide[data-swiper-slide-index="0"] img {
  transition: 3s ease-in;
  transition-delay: 1.5s;
  transform: scale(1);
}
section.startseite.intro .inner-wrapper .container-swiper .swiper .swiper-slide.swiper-slide-active[data-swiper-slide-index="0"] img {
  transform: scale(1.3) !important;
}
@media (max-width: 720px) {
  section.startseite.intro .inner-wrapper .container-swiper .swiper {
    border-width: 5rem;
  }
}
section.startseite.intro .inner-wrapper .container-swiper .swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.startseite.intro .inner-wrapper .container-logo {
  color: var(--color-1);
  height: 45rem;
  display: flex;
  justify-content: flex-end;
}
section.startseite.intro .inner-wrapper .container-logo a:hover {
  color: var(--color-2);
}
@media (max-width: 1120px) {
  section.startseite.intro .inner-wrapper .container-logo {
    margin-top: 180rem;
    padding-right: 10%;
  }
}
@media (max-width: 720px) {
  section.startseite.intro .inner-wrapper .container-logo {
    margin-top: 230rem;
    justify-content: flex-start;
    padding-left: 15rem;
    height: 40rem;
  }
}
section.startseite.intro .inner-wrapper .container-logo .logo {
  height: 100%;
}
section.startseite.intro .inner-wrapper .container-logo .logo svg {
  height: 100%;
  width: auto;
}

section.startseite.kurzvorstellung .inner-wrapper {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 120rem;
  padding: 90rem;
}
@media (max-width: 1120px) {
  section.startseite.kurzvorstellung .inner-wrapper {
    grid-template-columns: 1fr;
    padding: 120rem 60rem 60rem;
  }
}
@media (max-width: 720px) {
  section.startseite.kurzvorstellung .inner-wrapper {
    padding: 60rem 15rem;
  }
}
section.startseite.kurzvorstellung .container-text p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.startseite.kurzvorstellung .container-text p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.startseite.kurzvorstellung .container-text p ul {
  padding-left: 0;
  list-style: none;
}
section.startseite.kurzvorstellung .container-text p ul li {
  padding-left: 1em;
}
section.startseite.kurzvorstellung .container-text p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.startseite.kurzvorstellung .container-text p a {
  text-decoration: underline;
}
section.startseite.kurzvorstellung .container-text p a:hover {
  color: var(--color-2);
}
section.startseite.kurzvorstellung .container-text p strong {
  font-weight: 500;
}
section.startseite.kurzvorstellung .container-text a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  margin-top: 40rem;
}
section.startseite.kurzvorstellung .container-text a:hover {
  background-color: var(--color-2);
  color: white;
}
@media (max-width: 1120px) {
  section.startseite.kurzvorstellung .container-text a {
    margin-top: 20rem;
  }
}
section.startseite.kurzvorstellung .container-logo_raster .container-zeile {
  display: grid;
  grid-template-columns: 1fr 3fr;
  padding: 20rem 0;
  border-top: 0.1em solid currentColor;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.startseite.kurzvorstellung .container-logo_raster .container-zeile {
    padding: 10rem 0;
  }
}
@media (max-width: 720px) {
  section.startseite.kurzvorstellung .container-logo_raster .container-zeile {
    grid-template-columns: 1fr;
    margin-top: 15rem;
  }
}
section.startseite.kurzvorstellung .container-logo_raster .container-zeile .titel {
  font-size: 22rem;
  line-height: 28rem;
  letter-spacing: 0.005em;
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.startseite.kurzvorstellung .container-logo_raster .container-zeile .titel {
    font-size: 18rem;
  }
}
@media (max-width: 720px) {
  section.startseite.kurzvorstellung .container-logo_raster .container-zeile .titel {
    font-size: 16rem;
    margin-bottom: 15rem;
  }
}
section.startseite.kurzvorstellung .container-logo_raster .container-zeile .container-logos {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  section.startseite.kurzvorstellung .container-logo_raster .container-zeile .container-logos {
    justify-content: space-between;
    row-gap: 15rem;
  }
}
section.startseite.kurzvorstellung .container-logo_raster .container-zeile .container-logo {
  width: 25%;
  padding-bottom: 15%;
}
@media (max-width: 1120px) {
  section.startseite.kurzvorstellung .container-logo_raster .container-zeile .container-logo {
    width: 50%;
    padding-bottom: 25%;
  }
}
@media (max-width: 720px) {
  section.startseite.kurzvorstellung .container-logo_raster .container-zeile .container-logo {
    width: calc(50% - 15rem);
  }
}
section.startseite.kurzvorstellung .container-logo_raster .container-zeile .container-logo .logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20rem;
}
@media (max-width: 720px) {
  section.startseite.kurzvorstellung .container-logo_raster .container-zeile .container-logo .logo {
    padding: 10rem;
  }
}
section.startseite.kurzvorstellung .container-logo_raster .container-zeile .container-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

section.startseite.tools-accordeon {
  scroll-margin-top: 200rem;
}
section.startseite.tools-accordeon .inner-wrapper {
  padding: 100rem 90rem;
}
@media (max-width: 1120px) {
  section.startseite.tools-accordeon .inner-wrapper {
    padding: 60rem 30rem;
  }
  section.startseite.tools-accordeon .inner-wrapper h2 {
    padding: 0 30rem;
  }
}
@media (max-width: 720px) {
  section.startseite.tools-accordeon .inner-wrapper {
    padding: 30rem 0;
  }
}
section.startseite.tools-accordeon .container-accordeon {
  display: flex;
  gap: 90rem;
}
section.startseite.tools-accordeon .container-tools {
  flex: 1;
}
section.startseite.tools-accordeon .container-tools .tool {
  color: var(--color-1);
  border-radius: 30rem;
  overflow: hidden;
  transition: 450ms ease-in-out;
}
section.startseite.tools-accordeon .container-tools .tool:first-child .container-tool_content {
  height: auto;
}
section.startseite.tools-accordeon .container-tools .tool.active {
  background-color: var(--color-6);
}
section.startseite.tools-accordeon .container-tools .tool.active .tool-titel {
  pointer-events: none;
}
section.startseite.tools-accordeon .container-tools .tool.active .tool-titel svg {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 720px) {
  section.startseite.tools-accordeon .container-tools .tool.active .tool-titel svg {
    opacity: 0.25;
    visibility: visible;
  }
}
section.startseite.tools-accordeon .container-tools .container-tool_content {
  height: 0;
  overflow: hidden;
}
@media (min-width: calc(1120px + 1px)) {
  section.startseite.tools-accordeon .container-tools .container-tool_content .container-swiper.tablet {
    display: none !important;
  }
}
@media (max-width: 1120px) {
  section.startseite.tools-accordeon .container-tools .container-tool_content .container-swiper.tablet {
    display: block;
    position: relative;
    top: unset;
    left: unset;
    margin-top: 30rem;
    width: 90%;
    padding-bottom: 50.625%;
  }
}
@media (max-width: 720px) {
  section.startseite.tools-accordeon .container-tools .container-tool_content .container-swiper.tablet {
    width: 100%;
    padding-bottom: 65%;
  }
  section.startseite.tools-accordeon .container-tools .container-tool_content .container-swiper.tablet .swiper {
    border-radius: 20rem;
  }
}
section.startseite.tools-accordeon .container-tools .tool-titel {
  display: flex;
  padding: 30rem 30rem 15rem;
  font-weight: 500;
  font-size: 24rem;
  line-height: 30rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-width: 1120px) {
  section.startseite.tools-accordeon .container-tools .tool-titel {
    font-size: 20rem;
    line-height: 30rem;
  }
}
@media (max-width: 720px) {
  section.startseite.tools-accordeon .container-tools .tool-titel {
    justify-content: center;
  }
}
section.startseite.tools-accordeon .container-tools .tool-titel svg {
  width: 1em;
  height: auto;
  transform: rotate(180deg);
  margin-left: 0.8em;
  transition: 350ms ease;
}
section.startseite.tools-accordeon .container-tools .tool-beschreibung {
  font-size: 18rem;
  line-height: 28rem;
  padding: 15rem 30rem 30rem;
}
@media (max-width: 1120px) {
  section.startseite.tools-accordeon .container-tools .tool-beschreibung {
    padding-top: 0;
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.startseite.tools-accordeon .container-tools a {
  display: flex;
  align-items: center;
  padding: 10rem 30rem;
  font-weight: 500;
  font-size: 18rem;
  line-height: 28rem;
  background-color: var(--color-1);
  color: white;
  border-bottom-left-radius: 30rem;
  border-bottom-right-radius: 30rem;
}
@media (max-width: 1120px) {
  section.startseite.tools-accordeon .container-tools a {
    font-size: 16rem;
  }
}
section.startseite.tools-accordeon .container-tools a:hover {
  background-color: var(--color-2);
}
section.startseite.tools-accordeon .container-tools a svg {
  height: 1.1em;
  width: 1.1em;
  margin-left: 0.8em;
  bottom: -0.05em;
}
section.startseite.tools-accordeon .container-swipers {
  flex: 2;
  align-self: stretch;
}
@media (max-width: 1120px) {
  section.startseite.tools-accordeon .container-swipers {
    display: none;
  }
}
section.startseite.tools-accordeon .container-swiper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.startseite.tools-accordeon .container-swiper:first-child {
  display: block;
}
section.startseite.tools-accordeon .swiper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 40rem;
  box-shadow: 0 10rem 20rem 0 rgba(0, 0, 0, 0.1);
}
section.startseite.tools-accordeon .swiper .swiper-slide {
  width: 100%;
}
section.startseite.tools-accordeon .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

section.uber-uns.intro .inner-wrapper {
  padding: 200rem 120rem 120rem;
  display: grid;
  gap: 90rem;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1120px) {
  section.uber-uns.intro .inner-wrapper {
    padding: 150rem 30rem 120rem;
    grid-template-columns: 1fr;
    gap: 60rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.intro .inner-wrapper {
    padding: 120rem 15rem 90rem;
  }
}
section.uber-uns.intro .inner-wrapper p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.uber-uns.intro .inner-wrapper p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.uber-uns.intro .inner-wrapper p ul {
  padding-left: 0;
  list-style: none;
}
section.uber-uns.intro .inner-wrapper p ul li {
  padding-left: 1em;
}
section.uber-uns.intro .inner-wrapper p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.uber-uns.intro .inner-wrapper p a {
  text-decoration: underline;
}
section.uber-uns.intro .inner-wrapper p a:hover {
  color: var(--color-2);
}
section.uber-uns.intro .inner-wrapper p strong {
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.uber-uns.intro .container-bild {
    padding-right: 40%;
  }
}
@media (max-width: 720px) {
  section.uber-uns.intro .container-bild {
    padding-right: 0;
  }
}
section.uber-uns.intro .container-bild svg {
  width: 100%;
  height: auto;
}
section.uber-uns.intro .container-bild .titel {
  position: absolute;
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
  font-size: 48rem;
  line-height: 58rem;
  font-weight: 500;
  top: 15%;
  left: 27%;
  transform: translateX(-50%);
}
@media (max-width: 1120px) {
  section.uber-uns.intro .container-bild .titel {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.intro .container-bild .titel {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.uber-uns.intro .container-bild .titel {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.intro .container-bild .titel {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.uber-uns.intro .container-bild .titel strong {
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.uber-uns.intro .container-bild .titel {
    top: 22%;
    left: 18%;
  }
}
@media (max-width: 720px) {
  section.uber-uns.intro .container-bild .titel {
    top: 20%;
    left: 27%;
  }
}
section.uber-uns.intro .container-bild + .container-text {
  padding-top: 275rem;
}
@media (max-width: 1120px) {
  section.uber-uns.intro .container-bild + .container-text {
    padding-top: 0;
  }
}
section.uber-uns.intro .container-statement {
  grid-column: 1/-1;
  color: var(--color-1);
  font-size: 48rem;
  line-height: 67rem;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color-2);
          text-decoration-color: var(--color-2);
  text-underline-offset: 0.35em;
  text-decoration-thickness: 0.08em;
  width: 500rem;
  left: 25%;
}
@media (max-width: 1120px) {
  section.uber-uns.intro .container-statement {
    font-size: 32rem;
    line-height: 50rem;
    text-decoration-thickness: 0.1em;
  }
}
@media (max-width: 720px) {
  section.uber-uns.intro .container-statement {
    font-size: 26rem;
    line-height: 43rem;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 0.125em;
  }
}
@media (max-width: 1120px) {
  section.uber-uns.intro .container-statement {
    width: 350rem;
    left: 90rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.intro .container-statement {
    width: 100%;
    left: 0;
  }
}
section.uber-uns.intro .container-text {
  grid-column: 2;
}
@media (max-width: 1120px) {
  section.uber-uns.intro .container-text {
    grid-column: unset;
    padding-left: 40%;
  }
}
@media (max-width: 720px) {
  section.uber-uns.intro .container-text {
    padding-left: 0;
  }
}

section.uber-uns.datenschutz {
  background-color: var(--color-6);
  scroll-margin-top: 100rem;
}
section.uber-uns.datenschutz .inner-wrapper {
  padding: 120rem 120rem 120rem 25%;
}
@media (max-width: 1120px) {
  section.uber-uns.datenschutz .inner-wrapper {
    padding: 120rem 90rem 120rem 120rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.datenschutz .inner-wrapper {
    padding: 60rem 15rem;
  }
}
@media (max-width: 1120px) {
  section.uber-uns.datenschutz .container-text {
    padding-right: 120rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.datenschutz .container-text {
    padding-right: 0;
  }
}
section.uber-uns.datenschutz .container-text h2 {
  max-width: 600rem;
}
@media (max-width: 1120px) {
  section.uber-uns.datenschutz .container-text h2 {
    margin-top: 0;
  }
}
@media (max-width: 720px) {
  section.uber-uns.datenschutz .container-text h2 {
    margin-left: 100rem;
  }
}
section.uber-uns.datenschutz .container-text p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  max-width: 600rem;
}
@media (max-width: 1120px) {
  section.uber-uns.datenschutz .container-text p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.uber-uns.datenschutz .container-text p ul {
  padding-left: 0;
  list-style: none;
}
section.uber-uns.datenschutz .container-text p ul li {
  padding-left: 1em;
}
section.uber-uns.datenschutz .container-text p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.uber-uns.datenschutz .container-text p a {
  text-decoration: underline;
}
section.uber-uns.datenschutz .container-text p a:hover {
  color: var(--color-2);
}
section.uber-uns.datenschutz .container-text p strong {
  font-weight: 500;
}
section.uber-uns.datenschutz .container-icon {
  color: var(--color-2);
  width: 100rem;
  position: absolute;
  left: -110rem;
  top: -70rem;
}
@media (max-width: 720px) {
  section.uber-uns.datenschutz .container-icon {
    left: 0;
    top: -10rem;
    width: 80rem;
  }
}
section.uber-uns.datenschutz .container-icon svg {
  width: 100%;
  height: auto;
}
section.uber-uns.datenschutz .container-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 60rem;
       column-gap: 60rem;
  row-gap: 20rem;
  justify-items: start;
  margin-top: 40rem;
  color: var(--color-1);
}
@media (max-width: 720px) {
  section.uber-uns.datenschutz .container-buttons {
    grid-template-columns: 1fr;
  }
}
section.uber-uns.datenschutz .container-buttons a {
  display: flex;
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  padding-bottom: 0.2em;
  border-bottom: 0.1em solid transparent;
  transition: 250ms ease;
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.uber-uns.datenschutz .container-buttons a {
    font-size: 16rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.datenschutz .container-buttons a {
    border-bottom-width: 0.15em;
    padding-bottom: 0.15em;
  }
}
section.uber-uns.datenschutz .container-buttons a:hover {
  border-color: currentColor;
}
section.uber-uns.datenschutz .container-buttons a:hover svg .circle {
  fill: currentColor;
}
section.uber-uns.datenschutz .container-buttons a:hover svg .arrow {
  stroke: var(--color-6);
}
section.uber-uns.datenschutz .container-buttons a span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
section.uber-uns.datenschutz .container-buttons a svg {
  width: 1.1em;
  height: 1.1em;
  margin-left: 1em;
  bottom: -0.1em;
}
@media (max-width: 720px) {
  section.uber-uns.datenschutz .container-buttons a svg {
    bottom: -0.2em;
  }
}
section.uber-uns.datenschutz .container-stichpunkte {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60rem;
  margin-top: 90rem;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.uber-uns.datenschutz .container-stichpunkte {
    grid-template-columns: 1fr;
    padding-right: 120rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.datenschutz .container-stichpunkte {
    padding-right: 0;
    margin-top: 30rem;
    gap: 30rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.datenschutz .container-stichpunkte .stichpunkt {
    border-top: 2.5rem solid currentColor;
    padding-top: 30rem;
  }
}
section.uber-uns.datenschutz .container-stichpunkte .stichpunkt .titel {
  font-weight: 500;
  font-size: 20rem;
  line-height: 28rem;
  padding-bottom: 0.3em;
  letter-spacing: 0.01em;
  border-bottom: 0.125em solid currentColor;
}
@media (max-width: 1120px) {
  section.uber-uns.datenschutz .container-stichpunkte .stichpunkt .titel {
    font-size: 16rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.datenschutz .container-stichpunkte .stichpunkt .titel {
    border-bottom: none;
  }
}
section.uber-uns.datenschutz .container-stichpunkte .stichpunkt .text {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  padding-top: 30rem;
}
@media (max-width: 1120px) {
  section.uber-uns.datenschutz .container-stichpunkte .stichpunkt .text {
    font-size: 16rem;
    line-height: 24rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.datenschutz .container-stichpunkte .stichpunkt .text {
    padding-top: 5rem;
  }
}

section.uber-uns.team {
  scroll-margin-top: 100rem;
}
section.uber-uns.team .inner-wrapper {
  padding: 120rem 90rem;
}
@media (max-width: 1120px) {
  section.uber-uns.team .inner-wrapper {
    padding: 90rem 30rem;
  }
}
@media (max-width: 1120px) {
  section.uber-uns.team .inner-wrapper {
    padding: 60rem 0;
  }
}
section.uber-uns.team .inner-wrapper > h2 {
  padding: 0 90rem;
}
@media (max-width: 1120px) {
  section.uber-uns.team .inner-wrapper > h2 {
    padding: 0;
  }
}
@media (max-width: 720px) {
  section.uber-uns.team .inner-wrapper > h2 {
    padding: 0 15rem;
  }
}
section.uber-uns.team .container-team {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 120rem;
       column-gap: 120rem;
  row-gap: 90rem;
  padding: 60rem 0;
}
@media (max-width: 1120px) {
  section.uber-uns.team .container-team {
    -moz-column-gap: 90rem;
         column-gap: 90rem;
    row-gap: 90rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.team .container-team {
    padding: 40rem 15rem;
  }
}
section.uber-uns.team .container-team .person {
  width: calc(25% - 90rem);
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.uber-uns.team .container-team .person {
    width: calc(50% - 60rem);
  }
}
@media (max-width: 720px) {
  section.uber-uns.team .container-team .person {
    width: 100%;
    max-width: unset;
  }
}
section.uber-uns.team .container-team .person .container-portraet {
  width: 100%;
  padding-bottom: 100%;
}
section.uber-uns.team .container-team .person .container-portraet:hover > svg path {
  fill: var(--color-7);
}
section.uber-uns.team .container-team .person .container-portraet:hover a {
  color: var(--color-7);
}
section.uber-uns.team .container-team .person .container-portraet > svg {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  height: auto;
  color: var(--color-7);
}
section.uber-uns.team .container-team .person .container-portraet > svg path {
  stroke-width: 3rem;
}
section.uber-uns.team .container-team .person .container-portraet img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}
section.uber-uns.team .container-team .person .container-portraet a {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35rem;
}
section.uber-uns.team .container-team .person .container-portraet a svg {
  width: 100%;
  height: auto;
}
section.uber-uns.team .container-team .person .name {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  font-weight: 500;
  margin-top: 1em;
}
@media (max-width: 1120px) {
  section.uber-uns.team .container-team .person .name {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.uber-uns.team .container-team .person .name ul {
  padding-left: 0;
  list-style: none;
}
section.uber-uns.team .container-team .person .name ul li {
  padding-left: 1em;
}
section.uber-uns.team .container-team .person .name ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.uber-uns.team .container-team .person .name a {
  text-decoration: underline;
}
section.uber-uns.team .container-team .person .name a:hover {
  color: var(--color-2);
}
section.uber-uns.team .container-team .person .name strong {
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.uber-uns.team .container-team .person .name {
    font-size: 20rem;
    line-height: 28rem;
  }
}
section.uber-uns.team .container-team .person .position {
  font-size: 16rem;
  line-height: 21rem;
  letter-spacing: 0.02em;
}
section.uber-uns.team .container-team .person .beschreibung {
  margin-top: 1em;
  font-size: 14rem;
  line-height: 20rem;
  letter-spacing: 0.02em;
}
section.uber-uns.team .container-stellenangebote {
  max-width: 900rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 150rem;
  scroll-margin-top: 300rem;
}
section.uber-uns.team .container-stellenangebote .container-text {
  background-color: var(--color-1);
  border-top-right-radius: 40rem;
  border-top-left-radius: 40rem;
  padding: 30rem 300rem 30rem 40rem;
}
@media (max-width: 720px) {
  section.uber-uns.team .container-stellenangebote .container-text {
    padding: 30rem;
  }
}
section.uber-uns.team .container-stellenangebote .container-text h2 {
  color: white;
  margin-bottom: 0;
}
section.uber-uns.team .container-stellenangebote .container-text p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  color: white;
  margin-top: 0.5em;
  margin-bottom: 0;
}
@media (max-width: 1120px) {
  section.uber-uns.team .container-stellenangebote .container-text p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.uber-uns.team .container-stellenangebote .container-text p ul {
  padding-left: 0;
  list-style: none;
}
section.uber-uns.team .container-stellenangebote .container-text p ul li {
  padding-left: 1em;
}
section.uber-uns.team .container-stellenangebote .container-text p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.uber-uns.team .container-stellenangebote .container-text p a {
  text-decoration: underline;
}
section.uber-uns.team .container-stellenangebote .container-text p a:hover {
  color: var(--color-2);
}
section.uber-uns.team .container-stellenangebote .container-text p strong {
  font-weight: 500;
}
section.uber-uns.team .container-stellenangebote .container-text .bubble {
  position: absolute;
  top: 0;
  right: 40rem;
  transform: translateY(-50%);
  color: var(--color-1);
  width: 220rem;
}
@media (max-width: 1120px) {
  section.uber-uns.team .container-stellenangebote .container-text .bubble {
    width: 180rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.team .container-stellenangebote .container-text .bubble {
    width: 160rem;
    right: 15rem;
    top: -40rem;
  }
}
section.uber-uns.team .container-stellenangebote .container-text .bubble span {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  padding: 40rem;
  font-weight: 500;
  font-size: 20rem;
  line-height: 23rem;
  text-transform: uppercase;
}
@media (max-width: 1120px) {
  section.uber-uns.team .container-stellenangebote .container-text .bubble span {
    font-size: 16rem;
    line-height: 23rem;
  }
}
@media (max-width: 720px) {
  section.uber-uns.team .container-stellenangebote .container-text .bubble span {
    font-size: 14rem;
    line-height: 18rem;
  }
}
section.uber-uns.team .container-stellenangebote .container-text .bubble svg {
  width: 100%;
  height: auto;
  color: var(--color-7);
}
section.uber-uns.team .container-stellenangebote .stellenangebote {
  color: var(--color-1);
  border: 2rem solid currentColor;
  border-bottom-left-radius: 40rem;
  border-bottom-right-radius: 40rem;
  overflow: hidden;
}
section.uber-uns.team .container-stellenangebote .stellenangebote .stellenangebot {
  display: block;
  padding: 25rem 40rem;
  transition: 250ms ease;
}
section.uber-uns.team .container-stellenangebote .stellenangebote .stellenangebot:not(:last-child) {
  border-bottom: 2rem solid currentColor;
}
section.uber-uns.team .container-stellenangebote .stellenangebote .stellenangebot:hover {
  background-color: var(--color-6);
}
section.uber-uns.team .container-stellenangebote .stellenangebote .stellenangebot:hover svg .circle {
  fill: var(--color-7);
  stroke: var(--color-7);
}
section.uber-uns.team .container-stellenangebote .stellenangebote .stellenangebot:hover svg .arrow {
  stroke: var(--color-1);
}
section.uber-uns.team .container-stellenangebote .stellenangebote .stellenangebot .titel {
  font-size: 20rem;
  line-height: 30rem;
  font-weight: 500;
  letter-spacing: 0.005em;
}
section.uber-uns.team .container-stellenangebote .stellenangebote .stellenangebot .beschreibung {
  font-size: 18rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
}
@media (max-width: 1120px) {
  section.uber-uns.team .container-stellenangebote .stellenangebote .stellenangebot .beschreibung {
    font-size: 16rem;
  }
}
section.uber-uns.team .container-stellenangebote .stellenangebote .stellenangebot svg {
  width: 30rem;
  height: 30rem;
  position: absolute;
  transform: rotate(90deg) translateX(-50%);
  top: 50%;
  right: 90rem;
}
section.uber-uns.team .container-stellenangebote .stellenangebote .stellenangebot svg .circle {
  fill: currentColor;
}
section.uber-uns.team .container-stellenangebote .stellenangebote .stellenangebot svg .arrow {
  stroke: white;
  stroke-width: 0.05em;
}

section.preisplane.intro {
  background-color: var(--color-6);
}
section.preisplane.intro > .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.preisplane.intro > .background svg {
  position: absolute;
  width: 80%;
  height: auto;
  top: -35%;
  left: -15%;
}
section.preisplane.intro .inner-wrapper {
  padding: 200rem 90rem 120rem;
}
@media (max-width: 1120px) {
  section.preisplane.intro .inner-wrapper {
    padding: 200rem 30rem 90rem;
  }
}
@media (max-width: 720px) {
  section.preisplane.intro .inner-wrapper {
    padding: 150rem 0 60rem;
  }
}
section.preisplane.intro .container-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 90rem;
}
@media (max-width: 1120px) {
  section.preisplane.intro .container-intro {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  section.preisplane.intro .container-intro {
    gap: 30rem;
    padding: 0 15rem;
  }
}
section.preisplane.intro .container-intro .container-text {
  padding-left: 90rem;
}
@media (max-width: 1120px) {
  section.preisplane.intro .container-intro .container-text {
    padding-left: 30rem;
    padding-right: 30%;
  }
}
@media (max-width: 720px) {
  section.preisplane.intro .container-intro .container-text {
    padding-left: 0;
    padding-right: 0;
  }
}
section.preisplane.intro .container-intro .container-text h1 {
  font-weight: normal;
  font-size: 22rem;
  line-height: 28rem;
  margin: 0;
  color: var(--color-1);
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.preisplane.intro .container-intro .container-text h1 {
    font-size: 18rem;
    line-height: 20rem;
  }
}
@media (max-width: 720px) {
  section.preisplane.intro .container-intro .container-text h1 {
    font-size: 16rem;
  }
}
section.preisplane.intro .container-intro .container-text h1 + h3 {
  margin-top: 0;
}
section.preisplane.intro .container-intro .container-text h1 + h2 {
  margin-top: 0.2em;
}
section.preisplane.intro .container-intro .container-text h2 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
  margin-bottom: 0;
}
@media (max-width: 1120px) {
  section.preisplane.intro .container-intro .container-text h2 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.preisplane.intro .container-intro .container-text h2 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.preisplane.intro .container-intro .container-text h2 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.preisplane.intro .container-intro .container-text h2 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.preisplane.intro .container-intro .container-text h2 strong {
  font-weight: 500;
}
section.preisplane.intro .container-intro .container-galerie {
  padding-top: 50rem;
  padding-right: 60rem;
}
@media (max-width: 1120px) {
  section.preisplane.intro .container-intro .container-galerie {
    padding-top: 0;
  }
}
@media (max-width: 720px) {
  section.preisplane.intro .container-intro .container-galerie {
    padding-right: 0;
  }
}
section.preisplane.intro .container-intro .container-swiper {
  width: 100%;
  padding-bottom: 65%;
  margin-bottom: 80rem;
}
section.preisplane.intro .container-intro .container-swiper .swiper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}
section.preisplane.intro .container-intro .container-swiper .container-bild {
  perspective: 800rem;
  width: 100%;
  height: 100%;
}
section.preisplane.intro .container-intro .container-swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotate3d(0, 1, 0, -10deg);
  overflow: hidden;
  border: 10rem solid white;
  border-radius: 30rem;
  box-shadow: 0 30rem 50rem 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 720px) {
  section.preisplane.intro .container-intro .container-swiper img {
    border-width: 5rem;
  }
}
section.preisplane.intro .container-intro .container-swiper .bubble {
  position: absolute;
  bottom: 0;
  transform: translateY(50%);
  right: -90rem;
  width: 180rem;
  height: 180rem;
  font-size: 16rem;
  line-height: 23rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media (max-width: 720px) {
  section.preisplane.intro .container-intro .container-swiper .bubble {
    font-size: 12rem;
    line-height: 12rem;
    width: 120rem;
    height: 120rem;
    right: -10rem;
  }
}
section.preisplane.intro .container-intro .container-swiper .bubble svg {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
section.preisplane.intro .container-intro .container-swiper .bubble span {
  position: absolute;
  max-width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.preisplane.intro .container-preisplane {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 100rem;
  row-gap: 30rem;
}
@media (max-width: 720px) {
  section.preisplane.intro .container-preisplane {
    padding-top: 60rem;
  }
}
section.preisplane.intro .container-preisplane .preisplan {
  flex: 1;
  margin-left: 10rem;
  border: 1px solid transparent;
  border-radius: 20rem;
  transition: 250ms ease;
}
section.preisplane.intro .container-preisplane .preisplan,
section.preisplane.intro .container-preisplane .preisplan .titel,
section.preisplane.intro .container-preisplane .preisplan .text,
section.preisplane.intro .container-preisplane .preisplan .liste-1,
section.preisplane.intro .container-preisplane .preisplan .liste-2 {
  transition: 250ms ease;
}
@media (min-width: 1120px) {
  section.preisplane.intro .container-preisplane .preisplan:hover {
    border-color: var(--color-1);
    transform: scale(1.02);
  }
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(2).anmerkung-preise .preis {
  color: var(--color-2);
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(2).anmerkung-preise .anmerkung-preise {
  opacity: 1;
}
@media (max-width: 720px) {
  section.preisplane.intro .container-preisplane .preisplan:nth-child(2).anmerkung-preise .anmerkung-preise {
    display: block;
  }
}
@media (max-width: 720px) {
  section.preisplane.intro .container-preisplane .preisplan {
    margin-left: 0;
  }
}
section.preisplane.intro .container-preisplane .preisplan .container-preisplan_content {
  background-color: white;
  border-radius: 20rem;
  overflow: hidden;
  box-shadow: 0 10rem 30rem 0 rgba(0, 0, 0, 0.1);
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(1) {
  margin-left: 0;
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(1) .background {
  background-color: var(--color-2);
  color: var(--color-2);
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(2) .background {
  background-color: var(--color-5);
  color: var(--color-5);
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(2) .liste-1 li.active:before {
  background-color: currentColor;
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(2) .liste-1 li:hover {
  color: var(--color-2);
  cursor: pointer;
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(2) .liste-1 li:hover:before {
  background-color: currentColor;
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(2) .liste-1 li:before {
  background-color: transparent;
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(2) .liste-1 li p {
  margin: 0;
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(2) .anmerkung-preise {
  opacity: 0;
}
@media (max-width: 1120px) {
  section.preisplane.intro .container-preisplane .preisplan:nth-child(2) .anmerkung-preise {
    width: 100%;
  }
}
@media (max-width: 720px) {
  section.preisplane.intro .container-preisplane .preisplan:nth-child(2) .anmerkung-preise {
    position: relative;
    display: none;
  }
}
@media (max-width: 1120px) {
  section.preisplane.intro .container-preisplane .preisplan:nth-child(3) {
    margin-left: 0;
  }
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(3) .background {
  background-color: var(--color-1);
  color: var(--color-1);
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(4) {
  margin-left: 40rem;
}
@media (max-width: 1120px) {
  section.preisplane.intro .container-preisplane .preisplan:nth-child(4) {
    margin-left: 10rem;
  }
}
@media (max-width: 720px) {
  section.preisplane.intro .container-preisplane .preisplan:nth-child(4) {
    margin-left: 0;
  }
}
section.preisplane.intro .container-preisplane .preisplan:nth-child(4) .background {
  background-color: var(--color-2);
  color: var(--color-2);
}
section.preisplane.intro .container-preisplane .preisplan .header {
  height: 90rem;
  margin-bottom: 80rem;
  color: white;
  font-size: 24rem;
  line-height: 28rem;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}
section.preisplane.intro .container-preisplane .preisplan .header .background {
  position: absolute;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
}
section.preisplane.intro .container-preisplane .preisplan .header .background svg {
  position: absolute;
  top: calc(100% - 5rem);
  width: 100%;
  height: auto;
}
section.preisplane.intro .container-preisplane .preisplan .header span {
  display: block;
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.preisplane.intro .container-preisplane .preisplan .titel {
  font-size: 22rem;
  line-height: 28rem;
  letter-spacing: 0.005em;
  font-weight: 500;
  color: var(--color-1);
  margin: 30rem 40rem 5rem;
}
section.preisplane.intro .container-preisplane .preisplan .text {
  margin: 0 40rem 30rem;
}
section.preisplane.intro .container-preisplane .preisplan .text,
section.preisplane.intro .container-preisplane .preisplan .liste-1,
section.preisplane.intro .container-preisplane .preisplan .liste-2 {
  font-size: 16rem;
  line-height: 21rem;
  letter-spacing: 0.02em;
  color: var(--color-1);
}
section.preisplane.intro .container-preisplane .preisplan .liste-1,
section.preisplane.intro .container-preisplane .preisplan .liste-2 {
  line-height: 24rem;
  letter-spacing: 0.02em;
}
section.preisplane.intro .container-preisplane .preisplan .liste-1 ul,
section.preisplane.intro .container-preisplane .preisplan .liste-2 ul {
  list-style: none;
  margin: 0 40rem;
  padding: 30rem 0;
  border-top: 1px solid currentColor;
}
section.preisplane.intro .container-preisplane .preisplan .liste-1 ul li,
section.preisplane.intro .container-preisplane .preisplan .liste-2 ul li {
  padding-left: 22rem;
}
section.preisplane.intro .container-preisplane .preisplan .liste-1 ul {
  padding-bottom: 0;
}
section.preisplane.intro .container-preisplane .preisplan .liste-1 ul:last-child {
  padding-bottom: 30rem;
}
section.preisplane.intro .container-preisplane .preisplan .liste-1 li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.45em;
  left: 0.1em;
  width: 0.4em;
  height: 0.4em;
  border-radius: 50%;
  border: 1.5px solid currentColor;
  background-color: currentColor;
}
section.preisplane.intro .container-preisplane .preisplan .liste-1 > p {
  margin: 0 40rem;
  padding-bottom: 30rem;
  padding-left: 22rem;
}
section.preisplane.intro .container-preisplane .preisplan .liste-2 li:before {
  content: "+";
  position: absolute;
  top: 0;
  left: 0;
}
section.preisplane.intro .container-preisplane .preisplan .preis {
  color: var(--color-1);
  font-size: 24rem;
  line-height: 30rem;
  letter-spacing: 0.005em;
  text-align: center;
  margin: 0 40rem 30rem;
}
section.preisplane.intro .container-preisplane .preisplan .preis span {
  font-weight: 500;
}
section.preisplane.intro .container-preisplane .preisplan .preis span:after {
  content: "€";
  margin-left: 0.2em;
}
section.preisplane.intro .container-preisplane .preisplan a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  margin-bottom: 30rem;
  left: 50%;
  transform: translateX(-50%);
}
section.preisplane.intro .container-preisplane .preisplan a:hover {
  background-color: var(--color-2);
  color: white;
}
section.preisplane.intro .container-preisplane .preisplan .statt-preis {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
  width: 90rem;
}
@media (max-width: 720px) {
  section.preisplane.intro .container-preisplane .preisplan .statt-preis {
    transform: translate(0, 50%);
    right: 15rem;
  }
}
section.preisplane.intro .container-preisplane .preisplan .statt-preis > svg {
  width: 100%;
  height: auto;
}
section.preisplane.intro .container-preisplane .preisplan .statt-preis .container-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  color: var(--color-1);
  font-size: 14rem;
  line-height: 20rem;
  letter-spacing: 0.02em;
}
section.preisplane.intro .container-preisplane .preisplan .statt-preis .container-text span {
  display: block;
  font-size: 24rem;
  line-height: 30rem;
  letter-spacing: 0.005em;
  font-weight: 500;
}
section.preisplane.intro .container-preisplane .preisplan .statt-preis .container-text span svg {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.preisplane.intro .container-preisplane .preisplan .anmerkung-preise {
  font-size: 14rem;
  line-height: 19rem;
  letter-spacing: 0.005em;
  color: var(--color-1);
  position: absolute;
  top: 100%;
  width: 100%;
  padding: 30rem 40rem;
  text-align: center;
}
@media (max-width: 1120px) {
  section.preisplane.intro .container-preisplane .preisplan .anmerkung-preise {
    width: 200%;
    right: 0;
  }
}
@media (max-width: 720px) {
  section.preisplane.intro .container-preisplane .preisplan .anmerkung-preise {
    width: 100%;
    text-align: left;
    padding: 30rem 15rem;
  }
}
section.preisplane.intro .container-preisplane .anmerkung-lizenz {
  width: 100%;
  text-align: center;
  font-size: 14rem;
  line-height: 20rem;
  letter-spacing: 0.005em;
  color: var(--color-1);
  padding: 40rem;
}
@media (max-width: 720px) {
  section.preisplane.intro .container-preisplane .anmerkung-lizenz {
    text-align: left;
    padding: 40rem 15rem 0;
  }
}
section.preisplane.intro .container-preisplane .anmerkung-lizenz .container-text {
  margin: 0 auto;
  max-width: 500rem;
}
@media (max-width: 1120px) {
  section.preisplane.intro .container-preisplane .anmerkung-lizenz .container-text {
    max-width: 350rem;
  }
}

section.preisplane.content {
  color: var(--color-1);
}
section.preisplane.content .inner-wrapper {
  padding: 120rem 300rem 90rem 90rem;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 180rem;
}
@media (max-width: 1120px) {
  section.preisplane.content .inner-wrapper {
    padding: 90rem 30% 90rem 30rem;
    grid-template-columns: 1fr;
    gap: 90rem;
  }
}
@media (max-width: 720px) {
  section.preisplane.content .inner-wrapper {
    padding: 60rem 15rem;
  }
}
section.preisplane.content p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.preisplane.content p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.preisplane.content p ul {
  padding-left: 0;
  list-style: none;
}
section.preisplane.content p ul li {
  padding-left: 1em;
}
section.preisplane.content p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.preisplane.content p a {
  text-decoration: underline;
}
section.preisplane.content p a:hover {
  color: var(--color-2);
}
section.preisplane.content p strong {
  font-weight: 500;
}
section.preisplane.content a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  margin-top: 30rem;
}
section.preisplane.content a:hover {
  background-color: var(--color-2);
  color: white;
}
@media (max-width: 720px) {
  section.preisplane.content a {
    margin-top: 15rem;
  }
}
section.preisplane.content .container-text:nth-child(2) a {
  color: var(--color-1);
  background-color: transparent;
  border: 0.15em solid currentColor;
}
section.preisplane.content .container-text:nth-child(2) a:hover {
  background-color: var(--color-2);
  border-color: var(--color-2);
  color: white;
}

section.videotutorials.video-navigation .inner-wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 60rem;
  padding: 200rem 30rem 0;
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .inner-wrapper {
    grid-template-columns: 1fr;
    padding-top: 120rem;
  }
}
@media (max-width: 720px) {
  section.videotutorials.video-navigation .inner-wrapper {
    padding-top: 60rem;
    padding-left: 15rem;
    padding-right: 15rem;
  }
}
section.videotutorials.video-navigation .container-content {
  padding-top: 60rem;
  padding-right: 60rem;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .container-content {
    padding-right: 0;
  }
}
section.videotutorials.video-navigation .container-content .background {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200%;
  height: 200%;
  background-color: var(--color-6);
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .container-content .background {
    right: 50%;
    transform: translateX(50%);
  }
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .container-content .container-text {
    padding-right: 250rem;
    padding-left: 30rem;
  }
}
@media (max-width: 720px) {
  section.videotutorials.video-navigation .container-content .container-text {
    padding-left: 0;
    padding-right: 0;
  }
}
section.videotutorials.video-navigation .container-content .container-text h1 {
  font-weight: normal;
  font-size: 22rem;
  line-height: 28rem;
  margin: 0;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .container-content .container-text h1 {
    font-size: 18rem;
    line-height: 20rem;
  }
}
@media (max-width: 720px) {
  section.videotutorials.video-navigation .container-content .container-text h1 {
    font-size: 16rem;
  }
}
section.videotutorials.video-navigation .container-content .container-text h1 + h3 {
  margin-top: 0;
}
section.videotutorials.video-navigation .container-content .container-text h1 + h2 {
  margin-top: 0.2em;
}
section.videotutorials.video-navigation .container-content .container-text h2 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-weight: normal;
  margin-bottom: 0.5em;
  line-height: 52rem;
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .container-content .container-text h2 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.videotutorials.video-navigation .container-content .container-text h2 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .container-content .container-text h2 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.videotutorials.video-navigation .container-content .container-text h2 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.videotutorials.video-navigation .container-content .titel {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  font-weight: 500;
  margin-bottom: 0.5em;
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .container-content .titel {
    font-size: 16rem;
    margin-bottom: 0.25em;
  }
}
section.videotutorials.video-navigation .container-content button {
  display: flex;
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  padding-bottom: 0.2em;
  border-bottom: 0.1em solid transparent;
  transition: 250ms ease;
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .container-content button {
    font-size: 16rem;
  }
}
@media (max-width: 720px) {
  section.videotutorials.video-navigation .container-content button {
    border-bottom-width: 0.15em;
    padding-bottom: 0.15em;
  }
}
section.videotutorials.video-navigation .container-content button:hover {
  border-color: currentColor;
}
section.videotutorials.video-navigation .container-content button:hover svg .circle {
  fill: currentColor;
}
section.videotutorials.video-navigation .container-content button:hover svg .arrow {
  stroke: var(--color-6);
}
section.videotutorials.video-navigation .container-content button span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
section.videotutorials.video-navigation .container-content button svg {
  width: 1.1em;
  height: 1.1em;
  margin-left: 1em;
  bottom: -0.1em;
}
@media (max-width: 720px) {
  section.videotutorials.video-navigation .container-content button svg {
    bottom: -0.2em;
  }
}
section.videotutorials.video-navigation .container-content .container-navigation {
  margin-top: 120rem;
  padding-bottom: 120rem;
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .container-content .container-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 20rem;
         column-gap: 20rem;
  }
}
@media (max-width: 720px) {
  section.videotutorials.video-navigation .container-content .container-navigation {
    grid-template-columns: 1fr;
    padding-bottom: 40rem;
  }
}
section.videotutorials.video-navigation .container-content .container-navigation .kategorie:not(:last-child) {
  padding-bottom: 30rem;
  margin-bottom: 30rem;
  border-bottom: 0.15em solid var(--color-5);
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .container-content .container-navigation .kategorie:not(:last-child) {
    padding-bottom: 20rem;
    margin-bottom: 20rem;
    border-bottom: 0.15em solid var(--color-5);
  }
}
section.videotutorials.video-navigation .container-content .container-navigation .anmerkung {
  margin-top: 60rem;
  font-size: 16rem;
  line-height: 24rem;
  letter-spacing: 0.01em;
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .container-content .container-navigation .anmerkung {
    grid-column: 2;
  }
}
@media (max-width: 720px) {
  section.videotutorials.video-navigation .container-content .container-navigation .anmerkung {
    grid-column: unset;
  }
}
section.videotutorials.video-navigation .container-content button.active {
  color: var(--color-2);
  pointer-events: none;
  border-color: transparent;
}
section.videotutorials.video-navigation .container-content button.active svg .circle {
  fill: currentColor;
}
section.videotutorials.video-navigation .container-content button.active svg .arrow {
  stroke: var(--color-6);
}
section.videotutorials.video-navigation .container-videos {
  padding-bottom: 120rem;
}
section.videotutorials.video-navigation .container-videos.mobile {
  display: none;
}
@media (max-width: 1120px) {
  section.videotutorials.video-navigation .container-videos {
    display: none;
  }
  section.videotutorials.video-navigation .container-videos.mobile {
    display: block;
    padding-bottom: 0;
    padding-top: 60rem;
  }
}
@media (max-width: 1120px) and (max-width: 720px) {
  section.videotutorials.video-navigation .container-videos.mobile {
    padding-top: 40rem;
  }
}
section.videotutorials.video-navigation .container-videos .container-video {
  display: none;
  width: 100%;
  padding-bottom: 56.25%;
  position: -webkit-sticky;
  position: sticky;
  top: 200rem;
  box-shadow: 0 15rem 30rem 0 rgba(0, 0, 0, 0.15);
}
section.videotutorials.video-navigation .container-videos .container-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.videotutorials.video-navigation .container-videos .container-video:first-child {
  display: block;
}

section.videotutorials.content .inner-wrapper {
  padding: 120rem 180rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 90rem;
}
@media (max-width: 1120px) {
  section.videotutorials.content .inner-wrapper {
    padding: 90rem 120rem;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  section.videotutorials.content .inner-wrapper {
    padding: 60rem 15rem 90rem;
  }
}
@media (max-width: 1120px) {
  section.videotutorials.content .container-bild {
    position: absolute;
    top: 180rem;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 240rem);
    height: 350rem;
  }
  section.videotutorials.content .container-bild img {
    height: 100%;
    width: auto;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
}
@media (max-width: 720px) {
  section.videotutorials.content .container-bild {
    width: 100%;
    top: 120rem;
  }
}
section.videotutorials.content .container-text {
  color: var(--color-1);
  padding-right: 90rem;
}
@media (max-width: 720px) {
  section.videotutorials.content .container-text {
    padding-right: 0;
  }
}
section.videotutorials.content .container-text h2 {
  font-size: 30rem;
  line-height: 40rem;
}
@media (max-width: 1120px) {
  section.videotutorials.content .container-text h2 {
    padding-bottom: 350rem;
  }
}
@media (max-width: 720px) {
  section.videotutorials.content .container-text h2 {
    padding-bottom: 300rem;
  }
}
section.videotutorials.content .container-text p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.videotutorials.content .container-text p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.videotutorials.content .container-text p ul {
  padding-left: 0;
  list-style: none;
}
section.videotutorials.content .container-text p ul li {
  padding-left: 1em;
}
section.videotutorials.content .container-text p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.videotutorials.content .container-text p a {
  text-decoration: underline;
}
section.videotutorials.content .container-text p a:hover {
  color: var(--color-2);
}
section.videotutorials.content .container-text p strong {
  font-weight: 500;
}
section.videotutorials.content .container-text a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  margin-top: 25rem;
}
section.videotutorials.content .container-text a:hover {
  background-color: var(--color-2);
  color: white;
}

main.impressum {
  overflow-x: unset;
}

section.impressum .inner-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90rem;
  padding: 300rem 90rem 0;
}
@media (max-width: 1120px) {
  section.impressum .inner-wrapper {
    padding: 200rem 30rem 0;
    grid-template-columns: 6fr 4fr;
  }
}
@media (max-width: 720px) {
  section.impressum .inner-wrapper {
    padding: 150rem 15rem 0;
    grid-template-columns: 1fr;
  }
}
section.impressum .container-content .background {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200%;
  height: 200%;
  background-color: var(--color-6);
}
@media (max-width: 720px) {
  section.impressum .container-content .background {
    display: none;
  }
}
section.impressum .container-text {
  color: var(--color-1);
  padding-right: 120rem;
  padding-bottom: 200rem;
}
@media (max-width: 1120px) {
  section.impressum .container-text {
    padding-right: 40rem;
    padding-bottom: 120rem;
  }
}
section.impressum .container-text h1 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
  font-weight: 500;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color-2);
          text-decoration-color: var(--color-2);
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.4em;
}
@media (max-width: 1120px) {
  section.impressum .container-text h1 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.impressum .container-text h1 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.impressum .container-text h1 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.impressum .container-text h1 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.impressum .container-text h1 strong {
  font-weight: 500;
}
@media (max-width: 720px) {
  section.impressum .container-text h1 {
    padding-bottom: 225rem;
  }
}
section.impressum .container-text h2 {
  font-size: 28rem;
  line-height: 40rem;
  margin-top: 90rem;
  margin-bottom: 0.5em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media (max-width: 1120px) {
  section.impressum .container-text h2 {
    font-size: 20rem;
    line-height: 32rem;
  }
}
section.impressum .container-text p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.impressum .container-text p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.impressum .container-text p ul {
  padding-left: 0;
  list-style: none;
}
section.impressum .container-text p ul li {
  padding-left: 1em;
}
section.impressum .container-text p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.impressum .container-text p a {
  text-decoration: underline;
}
section.impressum .container-text p a:hover {
  color: var(--color-2);
}
section.impressum .container-text p strong {
  font-weight: 500;
}
section.impressum .container-bild {
  padding-right: 200rem;
  padding-bottom: 100rem;
}
@media (max-width: 1120px) {
  section.impressum .container-bild {
    padding-right: 0;
  }
}
@media (max-width: 720px) {
  section.impressum .container-bild {
    width: 100%;
    position: absolute;
    top: 225rem;
    right: 0;
  }
}
section.impressum .container-bild svg {
  width: 100%;
  height: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 200rem;
}
@media (max-width: 720px) {
  section.impressum .container-bild svg {
    width: auto;
    height: 250rem;
    margin-left: auto;
  }
}

section.datenschutz-cookies .inner-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90rem;
  padding: 300rem 90rem 0;
}
@media (max-width: 1120px) {
  section.datenschutz-cookies .inner-wrapper {
    padding: 200rem 30rem 0;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  section.datenschutz-cookies .inner-wrapper {
    padding: 150rem 15rem 0;
    grid-template-columns: 1fr;
  }
}
section.datenschutz-cookies .container-content .background {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200%;
  height: 200%;
  background-color: var(--color-6);
}
@media (max-width: 1120px) {
  section.datenschutz-cookies .container-content .background {
    right: 50%;
    transform: translateX(50%);
  }
}
section.datenschutz-cookies .container-text {
  color: var(--color-1);
  padding-right: 180rem;
  padding-bottom: 200rem;
}
@media (max-width: 1120px) {
  section.datenschutz-cookies .container-text {
    padding-bottom: 120rem;
  }
}
@media (max-width: 720px) {
  section.datenschutz-cookies .container-text {
    padding-right: 0;
  }
  section.datenschutz-cookies .container-text * {
    max-width: calc(90vw - 30rem);
  }
}
section.datenschutz-cookies .container-text:nth-child(2) {
  padding-right: 90rem;
}
section.datenschutz-cookies .container-text h1 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
  font-weight: 500;
  line-height: 82rem;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color-2);
          text-decoration-color: var(--color-2);
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.4em;
  height: 200rem;
  margin-top: 0;
}
@media (max-width: 1120px) {
  section.datenschutz-cookies .container-text h1 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.datenschutz-cookies .container-text h1 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.datenschutz-cookies .container-text h1 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.datenschutz-cookies .container-text h1 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.datenschutz-cookies .container-text h1 strong {
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.datenschutz-cookies .container-text h1 {
    line-height: 60rem;
    height: unset;
    max-width: 400rem;
  }
}
@media (max-width: 720px) {
  section.datenschutz-cookies .container-text h1 {
    line-height: 50rem;
  }
}
section.datenschutz-cookies .container-text h2 {
  font-size: 28rem;
  line-height: 40rem;
  margin-top: 90rem;
  margin-bottom: 0.5em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
section.datenschutz-cookies .container-text h3 {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  font-weight: 500;
  margin-bottom: 0;
}
@media (max-width: 1120px) {
  section.datenschutz-cookies .container-text h3 {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.datenschutz-cookies .container-text h3 ul {
  padding-left: 0;
  list-style: none;
}
section.datenschutz-cookies .container-text h3 ul li {
  padding-left: 1em;
}
section.datenschutz-cookies .container-text h3 ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.datenschutz-cookies .container-text h3 a {
  text-decoration: underline;
}
section.datenschutz-cookies .container-text h3 a:hover {
  color: var(--color-2);
}
section.datenschutz-cookies .container-text h3 strong {
  font-weight: 500;
}
section.datenschutz-cookies .container-text h3 + p {
  margin-top: 0;
}
section.datenschutz-cookies .container-text p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media (max-width: 1120px) {
  section.datenschutz-cookies .container-text p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.datenschutz-cookies .container-text p ul {
  padding-left: 0;
  list-style: none;
}
section.datenschutz-cookies .container-text p ul li {
  padding-left: 1em;
}
section.datenschutz-cookies .container-text p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.datenschutz-cookies .container-text p a {
  text-decoration: underline;
}
section.datenschutz-cookies .container-text p a:hover {
  color: var(--color-2);
}
section.datenschutz-cookies .container-text p strong {
  font-weight: 500;
}
section.datenschutz-cookies .container-text p strong {
  font-weight: normal;
  text-decoration: underline;
}
section.datenschutz-cookies .container-text ul {
  list-style: none;
  padding-left: 0.8em;
}
section.datenschutz-cookies .container-text ul li:before {
  content: "–";
  position: absolute;
  left: -0.8em;
  top: 0.35em;
}

section.faq .inner-wrapper {
  padding: 200rem 90rem 180rem;
}
@media (max-width: 1120px) {
  section.faq .inner-wrapper {
    padding: 120rem 30rem;
  }
}
@media (max-width: 720px) {
  section.faq .inner-wrapper {
    padding: 100rem 15rem;
  }
}
section.faq .container-intro {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 120rem;
}
@media (max-width: 1120px) {
  section.faq .container-intro {
    grid-template-columns: 1fr;
    gap: 30rem;
  }
}
section.faq .container-intro .container-text {
  color: var(--color-1);
  padding-top: 90rem;
}
@media (max-width: 1120px) {
  section.faq .container-intro .container-text {
    padding-top: 0;
    padding-left: 30rem;
    padding-right: 100rem;
  }
}
@media (max-width: 720px) {
  section.faq .container-intro .container-text {
    padding: 0;
  }
}
section.faq .container-intro h1 {
  font-weight: normal;
  font-size: 22rem;
  line-height: 28rem;
  margin: 0;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.faq .container-intro h1 {
    font-size: 18rem;
    line-height: 20rem;
  }
}
@media (max-width: 720px) {
  section.faq .container-intro h1 {
    font-size: 16rem;
  }
}
section.faq .container-intro h1 + h3 {
  margin-top: 0;
}
section.faq .container-intro h1 + h2 {
  margin-top: 0.2em;
}
section.faq .container-intro h2 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
}
@media (max-width: 1120px) {
  section.faq .container-intro h2 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.faq .container-intro h2 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.faq .container-intro h2 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.faq .container-intro h2 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.faq .container-intro h2 strong {
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.faq .container-intro .container-bild {
    grid-row: 1;
    padding-left: 300rem;
  }
}
@media (max-width: 720px) {
  section.faq .container-intro .container-bild {
    padding-left: 0;
  }
}
section.faq .container-intro .container-bild svg {
  width: 100%;
  height: auto;
}
section.faq .container-fragen {
  color: var(--color-1);
  margin-top: 120rem;
}
@media (max-width: 720px) {
  section.faq .container-fragen {
    margin-top: 90rem;
  }
}
section.faq .container-fragen .kategorie {
  border-top: 2rem solid currentColor;
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 90rem;
}
@media (max-width: 1120px) {
  section.faq .container-fragen .kategorie {
    grid-template-columns: 1fr;
    gap: 30rem;
  }
  section.faq .container-fragen .kategorie + .kategorie {
    margin-top: 120rem;
  }
}
section.faq .container-fragen .kategorie .titel {
  font-size: 30rem;
  line-height: 40rem;
  font-weight: 500;
  margin-top: 15rem;
}
@media (max-width: 1120px) {
  section.faq .container-fragen .kategorie .titel {
    font-size: 20rem;
    line-height: 32rem;
  }
}
section.faq .container-fragen .fragen .frage {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  padding: 20rem 20rem 20rem 45rem;
}
@media (max-width: 1120px) {
  section.faq .container-fragen .fragen .frage {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.faq .container-fragen .fragen .frage ul {
  padding-left: 0;
  list-style: none;
}
section.faq .container-fragen .fragen .frage ul li {
  padding-left: 1em;
}
section.faq .container-fragen .fragen .frage ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.faq .container-fragen .fragen .frage a {
  text-decoration: underline;
}
section.faq .container-fragen .fragen .frage a:hover {
  color: var(--color-2);
}
section.faq .container-fragen .fragen .frage strong {
  font-weight: 500;
}
section.faq .container-fragen .fragen .frage[open] svg {
  transform: rotate(0deg);
}
section.faq .container-fragen .fragen .frage:nth-child(2n) {
  background-color: var(--color-6);
}
section.faq .container-fragen .fragen .frage summary {
  display: flex;
  font-weight: 500;
  cursor: pointer;
}
section.faq .container-fragen .fragen .frage summary::-webkit-details-marker {
  display: none;
}
section.faq .container-fragen .fragen .frage summary svg {
  position: absolute;
  left: -30rem;
  top: 8rem;
  color: var(--color-2);
  width: 20rem;
  height: auto;
  margin-right: 10rem;
  transform: rotate(180deg);
}
section.faq .container-outro {
  display: grid;
  grid-template-columns: 1fr 3fr;
  -moz-column-gap: 90rem;
       column-gap: 90rem;
  margin-top: 180rem;
  justify-items: start;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.faq .container-outro {
    grid-template-columns: 1fr;
    max-width: 400rem;
    margin: 90rem auto;
  }
}
section.faq .container-outro h2,
section.faq .container-outro p,
section.faq .container-outro a {
  grid-column: 2;
}
@media (max-width: 1120px) {
  section.faq .container-outro h2,
section.faq .container-outro p,
section.faq .container-outro a {
    grid-column: unset;
  }
}
section.faq .container-outro h2 {
  font-size: 30rem;
  line-height: 40rem;
  margin-bottom: 0;
}
section.faq .container-outro p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.faq .container-outro p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.faq .container-outro p ul {
  padding-left: 0;
  list-style: none;
}
section.faq .container-outro p ul li {
  padding-left: 1em;
}
section.faq .container-outro p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.faq .container-outro p a {
  text-decoration: underline;
}
section.faq .container-outro p a:hover {
  color: var(--color-2);
}
section.faq .container-outro p strong {
  font-weight: 500;
}
section.faq .container-outro a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  margin-top: 30rem;
}
section.faq .container-outro a:hover {
  background-color: var(--color-2);
  color: white;
}

section.kontakt {
  background-color: var(--color-6);
}
section.kontakt.unternehmen .container-body .container-form .container-field label {
  width: 200rem;
}
section.kontakt.unternehmen .container-body .container-form [type=hidden] + .container-field {
  width: 50%;
}
@media (max-width: 720px) {
  section.kontakt.unternehmen .container-body .container-form [type=hidden] + .container-field {
    width: 100%;
  }
}
section.kontakt .inner-wrapper {
  padding: 250rem 120rem 120rem;
}
@media (max-width: 1120px) {
  section.kontakt .inner-wrapper {
    padding: 180rem 30rem 120rem;
  }
}
@media (max-width: 720px) {
  section.kontakt .inner-wrapper {
    padding: 130rem 15rem 120rem;
  }
}
section.kontakt .container-intro {
  display: grid;
  grid-template-columns: 6fr 6fr;
  grid-gap: 180rem;
}
@media (max-width: 1120px) {
  section.kontakt .container-intro {
    grid-template-columns: 1fr;
  }
}
section.kontakt .container-intro .container-text {
  max-width: 90%;
  padding-left: 30rem;
}
@media (max-width: 720px) {
  section.kontakt .container-intro .container-text {
    max-width: unset;
    padding-left: 0;
  }
}
section.kontakt .container-intro .container-text h1 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
  font-size: 44rem;
  line-height: 58rem;
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.kontakt .container-intro .container-text h1 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.kontakt .container-intro .container-text h1 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.kontakt .container-intro .container-text h1 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.kontakt .container-intro .container-text h1 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.kontakt .container-intro .container-text h1 strong {
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.kontakt .container-intro .container-text h1 {
    font-size: 32rem;
    line-height: 42rem;
    padding-bottom: 300rem;
  }
}
@media (max-width: 720px) {
  section.kontakt .container-intro .container-text h1 {
    padding-bottom: 220rem;
  }
}
section.kontakt .container-intro .container-text p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  font-size: 24rem;
  line-height: 32rem;
}
@media (max-width: 1120px) {
  section.kontakt .container-intro .container-text p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.kontakt .container-intro .container-text p ul {
  padding-left: 0;
  list-style: none;
}
section.kontakt .container-intro .container-text p ul li {
  padding-left: 1em;
}
section.kontakt .container-intro .container-text p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.kontakt .container-intro .container-text p a {
  text-decoration: underline;
}
section.kontakt .container-intro .container-text p a:hover {
  color: var(--color-2);
}
section.kontakt .container-intro .container-text p strong {
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.kontakt .container-intro .container-text p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
@media (max-width: 1120px) {
  section.kontakt .container-intro .container-bild {
    position: absolute;
    top: 60rem;
    right: 0;
    height: 300rem;
  }
}
section.kontakt .container-intro .container-bild svg {
  width: 100%;
  height: auto;
}
@media (max-width: 1120px) {
  section.kontakt .container-intro .container-bild svg {
    height: 100%;
    width: auto;
  }
}
section.kontakt .container-body {
  display: grid;
  grid-template-columns: 7fr 5fr;
  grid-gap: 90rem;
  margin-top: 30rem;
}
@media (max-width: 1120px) {
  section.kontakt .container-body {
    grid-template-columns: 1fr;
  }
}
section.kontakt .container-body .container-form {
  width: 100%;
  margin-top: -30rem;
}
section.kontakt .container-body .container-form.success {
  padding-left: 30rem;
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.kontakt .container-body .container-form.success {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.kontakt .container-body .container-form.success ul {
  padding-left: 0;
  list-style: none;
}
section.kontakt .container-body .container-form.success ul li {
  padding-left: 1em;
}
section.kontakt .container-body .container-form.success ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.kontakt .container-body .container-form.success a {
  text-decoration: underline;
}
section.kontakt .container-body .container-form.success a:hover {
  color: var(--color-2);
}
section.kontakt .container-body .container-form.success strong {
  font-weight: 500;
}
@media (max-width: 720px) {
  section.kontakt .container-body .container-form.success {
    padding-left: unset;
  }
}
@media (max-width: 1120px) {
  section.kontakt .container-body .container-form {
    margin-top: 40rem;
  }
}
section.kontakt .container-body .container-form .error {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  color: red;
}
@media (max-width: 1120px) {
  section.kontakt .container-body .container-form .error {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.kontakt .container-body .container-form .error ul {
  padding-left: 0;
  list-style: none;
}
section.kontakt .container-body .container-form .error ul li {
  padding-left: 1em;
}
section.kontakt .container-body .container-form .error ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.kontakt .container-body .container-form .error a {
  text-decoration: underline;
}
section.kontakt .container-body .container-form .error a:hover {
  color: var(--color-2);
}
section.kontakt .container-body .container-form .error strong {
  font-weight: 500;
}
section.kontakt .container-body .container-form form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
section.kontakt .container-body .container-form form *::-moz-placeholder {
  color: var(--color-5);
}
section.kontakt .container-body .container-form form *:-ms-input-placeholder {
  color: var(--color-5);
}
section.kontakt .container-body .container-form form *::placeholder {
  color: var(--color-5);
}
section.kontakt .container-body .container-form .container-field {
  display: flex;
  width: 100%;
}
section.kontakt .container-body .container-form .container-field + .container-field, section.kontakt .container-body .container-form .container-field + .hidden + button {
  margin-top: 12rem;
}
section.kontakt .container-body .container-form .container-field label {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  height: 45rem;
  pointer-events: none;
  width: 150rem;
  text-align: left;
  z-index: 1;
  display: flex;
  align-items: center;
}
section.kontakt .container-body .container-form .container-field label:hover {
  background-color: var(--color-2);
  color: white;
}
section.kontakt .container-body .container-form .container-field .field {
  flex: 1;
}
section.kontakt .container-body .container-form .container-field input {
  display: block;
  width: calc(100% + 22.5rem);
  left: -22.5rem;
  background-color: white;
  color: var(--color-1);
  font-size: 18rem;
  line-height: 16rem;
  letter-spacing: 0.005em;
  padding-left: 40rem;
  padding-right: 20rem;
  height: 45rem;
  border: 2.5rem solid currentColor;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
}
section.kontakt .container-body .container-form .container-field textarea {
  width: 100%;
  background-color: white;
  border-radius: 30rem;
  border: 2.5rem solid currentColor;
  padding: 30rem;
  color: var(--color-1);
  font-size: 18rem;
  line-height: 24rem;
  letter-spacing: 0.005em;
}
section.kontakt .container-body .container-form .container-field.textarea label {
  display: none;
}
section.kontakt .container-body .container-form .container-field.checkboxes {
  width: auto;
  color: var(--color-1);
}
@media (max-width: 720px) {
  section.kontakt .container-body .container-form .container-field.checkboxes {
    width: 100%;
    margin: 20rem 20rem 10rem;
  }
  section.kontakt .container-body .container-form .container-field.checkboxes .field {
    display: flex;
    align-items: center;
  }
}
section.kontakt .container-body .container-form .container-field.checkboxes label {
  all: unset;
  display: flex;
  width: 100%;
  cursor: pointer;
  pointer-events: all;
  font-size: 18rem;
  line-height: 16rem;
  letter-spacing: 0.005em;
}
section.kontakt .container-body .container-form .container-field.checkboxes > label {
  display: none;
}
section.kontakt .container-body .container-form .container-field.checkboxes input {
  all: unset;
  width: 12rem;
  height: 12rem;
  border: 2.5rem solid currentColor;
  border-radius: 50%;
  margin-right: 12rem;
  transform: translateY(-1rem);
}
section.kontakt .container-body .container-form .container-field.checkboxes input:checked {
  background-color: var(--color-1);
}
section.kontakt .container-body .container-form .hidden {
  display: none;
}
section.kontakt .container-body .container-form button {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  background-color: var(--color-2);
  color: var(--color-1);
}
section.kontakt .container-body .container-form button:hover {
  background-color: var(--color-2);
  color: white;
}
section.kontakt .container-body .container-form button:hover {
  background-color: var(--color-1);
}
section.kontakt .container-body .container-text {
  color: var(--color-1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 150rem;
  padding-top: 90rem;
}
@media (max-width: 1120px) {
  section.kontakt .container-body .container-text {
    padding-right: 30rem;
    padding-left: 50%;
    padding-top: 0;
  }
}
@media (max-width: 720px) {
  section.kontakt .container-body .container-text {
    padding-left: 0;
  }
}
section.kontakt .container-body .container-text p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  margin: 0;
}
@media (max-width: 1120px) {
  section.kontakt .container-body .container-text p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.kontakt .container-body .container-text p ul {
  padding-left: 0;
  list-style: none;
}
section.kontakt .container-body .container-text p ul li {
  padding-left: 1em;
}
section.kontakt .container-body .container-text p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.kontakt .container-body .container-text p a {
  text-decoration: underline;
}
section.kontakt .container-body .container-text p a:hover {
  color: var(--color-2);
}
section.kontakt .container-body .container-text p strong {
  font-weight: 500;
}
section.kontakt .container-body .container-text p + a {
  margin-top: 0.5em;
}
@media (max-width: 720px) {
  section.kontakt .container-body .container-text p + a {
    margin-top: 0.25em;
  }
}
section.kontakt .container-body .container-text a {
  display: flex;
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  padding-bottom: 0.2em;
  border-bottom: 0.1em solid transparent;
  transition: 250ms ease;
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.kontakt .container-body .container-text a {
    font-size: 16rem;
  }
}
@media (max-width: 720px) {
  section.kontakt .container-body .container-text a {
    border-bottom-width: 0.15em;
    padding-bottom: 0.15em;
  }
}
section.kontakt .container-body .container-text a:hover {
  border-color: currentColor;
}
section.kontakt .container-body .container-text a:hover svg .circle {
  fill: currentColor;
}
section.kontakt .container-body .container-text a:hover svg .arrow {
  stroke: var(--color-6);
}
section.kontakt .container-body .container-text a span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
section.kontakt .container-body .container-text a svg {
  width: 1.1em;
  height: 1.1em;
  margin-left: 1em;
  bottom: -0.1em;
}
@media (max-width: 720px) {
  section.kontakt .container-body .container-text a svg {
    bottom: -0.2em;
  }
}
section.kontakt .container-body .container-text a + p {
  margin-top: 2em;
}

section.produktschulungen.intro .inner-wrapper {
  padding: 300rem 120rem 120rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90rem;
}
@media (max-width: 1120px) {
  section.produktschulungen.intro .inner-wrapper {
    padding: 150rem 30rem 90rem;
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media (max-width: 720px) {
  section.produktschulungen.intro .inner-wrapper {
    padding: 120rem 15rem 60rem;
  }
}
section.produktschulungen.intro .container-text {
  padding-top: 50rem;
}
@media (max-width: 1120px) {
  section.produktschulungen.intro .container-text {
    padding-right: 30%;
    padding-left: 30rem;
    padding-top: 30rem;
  }
}
@media (max-width: 720px) {
  section.produktschulungen.intro .container-text {
    padding-left: 0;
    padding-right: 0;
  }
}
section.produktschulungen.intro .container-text h1 {
  font-weight: normal;
  font-size: 22rem;
  line-height: 28rem;
  margin: 0;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.produktschulungen.intro .container-text h1 {
    font-size: 18rem;
    line-height: 20rem;
  }
}
@media (max-width: 720px) {
  section.produktschulungen.intro .container-text h1 {
    font-size: 16rem;
  }
}
section.produktschulungen.intro .container-text h1 + h3 {
  margin-top: 0;
}
section.produktschulungen.intro .container-text h1 + h2 {
  margin-top: 0.2em;
}
section.produktschulungen.intro .container-text h2 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
}
@media (max-width: 1120px) {
  section.produktschulungen.intro .container-text h2 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.produktschulungen.intro .container-text h2 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.produktschulungen.intro .container-text h2 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.produktschulungen.intro .container-text h2 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.produktschulungen.intro .container-text h2 strong {
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.produktschulungen.intro .container-bild {
    grid-row: 1;
    padding-left: 35%;
  }
}
@media (max-width: 720px) {
  section.produktschulungen.intro .container-bild {
    padding-left: 0;
  }
}

section.produktschulungen.content {
  background-color: var(--color-6);
}
section.produktschulungen.content .inner-wrapper {
  padding: 120rem 250rem;
}
@media (max-width: 1120px) {
  section.produktschulungen.content .inner-wrapper {
    padding: 90rem 30rem;
  }
}
@media (max-width: 720px) {
  section.produktschulungen.content .inner-wrapper {
    padding: 60rem 15rem;
  }
}
section.produktschulungen.content .inner-wrapper > p {
  max-width: 600rem;
}
@media (max-width: 1120px) {
  section.produktschulungen.content .inner-wrapper > p {
    max-width: 500rem;
  }
}
section.produktschulungen.content p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.produktschulungen.content p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.produktschulungen.content p ul {
  padding-left: 0;
  list-style: none;
}
section.produktschulungen.content p ul li {
  padding-left: 1em;
}
section.produktschulungen.content p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.produktschulungen.content p a {
  text-decoration: underline;
}
section.produktschulungen.content p a:hover {
  color: var(--color-2);
}
section.produktschulungen.content p strong {
  font-weight: 500;
}
section.produktschulungen.content .container-fragen {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30rem;
  margin: 50rem 0;
  padding-right: 200rem;
}
@media (max-width: 1120px) {
  section.produktschulungen.content .container-fragen {
    padding-right: 0;
  }
}
@media (max-width: 720px) {
  section.produktschulungen.content .container-fragen {
    grid-template-columns: 1fr;
  }
}
section.produktschulungen.content .container-fragen .frage {
  display: flex;
  gap: 20rem;
  color: var(--color-1);
  font-weight: 500;
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
}
@media (max-width: 1120px) {
  section.produktschulungen.content .container-fragen .frage {
    font-size: 16rem;
    line-height: 20rem;
  }
}
section.produktschulungen.content .container-fragen .frage svg {
  width: 1.3em;
  height: 1.3em;
  color: var(--color-2);
}
section.produktschulungen.content .container-fragen .frage svg path {
  stroke-width: 2rem;
}
@media (max-width: 720px) {
  section.produktschulungen.content .container-fragen .frage svg {
    width: 2em;
    height: 2em;
    top: -0.4em;
  }
  section.produktschulungen.content .container-fragen .frage svg path {
    stroke-width: 3rem;
  }
}
section.produktschulungen.content a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  margin-top: 40rem;
}
section.produktschulungen.content a:hover {
  background-color: var(--color-2);
  color: white;
}
@media (max-width: 720px) {
  section.produktschulungen.content a {
    margin-top: 20rem;
  }
}

section.produktschulungen.vertiefungsworkshops {
  scroll-margin-top: 100rem;
}
section.produktschulungen.vertiefungsworkshops .inner-wrapper {
  padding: 120rem 250rem;
}
@media (max-width: 1120px) {
  section.produktschulungen.vertiefungsworkshops .inner-wrapper {
    padding: 90rem 30rem;
  }
}
@media (max-width: 720px) {
  section.produktschulungen.vertiefungsworkshops .inner-wrapper {
    padding: 60rem 15rem;
  }
}
section.produktschulungen.vertiefungsworkshops .container-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60rem;
}
@media (max-width: 1120px) {
  section.produktschulungen.vertiefungsworkshops .container-intro {
    grid-template-columns: 1fr;
  }
}
section.produktschulungen.vertiefungsworkshops p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.produktschulungen.vertiefungsworkshops p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.produktschulungen.vertiefungsworkshops p ul {
  padding-left: 0;
  list-style: none;
}
section.produktschulungen.vertiefungsworkshops p ul li {
  padding-left: 1em;
}
section.produktschulungen.vertiefungsworkshops p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.produktschulungen.vertiefungsworkshops p a {
  text-decoration: underline;
}
section.produktschulungen.vertiefungsworkshops p a:hover {
  color: var(--color-2);
}
section.produktschulungen.vertiefungsworkshops p strong {
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.produktschulungen.vertiefungsworkshops p {
    max-width: 500rem;
  }
}
section.produktschulungen.vertiefungsworkshops h3 {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  font-weight: 500;
  margin-top: 120rem;
  padding-bottom: 5rem;
  border-bottom: 2.5rem solid currentColor;
  margin-bottom: 0;
}
@media (max-width: 1120px) {
  section.produktschulungen.vertiefungsworkshops h3 {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.produktschulungen.vertiefungsworkshops h3 ul {
  padding-left: 0;
  list-style: none;
}
section.produktschulungen.vertiefungsworkshops h3 ul li {
  padding-left: 1em;
}
section.produktschulungen.vertiefungsworkshops h3 ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.produktschulungen.vertiefungsworkshops h3 a {
  text-decoration: underline;
}
section.produktschulungen.vertiefungsworkshops h3 a:hover {
  color: var(--color-2);
}
section.produktschulungen.vertiefungsworkshops h3 strong {
  font-weight: 500;
}
section.produktschulungen.vertiefungsworkshops .container-workshops .workshop {
  display: grid;
  grid-template-columns: 30% 40% 1fr;
  gap: 60rem;
  color: var(--color-1);
  padding: 40rem 0;
}
@media (max-width: 1120px) {
  section.produktschulungen.vertiefungsworkshops .container-workshops .workshop {
    gap: 30rem;
    grid-template-columns: 3fr 4fr;
  }
}
@media (max-width: 720px) {
  section.produktschulungen.vertiefungsworkshops .container-workshops .workshop {
    grid-template-columns: 1fr;
  }
}
section.produktschulungen.vertiefungsworkshops .container-workshops .workshop:not(:last-child) {
  border-bottom: 2.5rem solid var(--color-5);
}
section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .container-bild {
  width: 100%;
  padding-bottom: 100%;
  border-radius: 30rem;
  overflow: hidden;
}
section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .container-bild.add-background {
  background-color: var(--color-6);
}
@media (max-width: 1120px) {
  section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .container-bild {
    grid-row: 1/3;
  }
}
@media (max-width: 720px) {
  section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .container-bild {
    grid-row: unset;
  }
}
section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .container-bild img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .titel {
  font-size: 20rem;
  line-height: 27rem;
  font-weight: 500;
}
@media (max-width: 1120px) {
  section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .titel {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .untertitel {
  font-size: 20rem;
  line-height: 27rem;
}
@media (max-width: 1120px) {
  section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .untertitel {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .text {
  margin-top: 40rem;
}
@media (max-width: 1120px) {
  section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .text {
    margin-top: 20rem;
  }
}
section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .text p {
  font-size: 16rem;
  line-height: 23rem;
}
@media (max-width: 1120px) {
  section.produktschulungen.vertiefungsworkshops .container-workshops .workshop .text p {
    font-size: 14rem;
    line-height: 20rem;
  }
}
section.produktschulungen.vertiefungsworkshops .container-workshops .workshop a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  margin-left: auto;
  align-self: start;
}
section.produktschulungen.vertiefungsworkshops .container-workshops .workshop a:hover {
  background-color: var(--color-2);
  color: white;
}
@media (max-width: 1120px) {
  section.produktschulungen.vertiefungsworkshops .container-workshops .workshop a {
    grid-column: 2;
    margin-left: unset;
    margin-right: auto;
    align-self: end;
  }
}
@media (max-width: 720px) {
  section.produktschulungen.vertiefungsworkshops .container-workshops .workshop a {
    grid-column: unset;
  }
}

section.case-studies.intro .inner-wrapper {
  padding: 300rem 120rem 120rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 120rem;
}
@media (max-width: 1120px) {
  section.case-studies.intro .inner-wrapper {
    grid-template-columns: 1fr;
    padding: 300rem 90rem 90rem;
  }
}
@media (max-width: 720px) {
  section.case-studies.intro .inner-wrapper {
    padding: 0 15rem 60rem;
    margin-top: -50rem;
    gap: 40rem;
  }
}
section.case-studies.intro .container-text {
  padding-top: 50rem;
}
@media (max-width: 1120px) {
  section.case-studies.intro .container-text {
    padding-top: 0;
  }
}
section.case-studies.intro .container-text h1 {
  font-weight: normal;
  font-size: 22rem;
  line-height: 28rem;
  margin: 0;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.case-studies.intro .container-text h1 {
    font-size: 18rem;
    line-height: 20rem;
  }
}
@media (max-width: 720px) {
  section.case-studies.intro .container-text h1 {
    font-size: 16rem;
  }
}
section.case-studies.intro .container-text h1 + h3 {
  margin-top: 0;
}
section.case-studies.intro .container-text h1 + h2 {
  margin-top: 0.2em;
}
section.case-studies.intro .container-text h2 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
  font-size: 30rem;
  line-height: 40rem;
}
@media (max-width: 1120px) {
  section.case-studies.intro .container-text h2 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.case-studies.intro .container-text h2 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.case-studies.intro .container-text h2 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.case-studies.intro .container-text h2 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.case-studies.intro .container-text h2 strong {
  font-weight: 500;
}
section.case-studies.intro .container-text .container-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 20rem;
  margin-top: 120rem;
}
section.case-studies.intro .container-text .container-logos .logo {
  border-radius: 20rem;
  height: 90rem;
  border: 2rem solid var(--color-5);
}
section.case-studies.intro .container-text .container-logos .logo:hover {
  border-color: var(--color-2);
}
section.case-studies.intro .container-text .container-logos .logo a {
  display: block;
  padding: 15rem;
}
section.case-studies.intro .container-text .container-logos .logo a,
section.case-studies.intro .container-text .container-logos .logo img {
  height: 100%;
  width: auto;
}
section.case-studies.intro .container-bild {
  width: 100%;
  padding-right: 200rem;
}
@media (max-width: 1120px) {
  section.case-studies.intro .container-bild {
    grid-row: 1;
    padding-left: 40%;
  }
}
@media (max-width: 720px) {
  section.case-studies.intro .container-bild {
    padding-right: 0;
    padding-left: 0;
  }
}
section.case-studies.intro .container-bild svg {
  width: 100%;
  height: auto;
  transform: scale(2.5);
  transform-origin: bottom left;
}
@media (max-width: 1120px) {
  section.case-studies.intro .container-bild svg {
    transform: scale(5);
  }
}
@media (max-width: 720px) {
  section.case-studies.intro .container-bild svg {
    transform: scale(1.5);
  }
}

section.case-studies.content .inner-wrapper {
  padding: 120rem 120rem 180rem;
}
@media (max-width: 1120px) {
  section.case-studies.content .inner-wrapper {
    padding: 60rem 30rem;
  }
}
@media (max-width: 720px) {
  section.case-studies.content .inner-wrapper {
    padding: 60rem 15rem;
  }
}
section.case-studies.content .case-study {
  display: grid;
  grid-template-columns: 6fr 4fr;
  -moz-column-gap: 90rem;
       column-gap: 90rem;
  row-gap: 40rem;
  width: 80%;
  scroll-margin-top: 200rem;
}
@media (max-width: 1120px) {
  section.case-studies.content .case-study {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  section.case-studies.content .case-study {
    width: 100%;
  }
}
section.case-studies.content .case-study:nth-child(4n-1) {
  margin-left: auto;
}
section.case-studies.content h2 {
  grid-column: 1/-1;
  font-size: 30rem;
  line-height: 40rem;
  padding-bottom: 15rem;
  border-bottom: 2.5rem solid var(--color-2);
  margin: 0;
}
@media (max-width: 1120px) {
  section.case-studies.content h2 {
    font-size: 20rem;
    padding-bottom: 10rem;
    line-height: 24rem;
  }
}
section.case-studies.content .container-logo {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 6fr 4fr;
  gap: 90rem;
}
@media (max-width: 1120px) {
  section.case-studies.content .container-logo {
    grid-template-columns: 1fr;
  }
}
section.case-studies.content .container-logo .logo {
  grid-column: 2;
  display: flex;
  justify-content: center;
}
@media (max-width: 1120px) {
  section.case-studies.content .container-logo .logo {
    grid-column: unset;
    justify-content: flex-start;
    margin-left: 30rem;
  }
}
section.case-studies.content .container-logo .logo a,
section.case-studies.content .container-logo .logo img {
  height: 90rem;
  width: auto;
}
section.case-studies.content .container-content ul li {
  padding-left: 2em !important;
}
section.case-studies.content .container-content ul li + li {
  margin-top: 1.5em;
}
section.case-studies.content .container-content ul li:before {
  content: "+" !important;
  color: var(--color-2);
}
section.case-studies.content .container-content .container-text + .container-text, section.case-studies.content .container-content .container-text + .container-testimonial {
  margin-top: 90rem;
}
section.case-studies.content .container-content .container-text .titel {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  font-weight: 500;
  padding-bottom: 10rem;
  border-bottom: 2.5rem solid currentColor;
}
@media (max-width: 1120px) {
  section.case-studies.content .container-content .container-text .titel {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.case-studies.content .container-content .container-text .titel ul {
  padding-left: 0;
  list-style: none;
}
section.case-studies.content .container-content .container-text .titel ul li {
  padding-left: 1em;
}
section.case-studies.content .container-content .container-text .titel ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.case-studies.content .container-content .container-text .titel a {
  text-decoration: underline;
}
section.case-studies.content .container-content .container-text .titel a:hover {
  color: var(--color-2);
}
section.case-studies.content .container-content .container-text .titel strong {
  font-weight: 500;
}
section.case-studies.content .container-content .container-text .text {
  margin-top: 30rem;
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.case-studies.content .container-content .container-text .text {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.case-studies.content .container-content .container-text .text ul {
  padding-left: 0;
  list-style: none;
}
section.case-studies.content .container-content .container-text .text ul li {
  padding-left: 1em;
}
section.case-studies.content .container-content .container-text .text ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.case-studies.content .container-content .container-text .text a {
  text-decoration: underline;
}
section.case-studies.content .container-content .container-text .text a:hover {
  color: var(--color-2);
}
section.case-studies.content .container-content .container-text .text strong {
  font-weight: 500;
}
section.case-studies.content .container-content .container-testimonial + .container-text, section.case-studies.content .container-content .container-testimonial + .container-testimonial {
  margin-top: 90rem;
}
section.case-studies.content .container-content .container-testimonial .titel {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  font-weight: 500;
  padding-bottom: 10rem;
  border-bottom: 2.5rem solid currentColor;
}
@media (max-width: 1120px) {
  section.case-studies.content .container-content .container-testimonial .titel {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.case-studies.content .container-content .container-testimonial .titel ul {
  padding-left: 0;
  list-style: none;
}
section.case-studies.content .container-content .container-testimonial .titel ul li {
  padding-left: 1em;
}
section.case-studies.content .container-content .container-testimonial .titel ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.case-studies.content .container-content .container-testimonial .titel a {
  text-decoration: underline;
}
section.case-studies.content .container-content .container-testimonial .titel a:hover {
  color: var(--color-2);
}
section.case-studies.content .container-content .container-testimonial .titel strong {
  font-weight: 500;
}
section.case-studies.content .container-content .container-testimonial .text {
  margin-top: 30rem;
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  padding-top: 30rem;
  padding-left: 50rem;
}
@media (max-width: 1120px) {
  section.case-studies.content .container-content .container-testimonial .text {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.case-studies.content .container-content .container-testimonial .text ul {
  padding-left: 0;
  list-style: none;
}
section.case-studies.content .container-content .container-testimonial .text ul li {
  padding-left: 1em;
}
section.case-studies.content .container-content .container-testimonial .text ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.case-studies.content .container-content .container-testimonial .text a {
  text-decoration: underline;
}
section.case-studies.content .container-content .container-testimonial .text a:hover {
  color: var(--color-2);
}
section.case-studies.content .container-content .container-testimonial .text strong {
  font-weight: 500;
}
section.case-studies.content .container-content .container-testimonial .text svg {
  width: 40rem;
  position: absolute;
  top: 0;
  left: 0;
}
section.case-studies.content .container-content .container-testimonial .fussnote {
  font-size: 14rem;
  line-height: 19rem;
  letter-spacing: 0.02em;
  color: var(--color-1);
  font-style: italic;
  margin-top: 10rem;
  padding-left: 50rem;
}
@media (max-width: 1120px) {
  section.case-studies.content .container-sidebar {
    margin-top: 40rem;
  }
}
section.case-studies.content .container-sidebar .container-unternehmen {
  border-radius: 30rem;
  overflow: hidden;
  background-color: var(--color-6);
}
section.case-studies.content .container-sidebar .container-unternehmen > a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  margin-bottom: 30rem;
  left: 50%;
  transform: translateX(-50%);
}
section.case-studies.content .container-sidebar .container-unternehmen > a:hover {
  background-color: var(--color-2);
  color: white;
}
section.case-studies.content .container-sidebar .titel {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  pointer-events: none;
  border-radius: 0;
  width: 100%;
  text-align: left;
  padding: 12rem 40rem;
}
section.case-studies.content .container-sidebar .titel:hover {
  background-color: var(--color-2);
  color: white;
}
section.case-studies.content .container-sidebar .text {
  padding: 30rem 40rem;
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
  font-size: 16rem;
  line-height: 23rem;
}
@media (max-width: 1120px) {
  section.case-studies.content .container-sidebar .text {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.case-studies.content .container-sidebar .text ul {
  padding-left: 0;
  list-style: none;
}
section.case-studies.content .container-sidebar .text ul li {
  padding-left: 1em;
}
section.case-studies.content .container-sidebar .text ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.case-studies.content .container-sidebar .text a {
  text-decoration: underline;
}
section.case-studies.content .container-sidebar .text a:hover {
  color: var(--color-2);
}
section.case-studies.content .container-sidebar .text strong {
  font-weight: 500;
}
@media (max-width: 720px) {
  section.case-studies.content .container-sidebar .text {
    padding: 20rem 30rem;
  }
}
section.case-studies.content .container-sidebar .text ul {
  margin-top: 1.5em;
}
section.case-studies.content .container-sidebar .text ul li {
  padding-left: 1.5em;
}
section.case-studies.content .container-sidebar .text ul li + li {
  margin-top: 1.25em;
}
section.case-studies.content .container-sidebar .text ul li:before {
  content: "+";
  color: var(--color-2);
}
section.case-studies.content .container-sidebar .text p:last-child, section.case-studies.content .container-sidebar .text ul:last-child {
  margin-bottom: 0;
}
section.case-studies.content .container-sidebar .container-verwendete_tools {
  border-radius: 30rem;
  overflow: hidden;
  background-color: var(--color-6);
  margin-top: 40rem;
}
section.case-studies.content .container-sidebar .container-verwendete_tools .tools {
  margin: 30rem 40rem;
  display: flex;
  flex-wrap: wrap;
  gap: 10rem;
}
@media (max-width: 720px) {
  section.case-studies.content .container-sidebar .container-verwendete_tools .tools {
    margin: 20rem 30rem;
  }
}
section.case-studies.content .container-sidebar .container-verwendete_tools a {
  display: inline-block;
  padding: 0.85em 1.5em;
  background-color: var(--color-1);
  color: white;
  border-radius: 1000px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  font-size: 14rem;
  letter-spacing: 0.006em;
  background-color: transparent;
  color: var(--color-1);
  border: 0.15em solid currentColor;
  font-size: 14rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.case-studies.content .container-sidebar .container-verwendete_tools a:hover {
  background-color: var(--color-2);
  color: white;
}
section.case-studies.content .container-sidebar .container-verwendete_tools a:hover {
  background-color: var(--color-2);
  border-color: var(--color-2);
  color: white;
}
section.case-studies.content .case-study-separator {
  border-bottom: 2.5rem solid var(--color-1);
  margin: 250rem 0;
}
@media (max-width: 720px) {
  section.case-studies.content .case-study-separator {
    margin: 150rem 0;
  }
}
section.case-studies.content .case-study-separator svg {
  width: 90rem;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 720px) {
  section.case-studies.content .case-study-separator svg {
    width: 60rem;
  }
}

section.newsblog {
  background-color: var(--color-1);
}
section.newsblog .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section.newsblog .background svg {
  width: 60%;
  height: auto;
  position: absolute;
  top: -10%;
  right: -10%;
}
@media (max-width: 1120px) {
  section.newsblog .background svg {
    right: -15%;
    top: -5%;
  }
}
@media (max-width: 720px) {
  section.newsblog .background svg {
    right: -15%;
    top: -1%;
  }
  section.newsblog .background svg path {
    stroke-width: 15rem;
  }
}
section.newsblog .inner-wrapper {
  padding: 250rem 300rem 90rem 30rem;
}
@media (max-width: 1120px) {
  section.newsblog .inner-wrapper {
    padding-right: 30rem;
  }
}
@media (max-width: 720px) {
  section.newsblog .inner-wrapper {
    padding-top: 150rem;
    padding-left: 0;
    padding-right: 0;
  }
}
section.newsblog .container-intro {
  width: 45%;
  padding-left: 30rem;
}
@media (max-width: 1120px) {
  section.newsblog .container-intro {
    width: 65%;
  }
}
@media (max-width: 720px) {
  section.newsblog .container-intro {
    width: 100%;
    padding-left: 20rem;
    padding-right: 20rem;
  }
}
section.newsblog h1 {
  font-weight: normal;
  font-size: 22rem;
  line-height: 28rem;
  margin: 0;
  color: var(--color-1);
  color: white;
}
@media (max-width: 1120px) {
  section.newsblog h1 {
    font-size: 18rem;
    line-height: 20rem;
  }
}
@media (max-width: 720px) {
  section.newsblog h1 {
    font-size: 16rem;
  }
}
section.newsblog h1 + h3 {
  margin-top: 0;
}
section.newsblog h1 + h2 {
  margin-top: 0.2em;
}
section.newsblog h2 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
  font-size: 40rem;
  line-height: 52rem;
  font-weight: normal;
  color: white;
}
@media (max-width: 1120px) {
  section.newsblog h2 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.newsblog h2 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.newsblog h2 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 720px) {
  section.newsblog h2 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
section.newsblog h2 strong {
  font-weight: 500;
}
section.newsblog nav {
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
  margin-top: 40rem;
}
section.newsblog .pagination {
  color: white;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 30rem;
  padding: 0;
  margin: 0;
  font-size: 24rem;
  line-height: 30rem;
}
section.newsblog .pagination .active {
  color: var(--color-2);
  font-weight: 500;
}
section.newsblog .pagination .previous:hover svg .circle,
section.newsblog .pagination .next:hover svg .circle {
  fill: var(--color-2);
  stroke: var(--color-2);
}
section.newsblog .pagination .previous:hover svg .arrow,
section.newsblog .pagination .next:hover svg .arrow {
  stroke: white;
}
section.newsblog .pagination .previous.disabled,
section.newsblog .pagination .next.disabled {
  pointer-events: none;
  opacity: 0.5;
}
section.newsblog .pagination .previous svg,
section.newsblog .pagination .next svg {
  width: 1.2em;
  height: 1.2em;
}
section.newsblog .pagination .previous svg .circle,
section.newsblog .pagination .next svg .circle {
  fill: white;
}
section.newsblog .pagination .previous svg .arrow,
section.newsblog .pagination .next svg .arrow {
  stroke: var(--color-1);
}
section.newsblog .pagination .next {
  margin-left: 20rem;
}
section.newsblog .pagination .previous {
  margin-right: 20rem;
}
section.newsblog .pagination .previous svg {
  transform: rotate(180deg);
}

.container-posts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40rem;
  color: var(--color-1);
  margin-top: 120rem;
}
@media (max-width: 1120px) {
  .container-posts {
    gap: 30rem;
  }
}
@media (max-width: 720px) {
  .container-posts {
    margin-top: 90rem;
    grid-template-columns: 1fr;
  }
}

.post-vorschau {
  border-radius: 30rem;
  overflow: hidden;
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-template-rows: 1fr auto;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  .post-vorschau {
    grid-template-columns: 1fr;
  }
}
.post-vorschau:hover > span:last-child {
  background-color: var(--color-2);
  color: white;
}
.post-vorschau:hover > span:last-child svg .arrow {
  stroke: var(--color-2);
}
.post-vorschau .container-bild {
  background-color: white;
}
@media (max-width: 1120px) {
  .post-vorschau .container-bild {
    height: 180rem;
  }
}
.post-vorschau .container-bild.bild-fuellen-1 {
  background-color: unset;
}
.post-vorschau .container-bild.bild-fuellen-1 img {
  -o-object-fit: cover;
     object-fit: cover;
}
.post-vorschau .container-bild.add-background {
  background-color: var(--color-6);
}
.post-vorschau img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.post-vorschau .container-text {
  background-color: white;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 30rem;
}
@media (max-width: 1120px) {
  .post-vorschau .container-text {
    padding: 20rem;
  }
}
.post-vorschau .titel {
  font-size: 22rem;
  line-height: 28rem;
  letter-spacing: 0.005em;
  font-weight: 500;
}
@media (max-width: 1120px) {
  .post-vorschau .titel {
    font-size: 18rem;
    line-height: 22rem;
  }
}
@media (max-width: 720px) {
  .post-vorschau .titel {
    font-size: 20rem;
    line-height: 24rem;
  }
}
.post-vorschau .text {
  font-size: 18rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  margin-top: 20rem;
}
@media (max-width: 1120px) {
  .post-vorschau .text {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.post-vorschau .datum {
  margin-top: 30rem;
  font-size: 14rem;
  line-height: 20rem;
  letter-spacing: 0.02em;
}
.post-vorschau > span:last-child {
  grid-column: 1/-1;
  background-color: var(--color-5);
  display: flex;
  justify-content: flex-start;
  align-self: center;
  font-size: 18rem;
  line-height: 27rem;
  font-weight: 500;
  padding: 10rem;
  padding-left: calc(40% + 30rem);
}
@media (max-width: 1120px) {
  .post-vorschau > span:last-child {
    padding-left: 30rem;
    font-size: 16rem;
  }
}
.post-vorschau > span:last-child svg {
  height: 1.2em;
  width: 1.2em;
  margin-left: 1em;
  bottom: -0.1em;
}
.post-vorschau > span:last-child svg .circle {
  fill: currentColor;
}
.post-vorschau > span:last-child svg .arrow {
  stroke: var(--color-5);
}

section.newsblog-post.content .inner-wrapper {
  padding: 300rem 90rem 0;
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-gap: 60rem;
}
@media (max-width: 1120px) {
  section.newsblog-post.content .inner-wrapper {
    grid-template-columns: 1fr;
    padding: 200rem 60rem 60rem;
  }
}
@media (max-width: 720px) {
  section.newsblog-post.content .inner-wrapper {
    padding: 150rem 20rem 60rem;
  }
}
section.newsblog-post.content .container-intro {
  padding-right: 40rem;
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-intro {
    padding-bottom: 90rem;
  }
}
@media (max-width: 720px) {
  section.newsblog-post.content .container-intro {
    padding-right: 0;
    padding-bottom: 60rem;
  }
}
section.newsblog-post.content .container-intro .background {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200%;
  height: 200%;
  background-color: var(--color-6);
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-intro .background {
    right: -50%;
  }
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-intro .container-text {
    width: 60%;
  }
}
@media (max-width: 720px) {
  section.newsblog-post.content .container-intro .container-text {
    width: 100%;
  }
}
section.newsblog-post.content .container-intro .dachzeile {
  font-weight: normal;
  font-size: 22rem;
  line-height: 28rem;
  margin: 0;
  color: var(--color-1);
  font-size: 18rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-intro .dachzeile {
    font-size: 18rem;
    line-height: 20rem;
  }
}
@media (max-width: 720px) {
  section.newsblog-post.content .container-intro .dachzeile {
    font-size: 16rem;
  }
}
section.newsblog-post.content .container-intro .dachzeile + h3 {
  margin-top: 0;
}
section.newsblog-post.content .container-intro .dachzeile + h2 {
  margin-top: 0.2em;
}
section.newsblog-post.content .container-intro .dachzeile + h1 {
  margin-top: 0.5em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
section.newsblog-post.content .container-intro h1 {
  font-weight: 500;
  color: var(--color-1);
  font-size: 36rem;
  line-height: 42rem;
  letter-spacing: 0.01em;
  margin-bottom: 1.25em;
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-intro h1 {
    font-size: 26rem;
    line-height: 34rem;
  }
}
@media (max-width: 720px) {
  section.newsblog-post.content .container-intro h1 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-intro h1 {
    margin-bottom: 60rem;
  }
}
@media (max-width: 720px) {
  section.newsblog-post.content .container-intro h1 {
    margin-bottom: 40rem;
    font-size: 26rem;
    line-height: 32rem;
  }
}
section.newsblog-post.content .container-intro .container-bild {
  border-radius: 30rem;
  overflow: hidden;
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-intro .container-bild {
    margin-left: 90rem;
    margin-right: 90rem;
  }
}
@media (max-width: 720px) {
  section.newsblog-post.content .container-intro .container-bild {
    margin: unset;
    border-radius: 20rem;
  }
}
section.newsblog-post.content .container-intro .container-bild img {
  width: 100%;
}
section.newsblog-post.content .container-content {
  padding-top: 50rem;
  padding-bottom: 180rem;
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-content {
    padding-top: 20rem;
    padding-right: 120rem;
    padding-bottom: 0;
  }
}
@media (max-width: 720px) {
  section.newsblog-post.content .container-content {
    padding-right: 0;
  }
}
section.newsblog-post.content .container-content p {
  font-size: 20rem;
  line-height: 28rem;
  letter-spacing: 0.01em;
  color: var(--color-1);
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-content p {
    font-size: 16rem;
    line-height: 24rem;
  }
}
section.newsblog-post.content .container-content p ul {
  padding-left: 0;
  list-style: none;
}
section.newsblog-post.content .container-content p ul li {
  padding-left: 1em;
}
section.newsblog-post.content .container-content p ul li:before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
}
section.newsblog-post.content .container-content p a {
  text-decoration: underline;
}
section.newsblog-post.content .container-content p a:hover {
  color: var(--color-2);
}
section.newsblog-post.content .container-content p strong {
  font-weight: 500;
}
section.newsblog-post.content .container-content p a {
  font-weight: 500;
}
section.newsblog-post.content .container-content p a:hover::after {
  background-image: url("/dateien-statisch/icon-arrow_link-orange.svg");
}
section.newsblog-post.content .container-content p a::after {
  content: "";
  display: inline-block;
  background-image: url("/dateien-statisch/icon-arrow_link-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
  transform: translateY(0.2em);
  margin-left: 0.25em;
}
section.newsblog-post.content .container-content p a[target=_blank]::after {
  background-image: url("/dateien-statisch/icon-arrow_link_extern-blue.svg");
}
section.newsblog-post.content .container-content p a[target=_blank]:hover::after {
  background-image: url("/dateien-statisch/icon-arrow_link_extern-orange.svg");
}
section.newsblog-post.content .container-content .kleiner-text {
  margin: 60rem 0;
}
section.newsblog-post.content .container-content .kleiner-text p, section.newsblog-post.content .container-content .kleiner-text ul, section.newsblog-post.content .container-content .kleiner-text blockquote {
  font-size: 18rem;
  line-height: 26rem;
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-content .kleiner-text p, section.newsblog-post.content .container-content .kleiner-text ul, section.newsblog-post.content .container-content .kleiner-text blockquote {
    font-size: 14rem;
    line-height: 20rem;
  }
}
section.newsblog-post.content .container-content blockquote {
  margin: 1em 0;
  padding-left: 1em;
  border-left: 2px solid currentColor;
}
section.newsblog-post.content .container-content h2 {
  font-size: 23rem;
  line-height: 43rem;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color-2);
          text-decoration-color: var(--color-2);
  text-underline-offset: 0.4em;
  text-decoration-thickness: 0.1em;
  margin-top: 3em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-content h2 {
    font-size: 20rem;
    line-height: 38rem;
  }
}
section.newsblog-post.content .container-content img {
  margin: 40rem 0;
  width: 100%;
}
section.newsblog-post.content .container-content img + p.bildbeschreibung {
  margin-top: -25rem;
  font-size: 18rem;
  line-height: 22rem;
  margin-bottom: 80rem;
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-content img + p.bildbeschreibung {
    font-size: 14rem;
    line-height: 20rem;
  }
}
section.newsblog-post.content .container-content iframe {
  width: 100%;
  height: 40vh;
}
@media (max-width: 1120px) {
  section.newsblog-post.content .container-content iframe {
    height: 30vh;
  }
}
section.newsblog-post.content .container-content .social-buttons {
  display: flex;
  gap: 20rem;
  margin-top: 90rem;
}
@media (max-width: 720px) {
  section.newsblog-post.content .container-content .social-buttons {
    flex-direction: column;
    align-items: flex-start;
    gap: 10rem;
  }
}

section.newsblog-post.weitere-neuigkeiten .inner-wrapper {
  padding: 120rem 300rem 120rem 30rem;
}
@media (max-width: 1120px) {
  section.newsblog-post.weitere-neuigkeiten .inner-wrapper {
    padding-right: 30rem;
    padding-top: 90rem;
    padding-bottom: 90rem;
  }
}
@media (max-width: 720px) {
  section.newsblog-post.weitere-neuigkeiten .inner-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
section.newsblog-post.weitere-neuigkeiten h2 {
  padding: 0 60rem;
}
@media (max-width: 1120px) {
  section.newsblog-post.weitere-neuigkeiten h2 {
    padding: 0 30rem;
  }
}
@media (max-width: 720px) {
  section.newsblog-post.weitere-neuigkeiten h2 {
    padding: 0 20rem;
  }
}
section.newsblog-post.weitere-neuigkeiten .post-vorschau {
  box-shadow: 0 10rem 30rem 0 rgba(0, 0, 0, 0.15);
}
section.newsblog-post.weitere-neuigkeiten .container-posts {
  margin-top: 0;
}

:root {
  font-size: 0.053vw;
}
@media (max-width: 1120px) {
  :root {
    font-size: 0.11vw;
  }
}
@media (max-width: 720px) {
  :root {
    font-size: 0.24vw;
  }
}
@media (min-width: 1800px) {
  :root {
    font-size: 1px;
  }
}

body {
  font-size: 16rem;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body main {
  overflow-x: hidden;
}
body main.videotutorials {
  overflow-x: unset;
}
body .inner-wrapper {
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1120px) {
  body .inner-wrapper {
    max-width: 85vw;
  }
}
@media (max-width: 720px) {
  body .inner-wrapper {
    max-width: 90vw;
  }
}
@media (min-width: 1800px) {
  body .inner-wrapper {
    max-width: 1800px;
  }
}
body a.button {
  align-self: center;
  padding: 0.6em 1.4em;
  font-size: 14rem;
  border-radius: 1000px;
  border: 1.5px solid currentColor;
  color: var(--color-2);
  text-transform: uppercase;
  font-weight: 500;
}
body a.button.cta {
  background-color: var(--color-2);
  border-color: var(--color-2);
  color: var(--color-1);
}
body a.button:hover {
  background-color: var(--color-1);
  border-color: var(--color-1);
  color: white;
}