:root {
  --black: #333;
  --highlights: #8c1f28;
  --buttons: #044040;
  --white-smoke: #f2f2f2;
  --round-edge: 11vw;
  --h2heading-fontsize: 2em;
  --fontsize-heading-landscape-smartphone: 2.5em;
  --h2heading-fontheight-landscape: 3rem;
  --buttonfontsize: 1.7rem;
  --paragraph-heading-mobile-landscape: 3.2vw;
  --landingpage-fontsize-desktop: 2.7vh;
  --landingpage-fontsize-landscape: 2.5vw;
  --landingpage-fontsize-smartphone: 4vw;
  --navbar-frontheight-desktop: .8em;
  --buttonfontsize-desktop: .4rem;
  --border: .1rem;
  --buttonfontsize-small: .7rem;
  --texthintergrund: #04404099;
  --landingpage-fontsize-underheading-desktop: 1.9em;
  --navbarfontsize: 1rem;
  --transparent: #0000;
  --zitat-fontsize-desktoop: 2.7rem;
  --zitat-fontsize-mobile: 1.6rem;
  --h2underheading-desktop: .7em;
  --paragraph-heading-bold: .8em;
  --paragraph-heading-tablet: 1em;
  --navbar-heading-fontsize: 1.7rem;
  --paragraph-fontsize: 2vh;
  --paragraph-fontsize-mobile: 1.3vh;
  --fontsize-h1heading-desktop: 11vh;
  --5vh-padding: 5vh;
  --social-button-variable: 35px;
  --section-full-hide: 100vh;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

body {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  line-height: 120%;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mohria, sans-serif;
}

h2 {
  margin-top: 5%;
  margin-bottom: 5%;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: underline;
}

img {
  display: inline-block;
}

strong {
  font-weight: bold;
}

.vc-navbar {
  border-bottom: 3px solid var(--highlights);
  background-color: var(--buttons);
  border-radius: 0 0 20px 20px;
  justify-content: space-around;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

._1-dropdown-menue {
  color: var(--white-smoke);
}

.brand {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image {
  border-radius: 15px;
  align-self: flex-start;
}

.image.logotree {
  border-radius: 0;
  align-self: center;
  width: 3.8em;
  height: 4em;
}

.image.sticky {
  position: sticky;
  top: 112px;
}

.heading {
  color: var(--white-smoke);
  text-transform: uppercase;
  justify-content: flex-start;
  margin-top: 10px;
  font-family: Mohria, sans-serif;
  display: flex;
}

.heading-wrapper {
  text-align: center;
}

.heading-wrapper.heading-white {
  color: var(--white-smoke);
}

.heading-wrapper.heading-white.normal {
  -webkit-backdrop-filter: blur(10%);
  backdrop-filter: blur(10%);
}

.heading-wrapper.normal {
  margin-bottom: 10px;
  padding-top: 2%;
  padding-bottom: 2%;
}

.heading-wrapper.sizing-big {
  flex: 1;
}

._100vw100vh-imagecontainer {
  opacity: 1;
  background-image: url('../images/landingpage.jpg');
  background-position: 0 60%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: flex-end;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.data-wrapper {
  width: 100vw;
  margin-left: 0%;
  margin-right: 0%;
  display: block;
}

.data-wrapper.info-menue {
  opacity: 1;
  background-image: url('../images/aarn-giri-IBhsB71R97k-unsplash.webp');
  background-position: 50% 100%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
}

.data-wrapper.normal {
  padding: 10% 20%;
  display: block;
}

.data-wrapper.normal.info-menue {
  display: block;
}

.data-wrapper.normal.info-menue.smartphone {
  padding-left: 13%;
  padding-right: 13%;
  display: none;
}

.data-wrapper.normal.info-menue.hidden {
  display: none;
}

.data-wrapper.normal.info-menue.footer {
  z-index: 150;
  clear: both;
  border: 3px solid var(--highlights);
  border-top-left-radius: var(--round-edge);
  border-top-right-radius: var(--round-edge);
  padding: 1% 5%;
}

.data-wrapper.normal.hidden {
  display: block;
}

.data-wrapper.normal.more-side-padding {
  padding-left: 32%;
  padding-right: 32%;
}

.data-wrapper.normal.more-side-padding._100-percent.wunderbar {
  height: 100vh;
}

.data-wrapper.normal.hidden-for-mobile.vrs2 {
  padding-left: 15%;
  padding-right: 15%;
}

.data-wrapper.ab-un-padding {
  padding-top: 10%;
  padding-bottom: 10%;
}

.data-wrapper.ab-un-padding.hide {
  display: none;
}

.h2-heading {
  font-family: Mohria, sans-serif;
  font-size: var(--h2heading-fontsize);
  text-align: center;
  border-radius: 8px;
}

.h2-heading.normal {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}

.h2-heading.normal.center {
  text-align: center;
  text-align: center;
}

.h2-heading.thin {
  font-size: var(--paragraph-heading-mobile-landscape);
  font-weight: 400;
}

.landingpage-txt {
  color: var(--white-smoke);
  font-size: var(--landingpage-fontsize-desktop);
  text-align: center;
  line-height: 133%;
}

.landingpage-txt.small {
  font-size: .7em;
}

.button {
  clear: both;
  border-radius: var(--round-edge);
  background-color: var(--buttons);
  font-family: Mohria, sans-serif;
  font-size: var(--buttonfontsize);
  line-height: var(--navbar-frontheight-desktop);
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  cursor: pointer;
  align-self: flex-start;
  padding: 1% 2%;
  font-weight: 400;
  transition: all .3s;
  display: block;
}

.button:hover {
  border: var(--buttonfontsize-desktop) solid var(--highlights);
  border-radius: var(--round-edge);
}

.button:active {
  transform: scale(1.1);
}

.button.landingpage {
  margin: 10% 3% 5%;
  padding: 3%;
  transition: all .35s;
  display: block;
}

.button.landingpage:hover {
  border: 3px solid var(--highlights);
}

.button.landingpage.border {
  border: var(--border) solid var(--highlights);
}

.button.landingpage.border:hover {
  box-shadow: inset 0 2px .6em 0 var(--highlights);
}

.button.landingpage.mobile-fontsize.aboutme-chosen {
  box-shadow: inset 0 -.6em 1.1em .6em var(--highlights);
}

.button-wrapper {
  float: none;
  flex-direction: column;
  display: block;
}

.button-wrapper.padding {
  padding-top: 10%;
}

.button-wrapper.sizing-grow {
  flex: 1;
}

.container {
  flex: 1;
  order: -1;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.landingpage-txt-wrapper {
  background-color: var(--texthintergrund);
  order: -1;
  align-self: center;
  width: 30vw;
  height: 100%;
  margin-right: 10%;
  padding-top: 5vh;
  padding-left: 2%;
  padding-right: 2%;
}

.nav-menue {
  display: flex;
}

.menu-button {
  display: none;
}

.landingpage-underheading {
  color: var(--white-smoke);
  font-family: Silhouette, sans-serif;
  font-size: var(--landingpage-fontsize-underheading-desktop);
  text-align: center;
  line-height: 5vh;
  transform: rotate(-7deg);
}

.landingpage-underheading.margin {
  margin-top: 22px;
}

.dropdown-txt {
  color: var(--white-smoke);
}

.dropdown-icon {
  color: var(--white-smoke);
  font-size: var(--navbarfontsize);
}

._2-dropdown-toggle {
  background-color: var(--buttons);
}

._2-dropdown-toggle:active {
  box-shadow: inset 4px 6px 9px 2px var(--highlights);
  background-color: #8c1f28bd;
}

._2-dropdown-toggle.w--open {
  background-color: var(--buttons);
}

._3-dropdown-list.w--open {
  border: 3px solid var(--highlights);
  background-color: var(--buttons);
}

._4-dropdown-link {
  color: var(--white-smoke);
  font-size: var(--navbarfontsize);
  text-decoration: underline;
}

.bold-text {
  background-color: var(--transparent);
}

.link-white {
  color: var(--white-smoke);
}

.link-white.footer {
  font-size: 60%;
}

.link-white.rollover {
  cursor: pointer;
  line-height: 130%;
  transition: all .45s;
}

.link-white.rollover:hover {
  color: var(--highlights);
}

.zitat {
  color: var(--black);
  font-family: Silhouette, sans-serif;
  font-size: var(--zitat-fontsize-desktoop);
  text-align: center;
  padding: 2% 0% 0%;
  line-height: 206%;
}

.zitat.little-size-font {
  font-size: 2.5rem;
}

.black-link {
  color: var(--black);
  justify-content: flex-start;
  align-items: stretch;
  font-family: Mohria, sans-serif;
  font-size: 60%;
  display: flex;
}

.black-link.right-allignment {
  justify-content: flex-end;
  font-size: 1.5rem;
  text-decoration: none;
}

.black-link.right-allignment.no-unterstrich {
  text-decoration: none;
}

.quote-container {
  margin-bottom: 5%;
  margin-right: 0%;
}

.txt-container {
  -webkit-backdrop-filter: blur(10%);
  backdrop-filter: blur(10%);
  flex: 1;
  padding-bottom: 5%;
  font-family: Montserrat, sans-serif;
  font-size: 60%;
  position: relative;
}

.txt-container.margin-left-right {
  padding-left: 10%;
  padding-right: 10%;
}

.txt-container.white {
  padding-bottom: 0%;
}

.data-txt-container {
  flex: 1;
  margin-bottom: 10%;
  padding-left: 4%;
  padding-right: 4%;
  display: block;
}

.data-heading-wrapper-txt {
  cursor: pointer;
  justify-content: space-between;
  margin-bottom: 10%;
}

.listing-txt {
  text-align: center;
  padding-bottom: 3%;
  font-size: 85%;
  line-height: 162%;
}

.listing-txt.black {
  color: var(--black);
}

.image-container {
  border: 1px none var(--buttons);
  justify-content: center;
  padding: 0% 2%;
  display: flex;
}

.image-container.margin-left {
  margin-left: 4%;
}

.image-container.width-100 {
  width: 30%;
  height: 100%;
}

.cv-container {
  display: flex;
}

.cv-list {
  text-align: center;
  margin-top: 5%;
  margin-right: 0%;
  padding-left: 5%;
  list-style-type: none;
}

.cv-list.white {
  color: var(--white-smoke);
  padding-top: 5%;
  padding-bottom: 0%;
}

.list-item {
  padding-bottom: 5%;
}

.image-inflexhorizontal-size {
  border-radius: 20px;
  height: 100%;
  display: block;
}

.image-desktop {
  border-radius: 50px;
  height: 270px;
}

.form-block-wrapper {
  display: none;
}

.selbsttest-form-wrapper {
  padding-bottom: 5%;
  display: block;
}

.checkbox-wrapper {
  justify-content: space-around;
  padding: 3%;
  display: flex;
}

.form-block-question {
  font-family: Montserrat, sans-serif;
  font-size: 76%;
  font-weight: 300;
}

.formblock-question-container {
  width: 50vw;
}

.checkbox-field-container {
  justify-content: space-around;
  width: 50vw;
  display: flex;
}

.checkbox-label {
  align-self: center;
  margin-bottom: 0;
  padding-left: 40%;
  font-family: Montserrat, sans-serif;
  font-size: 76%;
}

.checkbox-field {
  justify-content: flex-start;
  display: flex;
}

.underheading-normal {
  display: block;
}

.underheading-normal.bold {
  text-align: center;
  font-weight: 700;
}

.underheading-normal.bold.padding-above {
  padding-top: 5%;
}

.underheading-txt {
  font-family: Montserrat, sans-serif;
  font-size: var(--h2underheading-desktop);
  text-align: center;
  cursor: auto;
  margin-top: 4%;
  margin-left: 0%;
  margin-right: 0%;
  line-height: 115%;
  text-decoration: none;
}

.underheading-txt.white {
  color: var(--white-smoke);
  margin-bottom: 0%;
}

.underheading-txt.txt-center {
  text-align: center;
  margin-bottom: 0%;
}

.underheading-txt.more-margin {
  margin-top: 8%;
}

.underheading-txt.more-margin.margin-under {
  margin-bottom: 11%;
}

.submit-button {
  float: left;
  border: 3px solid var(--highlights);
  background-color: var(--buttons);
  border-radius: 20px;
  font-family: Mohria, sans-serif;
  font-size: 100%;
}

.submit-button:active {
  background-image: linear-gradient(to bottom, var(--buttons), white);
}

.erfolg-message-container {
  border: 3px solid var(--highlights);
  background-color: var(--buttons);
  border-radius: 20px;
}

.misserfolg-message-container {
  border: 3px solid var(--highlights);
  background-color: var(--highlights);
  background-image: linear-gradient(157deg, var(--highlights) 36%, var(--buttons));
  border-radius: 20px;
  margin-top: 0;
}

.zitat-wrapper {
  padding: 0%;
}

.cv-wrapper {
  display: block;
}

.paragraph-heading {
  font-size: var(--paragraph-heading-bold);
  cursor: auto;
}

.paragraph-heading.underline-pointer {
  cursor: pointer;
  text-decoration: underline;
}

.data-txt {
  color: var(--white-smoke);
  text-align: justify;
  padding-top: 10%;
  font-size: 60%;
  line-height: 167%;
  display: block;
}

.data-txt.black {
  color: var(--black);
}

.data-txt.black.interaction {
  display: block;
}

.data-txt.black.interaction.padding-side {
  color: var(--white-smoke);
  padding: 0% 26%;
  display: block;
}

.data-txt.black.interaction.padding-side.white {
  color: var(--white-smoke);
  display: none;
}

.data-txt.hight-overflow {
  overflow: visible;
}

.h3-heading {
  color: var(--white-smoke);
  margin-top: 2%;
  margin-bottom: 0;
  font-size: 90%;
  font-weight: 500;
}

.h3-heading.center {
  text-align: center;
}

.h3-heading.center.bigger-fontstyle {
  font-family: Mohria, sans-serif;
  font-size: var(--h2heading-fontsize);
}

.h3-heading.center.bigger-fontstyle.black {
  color: var(--black);
}

.image-realtive-position {
  z-index: 1;
  float: left;
  opacity: .3;
  position: relative;
}

.image-realtive-position.borders {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 60px;
}

.image-realtive-position.borders.transformation {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-15deg)rotateZ(-23deg);
}

.image-realtive-position.size {
  width: 100px;
}

.image-realtive-position.size._4 {
  align-self: center;
  top: 50%;
}

.image-realtive-position.size._4.left {
  left: -20%;
}

.image-realtive-position.size._4.right {
  right: -20%;
}

.formblock-container {
  background-image: url('../images/benjamin-davies-__U6tHlaapI-unsplash.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  font-family: Mohria, sans-serif;
  font-size: 2vw;
}

.flex-horizontal-wrapper {
  justify-content: center;
  display: flex;
}

.flex-horizontal-wrapper.abstand {
  justify-content: space-between;
  align-items: center;
}

.flex-horizontal-wrapper.abstand.allign-above {
  align-items: flex-start;
}

.flex-horizontal-wrapper.abstand.margin {
  margin-bottom: 6%;
}

.flex-horizontal-wrapper.abstand._10--margin {
  z-index: 100;
  position: relative;
}

.flex-horizontal-wrapper.abstand.smartphone {
  display: none;
}

.flex-horizontal-wrapper.links-rechts {
  justify-content: space-between;
}

.flex-horizontal-wrapper.links-rechts.absolut {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.flex-horizontal-wrapper.padding {
  padding-top: 10%;
}

.readmore {
  background-image: linear-gradient(to bottom, var(--buttons), #fff);
  color: var(--white-smoke);
  text-align: center;
  display: none;
  position: relative;
  top: 0%;
}

.data-holder.hight-overflow {
  height: 60vh;
  display: block;
  overflow: scroll;
}

.data-holder.hight-overflow.hidden {
  display: none;
}

.formblock-field-label-txt {
  background-image: linear-gradient(to bottom, var(--buttons), var(--texthintergrund));
  color: var(--white-smoke);
  border-radius: 10px;
  padding-left: 5%;
  padding-right: 5%;
  font-family: Montserrat, sans-serif;
  font-size: 66%;
  font-weight: 300;
}

.formblock-field-label-txt.background {
  background-image: linear-gradient(to bottom, var(--buttons), var(--texthintergrund));
}

.formblock-enter-txt {
  background-color: var(--white-smoke);
  color: var(--black);
  border-radius: 12px;
  width: 70%;
  margin-bottom: 8%;
  margin-left: 5%;
  font-size: 66%;
  font-weight: 600;
}

.formblock-data-holder {
  padding: 4%;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.formblock-button {
  background-color: var(--transparent);
  background-image: linear-gradient(to bottom, var(--buttons) 44%, var(--transparent));
  border-radius: 19px;
  margin-top: 11%;
  margin-bottom: 0%;
  margin-left: 5%;
  font-size: 66%;
}

.formblock-button:hover {
  border: 3px solid var(--highlights);
}

.formblock-checkbox-container {
  margin-left: 7%;
}

.success-message {
  background-color: var(--transparent);
  background-image: linear-gradient(to bottom, var(--buttons), var(--transparent));
  color: var(--white-smoke);
}

.sucess-txt-block {
  font-size: 130%;
}

.sucess-txt-block.white {
  color: var(--white-smoke);
}

.formblock-error-message {
  background-color: var(--transparent);
  background-image: linear-gradient(to bottom, var(--highlights) 40%, var(--buttons));
}

.navbar-wrapper {
  z-index: 999;
  border-style: none solid solid;
  border-width: 2px 3px 3px;
  border-color: var(--highlights);
  background-color: var(--buttons);
  color: var(--white-smoke);
  border-bottom-right-radius: 35px;
  border-bottom-left-radius: 35px;
  justify-content: space-between;
  align-items: center;
  padding: 1%;
  font-family: Montserrat, sans-serif;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-logo-container {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  height: 60px;
  display: flex;
}

.navbar-txt-container {
  color: var(--white-smoke);
  align-self: center;
  font-family: Mohria, sans-serif;
  font-size: 4vh;
}

.navbar-txt {
  color: var(--white-smoke);
  font-size: 5vw;
}

.navbar-menue-container-desktop {
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-toggle {
  color: var(--white-smoke);
  justify-content: space-between;
  display: flex;
}

.navbar-socialbuttons-container {
  color: #f2f2f2;
  align-self: center;
  display: flex;
}

.navbar-socialbuttons-container.smartphone {
  display: none;
}

.navbar-socialbuttons-holder.social-buttons-icon-block {
  justify-content: flex-start;
  display: flex;
}

.navbar-socialbuttons-holder.social-buttons-icon-block.nav-ssw {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-right: 1%;
}

.navbar-dropdown-container.smartphone {
  display: block;
}

.navbar-smartphone-menue, .hamburger-menue-wrapper {
  display: none;
}

.data-paragraph {
  font-size: var(--paragraph-fontsize);
  text-align: center;
  line-height: 175%;
}

.data-paragraph.slider-txt.txt-center {
  text-align: center;
}

.data-paragraph.interaction {
  display: none;
}

.data-paragraph.txt-center {
  text-align: center;
}

.data-paragraph.txt-center.margin {
  margin-top: 12%;
  margin-bottom: 12%;
}

.data-paragraph.bold {
  font-weight: 700;
}

.data-container {
  z-index: 100;
  position: relative;
}

.data-container.hidden {
  display: none;
}

.data-container.padding {
  padding-top: 10%;
  padding-bottom: 25%;
}

.data-container.position {
  position: relative;
  inset: 10vh auto auto 0%;
}

.cell {
  align-items: flex-end;
}

.sticky-effect-div {
  position: sticky;
  top: 50%;
}

.sticky-effect-div.pov {
  top: 250px;
}

.ssw-body {
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
}

.slider-wrapper {
  z-index: 100;
  color: var(--white-smoke);
  border-radius: 20px;
  padding-left: 15%;
  padding-right: 15%;
  display: block;
  position: relative;
}

.slider {
  z-index: 100;
  border: 3px solid var(--buttons);
  background-color: var(--transparent);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #044040f7, var(--texthintergrund));
  border-radius: 20px;
  height: 100%;
}

.arrow-link {
  color: var(--white-smoke);
  font-size: 2vw;
}

.slide-nav {
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  line-height: 110%;
  inset: 105% 0% 0%;
}

.slide {
  padding-top: 12%;
  padding-left: 12%;
  padding-right: 12%;
}

.slide.vrs2 {
  padding-top: 5%;
  padding-bottom: 5%;
}

.arrow-icon {
  margin: 25px auto 0;
  position: sticky;
  top: 110px;
}

.link-black {
  color: var(--black);
}

.smartphone-image {
  border-radius: var(--round-edge);
}

.smartphone-image.little-size {
  border-radius: 3vw;
  width: 68%;
}

.navbar-button {
  background-color: var(--transparent);
  font-size: var(--navbarfontsize);
}

.slider-paragraph-container {
  overflow: hidden;
}

.provenexpertlink {
  color: var(--white-smoke);
  text-decoration: none;
}

.testimonial-div {
  cursor: pointer;
  justify-content: center;
  display: flex;
}

.social-link-block {
  align-self: flex-end;
}

.thumbnailimage {
  width: 320px;
  transition: all .35s, box-shadow .4s;
}

.thumbnailimage:hover {
  box-shadow: 0 2px 20px 11px var(--buttons);
  transform: scale(1.2);
}

.data-txt-headline {
  font-size: 130%;
  overflow: hidden;
}

.data-txt-headline.big {
  font-size: 145%;
}

.html-embed-3 {
  width: 100vw;
  height: 100vh;
}

.ssw-image {
  margin-bottom: 23%;
}

.data-paragraph-wrapper.perc-width {
  width: 30%;
}

.landingpage-h1-heading {
  color: var(--white-smoke);
  font-size: var(--fontsize-h1heading-desktop);
  text-align: center;
}

.heading-wrapper.padding-above {
  padding-top: var(--5vh-padding);
}

.side-padding-div {
  padding: 0% 32%;
}

.in-data-side-padding-div {
  padding-left: 13%;
  padding-right: 13%;
}

.in-data-side-padding-div.pdding-above {
  padding-top: 10%;
}

.fs-cc-manager_trigger {
  display: none;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-banner_trigger, .fs-cc-prefs_trigger {
  display: none;
}

.social-icon {
  width: 2.4rem;
}

.flex-vertical-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  padding-top: 15%;
  padding-bottom: 7%;
  display: flex;
}

.image-2 {
  border-radius: 20px;
}

@media screen and (max-width: 991px) {
  ._1-dropdown-menue {
    flex-direction: row;
    justify-content: flex-end;
    display: flex;
    position: relative;
  }

  ._1-dropdown-menue.smartphone {
    float: right;
    clear: right;
    justify-content: center;
    width: 100%;
    display: inline-block;
  }

  .hamburger-menue {
    color: var(--white-smoke);
  }

  .image {
    padding-top: 0;
  }

  .heading {
    font-size: 120%;
  }

  .heading-wrapper {
    justify-content: center;
    align-items: center;
    margin-right: 0%;
  }

  .heading-wrapper.heading-white.normal {
    display: block;
  }

  .heading-wrapper.heading-white.normal.hidden {
    display: none;
  }

  .data-wrapper.info-menue {
    padding: 2%;
  }

  .data-wrapper.normal.info-menue.smartphone {
    padding-top: 15%;
    padding-bottom: 15%;
    display: block;
  }

  .data-wrapper.normal.info-menue.smartphone.hidden {
    display: none;
  }

  .data-wrapper.normal.info-menue.smartphone.bg-color-white {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .data-wrapper.normal._100-percent.wunderbar {
    height: 100vh;
  }

  .data-wrapper.normal.hidden-for-mobile {
    display: none;
  }

  .h2-heading {
    font-size: var(--fontsize-heading-landscape-smartphone);
  }

  .landingpage-txt {
    font-size: var(--landingpage-fontsize-landscape);
  }

  .landingpage-txt.small {
    font-size: 1.1em;
  }

  .button.landingpage.mobile-fontsize {
    font-size: var(--buttonfontsize-small);
  }

  .landingpage-txt-wrapper {
    width: 45vw;
    margin-right: 5%;
  }

  .nav-menue {
    z-index: 1;
    border: 3px solid var(--highlights);
    background-color: var(--buttons);
    border-radius: 20px;
    display: block;
  }

  .menu-button {
    background-color: #0000;
  }

  .menu-button.w--open {
    background-color: var(--buttons);
  }

  .landingpage-underheading {
    font-size: 9vw;
  }

  ._2-dropdown-toggle {
    mix-blend-mode: normal;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  ._2-dropdown-toggle.w--open {
    position: absolute;
  }

  ._3-dropdown-list.w--open {
    background-color: var(--buttons);
    flex-direction: column;
    align-items: flex-start;
    margin-top: 7%;
    display: flex;
  }

  ._4-dropdown-link {
    z-index: 6;
    float: right;
    margin-left: 0;
    margin-right: 0;
  }

  ._4-dropdown-link.smartphone {
    font-size: 120%;
  }

  .black-link {
    justify-content: flex-end;
  }

  .txt-container {
    font-size: 77%;
  }

  .image-inflexhorizontal-size {
    object-fit: cover;
    height: 100%;
  }

  .paragraph-heading {
    font-size: var(--paragraph-heading-tablet);
  }

  .paragraph-heading.bold {
    line-height: 170%;
  }

  .image-realtive-position.size._4.left.position-up, .image-realtive-position.size._4.right.position-up {
    top: 0%;
  }

  .flex-horizontal-wrapper {
    justify-content: center;
  }

  .flex-horizontal-wrapper.abstand._10--margin {
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .flex-horizontal-wrapper.abstand.mobile-view {
    display: none;
  }

  .flex-horizontal-wrapper.abstand.smartphone {
    display: flex;
  }

  .data-holder.hight-overflow {
    display: none;
  }

  .data-holder.margin {
    margin-top: 0%;
    margin-bottom: 20%;
  }

  .formblock-enter-txt {
    width: 90%;
  }

  .navbar-wrapper {
    align-items: center;
  }

  .navbar-txt {
    font-size: var(--navbar-frontheight-desktop);
  }

  .navbar-menue-container-desktop {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .dropdown-toggle {
    display: none;
  }

  .dropdown-toggle.w--open {
    float: right;
  }

  .navbar-socialbuttons-container.smartphone {
    display: flex;
  }

  .navbar-socialbuttons-holder.social-buttons-icon-block.nav-ssw {
    width: 2.2rem;
  }

  .navbar-dropdown-container.smartphone {
    float: right;
    border: 3px solid var(--highlights);
    background-color: var(--buttons);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    cursor: pointer;
    justify-content: space-between;
    align-items: flex-end;
    width: 70vw;
    display: block;
    position: relative;
  }

  .navbar-smartphone-menue {
    z-index: 500;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    display: none;
    position: fixed;
    inset: 8% 0% 0% auto;
  }

  .navbar-smartphonemenue-container {
    z-index: 500;
    border: 3px solid var(--highlights);
    background-color: var(--buttons);
    border-radius: 15px;
    display: block;
    position: relative;
  }

  .hamburger-menue-wrapper {
    padding-left: 2%;
    padding-right: 2%;
    display: block;
  }

  .hamburger-menue-line {
    border-bottom: 3px solid var(--highlights);
    width: 30px;
    padding-top: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .arrow-link.left {
    color: var(--black);
    font-size: 5vw;
    inset: 0% auto 0% -15vw;
  }

  .arrow-link.right {
    color: var(--black);
    font-size: 5vw;
    inset: 0% -15vw 0% auto;
  }

  .image-container-smartphone {
    justify-content: flex-start;
    display: block;
  }

  .image-container-smartphone.center {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .smartphone-image {
    border-radius: var(--round-edge);
  }

  .navbar-button {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 140%;
  }

  .mobile-dropdown-txt {
    font-size: 140%;
  }

  .locomotive-scroll {
    z-index: 200;
    position: relative;
  }

  .flex-vertical-wrapper {
    flex-direction: column;
    display: flex;
  }

  .data-container-heading {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 767px) {
  .heading-wrapper {
    font-size: 5vw;
  }

  ._100vw100vh-imagecontainer {
    background-position: 30%;
    justify-content: flex-end;
    align-items: center;
  }

  .data-wrapper.normal.info-menue.smartphone {
    display: block;
  }

  .data-wrapper.normal.more-side-padding {
    padding-left: 15%;
    padding-right: 15%;
  }

  .data-wrapper.normal.more-side-padding.viewport-for-smartphone {
    padding-top: 10vh;
  }

  .data-wrapper.normal._100-percent.wunderbar {
    height: 100vh;
  }

  .h2-heading {
    font-size: var(--h2heading-fontsize);
    line-height: var(--h2heading-fontheight-landscape);
  }

  .landingpage-txt {
    font-size: var(--landingpage-fontsize-landscape);
  }

  .button.little-size-font {
    font-size: 1.2rem;
  }

  .landingpage-underheading.margin {
    line-height: 8vh;
  }

  .black-link {
    justify-content: flex-start;
  }

  .quote-container {
    margin-right: 0%;
  }

  .data-txt-container {
    margin-bottom: 7%;
  }

  .data-heading-wrapper-txt {
    justify-content: space-between;
    display: block;
  }

  .listing-txt {
    text-align: center;
    font-size: 100%;
  }

  .data-txt.black.interaction.padding-side {
    padding-right: 20%;
  }

  .flex-horizontal-wrapper.abstand {
    font-size: 2.5vh;
  }

  .formblock-data-holder {
    font-size: 3vw;
  }

  .navbar-socialbuttons-holder.social-buttons-icon-block.nav-ssw {
    margin-right: 5%;
  }

  .sticky-effect-div {
    top: 120px;
  }

  .smartphone-image {
    border-radius: var(--round-edge);
  }

  .landingpage-h1-heading {
    font-size: var(--fontsize-heading-landscape-smartphone);
  }

  .side-padding-div {
    padding-left: 15%;
    padding-right: 15%;
  }

  .bold-text-2 {
    font-size: 2.75vw;
  }
}

@media screen and (max-width: 479px) {
  .image {
    border-radius: 15px;
  }

  .heading {
    font-size: 150%;
  }

  ._100vw100vh-imagecontainer {
    background-position: 30%;
    background-size: cover;
  }

  .data-wrapper {
    display: block;
  }

  .data-wrapper.info-menue {
    background-position: 50% 100%;
  }

  .data-wrapper.normal {
    padding-top: 20%;
  }

  .data-wrapper.normal.info-menue {
    display: block;
  }

  .data-wrapper.normal.info-menue.smartphone.hidden {
    display: none;
  }

  .data-wrapper.normal._100-perccent-new {
    height: 120vh;
  }

  .h2-heading {
    font-size: var(--buttonfontsize);
  }

  .landingpage-txt {
    font-size: var(--landingpage-fontsize-smartphone);
  }

  .landingpage-txt.small {
    font-size: 1.5em;
  }

  .button.landingpage.border:hover {
    box-shadow: inset 0 2px 11px 0 var(--highlights);
  }

  .button.little-size-font {
    font-size: .9rem;
  }

  .container {
    margin-right: 0;
  }

  .landingpage-txt-wrapper {
    width: 55vw;
    margin-right: 0%;
  }

  .landingpage-underheading {
    line-height: 5vw;
  }

  .landingpage-underheading.margin {
    line-height: 5vh;
  }

  ._2-dropdown-toggle {
    inset: 0% 0% auto auto;
  }

  ._2-dropdown-toggle.w--open {
    z-index: 1;
  }

  ._3-dropdown-list.w--open {
    margin-top: 25%;
    font-size: 3vw;
    position: relative;
  }

  .zitat {
    font-size: var(--zitat-fontsize-mobile);
  }

  .black-link {
    justify-content: flex-end;
    font-family: Mohria, sans-serif;
  }

  .black-link.right-allignment {
    font-size: .9rem;
  }

  .txt-container {
    font-size: 120%;
  }

  .txt-container.margin-left-right {
    padding-left: 5%;
    padding-right: 5%;
    display: block;
  }

  .listing-txt.black {
    font-size: 100%;
  }

  .image-inflexhorizontal-size {
    object-fit: cover;
    width: 100vw;
    height: 100%;
  }

  .image-desktop {
    border-radius: 0;
  }

  .checkbox-field {
    align-self: center;
  }

  .paragraph-heading.bold {
    font-size: var(--paragraph-heading-mobile-landscape);
  }

  .data-txt.black.interaction.padding-side {
    padding-left: 0%;
    padding-right: 0%;
  }

  .navbar-logo-container {
    align-self: center;
  }

  .navbar-txt {
    font-size: var(--navbar-heading-fontsize);
    line-height: 100%;
  }

  .dropdown-toggle {
    font-size: 3vw;
  }

  .navbar-socialbuttons-holder.social-buttons-icon-block.nav-ssw {
    align-self: center;
  }

  .navbar-dropdown-container.smartphone {
    z-index: 500;
    position: relative;
  }

  .navbar-smartphone-menue {
    display: none;
  }

  .data-paragraph {
    font-size: var(--paragraph-fontsize-mobile);
    display: block;
  }

  .navbar-button {
    font-size: var(--landingpage-fontsize-smartphone);
  }

  .html-embed-3 {
    height: 130vh;
  }

  .ssw-image {
    margin-bottom: 0%;
  }

  .heading-wrapper.padding-above {
    padding-top: 5vw;
  }

  .social-icon {
    width: 1.5rem;
  }

  .bold-text-2 {
    font-size: 4vw;
  }
}

#w-node-d56ab7ac-34f1-1f60-855f-6cfc412953b7-9093cde9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 59%;
}

#w-node-_8dbf11d2-032d-f632-79cf-8453efc78ff0-9093cde9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 48%;
}

#w-node-_11ec8924-e8ff-a56f-5354-2f38ee225172-9093cde9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 59%;
}

@media screen and (max-width: 991px) {
  #w-node-d56ab7ac-34f1-1f60-855f-6cfc412953b7-9093cde9 {
    grid-template-rows: 70vw;
    grid-template-columns: 1fr 61%;
  }

  #w-node-_8dbf11d2-032d-f632-79cf-8453efc78ff0-9093cde9 {
    grid-template-rows: 70vw;
    grid-template-columns: 1fr 59%;
  }

  #w-node-_11ec8924-e8ff-a56f-5354-2f38ee225172-9093cde9 {
    grid-template-rows: 70vw;
    grid-template-columns: 1fr 61%;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d56ab7ac-34f1-1f60-855f-6cfc412953b7-9093cde9, #w-node-_8dbf11d2-032d-f632-79cf-8453efc78ff0-9093cde9, #w-node-_11ec8924-e8ff-a56f-5354-2f38ee225172-9093cde9 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 5.75fr;
  }
}


@font-face {
  font-family: 'Quigleyw';
  src: url('../fonts/QUIGLEYW.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Silhouette';
  src: url('../fonts/Silhouette.ttf') format('truetype'), url('../fonts/Silhouette.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Architex';
  src: url('../fonts/Architex.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cevicheone';
  src: url('../fonts/CevicheOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Komikj';
  src: url('../fonts/KOMIKJ__.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Marketingscript';
  src: url('../fonts/MarketingScript.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Qwigley';
  src: url('../fonts/Qwigley-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rumburak';
  src: url('../fonts/Rumburak.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Stalemate';
  src: url('../fonts/Stalemate-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Yellowtail';
  src: url('../fonts/Yellowtail-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Timeburner';
  src: url('../fonts/timeburnernormal.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mohria';
  src: url('../fonts/Mohria-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mohria';
  src: url('../fonts/Mohria-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Blowbrush';
  src: url('../fonts/blowbrush.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Elley';
  src: url('../fonts/elley.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Frosting For Breakfast';
  src: url('../fonts/Frosting-for-Breakfast_regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nickainley';
  src: url('../fonts/Nickainley.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Duality';
  src: url('../fonts/duality.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}