@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Opensanscondensed;
  src: url('../fonts/OpenSansCondensed-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Opensanscondensed;
  src: url('../fonts/OpenSansCondensed-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

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

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

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

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

@font-face {
  font-family: Opensans;
  src: url('../fonts/OpenSans-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: Opensans;
  src: url('../fonts/OpenSans-ExtraBoldItalic.ttf') format("truetype"), url('../fonts/OpenSans-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Opensans;
  src: url('../fonts/OpenSans-Bold.ttf') format("truetype"), url('../fonts/OpenSans-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Opensans;
  src: url('../fonts/OpenSans-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

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

:root {
  --5b305d: #5b305d;
  --6f6f6e: #6f6f6e;
  --laura: #2a2f6e;
  --lavender-blush: #eadee9;
  --medium-turquoise: #7fc4ca;
  --petrol: #008995;
  --light-cyan: #cce7ea;
  --darkpetrol: #005d62;
  --white: #c898c4;
  --orchid: #af78aa;
  --midnight-blue: #1c2b54;
  --khaki: #d6d846;
  --lightblue: #3b5b9d0d;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Barlow, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

strong {
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

sup {
  font-family: Barlow, sans-serif;
}

.navbar {
  object-fit: fill;
  background-color: #fff;
  width: 100vw;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 6px 19px -2px #6f6f6e80;
}

.image {
  width: 150px;
  height: auto;
  max-height: 100px;
  margin-top: 16px;
  display: block;
  position: static;
  left: 110.5px;
}

.section-hero {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/img-header-tagrisso.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  flex-direction: column;
  justify-content: space-between;
  min-height: 800px;
  margin-top: -50px;
  padding-top: 200px;
  display: flex;
  position: static;
}

.section-hero.new {
  background-image: url('../images/img-header-flaura2-1.jpg');
  background-position: 50% 100%;
  background-size: cover;
  justify-content: space-between;
  align-items: center;
  min-height: 630px;
  margin-top: 100px;
  padding-top: 45px;
  position: relative;
}

.section-hero.new.more--padding {
  padding-top: 160px;
}

.section-hero.new.start {
  margin-top: 81px;
}

.hero-h2 {
  color: #5b305d;
  text-align: center;
  letter-spacing: normal;
  text-transform: uppercase;
  column-count: auto;
  white-space: normal;
  margin-top: 110px;
  margin-bottom: 0;
  padding-top: 100px;
  font-family: Opensanscondensed, sans-serif;
  font-size: 48px;
  line-height: 65px;
  display: block;
}

.hero-title {
  max-width: 1530px;
  color: var(--5b305d);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Barlow, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 109px;
}

.hero-title.is--left-align {
  text-align: left;
}

.hero-title.is--left-align.is--no-capitalization {
  text-transform: none;
}

.container {
  text-align: left;
  max-width: 1392px;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Barlow, sans-serif;
}

.container.is--extra-margin {
  margin-top: 120px;
  margin-bottom: 120px;
}

.container.is--full-width-img {
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.container.is--full-width-img.is--align-center-v {
  align-items: center;
  display: flex;
}

.container.is--full-width-img.is--right-aligned {
  justify-content: flex-end;
}

.container.exapnd {
  flex: 1;
}

.text-center {
  color: var(--6f6f6e);
  text-align: center;
  margin-top: 0;
  margin-bottom: 80px;
  font-family: Barlow, sans-serif;
  font-size: 18px;
  line-height: 27px;
}

.section-faq {
  margin-bottom: 0;
  padding-top: 120px;
  padding-bottom: 120px;
}

.column {
  text-align: left;
  margin-top: 64px;
  margin-bottom: 0;
  position: relative;
}

.column-2, .column-3, .column-4 {
  text-align: left;
  margin-top: 64px;
}

.body {
  font-family: Opensans, sans-serif;
}

.button {
  background-color: var(--5b305d);
  color: #fff;
  border-radius: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.button:hover {
  background-color: #c7a0c4;
}

.button.is--blue {
  background-color: #3b5b9d;
}

.button.button-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.button.is--laura {
  background-color: var(--laura);
}

.button.no-margin {
  margin-top: 10px;
  margin-bottom: 0;
}

.registerrbold {
  font-size: 14px;
  line-height: 0;
  position: relative;
  top: -7px;
}

.accordion-text {
  max-width: 1300px;
  color: var(--6f6f6e);
  margin-bottom: 24px;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  line-height: 30px;
  position: relative;
  top: 0;
}

.accordion-item-content {
  padding-bottom: 0;
  padding-left: 24px;
}

.heading-2-inline {
  color: var(--5b305d);
  cursor: pointer;
  align-self: auto;
  font-size: 20px;
  display: inline-block;
}

.icon-minus {
  clear: none;
  text-align: right;
  width: 25px;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  right: 50px;
}

.accordion-item-trigger {
  background-color: var(--lavender-blush);
  cursor: pointer;
  border-radius: 50px;
  flex-flow: row;
  place-content: center flex-start;
  align-items: center;
  max-width: none;
  margin-bottom: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  display: flex;
  position: relative;
}

.accordion-item-trigger.is--laura {
  background-color: #dde1f2;
}

.registeredr {
  font-size: 14px;
  position: relative;
  top: -5px;
  left: 0;
}

.icon-plus {
  text-align: right;
  width: 25px;
  margin-left: 0;
  margin-right: 10px;
  display: block;
  position: absolute;
  top: auto;
  bottom: auto;
  right: 40px;
}

.accordion-item {
  justify-content: center;
  display: block;
}

.bold-text-2 {
  font-size: 20px;
  font-weight: 700;
}

.section-kurzerechenwege {
  background-image: url('../images/img-background.jpg');
  background-position: 0 0;
  background-size: cover;
  padding: 120px 0;
}

.section-loesung {
  padding-top: 120px;
  padding-bottom: 60px;
  display: block;
  position: relative;
}

.image-2 {
  width: 65px;
  max-width: none;
  margin: 0 auto;
  display: block;
  position: static;
  top: 0;
}

.tabs-menu {
  z-index: 99;
  flex-direction: row;
  margin-top: -20px;
  padding-top: 0;
  display: flex;
  position: sticky;
  top: 20px;
}

.tab-link-tab-2 {
  background-color: var(--lavender-blush);
  flex: 1;
  margin-top: 40px;
}

.tab-link-tab-2.w--current {
  background-color: var(--5b305d);
}

.tab-link {
  background-color: var(--lavender-blush);
  color: var(--5b305d);
  text-align: center;
  flex: 0 auto;
  margin-top: 40px;
  margin-right: 5px;
  font-weight: 700;
}

.tab-link:hover {
  color: #fff;
  background-color: #af78aa;
}

.tab-link.w--current {
  background-color: var(--5b305d);
  color: #fff;
  text-align: center;
  margin-top: 40px;
  position: relative;
}

.tab-link.hide {
  display: none;
}

.tab-link.teal {
  background-color: var(--medium-turquoise);
  color: #fff;
}

.tab-link.teal.w--current {
  background-color: var(--petrol);
}

.tab-link.dark-petrol {
  background-color: var(--medium-turquoise);
  color: #fff;
  margin-right: 5px;
}

.tab-link.dark-petrol.w--current {
  background-color: red;
  background-image: linear-gradient(#005d62, #005d62);
}

.tab-link.dark-petrol {
  color: #fff;
  background-color: #005d6266;
}

.tab-link.dark-petrol.w--current {
  background-color: var(--petrol);
}

.tab-link.is--laura.w--current {
  background-color: var(--laura);
}

.tab-link.is--flaura {
  background-color: var(--light-cyan);
  color: var(--petrol);
}

.tab-link.is--flaura.w--current {
  background-color: var(--petrol);
  color: #fff;
}

.tab-link.is--flaura2 {
  color: var(--darkpetrol);
  background-color: #005d6221;
}

.tab-link.is--flaura2.w--current {
  background-color: var(--darkpetrol);
  color: #fff;
}

.tab-link-tab-3 {
  background-color: #eadee9;
  flex: 1;
  margin-top: 40px;
}

.tab-link-tab-3.w--current {
  background-color: var(--5b305d);
}

.tab-link-tab-4 {
  background-color: #eadee9;
  flex: 1;
  margin-top: 40px;
}

.tab-link-tab-4.w--current {
  background-color: var(--5b305d);
}

.tab-text {
  color: #fff;
  text-align: center;
  border: 0 solid #0000;
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.tab-text:active {
  color: #fff;
}

.section-ergebnisse {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.section-studiendesign {
  background-image: url('../images/img-background.jpg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-downloads {
  background-image: url('../images/img-background.jpg');
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 120px;
}

.is-center {
  text-align: center;
  font-size: 48px;
}

.is-center.heading-3 {
  width: auto;
  font-family: Barlow, sans-serif;
  display: block;
  position: static;
}

.is-center.heading-3.light-purple {
  color: var(--white);
}

.is-center.heading-3.is--laura {
  color: var(--laura);
}

.is-center.heading-4 {
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.is-center.heading-4.plum {
  color: var(--white);
}

.is-center.heading-3-copy {
  width: auto;
  font-family: Barlow, sans-serif;
  display: block;
  position: static;
}

.is-center.heading-4-petrol {
  font-weight: 700;
}

.is-center.heading-4-petrol-dark {
  color: #005d62;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
}

.column-card {
  text-align: center;
  background-color: #ffffffb3;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  padding: 40px 10px 20px;
  display: flex;
}

.container-2 {
  max-width: 1440px;
}

.heading-2 {
  color: #fff;
  background-color: #904189;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  width: 80vw;
  max-width: 1038px;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 24px 24px 24px 120px;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  text-decoration: none;
  display: inline-block;
}

.nav-link {
  color: var(--6f6f6e);
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.nav-link:hover {
  color: var(--orchid);
}

.nav-link:visited {
  color: var(--6f6f6e);
}

.nav-link.w--current {
  color: var(--5b305d);
}

.nav-link.w--current:hover {
  color: #000;
}

.nav-link-2 {
  color: var(--6f6f6e);
  font-weight: 700;
}

.nav-link-2:hover, .nav-link-2.w--current {
  color: var(--5b305d);
}

.nav--link {
  color: var(--6f6f6e);
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.nav--link:hover {
  color: #af78aa;
}

.nav--link:active {
  color: var(--orchid);
}

.nav--link.w--current {
  color: #af78aa;
}

.heading-3 {
  width: auto;
  color: var(--5b305d);
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 0;
  font-family: Barlow, sans-serif;
  font-size: 36px;
  line-height: 49px;
}

.heading-3.margin-top {
  margin-top: 60px;
}

.heading-4 {
  color: var(--5b305d);
  margin-top: 0;
  margin-bottom: 16px;
  margin-left: 0;
  font-family: Barlow, sans-serif;
  font-size: 24px;
  line-height: 33px;
}

.heading-4.is--text-black {
  color: #000;
}

.heading-4.is--text--petrol {
  color: var(--petrol);
}

.heading-4.is--text--petrol.is-margin-top-100 {
  margin-top: 60px;
}

.heading-4.is--text--orchid {
  color: var(--orchid);
}

.heading-4.left-margin {
  margin-left: 81px;
}

.heading-4.left-margin-extra {
  margin-left: 144px;
}

.heading-4.is--text--petrol--dark {
  color: #005d62;
}

.heading-4.is--text--petrol--dark.is-margin-top-100 {
  margin-top: 60px;
}

.heading-4.is--laura, .heading-4.is--text--laura {
  color: var(--laura);
}

.heading-5 {
  color: #fff;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow, sans-serif;
  font-size: 18px;
  line-height: 24px;
  display: block;
  position: static;
}

.heading-6 {
  color: var(--5b305d);
}

.image-3, .image-4, .image-5, .image-6 {
  margin-bottom: 40px;
}

.text-block {
  float: none;
  width: auto;
  color: var(--6f6f6e);
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.section-2 {
  margin-bottom: 120px;
  display: block;
}

.section-testung {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-referenzen {
  background-color: var(--5b305d);
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-referenzen.is--dark-blue {
  background-color: #3b5b9d80;
}

.section-referenzen.is--laura {
  background-color: var(--laura);
}

.text-block-white {
  color: #fff;
  font-family: Barlow, sans-serif;
}

.text-block-white:hover {
  color: #fff;
}

.heading-4-white {
  color: #fff;
  order: 0;
  align-self: center;
  width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Barlow, sans-serif;
  font-size: 24px;
  font-style: normal;
  line-height: 33px;
  text-decoration: none;
}

.section-footer {
  text-align: center;
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
  position: static;
  inset: auto 0% 0%;
}

.footer-link-text {
  float: left;
  color: var(--6f6f6e);
  text-align: center;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.footer-link-text:hover {
  color: var(--5b305d);
}

.div-block {
  max-width: 1100px;
  color: var(--6f6f6e);
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 64px;
  display: block;
}

.section-video {
  padding-top: 80px;
  padding-bottom: 120px;
}

.heading-7, .heading-8 {
  margin-top: 0;
}

.text-superscript {
  color: var(--6f6f6e);
  text-align: left;
  font-size: 8px;
  position: relative;
  bottom: 6px;
}

.text-box-wide {
  float: none;
  max-width: none;
  color: var(--6f6f6e);
  object-fit: fill;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  display: block;
  position: relative;
}

.text-box-wide.is--margin-top {
  margin-top: 40px;
}

.text-box-wide.is--margin-top.btm-less {
  margin-bottom: 20px;
}

.text-box-wide.is--petrol {
  color: var(--petrol);
}

.text-box-wide.is--no-margin {
  max-width: none;
  margin-bottom: 0;
}

.text-box-wide.full-width-top {
  max-width: none;
  margin-bottom: 20px;
}

.text-box-wide.full-width-top.rezidivrisiko-copy, .text-box-wide.rezidivrisiko-copy {
  color: var(--6f6f6e);
  font-size: 20px;
  line-height: 30px;
}

.text-box-wide.is-mueller {
  color: var(--laura);
  font-family: Nunito, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.text-box-wide.special-size {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.text-box-wide.special-bildsigne {
  max-width: 720px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 21px;
}

.text-span {
  text-decoration: underline;
}

.heading-superscript {
  font-size: 16px;
  text-decoration: none;
  position: relative;
  bottom: 23px;
}

.text-block-small {
  float: none;
  clear: none;
  width: auto;
  color: var(--6f6f6e);
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Barlow, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  position: static;
  top: 300px;
  right: 80px;
}

.text-block-small.is--50 {
  width: 50%;
}

.text-block-small.is--right {
  text-align: right;
  max-width: 50%;
  margin-right: 40px;
}

.text-block-small.is--right.hide {
  display: none;
}

.column-5 {
  flex: 1;
  padding: 20px 0 20px 20px;
  position: relative;
  top: 0;
  bottom: 0;
}

.column-5.is--flex {
  align-items: flex-end;
  display: flex;
}

.tab-text-active {
  color: #fff;
  text-align: center;
  border: 0 solid #0000;
  font-weight: 700;
}

.tabs-content {
  padding-top: 40px;
  padding-bottom: 0;
  padding-left: 80px;
}

.image-7 {
  width: 800px;
  margin-top: 16px;
  display: block;
}

.columns-with-icon {
  border-radius: 70px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Barlow, sans-serif;
  display: flex;
}

.columns-with-icon.is--align-top {
  align-items: flex-start;
}

.columns-with-icon.is--no-margin {
  margin-top: 0;
}

.columns-with-icon.hidden {
  display: none;
}

.columns-with-icon.bg-petrol {
  background-color: #daf0ef;
  border-radius: 70px;
}

.columns-with-icon.bg-lila {
  background-color: #eae0ea;
}

.columns-with-icon.bg-laura {
  background-color: #b7b8cf;
}

.columns-with-icon.bg-darkpetrol {
  background-color: #d6ece7;
  border-radius: 160px;
}

.columns-with-icon.bg-lime {
  background-color: #c2d82f26;
  border-radius: 81px;
}

.text-span-2 {
  color: var(--5b305d);
  font-weight: 700;
}

.footerlink {
  color: #6f6f6e;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Barlow, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.footerlink:hover {
  color: var(--5b305d);
}

.text-span-4 {
  text-align: center;
  width: 0;
  margin-right: 0;
  padding-left: 0;
  font-family: Barlow, sans-serif;
}

.image-8 {
  clear: none;
  margin-left: 500px;
  display: inline-block;
  position: static;
  left: 0;
}

.column-6 {
  clear: none;
  text-align: center;
  object-fit: fill;
  object-position: 50% 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.column-7 {
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.column-8 {
  padding-left: 0;
  padding-right: 0;
}

.column-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column-reverse;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.image-9, .image-10, .image-11 {
  margin-bottom: 24px;
}

.link-block {
  margin-top: 24px;
  transition: all .2s;
}

.link-block:hover {
  transform: translate(0, -5px);
}

.image-12, .image-13 {
  margin-top: 24px;
}

.text-span-5 {
  font-weight: 700;
}

.text-span-6 {
  font-family: Barlow, sans-serif;
  font-weight: 700;
  position: static;
}

.text-span-7 {
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.column-10 {
  position: static;
}

.columns-2 {
  text-align: center;
  margin-bottom: 40px;
}

.image-14 {
  max-width: 100%;
  height: 56px;
}

.container-footer {
  text-align: left;
  max-width: 1440px;
  margin-top: 0;
  padding-top: 0;
}

.columns-3 {
  text-align: center;
}

.text-span-8 {
  width: 100%;
  color: var(--6f6f6e);
  text-decoration: none;
}

.columns-4 {
  margin-left: 40px;
  margin-right: 40px;
  padding-left: 0;
}

.tab-text-white {
  color: #fff;
}

.image-15 {
  margin-top: 23px;
}

.image-16 {
  display: block;
}

.image-17 {
  color: #005d62;
  flex: 0 auto;
  align-self: flex-start;
  width: 144px;
  max-width: none;
  height: 144px;
  margin-left: 5px;
  margin-right: 0;
  font-family: Barlow, sans-serif;
}

.image-17.is--smaller {
  width: 110px;
  height: 110px;
}

.image-18 {
  display: block;
}

.link {
  color: #fff;
  font-family: Barlow, sans-serif;
  text-decoration: underline;
}

.link:hover {
  color: #c7a0c4;
}

.text-block-3 {
  float: left;
  color: var(--6f6f6e);
  text-align: center;
  justify-content: space-around;
  align-items: flex-end;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.text-block-3:hover {
  color: var(--5b305d);
}

.column-11, .column-12, .column-13 {
  justify-content: center;
  display: flex;
}

.heading-4-small {
  min-height: auto;
  color: var(--5b305d);
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.heading-4-small.is--laura {
  color: var(--laura);
}

.column-14 {
  padding-right: 20px;
}

.section-formular {
  background-image: url('../images/img-background.jpg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
}

.bold-text-3 {
  color: var(--5b305d);
  align-items: center;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 400;
  display: block;
}

.columns-5 {
  margin-right: 10px;
}

.text-span-9, .text-span-10 {
  font-weight: 700;
}

.text-span-11 {
  position: relative;
  bottom: 3px;
}

.text-span-12 {
  margin-bottom: 40px;
  display: block;
  position: relative;
  top: 3px;
}

.text-span-13 {
  position: relative;
  top: 2px;
}

.text-span-14 {
  position: relative;
  bottom: 4px;
}

.text-span-15 {
  position: relative;
  top: 2px;
}

.div-block-2 {
  margin-top: 24px;
}

.section-hero-mobile {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/img-header.jpg');
  background-position: 0 0;
  background-size: auto 800px;
  background-clip: border-box;
  height: 800px;
  margin-top: -80px;
  display: none;
  position: static;
}

.einschubheadline {
  background-color: var(--orchid);
  color: #fff;
  border-top-right-radius: 150px;
  border-bottom-right-radius: 150px;
  align-items: center;
  width: auto;
  max-width: 1038px;
  max-height: 142px;
  margin-top: 40px;
  margin-bottom: 0;
  margin-left: -10px;
  padding: 16px 40px 16px 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  text-decoration: none;
  display: flex;
}

.einschubheadline.is--laura {
  background-color: #767cb3;
}

.einschubheadline--ext {
  align-items: center;
  margin-left: 0;
  font-size: 24px;
  line-height: 33px;
  display: flex;
}

.heading-9 {
  float: left;
  font-size: 24px;
}

.image-19 {
  align-self: center;
  margin-right: 24px;
}

.text-span-16 {
  text-decoration: underline;
}

.text-span-16:hover {
  color: #c7a0c4;
}

.text-span-17, .text-span-18 {
  text-decoration: underline;
}

.text-span-18:hover {
  color: #c7a0c4;
}

.text-span-19 {
  text-decoration: underline;
}

.bold-text-4 {
  font-weight: 400;
}

.text-span-20 {
  color: var(--5b305d);
  font-family: Barlow, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.text-span-21, .text-span-22, .text-span-23 {
  color: var(--5b305d);
}

.text-span-24, .text-span-25 {
  position: relative;
  bottom: 4px;
}

.text-span-26 {
  color: var(--5b305d);
}

.nav-link-4 {
  color: var(--6f6f6e);
  font-weight: 700;
}

.nav-link-4:hover, .nav-link-4.w--current {
  color: var(--5b305d);
}

.nav-link--blue {
  color: var(--6f6f6e);
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.nav-link--blue:hover {
  color: var(--orchid);
}

.nav-link--blue.w--current {
  color: var(--midnight-blue);
}

.nav-link--blue.petrol.w--current {
  color: var(--petrol);
}

.nav-link--blue.is--blue:hover {
  color: #3b5b9d;
}

.nav-link-6 {
  color: var(--6f6f6e);
  font-weight: 700;
}

.nav-link-6:hover, .nav-link-6.w--current {
  color: var(--5b305d);
}

.nav-link-6.scrollanchor {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-menu {
  float: none;
  align-self: center;
  padding-left: 0;
  padding-right: 0;
}

.text-span-27 {
  text-decoration: underline;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.section-impressum {
  background-color: #fff;
  padding: 120px 0 80px;
}

.link-2 {
  color: var(--5b305d);
}

.link-3 {
  color: var(--6f6f6e);
  text-decoration: none;
}

.text-span-28 {
  font-family: Barlow, sans-serif;
  font-style: normal;
  text-decoration: none;
}

.text-span-28:hover {
  color: var(--5b305d);
}

.link-4 {
  color: var(--6f6f6e);
  text-decoration: none;
}

.section-datenschutz {
  padding-top: 120px;
  padding-bottom: 60px;
  position: relative;
}

.text-span-29 {
  position: relative;
  top: 2px;
}

.link-5 {
  white-space: normal;
  display: block;
}

.text-span-30 {
  margin-bottom: 40px;
  display: block;
}

.link-lila {
  color: var(--5b305d);
  font-weight: 600;
  text-decoration: underline;
}

.link-lila:hover {
  color: #c7a0c4;
}

.text-span-31 {
  margin-bottom: 40px;
  display: block;
}

.text-block-bullett {
  float: none;
  width: auto;
  color: var(--6f6f6e);
  object-fit: fill;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
  position: relative;
}

.text-block-accordion {
  float: none;
  color: #5b305d;
  object-fit: fill;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1038px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  display: block;
  position: relative;
}

.text-block-accordion.is--laura {
  color: var(--laura);
}

.text-span-32 {
  font-weight: 700;
}

.section-rechtliches, .section-nutzungsbedingungen {
  padding-top: 120px;
  padding-bottom: 60px;
  position: relative;
}

.link-6 {
  color: var(--6f6f6e);
  font-family: Barlow, sans-serif;
  text-decoration: none;
}

.link-6:hover {
  color: var(--5b305d);
}

.link-7 {
  color: var(--6f6f6e);
  text-decoration: none;
}

.link-8 {
  color: var(--6f6f6e);
  font-family: Barlow, sans-serif;
  text-decoration: none;
}

.link-8:hover {
  color: var(--5b305d);
}

.link-9 {
  color: var(--6f6f6e);
  font-family: Barlow, sans-serif;
  text-decoration: none;
}

.link-9:hover {
  color: var(--5b305d);
}

.link-10 {
  text-decoration: none;
}

.link-10:hover {
  color: var(--5b305d);
}

.link-11 {
  color: var(--6f6f6e);
  font-family: Barlow, sans-serif;
  text-decoration: none;
}

.link-11:hover {
  color: var(--5b305d);
}

.link-12 {
  color: #fff;
}

.link-12:hover {
  color: #c7a0c4;
}

.image-20 {
  margin-top: 14px;
}

.image-21 {
  margin-top: 13px;
}

.back-to-top {
  border: 0px solid var(--5b305d);
  background-image: url('../images/ico-back-to-top.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 30px;
  margin-right: 30px;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
}

.back-to-top.meier {
  background-image: url('../images/meier.svg');
  background-size: contain;
}

.back-to-top.spaet {
  background-image: url('../images/spaetes.svg');
  background-size: contain;
}

.back-to-top.spaet2 {
  background-image: url('../images/spaetes_2.svg');
  background-size: contain;
}

.back-to-top.zns {
  background-image: url('../images/ZNS.svg');
  background-size: contain;
}

.text-block-4 {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.text-superscript-lila {
  color: var(--5b305d);
  text-align: left;
  font-size: 14px;
  text-decoration: none;
  position: relative;
  bottom: 6px;
}

.section-hero-smartphone {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/imh-header-desktop.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  height: 800px;
  margin-top: -50px;
  display: none;
  position: static;
}

.text-span-33 {
  position: relative;
  top: 2px;
}

.text-block-small-wide {
  float: none;
  clear: none;
  width: auto;
  color: var(--6f6f6e);
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Barlow, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  position: static;
  top: 300px;
  right: 80px;
}

.text-superscript-white {
  color: #fff;
  text-align: left;
  font-size: 14px;
  text-decoration: none;
  position: relative;
  bottom: 6px;
}

.link-13 {
  text-decoration: none;
}

.text-span-34, .text-span-35 {
  position: relative;
  top: -3px;
}

.text-span-36 {
  font-weight: 700;
}

.text-span-37 {
  color: var(--5b305d);
  font-weight: 300;
}

.text-span-38 {
  position: relative;
  bottom: 6px;
}

.text-span-39 {
  position: relative;
  bottom: 4px;
}

.text-block-wide-center {
  float: none;
  width: 1038px;
  color: var(--6f6f6e);
  text-align: center;
  object-fit: fill;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  position: relative;
}

.text-span-40 {
  font-size: 8px;
  position: relative;
  bottom: 4px;
}

.text-span-41 {
  font-size: 10px;
  position: relative;
  bottom: 4px;
}

.columns-7 {
  margin-top: 0;
  margin-left: -10px;
  padding-left: 180px;
  padding-right: 180px;
  display: flex;
}

.columns-7.padding {
  margin-top: 40px;
}

.container-grey {
  text-align: left;
  background-color: #9e9e9c1a;
  flex-direction: column;
  align-items: center;
  max-width: 1392px;
  height: auto;
  margin-top: 40px;
  margin-bottom: 80px;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 64px;
  display: block;
}

.html-embed {
  text-align: center;
}

.lightbox-link {
  max-width: 90%;
  display: block;
}

.div-block-3 {
  flex-flow: wrap;
  place-content: flex-start space-between;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.reference-item {
  font-family: Barlow, sans-serif;
  display: flex;
}

.reference__point {
  color: #fff;
  text-align: left;
  width: 50px;
  margin-left: 0;
  padding-left: 0;
  font-family: Barlow, sans-serif;
  position: static;
}

.reference__point.hero {
  width: 22px;
  color: var(--orchid);
}

.is-sub {
  font-size: .6em;
  position: relative;
  top: -.8em;
}

.column-16 {
  text-align: right;
}

.text-block-white-copy {
  color: #fff;
  font-family: Barlow, sans-serif;
  transform: translate(0);
}

.text-block-white-copy:hover {
  color: #fff;
}

.image-7-mobile {
  width: 800px;
  margin-top: 16px;
  display: none;
}

.image-2-mobile, .image-2-copy {
  max-width: 90%;
  margin: 40px auto 40px 0;
  display: none;
  position: relative;
  top: 0;
}

.image-2-copy-copy {
  max-width: 90%;
  margin: 40px auto 40px 0;
  display: none;
  position: relative;
  top: 0;
}

.image-2-copy {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 0;
}

.image-7-copy {
  width: 800px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-span-43 {
  position: relative;
}

.text-span-44 {
  font-size: 10px;
  position: relative;
  bottom: 8px;
}

.text-span-45 {
  font-size: 8px;
  position: relative;
  bottom: 6px;
}

.text-span-46 {
  font-size: 10px;
  position: relative;
  bottom: 7px;
}

.overlay-container {
  background-color: #0000004d;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.popup-content {
  max-width: 1440px;
}

.div-block-4 {
  text-align: center;
  background-color: #fffaf9;
  justify-content: center;
  align-items: center;
  width: 80vw;
  margin: auto;
  padding: 60px 40px 20px;
  display: block;
  position: relative;
}

.btn-close-icon {
  cursor: pointer;
  margin-bottom: 0;
  position: absolute;
  inset: 25px 25px auto auto;
}

.text-block-white-centered {
  color: #fff;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.text-span-51 {
  color: #ffaa01;
  font-size: 26px;
}

.button-2 {
  color: #000;
  text-transform: uppercase;
  background-color: #ff9505;
  margin-top: 20px;
  padding: 22px 26px 18px;
  font-size: 20px;
}

.heading-3-copy {
  color: var(--5b305d);
  text-align: left;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 36px;
  line-height: 49px;
}

.text-block-wide-copy {
  float: none;
  width: 1038px;
  color: var(--6f6f6e);
  text-align: left;
  object-fit: fill;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  position: relative;
}

.text-block-wide-copy.is-center {
  text-align: center;
  margin-bottom: 10px;
}

.button-close {
  background-color: var(--5b305d);
  color: #fff;
  border-radius: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-right: 40px;
  padding-left: 24px;
  padding-right: 24px;
}

.button-close:hover {
  background-color: #c7a0c4;
}

.text-span-52 {
  font-size: 12px;
  position: relative;
  bottom: 9px;
}

.section-3 {
  background-color: var(--5b305d);
  color: #fff;
}

.scrolllink {
  color: #fff;
  flex: none;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.scrolllink:hover {
  background-color: var(--white);
  color: #fff;
}

.scrolllink:visited {
  color: #fff;
}

.scrolllink.w--current {
  background-color: var(--orchid);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.scrolllink.is--blue:hover {
  background-color: #3b5b9d;
}

.scrolllink.is--laura:hover, .scrolllink.is--laura.w--current {
  background-color: #b1b3d5;
}

.container-3 {
  max-width: 1392px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.container-4 {
  max-width: 1392px;
  display: flex;
}

.container-4.meta {
  justify-content: flex-end;
  align-items: flex-start;
}

.text-span-53 {
  font-size: 12px;
  position: relative;
  bottom: 9px;
}

.text-block-half {
  float: none;
  width: auto;
  color: var(--6f6f6e);
  object-fit: fill;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  display: block;
  position: relative;
}

.image-23 {
  max-width: 95%;
  margin-top: 20px;
}

.section-chance {
  padding-top: 120px;
  padding-bottom: 120px;
  display: block;
  position: relative;
}

.image-24 {
  max-width: 90%;
}

.column-17 {
  padding-top: 80px;
}

.bottom-nav {
  background-color: var(--5b305d);
  color: #fff;
}

.bottom-nav.is--teal {
  background-color: var(--medium-turquoise);
}

.bottom-nav.is--pink {
  background-color: var(--orchid);
}

.bottom-nav.petrol {
  background-color: var(--petrol);
}

.bottom-nav.is--blue {
  background-color: var(--midnight-blue);
}

.bottom-nav.dark-petroll {
  background-color: #005d62;
}

.bottom-nav.laura {
  background-color: var(--laura);
}

.section-ex-l8 {
  background-image: url('../images/img-background.jpg');
  background-position: 0 0;
  background-size: cover;
  padding: 120px 0 80px;
}

.text-block-wide-copy {
  float: none;
  width: 1038px;
  color: var(--6f6f6e);
  object-fit: fill;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
  position: relative;
}

.columns-8 {
  margin-top: 60px;
}

.columns-8.is--flex {
  align-items: stretch;
  display: flex;
}

.columns-8.is-extra-margi-top {
  margin-top: 100px;
}

.columns-8.is-extra-margi-top.bottom-aligned {
  align-items: flex-end;
  display: flex;
}

.image-25 {
  max-width: 60%;
}

.text-span-54 {
  font-size: 8px;
}

.text-span-55, .text-span-56 {
  font-size: 10px;
  position: relative;
  bottom: 7px;
}

.container-text {
  text-align: left;
  max-width: 1392px;
  height: auto;
  margin-top: 60px;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.section-praxis {
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
  position: relative;
}

.inline-graph {
  max-width: 80%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.inline-graph.is--mobile {
  display: none;
}

.inline-graph.is--visible-mobile {
  width: 80%;
}

.inline-graph.is--visible-mobile.special-size {
  max-width: 720px;
  margin-bottom: 0;
}

.columns-9 {
  max-width: 1392px;
  height: auto;
}

.columns-9.is--rezidivrisiko {
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  display: flex;
}

.section-title {
  width: auto;
  color: var(--white);
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 0;
  font-family: Barlow, sans-serif;
  font-size: 36px;
  line-height: 49px;
}

.section-title.marign--top {
  margin-top: 40px;
}

.section-title.is--white-text {
  color: #fff;
  font-family: Barlow, sans-serif;
}

.section-title.is--white-text.hero-numbers {
  z-index: 11;
  font-size: 100px;
  line-height: 100px;
  position: relative;
}

.section-title.is--dark-purple {
  color: var(--5b305d);
}

.section-title.is--dark-purple.margin--top {
  margin-top: 100px;
}

.section-title.is--orchid {
  color: var(--orchid);
}

.section-title.is--orchid.margin {
  margin-top: 40px;
}

.section-title.is--laura {
  color: var(--laura);
}

.section-title.is--laura.margin--top {
  margin-top: 100px;
}

.text-span-57 {
  font-size: 8px;
  position: relative;
  bottom: 7px;
}

.section-vertraege {
  background-image: url('../images/img-background.jpg');
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 60px;
}

.text-span-58, .text-span-59 {
  font-size: 10px;
  position: relative;
  bottom: 7px;
}

.section-testung-downloads {
  background-color: #0000;
  background-image: none;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 120px;
}

.section-testung-downloads.is--light-blue {
  background-color: #3b5b9d1a;
}

.section-testung-downloads.more-padding {
  margin-top: 114px;
}

.column-card-testung {
  text-align: center;
  background-color: #eadee9b3;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  height: auto;
  margin-top: 40px;
  padding: 40px 20px 20px;
  display: flex;
}

.column-card-testung.is--white {
  background-color: #fff;
}

.column-card-testung.petrol {
  background-color: #cce7ea;
}

.section-5 {
  background-color: var(--petrol);
  color: #fff;
}

.scrolllink-petrol {
  color: #fff;
  flex: none;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.scrolllink-petrol:hover {
  background-color: var(--medium-turquoise);
  color: #fff;
}

.scrolllink-petrol:visited {
  color: #fff;
}

.scrolllink-petrol.w--current {
  background-color: var(--medium-turquoise);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.section-uebersicht {
  padding-top: 80px;
  padding-bottom: 80px;
}

.columns-10 {
  display: block;
}

.columns-10.hide {
  display: none;
}

.column-19 {
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  display: block;
}

.heading-4-petrol {
  color: var(--petrol);
  flex-wrap: nowrap;
  margin-top: 0;
  margin-bottom: 16px;
  margin-left: 0;
  font-family: Barlow, sans-serif;
  font-size: 24px;
  line-height: 33px;
  display: block;
}

.columns-11 {
  padding-left: 30px;
}

.section-title-petrol {
  width: auto;
  color: var(--petrol);
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 0;
  font-family: Barlow, sans-serif;
  font-size: 36px;
  line-height: 49px;
}

.section-title-petrol.is--margin-top {
  margin-top: 120px;
}

.section-title-petrol.is--center {
  text-align: center;
}

.text-span-60 {
  line-height: 0;
  position: relative;
  bottom: 7px;
}

.text-span-61 {
  font-size: 12px;
  position: relative;
  bottom: 7px;
}

.image-27 {
  max-width: 80%;
  margin-right: 24px;
}

.section-standard {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  padding: 60px 0;
}

.columns-12 {
  align-items: flex-end;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.column-20 {
  margin-bottom: -20px;
}

.section-zulassungsstudie {
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
}

.image-28 {
  margin-top: 40px;
}

.image-28.is--max-50 {
  width: 40vw;
  margin-top: 40px;
}

.tabs-menu-petrol {
  z-index: 99;
  flex-direction: row;
  display: flex;
  position: sticky;
  top: 20px;
}

.tab-link-petrol {
  background-color: var(--light-cyan);
  color: var(--petrol);
  text-align: center;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  font-weight: 700;
  display: flex;
}

.tab-link-petrol:hover {
  background-color: var(--medium-turquoise);
  color: #fff;
}

.tab-link-petrol.w--current {
  background-color: var(--petrol);
  color: #fff;
  text-align: center;
  margin-top: 40px;
  padding-top: 9px;
  padding-bottom: 9px;
  position: relative;
}

.text-block-6 {
  color: var(--petrol);
}

.text-span-62, .text-span-63 {
  font-size: 8px;
  position: relative;
  bottom: 7px;
}

.section-studiendesign-flaura {
  background-image: url('../images/img-background.jpg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
}

.text-span-64 {
  font-size: 10px;
  position: relative;
  bottom: 7px;
}

.text-span-2-copy {
  color: var(--petrol);
  font-weight: 700;
}

.text-span-65 {
  font-size: 8px;
  position: relative;
  bottom: 5px;
}

.section-testung-flaura {
  padding-top: 0;
  padding-bottom: 80px;
}

.text-span-66, .text-span-67 {
  font-size: 10px;
  position: relative;
  bottom: 5px;
}

.bold-text-5 {
  font-family: Barlow, sans-serif;
  position: static;
}

.bold-text-6, .html-embed-2 {
  font-family: Barlow, sans-serif;
}

.text-block-7, .text-block-8, .text-block-9, .text-block-10, .text-block-11, .text-block-12 {
  font-family: Barlow, sans-serif;
  font-size: 16px;
}

.bold-text-7, .bold-text-8 {
  font-family: Barlow, sans-serif;
}

.columns-13 {
  max-width: 50%;
}

.column-21 {
  justify-content: flex-end;
  padding-right: 30px;
  display: flex;
}

.column-22 {
  padding-left: 0;
}

.text-block-bullet {
  float: none;
  min-width: 300px;
  max-width: 746px;
  color: var(--6f6f6e);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.text-block-bullet.extra--margin {
  margin-left: 20px;
  margin-right: 40px;
}

.text-block-bullet.nomaxwidth {
  max-width: 650px;
}

.text-block-bullet.max-width-none {
  max-width: none;
}

.columns-14 {
  margin-top: 0;
  display: block;
  position: static;
}

.text-span-68, .text-span-69, .text-span-70 {
  font-size: 10px;
  position: relative;
  bottom: 7px;
}

.text-span-71 {
  font-size: 16px;
  position: relative;
  bottom: 7px;
}

.section-faq-flaura {
  margin-bottom: 0;
  padding-top: 120px;
  padding-bottom: 120px;
}

.text-span-72 {
  font-size: 10px;
  position: relative;
  bottom: 7px;
}

.image-29 {
  max-width: 80%;
}

.column-23, .column-24 {
  margin-top: 20px;
}

.image-30 {
  max-width: 400px;
  display: none;
}

.bold-text-9 {
  font-family: Barlow, sans-serif;
}

.column-29 {
  text-align: center;
}

.column-30 {
  text-align: left;
  position: relative;
}

.column-31 {
  text-align: left;
  justify-content: center;
  display: flex;
}

.footer-text {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Barlow, sans-serif;
  font-weight: 400;
  display: inline-block;
}

.image-32 {
  object-fit: none;
  display: block;
  overflow: visible;
}

.image-33 {
  object-fit: fill;
  max-width: 80%;
}

.accordion-item-trigger-petrol {
  cursor: pointer;
  background-color: #cce7ea;
  border-radius: 50px;
  flex-flow: row;
  place-content: center flex-start;
  align-items: center;
  max-width: none;
  margin-bottom: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  display: flex;
  position: relative;
}

.text-block-accordion-copy {
  float: none;
  width: 1038px;
  color: var(--6f6f6e);
  object-fit: fill;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  position: relative;
}

.faq-text-petrol {
  color: var(--petrol);
  font-family: Barlow, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.section-referenzen-petrol {
  background-color: var(--petrol);
  padding-top: 60px;
  padding-bottom: 60px;
}

.einschubheadline-petrol {
  background-color: var(--medium-turquoise);
  color: #fff;
  border-top-right-radius: 150px;
  border-bottom-right-radius: 150px;
  align-items: center;
  width: auto;
  max-width: 1038px;
  max-height: 142px;
  margin-top: 40px;
  margin-bottom: 0;
  margin-left: -10px;
  padding: 16px 40px 16px 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  display: flex;
}

.link-petrol {
  color: #fff;
  text-decoration: underline;
}

.link-petrol:hover {
  color: var(--light-cyan);
}

.heading-4-petrol-small {
  color: var(--petrol);
  flex-wrap: nowrap;
  margin-top: 0;
  margin-bottom: 16px;
  margin-left: 0;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  line-height: 28px;
  display: block;
}

.button-petrol {
  background-color: var(--petrol);
  color: #fff;
  border-radius: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.button-petrol:hover {
  background-color: var(--medium-turquoise);
}

.button-petrol.no-margin {
  margin-top: 10px;
  margin-bottom: 0;
  display: inline-flex;
}

.video {
  display: none;
}

.section-expertenmeinung {
  padding-top: 60px;
  padding-bottom: 0;
}

.column-32, .columns-18 {
  align-items: center;
  display: flex;
}

.image-34 {
  display: block;
}

.image-35 {
  align-self: center;
  max-width: 80%;
  margin-bottom: 16px;
}

.text-block-quote {
  float: none;
  color: var(--6f6f6e);
  object-fit: fill;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  display: block;
  position: relative;
}

.tabs-content-quote {
  border: 2px solid var(--5b305d);
  background-color: #6f6f6e0d;
  border-radius: 1px;
  margin-bottom: 60px;
  padding: 20px 80px 40px;
}

.tabs-content-quote.is--laura {
  border-color: var(--laura);
}

.tabs-content-quote.is--flaura {
  border-color: var(--petrol);
}

.tabs-content-quote.is--flaura.minimal-padding {
  padding-left: 20px;
  padding-right: 20px;
}

.tabs-content-quote.is--flaura2 {
  border-color: var(--darkpetrol);
}

.bold-text-10, .bold-text-11 {
  color: var(--5b305d);
  font-size: 20px;
}

.bold-text-12, .bold-text-13, .bold-text-14, .bold-text-15, .bold-text-16, .bold-text-17, .bold-text-18, .bold-text-19, .bold-text-20, .bold-text-21 {
  color: var(--5b305d);
}

.html-embed-3 {
  margin-top: 20px;
}

.image-36 {
  opacity: .3;
  mix-blend-mode: multiply;
  object-fit: fill;
  max-width: 10%;
  position: absolute;
  top: -18px;
  left: -3px;
}

.image-37, .body-2 {
  background-image: url('../images/bg.jpg');
  background-position: 0 0;
  background-size: cover;
}

.section-footer-login {
  text-align: center;
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
  position: absolute;
  inset: auto 0% 0%;
}

.section {
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
  position: relative;
}

.section.smaller--padding {
  max-width: 1392px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.section.is--extra-margin-bottom-desktop {
  margin-bottom: 100px;
}

.section.breaker {
  background-color: #000;
}

.divider {
  background-color: #000;
  height: 100px;
}

.bold-and-black {
  color: #000;
  font-weight: 700;
}

.heading-box {
  width: auto;
  color: var(--5b305d);
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 0;
  font-family: Barlow, sans-serif;
  font-size: 24px;
  line-height: 33px;
}

.heading-box.marign--top {
  background-color: var(--5b305d);
  color: #fff;
  margin-top: 40px;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.conclusion-box {
  background-color: var(--orchid);
  height: auto;
  margin-top: 40px;
  padding: 30px;
}

.conclusion-text {
  float: none;
  color: #fff;
  object-fit: fill;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  display: block;
  position: relative;
}

.link-box {
  background-color: var(--5b305d);
  color: #fff;
  text-align: center;
  border-radius: 60px;
  max-width: 450px;
  height: auto;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px;
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.link-box.is--no-margin {
  margin-top: 0;
}

.link-box.is--no-margin.is--laura.w--current {
  background-color: var(--laura);
}

.link-box.is--petrol {
  background-color: var(--petrol);
}

.link-box.is--laura {
  background-color: var(--laura);
}

.is--black-text {
  color: #000;
}

.div-block-5 {
  flex: 1;
  padding-top: 20px;
}

.text-block-wide-copy {
  float: none;
  width: auto;
  color: var(--6f6f6e);
  object-fit: fill;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
  position: relative;
}

.text-block-wide-copy.is--margin-top {
  margin-top: 40px;
}

.hero-text-left {
  text-align: center;
  max-width: 500px;
  margin-bottom: 20px;
  margin-left: 40px;
  display: none;
}

.hero-text-left.is--desktop {
  font-family: Barlow, sans-serif;
  display: block;
  position: relative;
}

.hero-p {
  float: none;
  color: #fff;
  object-fit: fill;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  display: block;
  position: relative;
}

.hero-p.is--margin-top {
  margin-top: 40px;
}

.hero-text-right {
  text-align: center;
  max-width: 500px;
  margin-bottom: 20px;
  margin-right: 40px;
  display: none;
}

.hero-text-right.is--desktop {
  display: block;
}

.einschubheadline-copy {
  background-color: var(--petrol);
  color: #fff;
  text-align: right;
  border-top-left-radius: 150px;
  border-bottom-left-radius: 150px;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  max-width: 250px;
  max-height: 142px;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 16px 20px 16px 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  text-decoration: none;
  display: flex;
}

.column-33 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.subline-petrol {
  color: var(--petrol);
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 22px;
  line-height: 35px;
}

.subline-petrol.smaller {
  color: #005d62;
  font-size: 20px;
  line-height: 26px;
}

.is--normal-weight {
  font-weight: 400;
}

.is--petrol-text {
  color: var(--petrol);
}

.subline-lila {
  color: var(--5b305d);
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 22px;
  line-height: 35px;
}

.subline-lila.is--align-left {
  text-align: left;
}

.is--text-lila {
  color: var(--5b305d);
}

.column-34 {
  text-align: right;
}

.div-block-6 {
  align-items: center;
  display: flex;
}

.tablets {
  width: 70%;
}

.tablets-text {
  float: none;
  color: var(--orchid);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  display: block;
}

.tablets-text.is--margin-top {
  margin-top: 40px;
}

.tablets-text.is--petrol {
  color: var(--petrol);
}

.div-block-7 {
  flex: 1;
}

.scrolllink--pink {
  color: #fff;
  flex: none;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.scrolllink--pink:hover {
  background-color: var(--white);
  color: #fff;
}

.scrolllink--pink:visited {
  color: #fff;
}

.scrolllink--pink.w--current {
  background-color: var(--5b305d);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.smaller-h1 {
  font-family: Barlow, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
}

.hero-text-d {
  justify-content: space-between;
  width: 100vw;
  font-family: Barlow, sans-serif;
  display: flex;
}

.reference__text {
  color: #fff;
  font-family: Barlow, sans-serif;
}

.reference__text.hero {
  color: var(--white);
}

.reference-title {
  color: #fff;
  order: 0;
  align-self: center;
  padding-top: 0;
  font-family: Barlow, sans-serif;
  font-size: 24px;
  font-style: normal;
  line-height: 33px;
  text-decoration: none;
}

.hero-title--mobile {
  color: var(--5b305d);
  text-align: center;
  text-transform: uppercase;
  margin-top: 24px;
  font-family: Opensanscondensed, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 109px;
}

.half-d {
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  max-width: 80%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.half-d.first {
  margin-left: 0;
}

.half-d.auto-width {
  width: auto;
  margin-left: 0;
}

.half-d.align {
  align-self: flex-start;
}

.half-d.align.no-margin-bttm {
  margin-bottom: 0;
}

.half-d.align._1-3 {
  width: 40%;
}

.half-d.align._2-3 {
  width: 70%;
}

.number {
  color: var(--5b305d);
  font-family: Barlow, sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 90px;
  display: inline;
}

.number.no-height {
  line-height: 0;
}

.number.bigger {
  font-size: 110px;
}

.number.bigger.is--mint {
  color: var(--petrol);
}

.number.bigger.is--darkpetrol {
  color: #005d62;
}

.number.is--laura {
  color: var(--laura);
}

.text-span-73 {
  color: var(--5b305d);
  font-family: Barlow, sans-serif;
  font-size: 70px;
  font-weight: 400;
}

.text-span-73.is--mint {
  color: var(--petrol);
}

.text-span-73.is--dar-petrol {
  color: #005d62;
}

.text-span-73.is--petrol {
  color: var(--petrol);
}

.text-span-73.is--laura {
  color: var(--laura);
}

.number-text {
  color: var(--6f6f6e);
  margin-left: 10px;
  font-size: 18px;
  line-height: 26px;
  display: inline-block;
}

.number-text-bigger {
  color: var(--6f6f6e);
  margin-left: 10px;
  font-family: Barlow, sans-serif;
  font-size: 22px;
  line-height: 34px;
  display: inline-block;
}

.number-text-bigger.is--block {
  font-size: 20px;
  line-height: 25px;
}

.number-text-bigger.is--block.smaller {
  margin-left: 0;
  font-size: 20px;
  line-height: 25px;
}

.number-text-bigger.is--block.is--laura {
  color: var(--laura);
}

.number-text-bigger.is--text-lila {
  color: var(--5b305d);
}

.number-text-bigger.is--petrol-text {
  color: var(--petrol);
}

.text-span-74 {
  margin-bottom: -40px;
  display: block;
}

.two-halfs {
  display: flex;
}

.two-halfs.is--vertical-tablet.less-margin {
  margin-top: 20px;
}

.two-halfs.is--vertical-tablet.for-deletion, .two-halfs.is--vertical-tablet.hide {
  display: none;
}

.two-halfs.is--vertical-tablet.margin-top {
  margin-top: 50px;
}

.two-halfs.second {
  margin-left: 0;
}

.two-halfs.horizontal {
  margin-top: 40px;
  margin-left: 80px;
}

.two-halfs.horizontal.margin-bottom {
  margin-bottom: 60px;
}

.div-block-9 {
  width: 50%;
}

.column-flex {
  align-items: center;
  display: flex;
}

.column-flex.is-margin--top {
  max-width: 80%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.column-flex.is-margin--topandbottom {
  max-width: 80%;
  margin: 60px auto;
}

.in-text-title {
  font-size: 24px;
  line-height: 33px;
}

.same-size-img {
  height: 360px;
}

.is--align-center {
  text-align: center;
}

.bold {
  font-weight: 700;
}

.bold.hero-number {
  font-size: 70px;
  line-height: 80px;
}

.subline-teal {
  color: var(--petrol);
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 22px;
  line-height: 35px;
}

.subline-teal.is--align-left {
  text-align: left;
}

.heading-rezidivrisiko {
  margin-bottom: 65px;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 43px;
}

.heading-rezidivrisiko.is--full-width-img {
  color: #fff;
  max-width: 37ch;
}

.heading-rezidivrisiko.is--full-width-img.is--blue {
  color: var(--midnight-blue);
}

.heading-rezidivrisiko.is--full-width-img.is--blue.is--shorter {
  max-width: 30ch;
}

.heading-rezidivrisiko.is--full-width-img.m-ller {
  max-width: 31ch;
}

.heading-rezidivrisiko.is--full-width-img.m-ller.center {
  margin-bottom: 20px;
}

.heading-rezidivrisiko.is--full-width-img.mueller.center {
  color: #fff;
  margin-bottom: 0;
}

.heading-rezidivrisiko.is-smaller {
  font-size: 24px;
  line-height: 40px;
}

.heading-rezidivrisiko.is--center-aligned {
  text-align: center;
}

.heading-rezidivrisiko.is--extra-left-margin {
  margin-left: 40px;
}

.heading-rezidivrisiko.hero {
  color: var(--midnight-blue);
  font-size: 60px;
  line-height: 72px;
}

.heading-rezidivrisiko.mueller {
  color: #1c2b54;
}

.heading-rezidivrisiko.no-margin-bottom {
  margin-bottom: 20px;
}

.heading-rezidivrisiko-box {
  background-color: #3b5b9d1a;
  width: 90%;
  height: 106px;
  position: absolute;
  top: 65px;
}

.heading-rezidivrisiko-box.full {
  width: 100%;
}

.heading-rezidivrisiko-box.mueller {
  top: 27px;
}

.div-block-11 {
  position: relative;
}

.full-width-img {
  width: 100%;
}

.full-width-img-d {
  margin-top: 0;
  position: relative;
}

.full-width-img-d.is--no-margin-btm {
  margin-bottom: 0;
}

.scrolllink--blue {
  color: #fff;
  flex: none;
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.scrolllink--blue:hover {
  color: #fff;
  background-color: #3b5b9d;
}

.scrolllink--blue:visited {
  color: #fff;
}

.scrolllink--blue.w--current {
  color: #fff;
  background-color: #3b5b9d;
  font-weight: 700;
  text-decoration: none;
}

.scrolllink--blue.is--blue:hover {
  background-color: #3b5b9d;
}

.body-3 {
  padding-top: 100px;
}

.text-span-75 {
  text-transform: capitalize;
}

.div-block-12 {
  display: flex;
}

.nav-link--purple {
  color: var(--6f6f6e);
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.nav-link--purple:hover {
  color: #af78aa;
}

.nav-link--purple.w--current {
  color: var(--5b305d);
}

.nav-link--purple.petrol.w--current {
  color: var(--petrol);
}

.nav-link--purple.is--blue:hover {
  color: #3b5b9d;
}

.is--max-height--400px {
  max-height: 400px;
  transform: translate(0);
}

.is--max-height--400px.pixel-pushed {
  transform: translate(0, 11px);
}

.is--max-height--400px.pixel-pushed-2 {
  transform: translate(0, 7px);
}

.h3 {
  float: none;
  clear: none;
  width: auto;
  color: var(--6f6f6e);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  position: static;
  top: 300px;
  right: 80px;
}

.h3.is--50 {
  width: 50%;
}

.h3.is--right {
  text-align: right;
  max-width: 50%;
  margin-right: 40px;
}

.h3.is--right.hide {
  display: none;
}

.h3.is--margin-bottom--small {
  margin-bottom: 10px;
}

.h3.is--margin-bottom--small.bigger, .h3.bigger {
  font-size: 20px;
  line-height: 30px;
}

.h4 {
  float: none;
  clear: none;
  width: auto;
  color: var(--6f6f6e);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  position: static;
  top: 300px;
  right: 80px;
}

.h4.is--50 {
  width: 50%;
}

.h4.is--right {
  text-align: right;
  max-width: 50%;
  margin-right: 40px;
}

.h4.is--right.hide {
  display: none;
}

.h4.is--no-margin {
  margin-top: 0;
}

.heading-4-min-height-2-lines {
  min-height: 80px;
  color: var(--5b305d);
  margin-top: 0;
  margin-bottom: 16px;
  margin-left: 0;
  font-family: Barlow, sans-serif;
  font-size: 24px;
  line-height: 33px;
}

.heading-4-min-height-2-lines.is--text-black {
  color: #000;
}

.heading-4-min-height-2-lines.is--text--petrol {
  color: var(--petrol);
}

.heading-4-min-height-2-lines.is--text--petrol.is-margin-top-100 {
  margin-top: 60px;
}

.text-span-76, .text-span-77 {
  text-decoration: underline;
}

.lottie-reference {
  text-align: right;
}

.lottie-divide {
  background-color: #33333380;
  width: 100%;
  height: 1px;
  margin-bottom: 5px;
}

.tab-text--23 {
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.rezidivkampagne-hero {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-13 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
  padding-left: 59px;
  padding-right: 59px;
  display: flex;
}

.subline-grey {
  color: var(--6f6f6e);
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 22px;
  line-height: 35px;
}

.subline-grey.is--align-left {
  text-align: left;
}

.hero__element {
  background-color: var(--khaki);
  max-width: 435px;
  color: var(--5b305d);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  align-self: flex-end;
  padding: 10px 40px 10px 30px;
  font-size: 22px;
  line-height: 32px;
}

.neu-icon {
  z-index: 10;
  background-color: var(--khaki);
  width: 70px;
  height: 70px;
  color: var(--orchid);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-top: -34px;
  margin-right: 203px;
  font-size: 22px;
  font-weight: 700;
  display: flex;
  position: absolute;
}

.hero-numbers-with-stroerer {
  justify-content: center;
  display: flex;
}

.fruhes-hero-superscript {
  text-transform: none;
  font-size: 60px;
  display: inline-block;
}

.fruhes-superscript {
  top: -40.5px;
}

.div-block-14 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.flex-block {
  margin-top: 60px;
}

.width100 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.width100.margin-bottom {
  margin-bottom: 60px;
}

.width100.margin-top {
  margin-top: 60px;
}

.width100.margin-top.maxwidth-1 {
  max-width: 740px;
  margin-top: 100px;
}

.width100.max-width {
  max-width: 890px;
  margin-top: 60px;
}

.flex-block-2 {
  justify-content: center;
  align-items: center;
  max-width: 70vw;
  margin: 20px auto 40px;
}

.slider {
  background-color: #fff;
  height: 100%;
}

.width60 {
  width: 60%;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.left-arrow, .icon-2 {
  color: var(--petrol);
}

.smaller {
  font-size: 16px;
}

.petrol-bold {
  color: var(--petrol);
  font-weight: 700;
}

.text-box-wide-copy {
  float: none;
  max-width: 570px;
  color: var(--6f6f6e);
  object-fit: fill;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  display: block;
  position: relative;
}

.text-box-wide-copy.is--margin-top {
  margin-top: 40px;
}

.text-box-wide-copy.is--margin-top.btm-less {
  margin-bottom: 20px;
}

.text-box-wide-copy.is--petrol {
  color: var(--petrol);
}

.text-box-wide-copy.is--no-margin {
  margin-bottom: 0;
}

.text-box-wide-copy.full-width-top {
  max-width: none;
  margin-bottom: 20px;
}

.text-box-wide-copy.full-width-top.rezidivrisiko-copy, .text-box-wide-copy.rezidivrisiko-copy {
  font-size: 20px;
  line-height: 30px;
}

.div-block-15 {
  flex: 1;
}

.text-box-wide--center {
  float: none;
  max-width: 1038px;
  color: var(--6f6f6e);
  object-fit: fill;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto 40px;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  display: block;
  position: relative;
}

.text-box-wide--center.is--margin-top {
  margin-top: 40px;
}

.text-box-wide--center.is--margin-top.btm-less {
  margin-bottom: 20px;
}

.text-box-wide--center.is--petrol {
  color: var(--petrol);
}

.text-box-wide--center.is--no-margin {
  margin-bottom: 0;
}

.text-box-wide--center.full-width-top {
  max-width: none;
  margin-bottom: 20px;
}

.text-box-wide--center.full-width-top.rezidivrisiko-copy, .text-box-wide--center.rezidivrisiko-copy {
  font-size: 20px;
  line-height: 30px;
}

.one-helf {
  display: flex;
}

.one-helf.is--vertical-tablet.less-margin {
  margin-top: 20px;
}

.one-helf.is--vertical-tablet.for-deletion, .one-helf.is--vertical-tablet.hide {
  display: none;
}

.one-helf.second {
  margin-left: 0;
}

.one-helf.horizontal {
  margin-top: 40px;
  margin-left: 80px;
}

.half-full {
  align-self: flex-end;
  width: 50%;
  margin-top: 20px;
  margin-left: 0;
  margin-right: 15px;
}

.half-full.first {
  margin-left: 0;
}

.half-full.auto-width {
  width: auto;
  margin-left: 0;
}

.half-full.align {
  align-self: flex-start;
}

.half-full.align.no-margin-bttm {
  margin-bottom: 0;
}

.half-full.align._1-3 {
  width: 30%;
}

.half-full.align._2-3 {
  width: 70%;
}

.hero__element-study {
  background-color: var(--khaki);
  max-width: 435px;
  color: var(--5b305d);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  align-self: flex-end;
  margin-bottom: 200px;
  padding: 10px 100px 10px 30px;
  font-size: 22px;
  line-height: 32px;
}

.hero__element-study.longer {
  max-width: 450px;
  padding-right: 20px;
}

.quote_name {
  width: auto;
  color: var(--5b305d);
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Barlow, sans-serif;
  font-size: 21px;
  line-height: 21px;
}

.quote_name.margin-top {
  margin-top: 60px;
}

.quote_subtitle {
  float: none;
  clear: none;
  width: auto;
  color: var(--6f6f6e);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Barlow, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  position: static;
  top: 300px;
  right: 80px;
}

.quote_subtitle.is--50 {
  width: 50%;
}

.quote_subtitle.is--right {
  text-align: right;
  max-width: 50%;
  margin-right: 40px;
}

.quote_subtitle.is--right.hide {
  display: none;
}

.quote {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 24px;
  margin-bottom: 60px;
  padding-left: 0;
  font-family: Barlow, sans-serif;
  display: flex;
}

.quote.is--align-top {
  align-items: flex-start;
}

.quote.is--no-margin {
  margin-top: 0;
}

.section-title-dark-petrol {
  color: #005d62;
  width: auto;
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 0;
  font-family: Barlow, sans-serif;
  font-size: 36px;
  line-height: 49px;
}

.section-title-dark-petrol.is--margin-top {
  margin-top: 120px;
}

.section-title-dark-petrol.is--center {
  text-align: center;
  color: #005d62;
}

.subline-dark-petrol {
  color: #005d62;
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 22px;
  line-height: 35px;
}

.subline-dark-petrol.smaller {
  font-size: 20px;
  line-height: 26px;
}

.dark-petrol-bold {
  color: #005d62;
  font-weight: 700;
}

.heading-4-dark-petrol-small {
  color: #005d62;
  flex-wrap: nowrap;
  margin-top: 0;
  margin-bottom: 16px;
  margin-left: 0;
  font-family: Barlow, sans-serif;
  font-size: 20px;
  line-height: 28px;
  display: block;
}

.tabs-content-quote-petrol {
  border: 2px solid var(--petrol);
  background-color: #6f6f6e0d;
  border-radius: 1px;
  margin-bottom: 60px;
  padding: 20px 80px 40px;
}

.tabs-content-quote-dark-petrol {
  background-color: #6f6f6e0d;
  border: 2px solid #005d62;
  border-radius: 1px;
  margin-bottom: 60px;
  padding: 20px 80px 40px;
}

.underline {
  text-decoration: underline;
}

.italic-text {
  max-width: 1000%;
}

.button-dark-petrol {
  color: #fff;
  background-color: #005d62;
  border-radius: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.button-dark-petrol:hover {
  background-color: var(--medium-turquoise);
}

.section-referenzen-darkpetrol {
  background-color: #005d62;
  padding-top: 60px;
  padding-bottom: 60px;
}

.subline-petrol-copy {
  color: var(--petrol);
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 22px;
  line-height: 35px;
}

.subline-petrol-copy.smaller {
  font-size: 20px;
  line-height: 26px;
}

.is--darkpetrol-text {
  color: #005d62;
}

.subline-petrol-light {
  color: var(--petrol);
  margin-bottom: 10px;
  font-family: Barlow, sans-serif;
  font-size: 22px;
  line-height: 35px;
}

.subline-petrol-light.smaller {
  color: var(--petrol);
  font-size: 20px;
  line-height: 26px;
}

.freigabe {
  margin-top: 40px;
  font-family: Barlow, sans-serif;
  display: flex;
}

.section--breaker {
  background-color: #000;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
  position: relative;
}

.section--breaker.smaller--padding {
  padding-bottom: 0;
}

.section--breaker.is--extra-margin-bottom-desktop {
  margin-bottom: 100px;
}

.section--breaker.breaker {
  background-color: #000;
}

.spacer {
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
}

.is-laura {
  color: var(--laura);
}

.text-span-73-copy {
  color: var(--5b305d);
  font-family: Barlow, sans-serif;
  font-size: 70px;
  font-weight: 400;
}

.text-span-73-copy.is--mint {
  color: var(--petrol);
}

.text-span-73-copy.is--dar-petrol {
  color: #005d62;
}

.text-span-73-copy.is--petrol {
  color: var(--petrol);
}

.text-span-73-copy.is--laura {
  color: var(--laura);
  font-size: 36px;
}

.superscript {
  white-space: nowrap;
  word-break: normal;
}

.mueller_hero {
  background-image: url('../images/1.png');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  height: 700px;
  display: flex;
}

.div-block-16 {
  max-width: 600px;
}

.section-6 {
  flex: 1;
  max-width: 1392px;
}

.image-26-copy {
  max-width: 80%;
  margin: 40px auto 60px;
  display: block;
}

.metalink {
  color: var(--6f6f6e);
  flex: none;
  margin-left: 0;
  margin-right: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Barlow, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.metalink:hover {
  background-color: #fff;
  text-decoration: underline;
}

.metalink.w--current {
  background-color: var(--orchid);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.metalink.is--blue:hover {
  background-color: #3b5b9d;
}

.metalink.is--laura:hover, .metalink.is--laura.w--current {
  background-color: #b1b3d5;
}

.metanav {
  color: #fff;
  background-color: #fff;
}

.metanav.is--teal {
  background-color: var(--medium-turquoise);
}

.metanav.is--pink {
  background-color: var(--orchid);
}

.metanav.petrol {
  background-color: var(--petrol);
}

.metanav.is--blue {
  background-color: var(--midnight-blue);
}

.metanav.dark-petroll {
  background-color: #005d62;
}

.metanav.laura {
  background-color: var(--laura);
}

.reference_hero {
  float: none;
  max-width: 29vw;
  color: var(--lavender-blush);
  object-fit: fill;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Barlow, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 130%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 10px;
}

.reference_hero.is--margin-top {
  margin-top: 40px;
}

.reference_hero.is--margin-top.btm-less {
  margin-bottom: 20px;
}

.reference_hero.is--petrol {
  color: var(--petrol);
}

.reference_hero.is--no-margin {
  max-width: none;
  margin-bottom: 0;
}

.reference_hero.full-width-top {
  max-width: none;
  margin-bottom: 20px;
}

.reference_hero.full-width-top.rezidivrisiko-copy, .reference_hero.rezidivrisiko-copy {
  color: var(--6f6f6e);
  font-size: 20px;
  line-height: 30px;
}

.reference-item-hero {
  color: #695c5c;
  max-width: 30vw;
  font-family: Barlow, sans-serif;
  display: flex;
  position: absolute;
  inset: auto auto 10px 10px;
}

.text-block-13 {
  color: var(--6f6f6e);
}

.nav-link--dropdown {
  font-family: Barlow, sans-serif;
}

.nav-link-copy {
  color: var(--6f6f6e);
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.nav-link-copy:hover {
  color: var(--orchid);
}

.nav-link-copy:visited {
  color: var(--6f6f6e);
}

.nav-link-copy.w--current {
  color: var(--5b305d);
}

.nav-link-copy.w--current:hover {
  color: #000;
}

.nav-link--green {
  color: var(--6f6f6e);
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.nav-link--green:hover {
  color: var(--orchid);
}

.nav-link--green:visited {
  color: var(--6f6f6e);
}

.nav-link--green.w--current {
  color: var(--5b305d);
}

.nav-link--green.w--current:hover {
  color: #000;
}

.nav-link--sub {
  color: var(--6f6f6e);
  font-family: Barlow, sans-serif;
  font-weight: 700;
}

.nav-link--sub:hover {
  color: var(--orchid);
}

.nav-link--sub:visited {
  color: var(--6f6f6e);
}

.nav-link--sub.w--current {
  color: var(--5b305d);
}

.nav-link--sub.w--current:hover {
  color: #000;
}

.heading-rezidivrisiko-ohnebalken {
  margin-bottom: 20px;
  font-family: Nunito, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 43px;
}

.heading-rezidivrisiko-ohnebalken.is--full-width-img {
  color: #fff;
  max-width: 37ch;
}

.heading-rezidivrisiko-ohnebalken.is--full-width-img.is--blue {
  color: var(--midnight-blue);
}

.heading-rezidivrisiko-ohnebalken.is--full-width-img.is--blue.is--shorter {
  max-width: 30ch;
}

.heading-rezidivrisiko-ohnebalken.is--full-width-img.m-ller {
  max-width: 31ch;
}

.heading-rezidivrisiko-ohnebalken.is--full-width-img.m-ller.center {
  margin-bottom: 20px;
}

.heading-rezidivrisiko-ohnebalken.is--full-width-img.mueller.center {
  color: #fff;
  margin-bottom: 0;
}

.heading-rezidivrisiko-ohnebalken.is-smaller {
  font-size: 24px;
  line-height: 40px;
}

.heading-rezidivrisiko-ohnebalken.is--center-aligned {
  text-align: center;
}

.heading-rezidivrisiko-ohnebalken.is--extra-left-margin {
  margin-left: 40px;
}

.heading-rezidivrisiko-ohnebalken.hero {
  color: var(--midnight-blue);
  font-size: 60px;
  line-height: 72px;
}

.heading-rezidivrisiko-ohnebalken.mueller {
  color: #1c2b54;
}

.text-span-78 {
  text-transform: none;
}

.width80 {
  max-width: 80%;
  color: var(--6f6f6e);
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.width80.margin-bottom {
  margin-bottom: 60px;
}

.width80.margin-top {
  margin-top: 60px;
}

.width80.margin-top.maxwidth-1 {
  max-width: 740px;
  margin-top: 100px;
}

.width80.max-width {
  max-width: 890px;
  margin-top: 60px;
}

.image-38 {
  max-width: 90%;
}

.section-7, .bg-lightblue {
  background-color: var(--lightblue);
}

.padding-top {
  margin-top: 40px;
  display: flex;
}

.image-26-copy {
  max-width: 80%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-26-copy.is--mobile {
  display: none;
}

.image-26-copy.is--visible-mobile.special-size {
  max-width: 720px;
}

.bold-text-24 {
  color: #fff;
}

.bold-text-24.dark {
  color: var(--darkpetrol);
}

.reference__text_abkuerzungen {
  color: #fff;
  margin-bottom: 40px;
  font-family: Barlow, sans-serif;
}

.reference__text_abkuerzungen.hero {
  color: var(--white);
}

.nocap {
  text-transform: none;
}

.image-39 {
  width: 100%;
}

.image-42 {
  flex: 0 auto;
}

.link-14 {
  color: #fff;
}

.downlaod-mockup {
  max-width: 300px;
}

.downlaod-mockup.small {
  max-width: 91px;
  margin-bottom: 25px;
}

.flex-block-5 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
}

.de-nummer {
  justify-content: flex-end;
  align-items: center;
  font-family: Barlow, sans-serif;
  display: flex;
}

.not-upper {
  text-transform: none;
}

.link-white {
  color: #fff;
}

.image-disclaimer {
  float: none;
  max-width: none;
  color: var(--6f6f6e);
  text-align: center;
  object-fit: fill;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Barlow, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  display: block;
  position: relative;
}

.image-disclaimer.is--margin-top {
  margin-top: 40px;
}

.image-disclaimer.is--margin-top.btm-less {
  margin-bottom: 20px;
}

.image-disclaimer.is--petrol {
  color: var(--petrol);
}

.image-disclaimer.is--no-margin {
  max-width: none;
  margin-bottom: 0;
}

.image-disclaimer.full-width-top {
  max-width: none;
  margin-bottom: 20px;
}

.image-disclaimer.full-width-top.rezidivrisiko-copy, .image-disclaimer.rezidivrisiko-copy {
  color: var(--6f6f6e);
  font-size: 20px;
  line-height: 30px;
}

.image-disclaimer.is-mueller {
  color: var(--laura);
  font-family: Nunito, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.image-disclaimer.special-size {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.image-disclaimer.special-bildsigne {
  max-width: 720px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 21px;
}

.image-disclaimer.lineheigth {
  line-height: 21px;
}

.image-disclaimer.margin-bottom {
  margin-bottom: 100px;
}

.start_icon {
  clear: none;
  text-align: center;
  object-fit: fill;
  object-position: 50% 50%;
  border-top-left-radius: 70px;
  border-bottom-left-radius: 70px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 18vw;
  padding-left: 0;
  padding-right: 24px;
  display: flex;
}

.start_icon.bg-petrol {
  background-color: #daefef;
  justify-content: space-between;
  align-items: center;
}

.start_icon.bg-lila {
  background-color: #eadfe9;
}

.start_icon.bg-laura {
  background-color: #b6b8cf;
}

.start_icon.bg-darkpetrol {
  background-color: #d5ece7;
}

.flex-block-6 {
  justify-content: space-between;
  align-items: center;
}

.image-43 {
  max-width: 30vw;
  margin-top: 46px;
  margin-left: 88px;
}

.heading-10 {
  text-align: right;
}

.start_icon_img {
  color: #005d62;
  flex: 0 auto;
  align-self: flex-start;
  width: 80px;
  margin: auto 0 auto 37px;
  font-family: Barlow, sans-serif;
}

.start_icon_img.is--smaller {
  width: 110px;
  height: 110px;
}

.text-span-79 {
  text-transform: lowercase;
}

.is--lime {
  color: #aabf1f;
}

.link-15 {
  color: #fff;
}

.reference__text_bottom {
  color: #fff;
  margin-bottom: 20px;
  font-family: Barlow, sans-serif;
}

.reference__text_bottom.hero {
  color: var(--white);
}

@media screen and (max-width: 991px) {
  .image {
    float: left;
    text-align: left;
    padding-left: 10px;
    left: auto;
  }

  .section-hero {
    background-image: url('../images/img-header-tagrisso.jpg');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: scroll;
    min-height: 600px;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .section-hero.new {
    padding-top: 40px;
  }

  .hero-h2 {
    margin-top: 150px;
    padding-top: 16px;
    font-size: 32px;
  }

  .hero-title {
    margin-top: 24px;
    font-size: 64px;
    line-height: 64px;
  }

  .section-faq {
    padding: 60px 16px;
  }

  .column {
    direction: ltr;
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
  }

  .column-2 {
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .column-3 {
    clear: left;
    object-fit: fill;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
    inset: auto 0% 0%;
  }

  .column-4 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 64px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
  }

  .button {
    margin-top: 24px;
  }

  .accordion-text {
    max-width: 680px;
  }

  .section-kurzerechenwege {
    padding: 60px 16px;
  }

  .section-loesung {
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-2 {
    width: 700px;
    max-width: 90%;
  }

  .section-ergebnisse, .section-studiendesign {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-downloads {
    padding: 60px 16px;
  }

  .column-card {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 400px;
    margin-bottom: 10px;
    display: flex;
  }

  .heading-2 {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }

  .nav--link {
    float: none;
    position: static;
  }

  .heading-3 {
    width: 700px;
    margin-left: 0;
  }

  .heading-4 {
    width: 700px;
  }

  .heading-4.left-margin, .heading-4.left-margin-extra {
    margin-left: 0;
  }

  .text-block {
    width: auto;
  }

  .section-testung, .section-referenzen {
    padding: 60px 16px;
  }

  .footer-link-text {
    flex: 1;
    align-self: auto;
    padding-bottom: 10px;
    display: block;
  }

  .div-block {
    padding-top: 16px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-video {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-box-wide {
    width: auto;
    padding-right: 25px;
  }

  .heading-superscript {
    bottom: 22px;
  }

  .text-block-small {
    width: auto;
  }

  .column-5, .tabs-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-7 {
    width: 700px;
  }

  .columns-with-icon {
    max-width: none;
  }

  .footerlink {
    padding-bottom: 0;
    display: inline-block;
  }

  .text-span-4 {
    margin-right: 0;
    display: inline;
  }

  .column-6 {
    justify-content: center;
  }

  .columns-4 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    display: flex;
  }

  .image-15 {
    margin-top: 34px;
  }

  .image-17 {
    flex: 0 auto;
    order: 1;
    align-self: auto;
    display: block;
  }

  .heading-4-small {
    justify-content: flex-start;
    width: auto;
    margin-bottom: 0;
    display: block;
  }

  .column-14 {
    margin-top: 16px;
    padding-right: 10px;
  }

  .section-formular {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-hero-mobile {
    display: block;
  }

  .einschubheadline {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }

  .text-span-21 {
    max-width: 500px;
  }

  .text-span-26 {
    margin-right: 0;
  }

  .icon {
    color: var(--5b305d);
  }

  .icon:active {
    color: #fff;
  }

  .menu-button {
    margin-right: 0;
  }

  .menu-button.w--open, .nav-menu {
    background-color: #fff;
  }

  .section-impressum {
    padding: 60px 16px;
  }

  .section-datenschutz {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-block-bullett {
    width: auto;
    padding-right: 25px;
  }

  .text-block-accordion {
    width: auto;
    padding-right: 80px;
  }

  .section-rechtliches, .section-nutzungsbedingungen {
    padding-left: 16px;
    padding-right: 16px;
  }

  .link-7.cookiereportslink.link-8 {
    display: block;
  }

  .image-20 {
    margin-top: -7px;
  }

  .image-21 {
    margin-top: 0;
  }

  .columns-6 {
    margin-left: 0;
    margin-right: 0;
  }

  .section-hero-smartphone {
    background-image: url('../images/imh-header-desktop.jpg');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 500px;
    padding-left: 16px;
    padding-right: 16px;
    display: none;
  }

  .text-block-small-wide {
    width: auto;
  }

  .text-block-wide-center {
    width: 700px;
    padding-right: 25px;
  }

  .columns-7 {
    flex-flow: wrap;
    padding-left: 48px;
    padding-right: 48px;
  }

  .column-15 {
    align-self: center;
  }

  .div-block-3 {
    flex-flow: column;
    align-items: center;
  }

  .reference-item {
    color: #fff;
  }

  .reference__point {
    text-align: left;
    width: 40px;
  }

  .image-7-mobile {
    width: 700px;
  }

  .image-2-mobile, .image-2-copy, .image-2-copy, .image-2-copy-copy, .image-2-copy {
    width: 700px;
    max-width: 90%;
  }

  .image-7-copy {
    width: 700px;
  }

  .btn-close-icon {
    padding-bottom: 0;
    bottom: auto;
  }

  .text-block-white-centered {
    padding-top: 20px;
  }

  .heading-3-copy {
    width: 700px;
    margin-left: 0;
  }

  .button-close {
    margin-top: 24px;
  }

  .section-3 {
    display: flex;
    overflow: auto;
  }

  .scrolllink {
    flex: none;
    display: flex;
  }

  .container-4 {
    overflow: auto;
  }

  .container-4.meta {
    flex: 1;
  }

  .text-block-half {
    width: auto;
    padding-right: 25px;
  }

  .section-chance {
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .bottom-nav {
    display: flex;
    overflow: hidden;
  }

  .section-ex-l8 {
    padding: 60px 16px;
  }

  .columns-8.is--flex {
    flex-flow: row;
  }

  .image-25 {
    max-width: 80%;
  }

  .section-praxis {
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .inline-graph {
    max-width: 100%;
  }

  .section-title {
    width: 700px;
    margin-left: 0;
  }

  .section-vertraege {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-testung-downloads {
    padding: 60px 16px;
  }

  .column-18 {
    margin-top: 20px;
    padding-top: 0;
  }

  .column-card-testung {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
    display: flex;
  }

  .section-5 {
    display: flex;
    overflow: auto;
  }

  .scrolllink-petrol {
    flex: none;
    display: flex;
  }

  .section-uebersicht {
    padding: 60px 16px;
  }

  .columns-10 {
    margin-bottom: 0;
  }

  .heading-4-petrol {
    width: 700px;
  }

  .section-title-petrol {
    width: 700px;
    margin-left: 0;
  }

  .image-27 {
    max-width: 70%;
  }

  .section-standard {
    padding: 60px 16px;
  }

  .columns-12 {
    display: block;
  }

  .section-zulassungsstudie {
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-28 {
    max-width: 70%;
  }

  .tab-link-petrol {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-studiendesign-flaura {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-testung-flaura {
    padding: 60px 16px;
  }

  .text-block-bullet {
    width: auto;
  }

  .text-block-bullet.extra--margin {
    margin-left: 0;
  }

  .section-faq-flaura {
    padding: 60px 16px;
  }

  .image-29 {
    max-width: 100%;
  }

  .column-25 {
    display: block;
  }

  .brand {
    float: none;
  }

  .brand-5 {
    top: 0;
  }

  .footer-text {
    margin-right: 0;
    display: inline;
  }

  .image-33 {
    max-width: 90%;
  }

  .text-block-accordion-copy {
    width: auto;
    padding-right: 80px;
  }

  .section-referenzen-petrol {
    padding: 60px 16px;
  }

  .einschubheadline-petrol {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }

  .button-petrol {
    margin-top: 24px;
  }

  .text-block-quote {
    width: auto;
    padding-right: 25px;
  }

  .tabs-content-quote {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section {
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section.is--extra-margin-bottom-desktop {
    margin-bottom: 0;
  }

  .heading-box {
    width: 700px;
    margin-left: 0;
  }

  .conclusion-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
    display: flex;
  }

  .conclusion-text {
    width: auto;
    padding-right: 25px;
  }

  .link-box {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-wide-copy {
    width: auto;
    padding-right: 25px;
  }

  .hero-text-left {
    border-bottom: 1px dashed var(--lavender-blush);
    background-color: var(--5b305d);
    max-width: none;
    margin-bottom: 0;
    margin-left: 0;
    padding: 20px;
    display: block;
    position: relative;
  }

  .hero-text-left.is--desktop {
    display: none;
  }

  .hero-p {
    width: auto;
    padding-right: 25px;
  }

  .hero-text-right {
    background-color: var(--5b305d);
    max-width: none;
    margin-right: 0;
    padding: 20px;
    display: block;
    position: static;
  }

  .hero-text-right.is--desktop {
    display: none;
  }

  .einschubheadline-copy {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    padding-left: 30px;
  }

  .tablets-text {
    width: auto;
    padding-right: 25px;
  }

  .scrolllink--pink {
    flex: none;
    display: flex;
  }

  .hero-title--mobile {
    margin-top: 24px;
    font-size: 64px;
    line-height: 64px;
  }

  .half-d {
    width: auto;
  }

  .half-d.auto-width {
    align-self: flex-start;
  }

  .half-d.align {
    width: auto;
    max-width: 100%;
  }

  .half-d.align._1-3, .half-d.align._2-3 {
    width: auto;
  }

  .two-halfs, .two-halfs.is--vertical-tablet {
    flex-direction: column;
  }

  .two-halfs.horizontal {
    flex-direction: row;
    margin-left: 0;
  }

  .column-flex.is-margin--top, .column-flex.is-margin--topandbottom {
    margin-top: 0;
  }

  .heading-rezidivrisiko.is--full-width-img {
    font-size: 19px;
    line-height: 29px;
  }

  .heading-rezidivrisiko.is--full-width-img.extra-margin-left {
    margin-left: 60px;
  }

  .heading-rezidivrisiko.hero {
    font-size: 50px;
    line-height: 62px;
  }

  .scrolllink--blue {
    flex: none;
    display: flex;
  }

  .is--max-height--400px {
    max-height: none;
  }

  .h3, .h4 {
    width: auto;
  }

  .heading-4-min-height-2-lines {
    width: 700px;
  }

  .div-block-13 {
    justify-content: space-around;
  }

  .hero__element {
    margin-top: 60px;
    margin-left: auto;
    margin-right: -16px;
  }

  .fruhes-superscript {
    top: -31.5px;
  }

  .width100.max-width {
    max-width: 90vw;
  }

  .text-box-wide-copy, .text-box-wide--center {
    width: auto;
    padding-right: 25px;
  }

  .one-helf, .one-helf.is--vertical-tablet {
    flex-direction: column;
  }

  .one-helf.horizontal {
    flex-direction: row;
    margin-left: 0;
  }

  .half-full {
    width: auto;
  }

  .half-full.auto-width {
    align-self: flex-start;
  }

  .half-full.align {
    width: auto;
    max-width: 100%;
  }

  .half-full.align._1-3, .half-full.align._2-3 {
    width: auto;
  }

  .hero__element-study {
    margin-top: 60px;
    margin-left: auto;
    margin-right: -16px;
  }

  .quote_name {
    width: 700px;
    margin-left: 0;
  }

  .quote_subtitle {
    width: auto;
  }

  .quote {
    max-width: none;
  }

  .section-title-dark-petrol {
    width: 700px;
    margin-left: 0;
  }

  .tabs-content-quote-petrol, .tabs-content-quote-dark-petrol {
    padding-left: 16px;
    padding-right: 16px;
  }

  .flex-block-3 {
    flex-flow: column;
  }

  .button-dark-petrol {
    margin-top: 24px;
  }

  .section-referenzen-darkpetrol {
    padding: 60px 16px;
  }

  .freigabe {
    color: #fff;
  }

  .section--breaker {
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section--breaker.is--extra-margin-bottom-desktop {
    margin-bottom: 0;
  }

  .metalink {
    flex: none;
    display: flex;
  }

  .metanav {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
  }

  .reference_hero {
    width: auto;
    padding-right: 25px;
  }

  .reference-item-hero {
    color: #fff;
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
    inset: auto 0% 0%;
  }

  .heading-rezidivrisiko-ohnebalken.is--full-width-img {
    font-size: 19px;
    line-height: 29px;
  }

  .heading-rezidivrisiko-ohnebalken.is--full-width-img.extra-margin-left {
    margin-left: 60px;
  }

  .heading-rezidivrisiko-ohnebalken.hero {
    font-size: 50px;
    line-height: 62px;
  }

  .width80.max-width {
    max-width: 90vw;
  }

  .image-26-copy {
    max-width: 100%;
  }

  .de-nummer {
    color: #fff;
  }

  .image-disclaimer {
    width: auto;
    padding-right: 25px;
  }

  .start_icon {
    justify-content: center;
  }

  .start_icon_img {
    flex: 0 auto;
    order: 1;
    align-self: auto;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .image {
    margin-top: 16px;
    display: block;
  }

  .section-hero {
    min-height: 550px;
    margin-top: -70px;
  }

  .section-hero.new {
    padding-top: 40px;
  }

  .hero-h2 {
    margin-top: 170px;
  }

  .hero-title {
    margin-top: 0;
    font-size: 30px;
    line-height: 40px;
  }

  .container {
    flex-direction: column;
    align-items: center;
    display: block;
  }

  .container.is--full-width-img.is--right-aligned {
    align-items: flex-end;
  }

  .container.is--full-width-img.left {
    align-items: flex-start;
  }

  .container.centered-mobile {
    text-align: center;
  }

  .accordion-text {
    max-width: 520px;
  }

  .accordion-item-trigger {
    flex-wrap: nowrap;
    padding-right: 60px;
  }

  .section-kurzerechenwege {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-loesung {
    padding-top: 60px;
    padding-right: 16px;
  }

  .image-2 {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .tabs-menu {
    max-width: 100%;
    overflow: auto;
  }

  .tab-link {
    padding-left: 16px;
    padding-right: 16px;
  }

  .column-card {
    background-color: #ffffffb3;
    width: 100%;
    height: auto;
    margin-top: 24px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .heading-3 {
    width: auto;
    padding-right: 0;
  }

  .heading-4 {
    align-self: flex-start;
    width: auto;
  }

  .heading-5 {
    line-height: 22px;
    display: block;
  }

  .heading-4-white {
    width: auto;
    max-width: 100%;
    margin-bottom: 0;
    line-height: 28px;
  }

  .section-footer {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .footer-link-text {
    margin-bottom: 8px;
    padding-bottom: 0;
  }

  .div-block {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-video {
    padding: 60px 16px;
  }

  .text-box-wide, .text-block-small {
    width: auto;
  }

  .column-5 {
    align-self: center;
    padding-left: 0;
  }

  .columns-with-icon {
    align-items: flex-start;
    height: auto;
    margin-right: 0;
    padding-left: 0;
    display: block;
  }

  .footerlink {
    text-align: center;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .text-span-4 {
    margin-right: 0;
  }

  .column-6 {
    clear: none;
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    height: auto;
    padding-left: 0;
    display: block;
    position: static;
    right: 0;
  }

  .column-9 {
    flex-direction: row;
    align-items: flex-start;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .image-10 {
    max-width: 80%;
  }

  .image-14 {
    height: 48px;
  }

  .image-17 {
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    display: block;
  }

  .heading-4-small {
    justify-content: center;
    display: block;
  }

  .column-14 {
    margin-top: 0;
    padding-right: 10px;
  }

  .section-formular {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-impressum {
    margin-top: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .text-span-28 {
    margin-bottom: 0;
    display: block;
  }

  .text-block-bullett {
    width: auto;
    padding-left: 16px;
    padding-right: 0;
    right: 0;
  }

  .text-block-accordion {
    width: auto;
    padding-right: 15px;
    position: static;
  }

  .link-6 {
    margin-bottom: 8px;
  }

  .text-block-wide-center {
    width: 536px;
  }

  .columns-7 {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .container-grey {
    flex-direction: column;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .reference__point {
    text-align: left;
    width: 30px;
  }

  .image-22 {
    height: 48px;
    margin-top: 24px;
  }

  .image-2-mobile, .image-2-copy, .image-2-copy {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .image-2-copy-copy {
    width: auto;
    max-width: 100%;
    height: auto;
    display: none;
  }

  .image-2-copy {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .heading-3-copy {
    width: auto;
    padding-right: 0;
  }

  .container-3 {
    display: block;
  }

  .text-block-half {
    width: auto;
    margin-top: 40px;
  }

  .section-chance {
    padding-top: 60px;
    padding-right: 16px;
  }

  .image-24 {
    max-width: 100%;
  }

  .column-17 {
    padding-top: 0;
  }

  .section-ex-l8 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .columns-8.is--flex {
    flex-flow: column;
  }

  .columns-8.is-extra-margi-top.bottom-aligned {
    flex-direction: column;
  }

  .image-25 {
    max-width: 100%;
  }

  .container-text {
    flex-direction: column;
    align-items: center;
    display: block;
  }

  .section-praxis {
    padding-top: 60px;
    padding-right: 16px;
  }

  .inline-graph.is--mobile {
    display: block;
  }

  .inline-graph.mobile-hidden {
    display: none;
  }

  .columns-9.is--rezidivrisiko {
    flex-direction: column;
    margin-bottom: 0;
  }

  .section-title {
    width: auto;
    padding-right: 0;
  }

  .section-title.is--white-text.hero-numbers {
    font-size: 80px;
    line-height: 80px;
  }

  .column-card-testung {
    background-color: #eadee9b3;
    height: auto;
    margin-top: 24px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section-uebersicht {
    padding: 60px 16px;
  }

  .column-19 {
    flex-direction: column;
    display: flex;
  }

  .heading-4-petrol {
    align-self: flex-start;
    width: auto;
  }

  .section-title-petrol {
    width: auto;
    padding-right: 0;
  }

  .image-27 {
    max-width: 20%;
    margin-bottom: 8px;
  }

  .section-standard {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-zulassungsstudie {
    padding-top: 60px;
    padding-right: 16px;
  }

  .image-28 {
    max-width: 100%;
  }

  .tabs-menu-petrol {
    flex-direction: column;
    max-width: 100%;
    overflow: auto;
  }

  .tab-link-petrol {
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .tab-link-petrol.w--current {
    margin-top: 0;
    display: flex;
  }

  .column-21 {
    justify-content: flex-start;
  }

  .text-block-bullet {
    min-width: auto;
  }

  .columns-14 {
    flex-direction: row;
    display: flex;
  }

  .column-26, .column-27, .column-28 {
    margin-bottom: 0;
  }

  .brand {
    float: left;
    clear: left;
  }

  .footer-text {
    margin-right: 0;
  }

  .image-33 {
    max-width: 90%;
  }

  .accordion-item-trigger-petrol {
    flex-wrap: nowrap;
    padding-right: 60px;
  }

  .text-block-accordion-copy {
    width: auto;
    padding-right: 15px;
    position: static;
  }

  .link-petrol:hover {
    color: var(--light-cyan);
  }

  .text-block-quote {
    width: auto;
  }

  .image-36 {
    max-width: 20%;
    top: 202px;
  }

  .section-footer-login {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section {
    padding-top: 60px;
    padding-right: 16px;
  }

  .heading-box {
    width: auto;
    padding-right: 0;
  }

  .conclusion-box {
    height: auto;
    margin-top: 24px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .conclusion-text {
    width: auto;
  }

  .link-box {
    height: auto;
    margin-top: 24px;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .text-block-wide-copy, .hero-p {
    width: auto;
  }

  .einschubheadline-copy {
    padding-right: 10px;
  }

  .tablets-text {
    width: auto;
  }

  .div-block-7 {
    display: none;
  }

  .smaller-h1 {
    font-size: 32px;
  }

  .reference-title {
    width: auto;
    max-width: 100%;
    margin-bottom: 0;
    line-height: 28px;
  }

  .hero-title--mobile {
    margin-top: 24px;
  }

  .number.no-height {
    line-height: 90px;
  }

  .number.bigger.is--darkpetrol {
    flex: 1;
    min-height: 1px;
  }

  .text-span-74 {
    margin-bottom: -27px;
  }

  .two-halfs, .column-flex {
    flex-direction: column;
  }

  .heading-rezidivrisiko.is--full-width-img {
    max-width: 27ch;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 22px;
    line-height: 33px;
  }

  .heading-rezidivrisiko.is--full-width-img.is--blue.is--shorter {
    max-width: 23ch;
  }

  .heading-rezidivrisiko.hero {
    font-size: 40px;
    line-height: 52px;
  }

  .div-block-11.is--extra-margin-bottom, .div-block-11.is--extra-margin-top {
    margin-bottom: 100px;
  }

  .div-block-11.left-aligned {
    text-align: left;
  }

  .full-width-img {
    object-fit: cover;
    min-height: 250px;
  }

  .full-width-img-d {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .h3, .h4 {
    width: auto;
  }

  .heading-4-min-height-2-lines {
    align-self: flex-start;
    width: auto;
  }

  .div-block-13 {
    flex-direction: column;
    align-items: center;
  }

  .hero__element {
    max-width: 360px;
    font-size: 18px;
    line-height: 28px;
  }

  .neu-icon {
    width: 60px;
    height: 60px;
    margin-top: -29px;
    margin-right: 161px;
    font-size: 20px;
  }

  .fruhes-superscript {
    font-size: 30px;
    top: -25.5px;
  }

  .width100.max-width {
    max-width: 90vw;
  }

  .flex-block-2 {
    max-width: none;
  }

  .width60 {
    max-width: 90vw;
  }

  .text-box-wide-copy {
    flex: 1;
    width: auto;
  }

  .text-box-wide--center {
    width: auto;
  }

  .one-helf {
    flex-direction: column;
  }

  .hero__element-study {
    max-width: 360px;
    font-size: 18px;
    line-height: 28px;
  }

  .quote_name {
    width: auto;
    padding-right: 0;
  }

  .quote_subtitle {
    width: auto;
  }

  .quote {
    align-items: flex-start;
    height: auto;
    margin-right: 0;
    padding-left: 0;
    display: block;
  }

  .section-title-dark-petrol {
    width: auto;
    padding-right: 0;
  }

  .flex-block-3 {
    flex-flow: column;
  }

  .section--breaker {
    padding-top: 60px;
    padding-right: 16px;
  }

  .reference_hero {
    width: auto;
  }

  .heading-rezidivrisiko-ohnebalken.is--full-width-img {
    max-width: 27ch;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 22px;
    line-height: 33px;
  }

  .heading-rezidivrisiko-ohnebalken.is--full-width-img.is--blue.is--shorter {
    max-width: 23ch;
  }

  .heading-rezidivrisiko-ohnebalken.hero {
    font-size: 40px;
    line-height: 52px;
  }

  .width80.max-width {
    max-width: 90vw;
  }

  .image-38 {
    max-width: 100%;
  }

  .image-26-copy.is--mobile {
    display: block;
  }

  .image-26-copy.mobile-hidden {
    display: none;
  }

  .image-disclaimer {
    width: auto;
  }

  .start_icon {
    clear: none;
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    height: auto;
    padding-left: 0;
    display: block;
    position: static;
    right: 0;
  }

  .start_icon_img {
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 479px) {
  strong {
    font-family: Barlow, sans-serif;
    font-weight: 700;
  }

  sup {
    font-family: Barlow, sans-serif;
  }

  .image {
    float: left;
    clear: none;
    margin-top: 16px;
  }

  .section-hero {
    display: none;
  }

  .section-hero.new {
    min-height: 490px;
    display: flex;
  }

  .hero-h2 {
    margin-top: 24px;
    padding-top: 107px;
    font-size: 20px;
    line-height: 28px;
  }

  .hero-title {
    margin-top: 8px;
    font-size: 21px;
    line-height: 35px;
  }

  .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .container.is--full-width-img {
    align-items: flex-start;
    padding-left: 20px;
  }

  .container.is--full-width-img.is--right-aligned {
    z-index: 1;
    align-items: flex-end;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
  }

  .container.is--full-width-img.test {
    object-fit: cover;
    height: 150px;
  }

  .container.is--full-width-img.left {
    margin-bottom: 0;
    position: relative;
  }

  .container.is--full-width-img.left.m-ller {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
  }

  .section-faq {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .button {
    display: block;
  }

  .accordion-item-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .icon-minus {
    right: 16px;
  }

  .accordion-item-trigger {
    padding-left: 24px;
    padding-right: 40px;
  }

  .icon-plus {
    right: 6px;
  }

  .section-kurzerechenwege, .section-loesung {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .image-2 {
    object-fit: fill;
    width: auto;
    margin-top: 0;
    margin-bottom: 24px;
    display: block;
  }

  .tabs-menu {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    margin-top: 0;
    padding-top: 0;
    display: flex;
    position: relative;
    top: 0;
  }

  .tab-link {
    margin-top: 0;
    font-family: Barlow, sans-serif;
  }

  .tab-link.w--current {
    margin-top: 0;
  }

  .section-ergebnisse, .section-downloads {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .column-card {
    max-width: 300px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 24px;
  }

  .nav--link {
    display: block;
  }

  .heading-3 {
    align-self: flex-start;
    width: auto;
    max-width: none;
    margin-top: 0;
    font-size: 32px;
    line-height: 44px;
  }

  .heading-4 {
    align-self: flex-start;
    width: auto;
  }

  .heading-5 {
    align-items: flex-start;
    display: block;
  }

  .text-block {
    text-align: left;
    width: auto;
  }

  .section-testung, .section-referenzen {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .heading-4-white {
    align-self: flex-start;
    width: auto;
    font-size: 18px;
    line-height: 24px;
  }

  .section-footer {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .div-block {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 24px;
  }

  .section-video {
    padding: 48px 16px;
  }

  .text-box-wide {
    margin-bottom: 24px;
    padding-right: 0;
  }

  .heading-superscript {
    bottom: 13px;
  }

  .text-block-small {
    align-self: flex-start;
    width: auto;
    margin-top: 24px;
  }

  .column-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .image-7 {
    display: block;
  }

  .columns-with-icon {
    flex-direction: row;
    align-items: center;
  }

  .column-9 {
    flex-direction: column;
    align-items: center;
  }

  .image-14 {
    height: 32px;
  }

  .image-17 {
    align-self: flex-start;
  }

  .column-14 {
    padding-right: 10px;
  }

  .section-formular {
    padding: 48px 16px;
  }

  .einschubheadline {
    max-width: none;
    max-height: none;
    display: flex;
  }

  .image-19 {
    max-width: none;
  }

  .menu-button {
    float: right;
    clear: none;
    margin-right: 0;
  }

  .section-impressum {
    margin-top: 120px;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .section-datenschutz {
    padding-top: 120px;
  }

  .text-block-bullett {
    width: auto;
  }

  .text-block-accordion {
    padding-left: 16px;
    padding-right: 0;
  }

  .link-12 {
    color: #fff;
  }

  .link-12:hover {
    color: #c7a0c4;
  }

  .section-hero-smartphone {
    background-image: url('../images/img-mobile-header-tagrisso.jpg');
    background-position: 50% 0;
    background-repeat: repeat;
    background-attachment: scroll;
    margin-top: 0;
    padding-top: 100px;
    display: block;
  }

  .section-hero-smartphone.more--pading {
    padding-top: 120px;
  }

  .text-block-small-wide {
    align-self: flex-start;
    width: auto;
    margin-top: 24px;
  }

  .text-block-wide-center {
    width: auto;
    margin-bottom: 24px;
  }

  .columns-7.is--rezidivrisiko {
    flex-direction: column;
  }

  .container-grey {
    max-width: none;
    padding: 24px;
  }

  .reference__point {
    width: 20px;
  }

  .image-22 {
    height: 32px;
  }

  .text-span-42 {
    color: #c7a0c4;
  }

  .text-span-42:hover {
    color: var(--lavender-blush);
  }

  .image-7-mobile {
    display: block;
  }

  .image-2-mobile {
    object-fit: fill;
    width: auto;
    max-width: 100%;
    margin: 24px auto;
    display: block;
  }

  .image-2-copy {
    object-fit: fill;
    object-fit: fill;
    width: auto;
    max-width: 100%;
    margin: 24px auto;
    display: none;
  }

  .image-2-copy-copy {
    object-fit: fill;
    width: auto;
    max-width: 80%;
    margin: 24px auto;
    display: block;
  }

  .image-2-copy {
    object-fit: fill;
    width: auto;
    margin-top: 24px;
    margin-bottom: 24px;
    display: none;
  }

  .image-7-copy {
    display: none;
  }

  .text-span-47 {
    font-size: 10px;
    position: relative;
    bottom: 7px;
  }

  .text-span-48 {
    font-size: 12px;
    position: relative;
    bottom: 6px;
  }

  .text-span-49 {
    font-size: 14px;
    position: relative;
    bottom: 8px;
  }

  .text-block-white-centered {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 26px;
  }

  .heading-3-copy {
    align-self: flex-start;
    width: auto;
    max-width: none;
    margin-top: 0;
    font-size: 32px;
    line-height: 44px;
  }

  .button-close.w--current {
    margin-right: 0;
    display: block;
  }

  .text-block-half {
    margin-bottom: 24px;
    padding-right: 0;
  }

  .section-chance {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .image-24 {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .image-24.is--extra-margin-bottom {
    margin-bottom: 60px;
  }

  .section-ex-l8 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .columns-8 {
    margin-top: 40px;
  }

  .container-text {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .section-praxis {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .inline-graph, .inline-graph.is--mobile, .inline-graph.is--visible-mobile, .inline-graph.show {
    display: block;
  }

  .section-title {
    align-self: flex-start;
    width: auto;
    max-width: none;
    margin-top: 0;
    font-size: 32px;
    line-height: 44px;
  }

  .section-title.is--white-text.hero-numbers {
    font-size: 60px;
    line-height: 60px;
  }

  .section-testung-downloads {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .column-18 {
    padding-top: 0;
  }

  .column-card-testung {
    width: auto;
    max-width: 300px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 24px;
  }

  .section-uebersicht {
    padding: 40px 16px;
  }

  .column-19 {
    flex-direction: column;
  }

  .heading-4-petrol {
    align-self: flex-start;
    width: auto;
  }

  .section-title-petrol {
    align-self: flex-start;
    width: auto;
    max-width: none;
    margin-top: 0;
    font-size: 27px;
    line-height: 36px;
  }

  .section-standard, .section-zulassungsstudie {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .image-28 {
    max-width: 100%;
  }

  .image-28.is--max-50 {
    width: auto;
    margin-left: auto;
  }

  .tabs-menu-petrol {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    margin-top: 0;
    padding-top: 0;
    display: flex;
    position: relative;
  }

  .tab-link-petrol, .tab-link-petrol.w--current {
    margin-top: 0;
  }

  .section-studiendesign-flaura {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-testung-flaura {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .column-22 {
    display: flex;
    position: static;
  }

  .text-block-bullet {
    text-align: left;
    width: auto;
  }

  .section-faq-flaura {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .image-29 {
    display: none;
  }

  .columns-15, .columns-16, .columns-17 {
    display: flex;
  }

  .image-30 {
    display: block;
  }

  .image-31 {
    display: none;
  }

  .brand {
    float: none;
    clear: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    padding-right: 0;
    display: block;
    position: static;
  }

  .brand-2, .brand-3, .brand-4, .brand-5, .brand-6, .brand-7, .brand-8 {
    float: none;
  }

  .image-33 {
    display: none;
    overflow: visible;
  }

  .accordion-item-trigger-petrol {
    padding-left: 24px;
    padding-right: 40px;
  }

  .text-block-accordion-copy {
    padding-left: 16px;
    padding-right: 0;
  }

  .section-referenzen-petrol {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .einschubheadline-petrol {
    max-width: none;
    max-height: none;
    display: flex;
  }

  .heading-4-petrol-small {
    width: auto;
  }

  .button-petrol {
    display: block;
  }

  .section-expertenmeinung {
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-35 {
    flex: 0 auto;
    align-self: auto;
  }

  .text-block-quote {
    margin-bottom: 24px;
    padding-right: 0;
  }

  .section-footer-login, .section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .heading-box {
    align-self: flex-start;
    width: auto;
    max-width: none;
    margin-top: 0;
    font-size: 32px;
    line-height: 44px;
  }

  .conclusion-box {
    width: auto;
    max-width: 300px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 24px;
  }

  .conclusion-text {
    padding-right: 0;
  }

  .link-box {
    width: auto;
    max-width: 300px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 24px;
    font-family: Barlow, sans-serif;
  }

  .text-block-wide-copy {
    margin-bottom: 24px;
    padding-right: 0;
  }

  .hero-text-left {
    border-bottom: 1px dashed var(--lavender-blush);
    background-color: var(--5b305d);
    margin-bottom: 0;
    margin-left: 0;
    padding: 10px;
    position: relative;
  }

  .hero-p {
    margin-bottom: 24px;
    padding-right: 0;
  }

  .hero-text-right {
    background-color: var(--5b305d);
    margin-right: 0;
    padding: 10px;
    position: static;
  }

  .einschubheadline-copy {
    max-width: none;
    max-height: none;
    display: flex;
  }

  .tablets-text {
    margin-bottom: 24px;
    padding-right: 0;
  }

  .smaller-h1 {
    font-size: 23px;
  }

  .reference__text.hero {
    font-size: 11px;
    line-height: 15px;
  }

  .reference-title {
    align-self: flex-start;
    width: auto;
    font-size: 18px;
    line-height: 24px;
  }

  .hero-title--mobile {
    font-size: 32px;
    line-height: 40px;
  }

  .half-d.align {
    margin-left: auto;
    margin-right: auto;
  }

  .half-d.new {
    align-self: flex-start;
  }

  .two-halfs.horizontal {
    flex-direction: column;
  }

  .heading-rezidivrisiko {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .heading-rezidivrisiko.is--full-width-img {
    margin-top: 50px;
    font-size: 22px;
    line-height: 32px;
  }

  .heading-rezidivrisiko.is--full-width-img.is--blue.is--shorter {
    max-width: 15ch;
    margin-top: 80px;
  }

  .heading-rezidivrisiko.is--full-width-img.is--max-15 {
    max-width: 15ch;
  }

  .heading-rezidivrisiko.is--full-width-img.extra-margin-left {
    margin-top: 50px;
    margin-bottom: auto;
    margin-left: 0;
  }

  .heading-rezidivrisiko.is--full-width-img.extra-margin-left.mueller.center {
    margin-top: 60px;
    margin-bottom: auto;
  }

  .heading-rezidivrisiko.is--full-width-img.m-ller.center {
    margin-bottom: auto;
    padding-bottom: 0;
  }

  .heading-rezidivrisiko.is--full-width-img.mueller.center {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-bottom: 0;
  }

  .heading-rezidivrisiko.hero {
    font-size: 30px;
    line-height: 42px;
  }

  .heading-rezidivrisiko-box, .heading-rezidivrisiko-box.mueller {
    top: auto;
    bottom: 0;
  }

  .div-block-11.is--extra-margin-bottom {
    margin-bottom: 10px;
  }

  .div-block-11.is--extra-margin-top {
    margin-top: 60px;
    margin-bottom: 0;
  }

  .full-width-img.test {
    object-fit: cover;
    min-height: 150px;
  }

  .full-width-img.fit-adjusted--mobile {
    z-index: 0;
    object-position: 40% 50%;
  }

  .full-width-img-d {
    margin-top: 0;
    margin-bottom: 60px;
  }

  .full-width-img-d.is--no-margin-btm {
    margin-top: 0;
    padding-top: 40px;
  }

  .h3, .h4 {
    align-self: flex-start;
    width: auto;
    margin-top: 24px;
  }

  .heading-4-min-height-2-lines {
    align-self: flex-start;
    width: auto;
  }

  .barlow {
    font-family: Barlow, sans-serif;
  }

  .div-block-13 {
    padding-left: 6px;
    padding-right: 6px;
  }

  .neu-icon {
    margin-top: -35px;
    margin-right: 136px;
  }

  .fruhes-hero-superscript {
    font-size: 20px;
  }

  .fruhes-superscript {
    font-size: 20px;
    top: -18.5px;
  }

  .flex-block {
    flex-flow: column;
  }

  .width100.max-width {
    max-width: 90vw;
  }

  .flex-block-2 {
    flex-flow: column;
  }

  .width60 {
    max-width: 80vw;
  }

  .text-box-wide-copy, .text-box-wide--center {
    margin-bottom: 24px;
    padding-right: 0;
  }

  .one-helf.horizontal {
    flex-direction: column;
  }

  .half-full.align {
    margin-left: auto;
    margin-right: auto;
  }

  .half-full.new {
    align-self: flex-start;
  }

  .quote_name {
    align-self: flex-start;
    width: auto;
    max-width: none;
    margin-top: 0;
    font-size: 32px;
    line-height: 44px;
  }

  .quote_subtitle {
    align-self: flex-start;
    width: auto;
    margin-top: 24px;
  }

  .quote {
    flex-direction: row;
    align-items: center;
  }

  .section-title-dark-petrol {
    align-self: flex-start;
    width: auto;
    max-width: none;
    margin-top: 0;
    font-size: 27px;
    line-height: 36px;
  }

  .heading-4-dark-petrol-small {
    width: auto;
  }

  .button-dark-petrol {
    display: block;
  }

  .section-referenzen-darkpetrol, .section--breaker {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .spacer {
    height: 40px;
  }

  .mueller_hero {
    background-position: 58%;
    padding-left: 10px;
  }

  .image-26-copy, .image-26-copy.is--mobile, .image-26-copy.is--visible-mobile, .image-26-copy.show {
    display: block;
  }

  .reference_hero {
    margin-bottom: 24px;
    padding-right: 0;
  }

  .heading-rezidivrisiko-ohnebalken.is--full-width-img {
    font-size: 22px;
    line-height: 32px;
  }

  .heading-rezidivrisiko-ohnebalken.is--full-width-img.is--blue.is--shorter {
    max-width: 15ch;
    margin-top: 80px;
  }

  .heading-rezidivrisiko-ohnebalken.is--full-width-img.is--max-15 {
    max-width: 15ch;
  }

  .heading-rezidivrisiko-ohnebalken.is--full-width-img.extra-margin-left {
    margin-left: 0;
  }

  .heading-rezidivrisiko-ohnebalken.hero {
    font-size: 30px;
    line-height: 42px;
  }

  .width80.max-width {
    max-width: 90vw;
  }

  .mobile-nopadding {
    padding-left: 0;
    padding-right: 0;
  }

  .image-26-copy, .image-26-copy.is--mobile, .image-26-copy.is--visible-mobile, .image-26-copy.show {
    display: block;
  }

  .reference__text_abkuerzungen.hero {
    font-size: 11px;
    line-height: 15px;
  }

  .image-disclaimer {
    margin-bottom: 24px;
    padding-right: 0;
  }

  .start_icon_img {
    align-self: flex-start;
  }

  .reference__text_bottom.hero {
    font-size: 11px;
    line-height: 15px;
  }
}


@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensanscondensed';
  src: url('../fonts/OpenSansCondensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensanscondensed';
  src: url('../fonts/OpenSansCondensed-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensanscondensed';
  src: url('../fonts/OpenSansCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans';
  src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}