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

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

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

@font-face {
  font-family: Montserrat Variablefont Wght;
  src: url('../fonts/Montserrat-VariableFont_wght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Montserrat Variablefont Wght;
  src: url('../fonts/Montserrat-Italic-VariableFont_wght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --transparent: #0000;
  --grau: #383937;
  --aussortiert-zu-2025--abgerundet: 15px;
  --gelb: #f7b44d;
  --überschrift-h2: "Comfortaa Regular", sans-serif;
  --weiß: white;
  --fließtext: "Quicksand Regular", sans-serif;
  --aussortiert-zu-2025--dunkel-grün: #305e54;
  --aussortiert-zu-2025--hellgrün: #a1ae4a;
  --überschrift-h1: "Comfortaa Bold", sans-serif;
  --aussortiert-zu-2025--bg: #e0dad5;
  --conversion-flow-library--medium-purple\<deleted\|variable-37794173\>: #b16cea;
  --conversion-flow-library--light-coral\<deleted\|variable-34d8b0e8\>: #ff5e69;
  --conversion-flow-library--coral\<deleted\|variable-2e7c752c\>: #ff8a56;
  --conversion-flow-library--sandy-brown\<deleted\|variable-e2c22bfc\>: #ffa84b;
  --alley-component-library--neutral--black\<deleted\|variable-32d8176f\>: black;
  --waves-library--black\<deleted\|variable-d656d06e\>: #131313;
  --aussortiert-zu-2025--main-font-26: "Montserrat Variablefont Wght", Arial, sans-serif;
  --flowstica-webflow-library--black: #333;
  --redesign-erweiterungen-2025--bg-25-verlauf: #00000059;
  --relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>: black;
  --redesign-erweiterungen-2025--color: #383937bf;
  --aussortiert-zu-2025--dunkelblau: #04418b;
  --aussortiert-zu-2025--0: #dedfe3;
  --flowstica-webflow-library--white: white;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.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;
}

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

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

.navbar-logo-left {
  z-index: 100;
  background-color: var(--transparent);
  background-image: linear-gradient(to bottom, #e0dad5 17%, var(--transparent));
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--grau);
  position: sticky;
  top: 0;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  background-color: var(--transparent);
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding: 7px 7px 13px;
}

.container {
  width: 100%;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  font-family: var(--überschrift-h2);
  color: var(--gelb);
  letter-spacing: .25px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

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

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  color: var(--gelb);
  margin-right: 10px;
  font-family: Comfortaa Regular, sans-serif;
}

.nav-dropdown-icon:hover {
  color: var(--weiß);
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--grau);
  box-shadow: 5px 5px 0 2px var(--gelb);
  background-color: #383937;
  border-radius: 15px;
  box-shadow: 5px 5px 0 2px #f7b44d;
}

.nav-dropdown-link {
  font-family: var(--fließtext);
  color: var(--gelb);
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:hover {
  color: var(--weiß);
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link.w--current {
  color: var(--gelb);
}

.nav-dropdown-link.w--current:hover {
  color: var(--weiß);
}

.nav-divider {
  background-color: var(--gelb);
  width: 1px;
  height: 22px;
  margin-left: 5px;
  margin-right: 5px;
}

.nav-link-accent {
  font-family: var(--überschrift-h2);
  color: var(--gelb);
  letter-spacing: .25px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: var(--weiß);
}

.nav-link-accent.w--current {
  padding-left: 5px;
  padding-right: 5px;
}

.button-primary {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  font-family: var(--überschrift-h2);
  color: var(--grau);
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #f7b44d;
  padding: 12px 25px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.button-primary.button-nav {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.button-primary.button-nav:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  color: var(--weiß);
}

.button-primary.button-hero {
  background-color: var(--gelb);
  font-family: var(--überschrift-h2);
  font-weight: 600;
}

.button-primary.button-hero:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
}

.button-primary.button-hero-faq {
  background-color: var(--grau);
  color: var(--weiß);
  box-shadow: 5px 5px 5px #0003;
}

.button-primary.button-hero-faq:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
}

.button-primary.galerie-link {
  font-family: var(--überschrift-h2);
  display: block;
  box-shadow: 2px 4px 5px #0003;
}

.button-primary.galerie-link:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
}

.button-primary.button-banner {
  background-color: var(--gelb);
  font-family: var(--überschrift-h2);
  color: var(--grau);
  text-align: center;
  -webkit-text-stroke-color: var(--grau);
  margin-left: 37px;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.button-primary.button-banner:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  color: var(--weiß);
}

.button-primary.button-cta-portfolio {
  background-color: var(--grau);
  color: var(--weiß);
  margin-top: 17px;
  box-shadow: 5px 5px 5px 2px #0003;
}

.button-primary.button-cta-portfolio:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
}

.button-primary.home {
  box-shadow: 5px 5px 5px #0003;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

.text-block {
  font-family: var(--überschrift-h2);
  color: var(--gelb);
  text-align: center;
}

.text-block:hover {
  color: var(--gelb);
}

.text-block.nav-dd {
  color: var(--weiß);
}

.list-item {
  font-family: var(--überschrift-h2);
  color: var(--gelb);
}

.container-3 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.container-3.container-footer {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--grau);
  max-width: 1140px;
  padding: 14px 28px 28px;
}

.nav-bg1 {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--grau);
  box-shadow: 5px 5px 0 2px var(--gelb);
  padding: 10px;
}

.image {
  padding-left: 20px;
}

.footer-light {
  background-color: #f7b44d00;
  border-bottom: 1px solid #e4ebf3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 30px 25px;
  display: flex;
  position: relative;
}

.footer-wrapper-two {
  grid-column-gap: 16px;
  grid-row-gap: 5px;
  color: var(--grau);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  display: grid;
}

.footer-block-two {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  margin-left: 5px;
  padding-left: 0;
  display: block;
}

.footer-title {
  font-family: var(--überschrift-h2);
  color: var(--gelb);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  display: block;
}

.footer-link-two {
  font-family: var(--überschrift-h2);
  color: var(--weiß);
  text-align: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 20px;
  margin-right: 0;
  text-decoration: none;
  display: block;
}

.footer-link-two:hover {
  color: var(--aussortiert-zu-2025--hellgrün);
}

.footer-form {
  width: 315px;
  max-width: 100%;
  margin-top: 19px;
  margin-bottom: 0;
  display: block;
}

.footer-form-container {
  display: block;
}

.footer-form-block {
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  display: none;
  overflow: hidden;
}

.footer-form-field {
  border-radius: var(--aussortiert-zu-2025--abgerundet) 0px 0px var(--aussortiert-zu-2025--abgerundet);
  font-family: var(--überschrift-h1);
  border: 1px solid #a6b1bf;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
}

.footer-form-field:hover, .footer-form-field:focus {
  border-color: #76879d;
}

.footer-form-field::placeholder {
  color: #1a1b1fcc;
  font-size: 14px;
  line-height: 22px;
}

.footer-form-submit {
  background-color: var(--gelb);
  background-image: url('../images/Pfeil-Rechts.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 50px;
  height: 48px;
  transition: all .2s;
}

.footer-form-submit:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
}

.footer-divider-two {
  text-align: center;
  background-color: #e4ebf3;
  justify-content: flex-start;
  width: 100%;
  height: 1px;
  margin-top: 1.1rem;
  margin-bottom: 1rem;
  display: flex;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-copyright {
  font-family: var(--fließtext);
  color: var(--weiß);
}

.footer-social-block-two {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  display: flex;
}

.image-2 {
  border: 3px none var(--gelb);
  color: #fff;
  border-radius: 0;
  align-self: center;
  width: auto;
  max-width: 44px;
  height: 25px;
  padding: 0;
}

.testimonial-stack {
  border-bottom: 1px solid #e4ebf3;
  padding: 15px 30px;
  position: relative;
}

.testimonial-card-three {
  text-align: center;
  background-color: #ebebeb;
  margin-right: -8px;
  padding: 0 20px 8px;
}

.testimonial-card-content {
  flex-direction: column;
  align-items: center;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.testimonial-card-heading {
  font-family: var(--überschrift-h1);
  color: var(--grau);
  margin-top: 39px;
  margin-bottom: 6px;
  font-style: normal;
}

.testimonial-text-three {
  font-family: var(--fließtext);
  color: var(--grau);
  font-size: 20px;
  line-height: 24px;
}

.testimonial-text-three.datenschutz {
  font-size: 16px;
}

.testimonial-info-four {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 11px;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-image.centered {
  aspect-ratio: 1;
  object-fit: contain;
  width: 80px;
  max-width: 100%;
  height: 80px;
  margin-bottom: 0;
  margin-right: 0;
  overflow: hidden;
}

.testimonial-author-name-three {
  font-family: var(--überschrift-h1);
  color: var(--grau);
  margin-bottom: 10px;
}

.waves-gradient-hero-1 {
  z-index: 9;
  background-image: linear-gradient(#e0dad5, #faebe300);
  height: 220px;
  position: absolute;
  inset: -1px 0% auto;
}

.waves-gradient-hero-1.bottom {
  background-image: linear-gradient(to top, #e0dad5, #faebe300);
  inset: auto 0% -1px;
}

.waves-image-hero-1 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.waves-image-wrap-hero-1 {
  border-radius: 12px;
  width: 100%;
  height: 410px;
  overflow: hidden;
}

.waves-item-gallery-hero-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.waves-inside-hero-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.waves-inside-hero-1.reverse {
  justify-content: flex-end;
}

.waves-column-hero-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 48%;
  display: flex;
}

.waves-column-hero-1.column-two, .waves-column-hero-1.column-one {
  width: 100%;
}

.waves-gallery-hero-1 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 750px;
  height: 740px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.waves---mg-top-16 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 5px;
  display: flex;
}

.waves---subtitle {
  font-family: var(--überschrift-h2);
  color: var(--weiß);
  font-size: 22px;
  line-height: 35px;
}

.waves---limit-480 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 480px;
  display: flex;
}

.waves---mega-heading-1 {
  border-left: 10px none var(--gelb);
  font-family: var(--überschrift-h1);
  color: var(--weiß);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 7px;
  padding-left: 25px;
  font-size: 60px;
  line-height: 115%;
  text-decoration: none;
}

.waves-content-hero-1 {
  grid-row-gap: 24px;
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--grau);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 36px 6px 36px 36px;
  display: flex;
  box-shadow: 3px 3px 7px 3px #0003;
}

.waves-grid-hero-1 {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
}

.waves---main-container {
  background-color: #fff0;
  max-width: 1352px;
  padding-left: 24px;
  padding-right: 24px;
}

.hero-galerie {
  flex-direction: column;
  align-items: stretch;
  padding-top: 5px;
  padding-bottom: 100px;
  display: flex;
}

.cf-bottom-line {
  border-top: 1px solid var(--aussortiert-zu-2025--hellgrün);
  background-color: #0d0e101a;
  width: 100%;
  height: 1px;
}

.cf-faq-content {
  font-family: var(--fließtext);
  color: var(--weiß);
  margin-bottom: 0;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}

.cf-faq-answer-wrap {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 10%;
}

.cf-faq-questions {
  font-family: var(--überschrift-h2);
  color: var(--gelb);
  width: 90%;
  font-size: 22px;
  font-weight: 600;
  line-height: 34px;
}

.cf-faq-question-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cf-faq-question-container-2 {
  border-top: 1px solid var(--aussortiert-zu-2025--hellgrün);
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cf-faq-question-container-2.first {
  border-top: 1px solid var(--aussortiert-zu-2025--hellgrün);
}

.cf-faq-card {
  color: #181818;
  width: 100%;
  max-width: 730px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
}

.cf-faqs-wrapper {
  width: 60%;
  padding-top: 0;
}

.cf-faq-bold-text {
  font-family: var(--überschrift-h2);
  color: var(--weiß);
  margin-bottom: 32px;
  padding-top: 23px;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}

.cf-faq-paragraph {
  font-family: var(--fließtext);
  color: var(--grau);
  text-align: left;
  letter-spacing: -.32px;
  column-count: auto;
  overflow-wrap: normal;
  width: 80%;
  margin-top: 24px;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 130%;
}

.cf-h2-heading {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 110%;
}

.cf-h2-heading.left {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  text-align: center;
  letter-spacing: -1px;
  margin-top: 0;
  padding-left: 0;
  font-size: 38px;
}

.cf-faqs-text-wrap {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
  width: 35%;
  max-width: 383px;
  padding: 21px;
}

.cf-faq-main-wrapper {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 160px;
  display: flex;
}

.cf-faq-main-wrapper.horizontal {
  flex-direction: row;
  padding-top: 43px;
  padding-bottom: 49px;
}

.faq-home {
  background-color: var(--grau);
  position: relative;
}

.rl-text-style-regular {
  font-family: var(--fließtext);
  color: var(--weiß);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 32px;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
}

.rl-heading-style-h4 {
  font-family: var(--überschrift-h2);
  color: var(--gelb);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.cf-form-paragraph {
  font-family: var(--fließtext);
  color: #fffc;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.cf-form-heading {
  font-family: var(--überschrift-h2);
  color: #fff;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.cf-form-right-wrapper {
  width: 100%;
}

.kontakt-daten {
  font-family: var(--fließtext);
  color: #fff;
  letter-spacing: -.48px;
  font-size: 20px;
  line-height: 200%;
}

.kontakt-daten-h {
  font-family: var(--überschrift-h2);
  color: var(--gelb);
  letter-spacing: .96px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.kontakt-daten-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 32px;
  display: flex;
}

.kontakt-icon {
  filter: invert();
  outline-offset: 0px;
  text-align: center;
  -webkit-text-fill-color: inherit;
  object-fit: contain;
  background-color: #f7b44d00;
  background-clip: border-box;
  border-radius: 0%;
  outline: 3px #00e;
  max-width: 48px;
  padding: 6px;
}

.kontakt-daten-icon {
  background-color: #0000;
  border-radius: 8px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.kontakt-daten-container {
  flex-direction: row;
  align-items: center;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
}

.kontakt-divider {
  background-color: #fff3;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 48px;
}

.cf-white-link {
  color: #fff;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  transition: all .2s;
}

.cf-white-link:hover {
  color: #ffa84b;
  border-bottom-color: #ffa84b;
}

.cf-form-left-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 30px;
  display: flex;
}

.kontakt-home-main-wrapper {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  font-family: var(--überschrift-h1);
  border-radius: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1140px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 70px 70px 70px 80px;
  display: flex;
}

.kontaktormular-home {
  padding-top: 30px;
  padding-bottom: 30px;
}

.wbs-step-3-arrow-image-last {
  opacity: .5;
  max-width: 50%;
  position: absolute;
  inset: 73% 21% 0% 46%;
}

.wbs-step-3-arrow-image-top {
  opacity: .5;
  max-width: 60%;
  position: absolute;
  inset: 14% 14% 1% 25%;
}

.wbs-step-3-arrow-image-bottom {
  opacity: .5;
  max-width: 60%;
  position: absolute;
  inset: auto 0% 2% 1%;
}

.wbs-heading-h5 {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  margin-top: 0;
  margin-bottom: auto;
  font-size: 25px;
  font-weight: 700;
  line-height: 50px;
}

.wbs-step-3-simple-number {
  font-family: var(--überschrift-h1);
  color: var(--weiß);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 26px;
}

.wbs-step-3-item-top {
  margin-top: 100px;
}

.wbs-step-3 {
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  aspect-ratio: auto;
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
  object-fit: contain;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  max-width: 95%;
  padding: 27px 17px 21px;
  display: grid;
  position: relative;
  overflow: visible;
  box-shadow: 3px 5px 11px 4px #0003;
}

.wbs-step-component {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: #f7b44d00;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wbs-container {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: #f7b44d00;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.ablauf-home {
  background-color: #f7b44d00;
  padding: .25rem 5% 2.75rem;
}

.paragraph-5 {
  font-family: var(--fließtext);
  color: var(--grau);
}

.wbs-step-4-arrow-image-top-copy {
  opacity: .5;
  max-width: 60%;
  position: absolute;
  inset: 2% 19% 0% auto;
}

.a-paragraph-small {
  font-family: var(--fließtext);
  color: var(--grau);
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.a-subheading-regular {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
}

.a-margin-bottom-08 {
  margin-bottom: 8px;
}

.a-feature-card {
  border: 2px solid var(--gelb);
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  padding: 24px;
}

.a-feature-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.a-paragraph-large {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  text-align: center;
  letter-spacing: -.02em;
  margin: 0 auto 20px;
  font-size: 18px;
  line-height: 1.8;
}

.a-paragraph-large.hero-motto {
  color: var(--gelb);
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 25px;
  font-size: 20px;
  text-decoration: none;
}

.a-paragraph-large.p-kategorien {
  text-align: left;
  margin-bottom: 0;
}

.a-feature-text-grid {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.a-feature-card-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 64px;
  margin-bottom: 28px;
}

.a-span-underline {
  border-bottom: 6px solid var(--gelb);
  color: var(--gelb);
  text-shadow: 0 2px 2px #0003;
}

.a-h3-heading {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  text-align: center;
  letter-spacing: -.02em;
  width: 90%;
  margin: 12px auto 10px;
  font-size: 44px;
  line-height: 1.2;
}

.a-feature-title {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  max-width: 965px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.leistungs-bersicht-home {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 28px;
  display: block;
  position: relative;
}

.kontakt-daten-block-div {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: minmax(auto, 1fr) auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 95%;
  display: grid;
}

.c-slider-btn {
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
}

.c-slider-btn-loading {
  border: 1px dashed #aaa;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sub-slider {
  background-color: #0000;
  width: 22vh;
  height: 22vh;
  margin-bottom: 10px;
  margin-left: 3px;
  padding: 9px 9px 9px 4px;
}

.funtext {
  opacity: 1;
  direction: ltr;
  font-family: var(--überschrift-h1);
  color: var(--weiß);
  letter-spacing: 2px;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  margin-bottom: -48px;
  font-size: 8vw;
  font-weight: 700;
  line-height: 1em;
  display: flex;
  position: static;
}

.main-slider-container {
  background-color: var(--grau);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 78vh;
  max-height: 1750px;
  margin-bottom: 51px;
  padding-top: 35px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.slider-trigger-left {
  z-index: 50;
  position: absolute;
  inset: 0%;
}

.play-btn {
  z-index: 50;
  width: 25px;
  height: 25px;
  transform: translate(3px);
}

.main-slide-container {
  background-color: var(--transparent);
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
}

.sub-slider-nav-arrow {
  display: none;
}

.c-slider-btn-icon {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ci-main-slide-content {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.main-slider-nav-dots {
  display: none;
}

.sub-slider-container {
  padding-right: 20vw;
  position: relative;
  overflow: hidden;
}

.c-sub-slide-content {
  font-family: var(--überschrift-h1);
}

.sub-slider-mask {
  overflow: visible;
}

.c-main-slide-description {
  font-family: var(--überschrift-h2);
  color: #fff;
  width: 50vw;
  margin-bottom: 20px;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.4em;
}

.c-main-slide-title {
  margin-bottom: 20px;
}

.main-slider-nav-arrow {
  display: none;
}

.c-slide-btn {
  justify-content: center;
  align-items: center;
  display: flex;
}

.second-slider-container {
  z-index: 20;
  align-items: flex-end;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.c-play-btn {
  z-index: 50;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sub-slide-title {
  color: #fff;
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0;
  font-size: .8em;
  font-weight: 700;
  line-height: 1em;
}

.first-slider-container {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1750px;
  display: flex;
  position: relative;
}

.link-galerie {
  z-index: 15;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  max-width: 400px;
  margin-top: 0;
  margin-right: 50%;
  padding: 0;
  display: flex;
  position: absolute;
  inset: auto auto 3.5%;
  overflow: visible;
}

.c-slider-btn-circle {
  border: 1px #aaa;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c-main-slide-content {
  text-align: center;
}

.b-slider-control {
  align-items: center;
  display: flex;
}

._w-slider-control {
  padding-left: 20px;
  padding-right: 20px;
}

.c-sub-slide-title {
  color: var(--weiß);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.c-slide-btn-loading {
  z-index: 30;
  border: 2px dashed #ffffff80;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.sub-slide-container {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  overflow: visible;
}

._w-slide-btn {
  position: relative;
}

.main-slide-title {
  color: #fff;
  letter-spacing: 20px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 700;
  line-height: 1em;
  position: relative;
}

.c-slide-btn-frame {
  z-index: 10;
  border: 1px solid #ffffff80;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: relative;
}

.main-slider {
  background-color: #222;
  flex-direction: column;
  height: 85vh;
}

.main-slider.mobile {
  display: none;
}

.main-slider.desktop {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  width: 100%;
  max-width: 1250px;
  height: 64vh;
  max-height: 1250px;
  box-shadow: 0 9px 16px 17px #0000001a;
}

._w-slider-btn {
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 15px;
  display: flex;
  position: relative;
}

._w-slider-btn.left, ._w-slider-btn.right {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
}

.main-slider-slide {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  box-shadow: 0 2px 5px #0003;
}

.sub-slider-slide {
  perspective: 1000px;
  width: 100%;
  margin-bottom: 1vh;
  margin-right: 1vh;
  padding: 0 0;
  overflow: visible;
  transform: perspective(1000px);
}

.main-slide-wrapper {
  background-image: linear-gradient(#33333359, #33333359), url('../images/1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.main-slide-wrapper._5 {
  background-image: url('../images/werbefoto-composing-beauty-set.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.main-slide-wrapper._5.lp-it {
  background-image: url('../images/lifestyle-composing-babywiege_1.jpeg');
}

.main-slide-wrapper._3 {
  background-image: url('../images/lifestyle-composing-gulaschsuppe.jpg');
  background-position: 0 0;
  background-size: cover;
}

.main-slide-wrapper._3.lp-it {
  background-image: url('../images/lifestyle-composing-tischmatte.jpeg');
}

.main-slide-wrapper._2 {
  background-image: url('../images/produktfoto-dynamisch-bentobox.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.main-slide-wrapper._2.lp-it {
  background-image: url('../images/produktfoto-obstkorb-2.jpeg');
}

.main-slide-wrapper._4 {
  background-image: url('../images/produktfoto-dynamisch-abtropfsieb.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.main-slide-wrapper._4.lp-it {
  background-image: url('../images/produktfoto-dynamisch-beauty.jpeg');
}

.main-slide-wrapper._1 {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-image: url('../images/FITTNESSGUERTEL-A-001.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.main-slide-wrapper._1.lp-it {
  background-image: url('../images/lifestyle-composing-motorik-baer.jpeg');
}

.main-slide-wrapper._6 {
  background-image: url('../images/produktfoto-dynamisch-badezimmer-zubehoer.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.main-slide-wrapper._6.lp-it {
  background-image: url('../images/produktfoto-dynamisch-ohrringe.jpeg');
}

.main-slide-wrapper._7 {
  text-align: left;
  background-image: url('../images/lifestylefoto-snackbox.jpg');
  background-position: 50%;
  background-size: cover;
}

.main-slide-wrapper._7.lp-it {
  background-image: url('../images/lifestyle-composing-tee.jpeg');
}

.main-slide-wrapper._8 {
  background-image: url('../images/produktfoto-dynamisch-diamantbohrer-packshot.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.main-slide-wrapper._8.lp-it {
  background-image: url('../images/produktfoto-dynamisch-gewuerzregal.jpeg');
}

.main-slide-wrapper._9 {
  background-image: url('../images/lifestyle-composing-nahrungsergaenzung-natuerlich.jpg');
  background-position: 0 100%;
  background-size: cover;
}

.main-slide-wrapper._9.lp-it {
  background-image: url('../images/lifestyle-composing-stufenbohrer-pro-silber.jpeg');
}

.main-slide-wrapper._10 {
  background-image: url('../images/produktfoto-dynamisch-aufbewahrungsboxen-gemuese.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.main-slide-wrapper._10.lp-it {
  background-image: url('../images/produktfoto-dynamisch-muehlen.jpeg');
}

.sub-slider-nav-dots {
  display: none;
}

.ci-slider-btn-loading {
  opacity: .5;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sub-slide-wrapper {
  background-color: #333;
  background-image: linear-gradient(to top, #13131380, #0000 30%), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 10px #13131380;
}

.sub-slide-wrapper._3 {
  background-image: linear-gradient(to top, #0000, #0000 0% 19%), url('../images/lifestyle-composing-gulaschsuppe.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.sub-slide-wrapper._3.lp-it {
  background-image: linear-gradient(to top, #0000, #0000 0% 19%), url('../images/lifestyle-composing-tischmatte.jpeg');
}

.sub-slide-wrapper._4 {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/produktfoto-dynamisch-abtropfsieb.jpg');
  background-position: 0 0, 60%;
  background-size: auto, cover;
}

.sub-slide-wrapper._4.lp-it {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/produktfoto-dynamisch-beauty.jpeg');
}

.sub-slide-wrapper._2 {
  background-image: linear-gradient(to top, #13131300, #0000 0%), url('../images/produktfoto-dynamisch-bentobox.jpg');
  background-size: auto, cover;
  justify-content: flex-end;
  align-items: flex-end;
  box-shadow: 1px 1px 12px #13131380;
}

.sub-slide-wrapper._2.lp-it {
  background-image: linear-gradient(to top, #13131300, #0000 0%), url('../images/produktfoto-obstkorb-2.jpeg');
}

.sub-slide-wrapper._1 {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/lifestyle-composing-fitness.jpg');
}

.sub-slide-wrapper._1.lp-it {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/lifestyle-composing-motorik-baer.jpeg');
}

.sub-slide-wrapper._5 {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/werbefoto-composing-beauty-set.jpg');
}

.sub-slide-wrapper._5.lp-it {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/lifestyle-composing-babywiege_1.jpeg');
}

.sub-slide-wrapper._6 {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/produktfoto-dynamisch-badezimmer-zubehoer.jpg');
}

.sub-slide-wrapper._6.lp-it {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/produktfoto-dynamisch-ohrringe.jpeg');
}

.sub-slide-wrapper._7 {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/lifestylefoto-snackbox.jpg');
}

.sub-slide-wrapper._7.lp-it {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/lifestyle-composing-tee.jpeg');
}

.sub-slide-wrapper._8 {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/produktfoto-dynamisch-diamantbohrer-packshot.jpg');
}

.sub-slide-wrapper._8.lp-it {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/produktfoto-dynamisch-gewuerzregal.jpeg');
}

.sub-slide-wrapper._9 {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/lifestyle-composing-nahrungsergaenzung-natuerlich.jpg');
}

.sub-slide-wrapper._9.lp-it {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/lifestyle-composing-stufenbohrer-pro-silber.jpeg');
}

.sub-slide-wrapper._10 {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/produktfoto-dynamisch-aufbewahrungsboxen-gemuese.jpg');
}

.sub-slide-wrapper._10.lp-it {
  background-image: linear-gradient(to top, #13131300, #0000 30%), url('../images/produktfoto-dynamisch-muehlen.jpeg');
}

.slider-trigger-right {
  z-index: 50;
  position: absolute;
  inset: 0%;
}

.c-slide-btn-block {
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
  position: relative;
}

.rahmen-social-media-icon-footer {
  border: 2px solid var(--gelb);
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  outline-offset: 0px;
  outline: 3px #00e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 45px;
  max-width: 45px;
  height: 45px;
  max-height: 45px;
  display: flex;
}

.footer-block-one {
  grid-column-gap: 35px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  align-items: flex-start;
  display: block;
}

.kontakt-icon-bg {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
}

.kontakt-daten-anschrift {
  font-family: var(--fließtext);
  color: #fff;
  letter-spacing: -.48px;
  font-size: 19px;
  line-height: 110%;
}

.text-block-3 {
  font-family: var(--fließtext);
  color: #bd333d;
  font-size: 16px;
  font-weight: 500;
}

.heading-11 {
  font-family: var(--überschrift-h2);
  color: var(--weiß);
  text-align: left;
  white-space: pre-wrap;
  word-break: normal;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 3px;
  padding-bottom: 0;
  font-size: 21px;
  font-weight: 600;
  line-height: 27px;
}

.body {
  background-color: var(--aussortiert-zu-2025--bg);
  font-family: var(--überschrift-h1);
}

.gallery-scroll {
  background-color: #f5f7fa00;
  border-bottom: 1px solid #e4ebf3;
  padding: 24px 30px 80px;
  position: relative;
}

.container-7 {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--transparent);
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
}

.gallery-wrapper-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: block;
}

.infografiken-gallery-scroll-r {
  width: 100%;
  max-width: 45%;
  height: 100%;
  padding: 31px;
  position: relative;
}

.gallery-image-3 {
  width: 100%;
}

.gallery-image-3.shadow-two {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  mix-blend-mode: normal;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 9px 15px 20px 2px #0003;
}

.gallery-image-3.shadow-two-lp-it {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  mix-blend-mode: normal;
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  mix-blend-mode: normal;
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  mix-blend-mode: normal;
  width: 80%;
  max-width: none;
  height: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: 9px 15px 20px 2px #0003;
}

.lifestyle-gallery-scroll-l {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--grau);
  width: 100%;
  max-width: 75%;
  height: 100%;
  padding: 31px;
}

.produktfotos-gallery-scroll-l {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  width: 100%;
  max-width: 75%;
  height: 100%;
  padding: 31px;
}

.infografiken-gallery-scroll-l {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  width: 100%;
  max-width: 65%;
  height: 100%;
  padding: 31px;
}

.produktfotos-gallery-scroll-r {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: 45%;
  height: 100%;
  padding: 31px;
  display: block;
  position: static;
}

.lifestyle-gallery-scroll-r {
  width: 100%;
  max-width: 45%;
  padding: 31px;
  position: relative;
}

.produktfotos-gallery-scroll, .lifestyle-gallery-scroll {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  margin-bottom: 28px;
  display: flex;
}

.infografiken-gallery-scroll {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.button-primary-icon {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  color: var(--grau);
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #f7b44d;
  padding: 12px 25px;
  font-family: Comfortaa Regular, sans-serif;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-icon:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-icon:active {
  background-color: #43464d;
}

.button-primary-icon.bereiche-bildbearbeitung {
  background-image: url('../images/Bildbearbeitung-W.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border-radius: 100px;
  width: 48px;
  height: 48px;
  margin-bottom: 21px;
  padding: 0;
}

.button-primary-icon.bereiche-bildbearbeitung:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
}

.button-primary-icon.bereiche-print {
  font-family: var(--überschrift-h2);
  background-image: url('../images/Print-1-W.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border-radius: 100px;
  width: 48px;
  height: 48px;
  margin-bottom: 21px;
  padding: 0;
  font-weight: 700;
}

.button-primary-icon.bereiche-print:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
}

.button-primary-icon.bereiche-social-media {
  background-image: url('../images/Social-Media-W.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border-radius: 100px;
  width: 48px;
  height: 48px;
  margin-bottom: 21px;
  padding: 0;
}

.button-primary-icon.bereiche-social-media:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
}

.button-primary-icon.bereiche-marketplaces {
  background-image: url('../images/Marketplaces-W.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border-radius: 100px;
  width: 48px;
  height: 48px;
  margin-bottom: 21px;
  padding: 0;
}

.button-primary-icon.bereiche-marketplaces:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
}

.button-primary-icon.bereiche-webshop {
  background-image: url('../images/Webshop-W.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border-radius: 100px;
  width: 48px;
  height: 48px;
  margin-bottom: 21px;
  padding: 0;
}

.button-primary-icon.bereiche-webshop:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
}

.button-primary-icon.bereiche-amazon {
  font-family: var(--überschrift-h2);
  background-image: url('../images/Amazon-W.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border-radius: 100px;
  width: 48px;
  height: 48px;
  margin-bottom: 21px;
  padding: 0;
}

.button-primary-icon.bereiche-amazon:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
}

.preise-home {
  background-color: var(--transparent);
  border-bottom: 1px #e4ebf3;
  padding: 80px 30px;
  display: none;
  position: relative;
  overflow: visible;
}

.cf-pricing-plan-small-text {
  font-family: var(--fließtext);
  letter-spacing: 1px;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
}

.cf-pricing-plan-price {
  background-image: linear-gradient(to right, var(--conversion-flow-library--medium-purple\<deleted\|variable-37794173\>), var(--conversion-flow-library--light-coral\<deleted\|variable-34d8b0e8\>) 38%, var(--conversion-flow-library--coral\<deleted\|variable-2e7c752c\>) 73%, var(--conversion-flow-library--sandy-brown\<deleted\|variable-e2c22bfc\>));
  font-family: var(--überschrift-h2);
  letter-spacing: 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 48px;
  padding-bottom: 0;
  font-size: 46px;
  font-weight: 700;
  line-height: 120%;
}

.cf-pricing-plan-price.pricing-3-price, .cf-pricing-plan-price.pricing-3-price-copy {
  font-family: var(--fließtext);
  color: var(--gelb);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 10px;
}

.cf-pricing-plan-price.pricing-3-price-streichpreis {
  font-family: var(--fließtext);
  color: var(--weiß);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 10px;
  font-size: 25px;
  font-weight: 300;
}

.cf-pricing-price-container {
  border-top: 1px solid #002e2433;
  border-bottom: 1px solid #002e2433;
  flex: none;
  margin-bottom: 42px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.cf-pricing-price-container.pricing-3-price-container {
  border-top-color: var(--aussortiert-zu-2025--hellgrün);
  border-bottom-color: var(--aussortiert-zu-2025--hellgrün);
  align-self: center;
  margin-bottom: 0;
  margin-left: -29px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
}

.cf-pricing-price-container.pricing-3-price-container-streichpreis {
  border-top-style: none;
  border-top-color: var(--aussortiert-zu-2025--hellgrün);
  border-bottom-style: none;
  border-bottom-color: var(--aussortiert-zu-2025--hellgrün);
  align-self: center;
  margin-bottom: 0;
  margin-left: -29px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
}

.cf-pricing-plan-content-text {
  font-family: var(--fließtext);
  color: var(--weiß);
  letter-spacing: .5px;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.cf-pricing-plan-tick-icon {
  margin-top: 2px;
  margin-right: 16px;
}

.cf-pricing-plan-content-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  padding-right: 0;
  display: flex;
}

.cf-pricing-plan-content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.cf-pricing-plan-content-wrapper.pricing-3-content {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  max-width: 350px;
  margin-bottom: -20px;
  margin-left: 43px;
  margin-right: 33px;
  padding-left: 0;
  padding-right: 0;
}

.cf-pricing-plan-amount-block {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 40px 20px 40px 0;
  display: flex;
}

.cf-pricing-plan-description {
  font-family: var(--überschrift-h2);
  color: var(--weiß);
  text-align: center;
  max-width: 270px;
  font-size: 16px;
  font-weight: 500;
}

.cf-pricing-plan-description.middle-para {
  font-family: var(--fließtext);
  color: var(--weiß);
}

.pricing-plan-name {
  font-family: var(--überschrift-h1);
  color: var(--gelb);
  margin-bottom: 16px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
}

.pricing-plan-name.white {
  color: var(--gelb);
}

.cf-pricing-3-box-plan-block {
  border-right: 1px solid var(--gelb);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 85%;
  margin-top: auto;
  margin-bottom: auto;
  padding: 30px 0 30px 25px;
  display: flex;
}

.cf-pricing-3-box-plan-block._2 {
  border-right-color: var(--gelb);
  height: 85%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.cf-pricing-3-box {
  grid-column-gap: 20px;
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 3px;
  padding-left: 0;
  padding-right: 60px;
  display: grid;
  box-shadow: 5px 9px 9px 3px #0003, 0 10px 100px #0000001a;
}

.cf-pricing-3-box.middle-block {
  background-color: var(--grau);
  color: #fff;
}

.cf-pricing-3-blocks-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 20px;
  display: grid;
}

.cf-wrapper-1200px {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.cf-toggle-row {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.einleitung-bereiche {
  text-align: center;
  width: 90%;
  max-width: 965px;
  margin-left: auto;
  margin-right: auto;
}

.text-span-2 {
  color: var(--gelb);
  text-shadow: 0 2px 2px #0003;
  text-decoration: underline;
}

.text-span-3 {
  outline-offset: 0px;
  color: var(--gelb);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--grau);
  text-shadow: 0 2px 2px #0003;
  border: 1px #000;
  outline: 3px #f7b44d;
  text-decoration: underline;
  display: block;
}

.paragraph-7, .paragraph-8, .paragraph-9, .paragraph-10 {
  font-family: var(--fließtext);
  color: var(--grau);
}

.container-9 {
  max-width: 1140px;
  padding-left: 28px;
  padding-right: 28px;
}

.einleitung-bereiche-preise {
  text-align: center;
  width: 90%;
  max-width: 965px;
  margin-left: 0;
  margin-right: auto;
}

.a-h3-heading-preise {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  text-align: left;
  letter-spacing: -.02em;
  width: 90%;
  margin-top: 0;
  margin-bottom: 10px;
  padding-bottom: 33px;
  font-size: 48px;
  line-height: 1.2;
}

.a-paragraph-large-preise {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  text-align: left;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.8;
}

.hero-heading-aesthetik {
  border-top: 5px none var(--weiß);
  text-decoration: overline;
}

.einleitung-bereiche-begriff {
  text-align: left;
  flex-flow: wrap;
  place-content: flex-start center;
  align-items: stretch;
  width: 90%;
  max-width: 965px;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.a-h3-heading-begriff {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  text-align: left;
  letter-spacing: -.02em;
  -webkit-text-stroke-color: var(--grau);
  flex-flow: column;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: flex-start;
  width: 90%;
  margin: 0 auto 35px 0;
  font-size: 48px;
  line-height: 1.2;
  display: block;
}

.a-paragraph-large-begriff {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  text-align: left;
  letter-spacing: -.02em;
  margin: 0 auto 20px;
  font-size: 18px;
  line-height: 1.8;
}

.a-h3-heading-kategorie {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  text-align: left;
  letter-spacing: -.02em;
  width: 90%;
  margin: 0 auto 10px 0;
  font-size: 48px;
  line-height: 1.2;
}

.cf-pricing-plan-small-text-ab {
  font-family: var(--fließtext);
  letter-spacing: 1px;
  margin-top: -20px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  position: static;
}

.cf-pricing-plan-small-text-euro {
  font-family: var(--überschrift-h1);
  letter-spacing: 1px;
  margin: -18px 0 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 100%;
}

.div-block-7 {
  border-left: 10px solid var(--gelb);
  padding-top: 25px;
  padding-bottom: 10px;
}

.c-curtain {
  z-index: 2000;
  background-color: var(--grau);
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.curtain {
  background-color: var(--gelb);
  width: 100%;
  height: 100%;
}

.mini-galerie-innen-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  justify-content: space-around;
  align-self: auto;
  height: 100%;
  max-height: none;
  display: flex;
}

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

.mini-galerie-innen-segment-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  height: 95%;
  max-height: none;
  display: flex;
}

.mini-galerie-innen-fotos-1 {
  flex-direction: column;
  flex: 0 auto;
  height: 100%;
  max-height: none;
  display: flex;
}

.mini-galerie-zeile-1 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 48%;
  display: flex;
}

.mini-galerie-zeile-1.zeile-1 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 100%;
}

.mini-galerie-verlauf-1 {
  z-index: 9;
  background-image: linear-gradient(#e0dad5, #faebe300);
  height: 220px;
  position: absolute;
  inset: -1px 0% auto;
}

.mini-galerie-verlauf-1.rechts {
  background-image: linear-gradient(270deg, #e0dad5 12%, #faebe300);
  width: 350px;
  height: auto;
  inset: 0% -1% 0% auto;
}

.mini-galerie-verlauf-1.links {
  background-image: linear-gradient(to right, #e0dad5 12%, #faebe300);
  width: 350px;
  height: auto;
  inset: 0% auto 0% -1%;
}

.mini-galerie-fotos-img-1 {
  object-fit: contain;
  flex: 0 auto;
  height: 100%;
  max-height: 100%;
}

.mini-galerie {
  grid-column-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1300px;
  height: 120px;
  margin-bottom: 35px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.main-slider-nav-arrow-mobile {
  display: none;
}

.mains-slider-desktop-size {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 77%;
  display: flex;
}

.mask-4 {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--weiß);
  max-height: 1250px;
}

.a-icon-small {
  font-family: var(--überschrift-h1);
  color: var(--grau);
  -webkit-text-stroke-color: var(--weiß);
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.a-icon-small:hover {
  color: var(--weiß);
}

.a-banner-button-small {
  background-color: var(--gelb);
  color: var(--gelb);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  transition: color .2s, background-color .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.a-banner-button-small:hover {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  color: var(--alley-component-library--neutral--black\<deleted\|variable-32d8176f\>);
}

.a-paragraph-small-2 {
  font-family: var(--überschrift-h2);
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
}

.a-banner-text-wrapper {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.a-banner-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  display: flex;
  position: relative;
}

.a-banner-announcement {
  z-index: 100;
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--grau);
  box-shadow: 5px 5px 0 2px var(--gelb);
  color: #fff;
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1020px;
  min-height: 56px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 5% 16px 0%;
  display: flex;
  position: static;
  bottom: 0;
}

.banner-neukunden {
  background-color: var(--transparent);
  background-image: linear-gradient(to top, var(--aussortiert-zu-2025--bg) 22%, var(--transparent) 92%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  flex-direction: row;
  order: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 43px 0 25px;
  display: flex;
}

.banner-home {
  z-index: 100;
  background-color: var(--transparent);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
  position: sticky;
  bottom: 0;
}

.titel {
  background-color: var(--grau);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 29px;
  margin-bottom: 7px;
  padding: 10px;
  display: flex;
  overflow: visible;
}

.leistungen {
  grid-column-gap: 10px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-self: center;
  place-items: center;
  width: 90%;
  max-width: 1352px;
  padding: 0;
  display: flex;
  overflow: visible;
}

.hero-titel {
  border-bottom: 3px none var(--gelb);
  border-left: 4px none var(--gelb);
  font-family: var(--überschrift-h1);
  color: var(--weiß);
  text-align: center;
  object-fit: fill;
  align-items: center;
  margin: -2px;
  padding: 2px;
  font-size: 28px;
  line-height: 25px;
  text-decoration: none;
  display: flex;
}

.hero-titel-container {
  border-top: 1px none var(--gelb);
  border-left: 5px solid var(--gelb);
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  padding: 10px 10px 6px;
  display: flex;
}

.lightbox-hero-links, .lightbox-hero-rechts {
  aspect-ratio: auto;
  width: 48%;
  height: 100%;
  display: inline-block;
}

.hero-titel-container-final {
  border-top: 1px none var(--gelb);
  border-right: 5px solid var(--gelb);
  border-left: 5px solid var(--gelb);
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  padding: 10px 10px 6px;
  display: flex;
}

.lightbox-leistungen-home {
  width: 100%;
}

.lightbox-mini-home {
  height: 100%;
}

.body-2 {
  background-color: var(--aussortiert-zu-2025--bg);
  font-family: var(--überschrift-h1);
}

.kontakt-home-wraper-formulare {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--weiß);
  width: 100%;
  max-width: none;
  padding: 11px 17px;
}

.submit-button {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
  font-family: var(--überschrift-h1);
  color: var(--grau);
  padding: 16px 30px;
  font-size: 20px;
  box-shadow: 0 2px 5px #0003;
}

.kontkatformular-buttpn-pflichtfelder {
  width: 20%;
}

.form {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.kontaktanfrage-berschrift {
  font-family: var(--überschrift-h2);
  color: var(--grau);
}

.paragraph-11 {
  font-family: var(--fließtext);
  font-size: 18px;
  font-weight: 500;
}

.kontaktdaten-feld {
  border: 2px solid var(--gelb);
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  font-family: var(--überschrift-h1);
  -webkit-text-stroke-color: var(--gelb);
  align-self: stretch;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  font-size: 19px;
}

.kontaktfomular-felder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: grid;
}

.kontaktdaten-nachricht {
  border: 2px solid var(--gelb);
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  font-family: var(--überschrift-h1);
  color: var(--grau);
  -webkit-text-stroke-color: var(--gelb);
  object-fit: fill;
  align-self: flex-start;
  width: 95%;
  min-width: 95%;
  max-width: 95%;
  height: 100%;
  min-height: 125px;
  margin-top: 44px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  font-size: 18px;
  position: static;
}

.checkbox-kontakt-home {
  font-family: var(--überschrift-h1);
  color: var(--grau);
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.checkbox {
  border-width: 2px;
  border-color: var(--gelb);
  background-color: var(--transparent);
  border-radius: 4px;
  align-self: center;
  width: 22px;
  height: 22px;
  margin-left: 0;
  margin-right: 5px;
}

.checkbox.w--redirected-checked {
  border-style: solid;
  border-color: var(--grau);
  background-color: var(--gelb);
}

.wraper-checkboxen-kontakt-main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-self: flex-start;
  place-items: baseline start;
  width: 100%;
  max-width: none;
  display: grid;
}

.wrapper-ceckboxen-kontakt {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.kontakt-berschift {
  opacity: .66;
  font-family: var(--überschrift-h2);
  text-align: center;
  align-self: center;
  font-weight: 700;
  text-decoration: underline;
}

.text-block-4 {
  font-family: var(--überschrift-h1);
  color: var(--weiß);
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.checkbox-field-2 {
  align-self: center;
  align-items: flex-start;
  display: flex;
}

.checkbox-2 {
  margin-right: 14px;
}

._w-form-done {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
}

._w-form-fail {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
}

.success-anker {
  width: 0;
  height: 0;
  display: block;
}

.container-10 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.container-10.container-footer {
  background-color: var(--transparent);
  border-radius: 15px;
  max-width: 1140px;
  padding: 14px 28px 28px;
}

.text-block-6 {
  font-family: var(--überschrift-h1);
  color: var(--grau);
  font-size: 16px;
  font-weight: 700;
}

.success-message-2 {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
}

.text-block-7 {
  font-family: var(--überschrift-h1);
  color: var(--grau);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.error-message-2 {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
}

.footer-title-newsletter {
  font-family: var(--überschrift-h2);
  color: var(--gelb);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  display: block;
}

.icon-rund {
  background-color: var(--gelb);
  background-image: url('../images/Marketplaces-W.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border-radius: 20px;
  width: 48px;
  height: 48px;
}

.icon-rund.bereiche-social-media {
  background-image: url('../images/Social-Media-W.png');
}

.icon-rund.bereiche-webshop {
  background-image: url('../images/Webshop-W.png');
}

.icon-rund.bereiche-amazon {
  background-image: url('../images/Amazon-W.png');
}

.icon-rund.bereiche-print {
  background-image: url('../images/Print-1-W.png');
}

.icon-rund.bereiche-bildbearbeitung {
  background-image: url('../images/Bildbearbeitung-W.png');
}

.body-3, .body-4 {
  font-family: var(--überschrift-h1);
}

.waves---main-container-2 {
  max-width: 1352px;
  padding-left: 24px;
  padding-right: 24px;
}

.waves-image-hero-3 {
  object-fit: fill;
  border-radius: 24px;
  width: 100%;
  height: 100%;
}

.waves-master-image-hero-3 {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--grau);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 29px;
  display: flex;
}

.waves---cta-dark {
  background-color: var(--waves-library--black\<deleted\|variable-d656d06e\>);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 52px;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s;
  display: flex;
}

.waves---cta-dark:hover {
  background-color: #131313e6;
}

.waves---cta-dark.wide-cta {
  background-color: #e68717;
  min-width: 200px;
}

.waves---cta-dark.wide-cta:hover {
  background-color: var(--grau);
}

.waves---mg-top-17 {
  margin-top: 16px;
}

.waves---subtitle-2 {
  text-align: center;
  font-size: 24px;
  line-height: 40px;
}

.waves---heading-1-no-margins {
  color: var(--grau);
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 55px;
  line-height: 120%;
  display: flex;
}

.waves-content-hero-3 {
  grid-row-gap: 24px;
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: #dfe9f2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 48px 25px;
  display: flex;
}

.waves-hero-3-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
  padding-top: 25px;
}

.waves---section-hero-primary {
  padding-top: 0;
  padding-bottom: 13px;
}

.container-partnerlogo-lp-it {
  order: -1;
  width: 100%;
  max-width: 45%;
}

.container-hero-lp-it {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
}

.hero-image {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  margin-top: 37px;
  padding-top: 0;
}

.lightbox-link {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
}

.heading-14 {
  border-top: 10px none var(--gelb);
  border-bottom: 5px solid var(--gelb);
  color: var(--weiß);
  text-align: center;
  margin-top: 0;
  margin-bottom: 19px;
  padding-top: 0;
  padding-bottom: 0;
}

.image-3 {
  max-width: 80%;
  margin-top: -2px;
  padding-top: 0;
  padding-bottom: 27px;
}

.waves-content-hero-3-mitte {
  grid-row-gap: 24px;
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--transparent);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 544px;
  padding: 0;
  display: flex;
}

.heading-16 {
  font-family: var(--überschrift-h1);
  color: var(--aussortiert-zu-2025--dunkel-grün);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 120px;
  line-height: 80px;
}

.text-span-4 {
  text-decoration: overline;
}

.text-span-5 {
  color: var(--weiß);
  text-decoration: line-through;
}

.streichpreise {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cf-pricing-3-box-streichpreis {
  grid-column-gap: 20px;
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  border-top: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 3px;
  padding-left: 0;
  padding-right: 60px;
  display: grid;
  box-shadow: 5px 9px 9px 3px #0003, 0 10px 100px #0000001a;
}

.cf-pricing-plan-small-text-statt {
  font-family: var(--fließtext);
  letter-spacing: 1px;
  margin-top: -20px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 15px;
  font-size: 16px;
  font-weight: 300;
  line-height: 100%;
  position: static;
}

.cf-pricing-plan-small-text-streichpreis {
  font-family: var(--fließtext);
  letter-spacing: 1px;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 100%;
}

.cf-pricing-plan-small-text-euro-streichpreis {
  font-family: var(--überschrift-h1);
  letter-spacing: 1px;
  margin: -18px 0 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 30px;
  font-weight: 300;
  line-height: 100%;
}

.produktfotos-gallery-scroll-l-lp-it {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  width: 100%;
  max-width: 75%;
  height: 100%;
  padding: 31px;
}

.cf-pricing-3-box-home {
  grid-column-gap: 20px;
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--grau);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 3px;
  padding-left: 0;
  padding-right: 60px;
  display: grid;
  box-shadow: 5px 9px 9px 3px #0003, 0 10px 100px #0000001a;
}

.cf-pricing-3-box-home.middle-block {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  color: #fff;
}

.kontakt-lp-it-main-wrapper-copy {
  background-color: var(--grau);
  font-family: var(--überschrift-h1);
  border-radius: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1140px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 70px 70px 70px 80px;
  display: flex;
}

.main-slider-container-lp-it {
  background-color: var(--grau);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 78vh;
  max-height: 1750px;
  margin-bottom: 51px;
  padding-top: 35px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.image-4 {
  width: 10%;
  margin-left: 20px;
  padding-left: 0;
}

.image-5 {
  width: 20%;
  margin-right: 20px;
}

.gallery-scroll-lpit {
  background-color: #f5f7fa00;
  border-bottom: 1px solid #e4ebf3;
  padding: 24px 30px 80px;
  position: relative;
}

.gallery-wrapper-3-lpit {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: block;
}

.cf-18px-paragraph {
  font-family: var(--fließtext);
  color: var(--grau);
  max-width: 510px;
  margin-bottom: 48px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.cf-32px-heading {
  font-family: var(--überschrift-h2);
  color: var(--aussortiert-zu-2025--dunkel-grün);
  margin-top: 20px;
  margin-bottom: 32px;
  font-size: 27px;
  font-weight: 700;
  line-height: 120%;
}

.cf-14px-heading {
  font-family: var(--fließtext);
  color: var(--grau);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: underline;
}

.cf-flex-1---text-contain {
  flex-direction: column;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.cf-flex-1---image-2 {
  background-color: var(--weiß);
  object-fit: fill;
  border-radius: 16px;
  width: 80%;
  max-width: 435px;
  margin-top: -5px;
  padding: 13px;
  position: absolute;
  inset: auto -10% 5% auto;
  box-shadow: 0 24px 94px #00000014;
}

.cf-flex-1---image-1 {
  object-fit: contain;
  border-radius: 16px;
  width: 65%;
  max-width: 480px;
  padding-top: 18px;
}

.cf-flex-1---image-contain {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: #dfe9f2;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 450px;
  display: flex;
  position: relative;
  box-shadow: -11px 9px 15px -2px #0003;
}

.cf-flex-1---container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.cf-flex-1---wrapper {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 31px;
  padding-bottom: 40px;
  display: flex;
}

.text-span-6 {
  color: var(--gelb);
}

.produktfotos-gallery-scroll-lpit {
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  margin-bottom: 28px;
  display: flex;
}

.infografiken-gallery-scroll-lpit {
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.lifestyle-gallery-scroll-lpit {
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  margin-bottom: 28px;
  display: flex;
}

.mini-galerie-verlauf-1-lp-it {
  z-index: 9;
  background-image: linear-gradient(#e0dad5, #faebe300);
  height: 220px;
  position: absolute;
  inset: -1px 0% auto;
}

.mini-galerie-verlauf-1-lp-it.links {
  background-image: linear-gradient(to right, #e0dad5 12%, #faebe300);
  width: 350px;
  height: auto;
  inset: 0% auto 0% -1%;
}

.lightbox-mini-home-lp-it {
  height: 100%;
}

.mini-galerie-innen-1-lp-it {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  justify-content: space-around;
  align-self: auto;
  height: 100%;
  max-height: none;
  display: flex;
}

.footer-partner-block {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 15px;
  display: flex;
}

.footer-partner-it-recht {
  border: 3px none var(--gelb);
  color: #fff;
  border-radius: 0;
  align-self: center;
  width: auto;
  max-width: 150px;
  height: auto;
  padding: 0;
}

.footer-partner-link {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.footer-unterseiten {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.footer-kooperationen {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.footer-divider-three {
  background-color: var(--gelb);
  text-align: center;
  justify-content: flex-start;
  width: 100%;
  height: 1px;
  margin-top: 21px;
  margin-bottom: 14px;
  display: flex;
}

.cf-flex-1---links-contain {
  width: 45%;
}

.fs-cc-manager4_button {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  color: var(--gelb);
  width: 3rem;
  height: 3rem;
  padding: .5rem;
  box-shadow: 1px 1px 12px #0000001a;
}

.fs-cc-prefs4_block {
  background-color: var(--weiß);
}

.fs-cc-prefs4_content {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-prefs4_form-wrapper {
  background-color: #fff;
  width: 100%;
  max-width: 37.5rem;
  margin-bottom: 0;
  padding: 0;
  position: relative;
  inset: auto 0% 0% auto;
}

.fs-cc-prefs4_checkbox {
  border-width: 2px;
  border-color: var(--gelb);
  cursor: pointer;
  border-radius: 3px;
  width: 1.2rem;
  height: 1.2rem;
}

.fs-cc-prefs4_checkbox.w--redirected-checked {
  border-width: 2px;
  border-color: var(--gelb);
  background-color: var(--gelb);
  background-image: url('../images/2.svg');
  background-size: contain;
  line-height: 1.2;
}

.fs-cc-prefs4_checkbox.w--redirected-focus {
  box-shadow: 0 0 3px 1px #8042fc;
}

.fs-cc-prefs4_component {
  z-index: 998;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.fs-cc-prefs4_text {
  font-family: var(--fließtext);
  color: var(--grau);
  margin-bottom: .5rem;
  font-size: .75rem;
  line-height: 1.4;
}

.fs-cc-prefs4_button {
  color: var(--weiß);
  margin-right: 1rem;
  padding: 1rem;
}

.fs-cc-banner4_button-gelb {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
  color: var(--grau);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 45%;
  padding: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

.fs-cc-banner4_text {
  font-size: 1.125rem;
  line-height: 1.4;
}

.fs-cc-banner4_component {
  z-index: 997;
  background-color: #383937fa;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-banner4_buttons-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.fs-cc-components {
  z-index: 999;
  display: block;
  position: sticky;
  top: 100%;
}

.fs-cc-prefs4_label {
  font-family: var(--überschrift-h2);
  color: #005248;
  margin-right: .5rem;
  font-size: 1rem;
  font-weight: 700;
}

.fs-cc-prefs4_title {
  color: var(--gelb);
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
}

.fs-cc-prefs4_button-wrapper {
  background-color: var(--grau);
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 2.5rem;
  display: flex;
}

.fs-cc-prefs4_submit {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
  font-family: var(--überschrift-h2);
  color: var(--grau);
  padding: 1rem 1.25rem;
  font-size: 1rem;
  font-weight: 700;
}

.fs-cc-prefs4_option {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  padding: .75rem 1.25rem;
  display: block;
}

.fs-cc-preferences4_close-icon {
  color: var(--grau);
  width: 2rem;
  height: 2rem;
}

.fs-cc-prefs4_checkbox-label {
  display: none;
}

.fs-cc-prefs4_form {
  height: 100%;
  display: block;
}

.fs-cc-prefs4_checkbox-field {
  border-radius: 0;
}

.fs-cc-manager4_component {
  z-index: 999;
  cursor: pointer;
  margin-bottom: 1.25rem;
  margin-right: 1.25rem;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.fs-cc-banner4_block {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--weiß);
  text-align: center;
  margin-bottom: 13px;
  padding: 2rem;
}

.fs-cc-prefs4_overlay {
  z-index: -1;
  background-color: #64cff6e6;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs4_close {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2.7rem;
  height: 2.7rem;
  display: flex;
  position: absolute;
  inset: -3rem .3rem auto auto;
}

.fs-cc-banner4_container {
  max-width: 21.25rem;
}

.fs-cc-prefs4_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.fs-cc-prefs4_header {
  background-color: var(--grau);
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 1rem;
  padding: 2rem;
  display: block;
}

.text-block-8 {
  font-family: var(--fließtext);
}

.fs-cc-banner4_button-gr-n {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
  color: var(--grau);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

.fs-cc-banner4_button-gr-n.fs-cc-button-alt {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  color: var(--weiß);
  width: 45%;
}

.image-6 {
  margin-bottom: 26px;
  margin-left: auto;
  margin-right: auto;
}

.embed-datenschutz {
  overflow-wrap: anywhere;
}

.image-7 {
  float: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: 1;
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--transparent);
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  object-position: 50% 0%;
  background-clip: border-box;
  flex-flow: row;
  place-content: space-around center;
  align-items: stretch;
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  display: block;
  overflow: hidden;
  box-shadow: 8px 10px 11px #0003;
}

.image-7.rm {
  object-position: 100% 50%;
}

.image-7.lm {
  object-position: 0% 50%;
}

.image-7.lm._30p {
  object-position: 30% 50%;
}

.image-7.mm {
  object-position: 50% 50%;
}

.lightbox-link-2 {
  flex-flow: row;
  order: 0;
  place-content: center space-between;
  width: 22%;
  margin: 10px;
  display: inline-flex;
}

.h2-portfolio {
  font-family: var(--fließtext);
  color: var(--weiß);
  text-align: center;
  letter-spacing: -.02em;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 90%;
  margin: 0 auto 35px;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.2;
  display: flex;
}

.h1-portfolio {
  font-family: var(--fließtext);
  color: var(--gelb);
  text-align: center;
  letter-spacing: -.02em;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 90%;
  margin: 0 auto 5px;
  font-size: 48px;
  font-style: normal;
  line-height: 1.2;
  text-decoration: underline;
  display: flex;
}

.cta-portfolio {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin: 50px 5px 5px;
  padding: 21px 14px;
  display: flex;
}

.cta-h3-portfolio {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 700;
  line-height: 110%;
}

.portfolio-bento {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--grau);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 1140px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.main-portfolio {
  display: flex;
}

.paragraph-12 {
  padding-top: 6px;
}

.paragraph-13 {
  padding-top: 8px;
}

.fs-cc-prefs_space-small {
  margin-bottom: .75rem;
}

.fs-cc-prefs_component {
  z-index: 997;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-banner_close {
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 999rem;
  margin-left: .75rem;
  padding: .625rem;
  box-shadow: 1px 1px 12px #0000001a;
}

.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%;
  overflow: visible;
}

.fs-cc-prefs_content {
  height: 100%;
  padding: 2.5rem 2rem;
  overflow: scroll;
}

.fs-cc-prefs_close {
  z-index: 1;
  color: #333;
  cursor: pointer;
  background-color: #f5f6ff;
  border-radius: 100%;
  padding: .625rem;
  font-size: 1.25rem;
  text-decoration: none;
  position: absolute;
  inset: -.75rem -.75rem auto auto;
  box-shadow: -1px 1px 12px #3333331a;
}

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

.fs-cc-manager_icon {
  color: var(--gelb);
  width: 2rem;
  height: 2rem;
}

.fs-cc-banner_text-link {
  color: #4353ff;
  border-bottom: 2px solid #4353ff;
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-banner_buttons-wrapper {
  flex-direction: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fs-cc-manager_button {
  background-color: var(--aussortiert-zu-2025--dunkel-grün);
  color: #333;
  cursor: pointer;
  border-radius: 999rem;
  flex-direction: column;
  padding: .625rem;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager_button:hover {
  color: #4353ff;
}

.fs-cc-prefs_toggle-wrapper {
  font-family: var(--überschrift-h2);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.fs-cc-prefs_option {
  border-bottom: 1px solid #33333326;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  background-color: #0009;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs_label {
  font-family: var(--überschrift-h2);
  color: #f7b44d;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: 1rem;
  font-weight: 700;
}

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

.fs-cc-prefs_button {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  font-family: var(--überschrift-h2);
  color: #333;
  background-color: #f7b44d;
  border: 2px #000;
  margin-right: .5rem;
  padding: .625rem 1.5rem;
  font-size: .875rem;
  font-weight: 700;
  line-height: 35px;
}

.fs-cc-prefs_button.fs-cc-button-alt {
  font-family: var(--überschrift-h2);
  color: #fff;
  background-color: #005248;
  border-style: none;
  border-color: #000;
}

.fs-cc-prefs_button.fs-cc-button-alt-25 {
  background-color: var(--grau);
  font-family: var(--überschrift-h2);
  color: #fff;
  border-style: none;
  border-color: #000;
}

.fs-cc-banner_text {
  font-family: var(--fließtext);
  color: #616161;
  text-align: left;
  margin-left: 10px;
  margin-right: 1.5rem;
  padding-bottom: 15px;
}

.fs-cc-banner_close-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.fs-cc-prefs_text {
  font-family: var(--fließtext);
  color: var(--grau);
  font-size: .75rem;
}

.fs-cc-prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 1.25rem;
  height: 1.25rem;
}

.fs-cc-banner_container {
  align-items: center;
  width: 100%;
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.fs-cc-manager_component {
  z-index: 999;
  display: block;
  position: fixed;
  inset: auto 1.25rem 1.25rem auto;
}

.fs-cc-prefs_form {
  background-color: #fff;
  border-radius: 1rem;
  width: 100%;
  max-width: 36rem;
  height: 100%;
  max-height: 70vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs_submit-hide {
  display: none;
  overflow: clip;
}

.fs-cc-prefs_buttons-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 2rem;
  margin-right: -.5rem;
  display: flex;
}

.fs-cc-prefs_close-icon {
  color: #021a7c;
  width: 1rem;
  height: 1rem;
}

.fs-cc-prefs_checkbox-field {
  background-color: #ccc;
  border-radius: 999rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 2.75rem;
  height: 1.5rem;
  margin-bottom: 0;
  padding: .125rem;
  display: flex;
  position: relative;
}

.fs-cc-prefs_space-medium {
  margin-bottom: 2.5rem;
}

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

.fs-cc-banner_button {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  color: #333;
  text-align: center;
  background-color: #f7b44d;
  border: 2px #000;
  min-width: 8.75rem;
  margin-left: 1rem;
  padding: .625rem 1.25rem;
  font-size: 1rem;
  line-height: 30px;
}

.fs-cc-banner_button.fs-cc-button-alt {
  color: #fff;
  background-color: #005248;
  border-color: #4353ff;
}

.fs-cc-banner_button.fs-cc-button-alt-25 {
  background-color: var(--grau);
  color: #fff;
  border-color: #4353ff;
}

.fs-cc-prefs_title {
  font-family: var(--überschrift-h2);
  color: var(--grau);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-banner_component {
  z-index: 998;
  background-color: #f5f6ff;
  border-top: 1px solid #4353ff29;
  padding: 1.5rem 2rem;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.fs-cc-prefs_checkbox-label {
  display: none;
}

.list-item-4 {
  color: #f7b44d;
  font-family: Comfortaa Regular, sans-serif;
  display: block;
}

.container-25 {
  background-color: var(--transparent);
  color: var(--transparent);
  width: 100%;
  max-width: 1020px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.nav-dropdown-icon-2 {
  color: #f7b44d;
  margin-right: 10px;
  font-family: Comfortaa Regular, sans-serif;
}

.nav-dropdown-icon-2:hover {
  color: #fff;
}

.nav-link-2 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: #f7b44d;
  letter-spacing: .25px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 5px 10px;
  font-size: 1.1em;
  line-height: 1.25rem;
  text-decoration: none;
  display: block;
}

.nav-link-2:hover {
  color: #fff;
}

.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.text-block-9 {
  color: #f7b44d;
  text-align: center;
  font-family: Comfortaa Regular, sans-serif;
}

.text-block-9:hover {
  color: #f7b44d;
}

.text-block-9.nav-dd {
  color: #fff;
}

.nav-divider-2 {
  background-color: #f7b44d;
  width: 1px;
  height: 22px;
  margin-left: 5px;
  margin-right: 5px;
  display: none;
  overflow: visible;
}

.navbar-25-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 2px;
  display: flex;
}

.nav-menu-two-2 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.navbar-25-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-25-container.shadow-three-copy {
  mix-blend-mode: normal;
  background-color: #0000;
  width: 100%;
  max-width: 90vw;
  margin-bottom: 0;
  padding: 7px;
}

.navbar-25 {
  z-index: 100;
  background-color: var(--flowstica-webflow-library--black);
  background-image: linear-gradient(180deg, var(--redesign-erweiterungen-2025--bg-25-verlauf) 37%, #fff0), linear-gradient(180deg, var(--grau) 70%, #0000 88%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  pointer-events: auto;
  font-family: var(--überschrift-h1);
  color: #0000;
  mix-blend-mode: normal;
  position: sticky;
  top: 0;
  box-shadow: 0 3px 6px #00000059;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-bg-25 {
  border: 1px none var(--gelb);
  background-color: var(--transparent);
  box-shadow: none;
  font-family: var(--überschrift-h1);
  color: var(--transparent);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border-radius: 0;
  padding: 10px;
}

.nav-dropdown-link-2 {
  color: #f7b44d;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Quicksand Regular, sans-serif;
  font-size: 14px;
}

.nav-dropdown-link-2:hover {
  color: #fff;
}

.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link-2.w--current {
  color: #f7b44d;
}

.nav-dropdown-link-2.w--current:hover {
  color: #fff;
}

.image-8 {
  padding-left: 20px;
}

.body-25 {
  -webkit-text-fill-color: inherit;
  background-color: #383937;
  background-image: linear-gradient(90deg, #00000059, #fff0), repeating-linear-gradient(270deg, #00000059, #fff0), linear-gradient(#3d3d3dd9, #3d3d3dd9), url('../images/BG-25-1200.jpeg');
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, cover;
  background-attachment: scroll, scroll, scroll, fixed;
  background-clip: border-box;
  padding-bottom: 0;
  font-family: Comfortaa Bold, sans-serif;
  overflow: visible;
}

.text-block-11 {
  color: #383937;
  text-align: center;
  font-family: Comfortaa Bold, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.success-message-3 {
  background-color: #f7b44d;
  border-radius: 15px;
}

.footer-copyright-3 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  font-size: .7rem;
  line-height: 1rem;
}

.footer-block-two-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  margin-left: 5px;
  padding-left: 0;
  display: block;
}

.footer-link-two-3 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  text-align: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 20px;
  margin-right: 0;
  font-size: .875rem;
  text-decoration: none;
  display: block;
}

.footer-link-two-3:hover {
  color: #a1ae4a;
}

.footer-title-3 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2rem;
  display: block;
}

.error-message-3 {
  border-radius: 15px;
}

.footer-wrapper-two-3 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: #383937;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-around flex-start;
  align-items: center;
  padding-right: 0;
  display: grid;
}

.text-block-10 {
  color: #383937;
  font-family: Comfortaa Bold, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.footer-title-newsletter-2 {
  color: var(--gelb);
  text-align: center;
  font-family: Comfortaa Regular, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  display: none;
}

.footer-form-submit-3 {
  background-color: #f7b44d;
  background-image: url('../images/Pfeil-Rechts.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 50px;
  height: 48px;
  transition: all .2s;
}

.footer-form-submit-3:hover {
  background-color: #005248;
}

.footer-brand-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 130%;
  display: block;
  overflow: visible;
}

.footer-partner-it-recht-2 {
  color: #fff;
  border: 3px #f7b44d;
  border-radius: 0;
  align-self: center;
  width: auto;
  max-width: 150px;
  height: auto;
  padding: 0;
}

.footer-divider-three-2 {
  background-color: var(--gelb);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 1px;
  margin: 1rem auto;
  display: flex;
}

.image-9 {
  border: 3px none var(--gelb);
  color: #fff;
  border-radius: 0;
  align-self: center;
  width: auto;
  max-width: 44px;
  height: 25px;
  padding: 0;
}

.rahmen-social-media-icon-footer-2 {
  border: 2px none var(--gelb);
  outline-offset: 0px;
  border-radius: 15px;
  outline: 3px #00e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 45px;
  max-width: 45px;
  height: 45px;
  max-height: 45px;
  display: flex;
}

.footer-light-3 {
  font-family: var(--überschrift-h1);
  background-color: #f7b44d00;
  border-bottom: 1px #e4ebf3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .8rem 2rem;
  display: flex;
  position: relative;
}

.footer-form-field-3 {
  border: 1px solid #a6b1bf;
  border-radius: 15px 0 0 15px;
  height: 48px;
  margin-bottom: 0;
  padding: 12px 16px;
  font-family: Comfortaa Bold, sans-serif;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
}

.footer-form-field-3:hover, .footer-form-field-3:focus {
  border-color: #76879d;
}

.footer-form-field-3::placeholder {
  color: #1a1b1fcc;
  font-size: 14px;
  line-height: 22px;
}

.fs-cc-banner_text-25 {
  color: var(--grau);
  text-align: left;
  margin-left: 10px;
  margin-right: 1.5rem;
  padding-bottom: 15px;
  font-family: Quicksand Regular, sans-serif;
}

.fs-cc-manager_icon-25 {
  color: var(--grau);
  width: 2rem;
  height: 2rem;
}

.fs-cc-manager_button-25 {
  background-color: var(--gelb);
  color: #333;
  cursor: pointer;
  border-radius: 999rem;
  flex-direction: column;
  padding: .625rem;
  transition: color .2s;
  display: none;
}

.fs-cc-manager_button-25:hover {
  color: #4353ff;
}

.success-message-4 {
  font-family: var(--überschrift-h1);
}

.gallery-slider {
  text-align: center;
  border-bottom: 1px #e4ebf3;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 35px 30px 25px;
  display: block;
  position: relative;
  overflow: visible;
}

.container-11 {
  width: 90%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 11px;
}

.gallery-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-align: left;
  grid-template: "."
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: stretch;
  place-items: center stretch;
  display: block;
  overflow: visible;
}

.gallery-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.gallery-slide {
  background-color: #0000;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  bottom: auto;
  right: auto;
  overflow: visible;
}

.gallery-slide-wrapper {
  clear: both;
  vertical-align: baseline;
  border-radius: 0;
  max-width: 48%;
  margin-right: 2%;
  position: relative;
}

.gallery-slide-image {
  border-radius: 0;
  position: relative;
}

.gallery-image {
  border-radius: 11px;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.gallery-slide-text {
  color: #f5f7fa;
  margin-bottom: 0;
  line-height: 32px;
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
}

.gallery-slider-left {
  justify-content: center;
  align-items: center;
  width: 40px;
  margin-left: 25px;
  display: flex;
  left: -45px;
}

.gallery-slider-left:focus-visible, .gallery-slider-left[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.arrow-wrapper {
  display: block;
}

.slider-arrow-embed {
  color: #1a1b1f;
  display: inline-block;
}

.gallery-slider-right {
  justify-content: center;
  align-items: center;
  width: 40px;
  margin-right: 0;
  display: flex;
  right: -5px;
}

.gallery-slider-right:focus-visible, .gallery-slider-right[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.gallery-slide-nav {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 1;
  outline-offset: 0px;
  text-align: left;
  -webkit-text-stroke-color: #d8cfcf;
  outline: 3px #333;
  font-size: 8px;
  text-decoration: none;
  display: block;
  position: static;
}

.heading-17 {
  border-bottom: 1px none var(--gelb);
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  text-align: center;
  text-transform: uppercase;
  margin-top: 1rem;
  margin-bottom: .2rem;
  padding-right: 0;
  font-size: 2em;
  line-height: 1.8em;
}

.heading-17.heading-sub {
  margin-left: auto;
  margin-right: 10px;
}

.heading-17.heading-sub.heading-sub-u {
  font-size: 45px;
}

.paragraph-14 {
  clear: none;
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  flex: 0 auto;
  max-width: 95%;
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.25em;
}

.div-block-10 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 10px;
  padding-right: 25px;
  display: grid;
}

.rl-padding-section-large {
  padding-top: 20px;
  padding-bottom: 2rem;
}

.rl_pricing5_spacing-block-6 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl-heading-style-h2 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl-text-style-regular-3 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

.rl_pricing5_spacing-block-5 {
  color: var(--gelb);
  width: 100%;
  padding-bottom: 2rem;
}

.rl_pricing5_layout {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.rl_pricing5_plan {
  border: 1px solid var(--gelb);
  padding: 2rem;
}

.rl_pricing5_heading-wrapper {
  width: 100%;
  max-width: 65rem;
}

.rl_pricing5_feature-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.rl_pricing5_plan-content {
  flex-direction: column;
  display: flex;
}

.rl_pricing5_content-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.rl-button {
  border: 1px solid var(--gelb);
  background-color: var(--transparent);
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  text-align: center;
  -webkit-text-stroke-color: var(--gelb);
  border-radius: 0;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  font-weight: 700;
}

.rl_pricing5_divider {
  background-color: var(--gelb);
  width: 100%;
  height: 1px;
}

.rl_pricing4_content-top {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.rl_pricing5_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl_pricing5_item-icon-wrapper {
  flex: none;
  align-self: flex-start;
}

.rl-heading-style-h5 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.rl_pricing5_feature-icon {
  filter: invert();
  width: 2rem;
  height: 2rem;
}

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

.rl_pricing5_icon {
  color: var(--gelb);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.rl-text-style-medium {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  margin-top: 0;
  margin-bottom: .2rem;
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.5;
}

.rl-heading-style-h4-3 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  vertical-align: bottom;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 5px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}

.rl-heading-style-h6 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

.rl_pricing5_component {
  text-align: left;
}

.rl_pricing5_spacing-block-4 {
  width: 100%;
  padding-bottom: .5rem;
}

.rl_team8_spacing-block-8 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl-text-style-subheading {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}

.rl_pricing5_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl-heading-style-h1 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl_pricing5_content-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.rl-padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_pricing5_icon-wrapper {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  flex: none;
  align-self: flex-start;
}

.rl-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.rl_pricing5_feature {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.text-span-9 {
  color: var(--weiß);
  font-size: 2.5rem;
}

.superscript {
  vertical-align: super;
  padding-right: 5px;
  font-size: 1.5rem;
  text-decoration: none;
}

.rl_pricing18_spacing-block-4 {
  width: 100%;
  padding-bottom: .5rem;
}

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

.rl-padding-section-large-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.rl-heading-style-h2-2 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
}

.rl-text-style-regular-4 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  align-self: flex-start;
  margin-top: auto;
  margin-bottom: auto;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_pricing18_plans {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.rl_pricing18_feature-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  font-family: var(--aussortiert-zu-2025--main-font-26);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.rl_pricing18_spacing-block-5, .rl_pricing18_spacing-block-3 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl_pricing18_feature {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  justify-content: flex-start;
  display: flex;
}

.rl-button-2 {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--gelb);
  font-family: var(--überschrift-h1);
  color: var(--grau);
  text-align: center;
  border-radius: 10px;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  font-weight: 700;
}

.rl_pricing18_icon-wrapper {
  color: var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  flex: none;
  align-self: center;
}

.rl_pricing18_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl_pricing18_icon {
  color: var(--gelb);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.rl_pricing18_plan-content {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

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

.rl-text-style-medium-2 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_pricing18_plan {
  border: 1px solid var(--gelb);
  flex-direction: column;
  padding: 2rem;
  display: flex;
}

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

.rl_pricing18_spacing-block-6 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl_pricing18_heading-wrapper {
  text-align: center;
  width: 100%;
  max-width: 48rem;
}

.rl_pricing18_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.gallery-slider-amazon {
  border-bottom: 1px #e4ebf3;
  padding: 80px 30px;
  display: block;
  position: relative;
  overflow: visible;
}

.cf-faq-main-wrapper-2 {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 160px;
  display: flex;
}

.cf-faq-main-wrapper-2.horizontal {
  flex-direction: row;
  padding-top: 6.25rem;
  padding-bottom: 3rem;
}

.cf-faq-section-1 {
  position: relative;
}

.cf-h2-heading-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 110%;
}

.cf-h2-heading-2.left {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  text-align: center;
  letter-spacing: -1px;
  margin-top: 0;
  font-size: 3rem;
}

.cf-faq-questions-2 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  width: 90%;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2rem;
}

.cf-faq-content-2 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  margin-bottom: 0;
  padding-bottom: 1.8rem;
  font-size: .9rem;
  font-weight: 300;
  line-height: 140%;
}

.cf-faq-icon-2 {
  background-color: var(--gelb);
  filter: brightness(200%) brightness(200%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.cf-faq-paragraph-2 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  letter-spacing: -.32px;
  max-width: 640px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 156%;
}

.cf-faq-question-wrapper-3 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cf-faq-question-container-3 {
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cf-faq-question-container-3.first {
  border-top: 1px none var(--weiß);
}

.cf-faqs-wrapper-2 {
  width: 60%;
  padding-top: 0;
}

.cf-bottom-line-2 {
  background-color: #0d0e101a;
  width: 100%;
  height: 1px;
}

.cf-faq-answer-wrap-2 {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 10%;
}

.cf-faq-bold-text-2 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  margin-bottom: 1rem;
  font-size: .8rem;
  font-weight: 300;
  line-height: 150%;
}

.cf-faq-card-2 {
  color: #181818;
  width: 100%;
  max-width: 730px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
}

.cf-faqs-text-wrap-2 {
  width: 35%;
  max-width: 383px;
}

.rl-button-2-faq {
  border: 1px solid var(--relume-library-lite--rl-black\<deleted\|variable-a7d61fee\>);
  background-color: var(--gelb);
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--grau);
  text-align: center;
  border-radius: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: .75rem 0;
  font-size: 1rem;
  font-weight: 700;
  display: block;
}

.div-block-11 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.cf-success-message {
  background-color: var(--gelb);
  color: #fff;
  border-radius: 10px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.cf-error-message {
  color: #fff;
  background-color: #fc6b5c4d;
  border-radius: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.cf-error-message.darker {
  color: #da1825;
  background-color: #cc1c0a99;
}

.cf-form-heading-2 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 120%;
}

.cf-form-gradient-submit {
  color: #fff;
  background-color: #0000;
  background-image: linear-gradient(to right, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%);
  border-radius: 8px;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 156%;
}

.cf-form-gradient-submit.fixed-width {
  background-color: var(--gelb);
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--grau);
  text-align: left;
  background-image: none;
  border-radius: 70px;
  max-width: 210px;
  height: 60px;
  padding-left: 55px;
}

.cf-form-paragraph-2 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  margin-bottom: 24px;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 156%;
}

.cf-checkbox {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  white-space: normal;
  word-break: normal;
  border: 1px #000;
  border-radius: 0;
  align-self: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  font-size: .6rem;
  display: block;
  position: absolute;
  inset: 0%;
}

.cf-checkbox.w--redirected-checked {
  z-index: auto;
  box-sizing: border-box;
  border: 10px none var(--grau);
  background-color: var(--gelb);
  opacity: 1;
  -webkit-backdrop-filter: invert();
  backdrop-filter: invert();
  font-family: var(--aussortiert-zu-2025--main-font-26);
  text-overflow: clip;
  overflow-wrap: normal;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: darken;
  background-image: none;
  background-clip: border-box;
  order: 0;
  font-size: 14px;
  overflow: visible;
  box-shadow: inset 0 2px 5px #0003;
}

.cf-checkbox.w--redirected-focus {
  box-shadow: 0 0 3px 1px #ff5e691a;
}

.cf-checkbox-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  display: flex;
}

.cf-fields-contain {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 32px;
  display: flex;
}

.cf-checkbox-label {
  background-color: var(--transparent);
  text-align: center;
  letter-spacing: -.02rem;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: border-box;
  order: 1;
  align-self: center;
  font-family: Montserrat, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  line-height: 156%;
}

.cf-checkbox-label:hover {
  color: var(--grau);
}

.cf-checkbox-field {
  border: 1px solid var(--gelb);
  color: var(--weiß);
  border-radius: 0;
  max-width: 25%;
  margin-bottom: 0;
  padding: .8rem 1.8rem .7rem;
  display: flex;
  position: relative;
}

.cf-contact-form-field {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: #0d0e10;
  letter-spacing: -.16px;
  border: 1px solid #0d0e101a;
  border-radius: 8px;
  height: 70px;
  margin-bottom: 0;
  margin-right: 32px;
  padding: 21px 30px;
  font-size: 18px;
  line-height: 156%;
}

.cf-contact-form-field:active, .cf-contact-form-field:focus {
  border-color: #0d0e1033;
}

.cf-contact-form-field::placeholder {
  color: #0d0e1099;
}

.cf-contact-form-field.no-margin {
  margin-right: 0;
}

.cf-contact-form-field.message {
  border-radius: 8px;
  height: 160px;
  margin-right: 0;
}

.cf-contact-field-label {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  letter-spacing: 3.84px;
  text-transform: uppercase;
  margin-top: .5rem;
  margin-bottom: 1rem;
  padding-top: .8rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 156%;
}

.cf-contact-field-label.budget {
  margin-top: 60px;
  overflow: visible;
}

.cf-forms-section-3 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 5%;
}

.text-block-12 {
  color: var(--grau);
}

.text-block-13 {
  color: var(--weiß);
}

.mask-5 {
  overflow: hidden;
}

.mask-6 {
  box-sizing: border-box;
  float: none;
  clear: none;
  aspect-ratio: auto;
  position: relative;
  overflow: hidden;
}

.hero-slide-header {
  z-index: 10;
  color: var(--gelb);
  text-align: left;
  -webkit-text-stroke-color: var(--weiß);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1em;
  position: relative;
}

.hero-slider-nav-title {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: #494848;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5em;
  transition: all .2s;
}

.hero-slider-nav-title.active {
  color: var(--gelb);
  font-size: 1em;
}

.hero-slide-highlight-text {
  opacity: .35;
  color: var(--grau);
  letter-spacing: .5em;
  text-transform: uppercase;
  max-width: 95%;
  padding-top: 10px;
  padding-left: 25px;
  font-family: Montserrat, sans-serif;
  font-size: 2.8em;
  font-weight: 700;
  line-height: 1em;
  position: absolute;
}

.hero-slide-highlight-text.hero-slide-highlight-text-contrast {
  opacity: .75;
  color: var(--weiß);
}

.hero-slider-nav-number {
  z-index: 5;
  opacity: .35;
  color: var(--weiß);
  margin-top: 5px;
  margin-left: 10px;
  font-size: .625em;
  font-weight: 600;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hero-slider-nav-number.active {
  opacity: 100;
  color: var(--gelb);
}

.slide-cta-curtain {
  z-index: auto;
  background-color: var(--gelb);
  position: absolute;
  inset: 0%;
  transform: translate(0, 101%);
}

.hero-slider-arrow {
  opacity: 1;
  width: 50px;
  height: 50px;
  font-size: 20px;
  transition: all .2s;
}

.hero-slider-arrow:hover {
  opacity: 1;
}

.hero-slide-stripe {
  background-color: var(--gelb);
  opacity: .5;
  color: var(--gelb);
  width: 10px;
  height: 15px;
  margin-right: 10px;
  transform: skew(-45deg);
}

.c-hero-slider-nav-content {
  z-index: 10;
  position: relative;
}

.c-slide-cta {
  display: inline-block;
}

.hero-slide-bg-no {
  border: 1px solid var(--gelb);
  opacity: 1;
  color: var(--weiß);
  text-align: right;
  font-size: 18px;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  inset: .25vw .25vw auto auto;
}

.hero-slide-p {
  z-index: 10;
  color: var(--weiß);
  margin-bottom: 30px;
  font-size: .75em;
  line-height: 1.5em;
  position: relative;
}

.slider-nav-indicator {
  z-index: 5;
  opacity: 0;
  background-color: #aaa;
  width: 5px;
  height: 5px;
  margin-top: 10px;
  margin-right: 10px;
  transition: all .2s;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: translate(0, 20px);
}

.slider-nav-indicator.active {
  opacity: 1;
  width: .4em;
  height: .4em;
  transform: translate(0);
}

.c-hero-slide-details {
  perspective: 1000px;
  position: absolute;
  inset: auto 5% 20% auto;
  transform: perspective(1000px);
}

.hero-slider-nav-curtain {
  background-color: #33333380;
  position: absolute;
  inset: 0%;
  transform: translate(0, 101%);
}

.slide-cta {
  border: 1px solid var(--gelb);
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-top: 1rem;
  font-size: 13px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slide-cta:hover {
  color: #fff;
  text-decoration: none;
}

.hero-slide {
  perspective: 1000px;
  overflow: hidden;
  transform: perspective(1000px);
}

.c-hero-slide-content {
  background-image: linear-gradient(#13131359, #13131359), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100%;
  position: relative;
}

.c-hero-slide-content._2 {
  background-image: linear-gradient(90deg, #fff0, #13131359 65%), url('../images/046.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.c-hero-slide-content._1 {
  background-image: url('../images/produktfoto-salzpfeffermuehle-holz.jpg'), linear-gradient(to bottom, var(--weiß), var(--weiß));
  background-position: 30%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 75%, auto;
  background-attachment: fixed, scroll;
  padding-left: 25px;
}

.c-hero-slide-content._3 {
  background-image: url('../images/113.jpg'), url('../images/111.jpg'), linear-gradient(to bottom, var(--weiß), var(--weiß));
  background-position: 65% 3%, 20% 35%, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: auto 25%, auto 80%, auto;
}

.c-hero-slider-navbar {
  z-index: 15;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #131313e6;
  background-image: linear-gradient(#00000080, #fff0 50%);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.c-hero-slide-stripes {
  margin-bottom: 5px;
  padding-left: 10px;
  display: flex;
}

.slide-cta-text {
  z-index: 10;
  background-color: var(--transparent);
  color: var(--gelb);
  flex: 0 auto;
  align-self: center;
  width: 100%;
  height: 100%;
  padding: 1em 2em;
  font-size: .75rem;
  position: relative;
  overflow: hidden;
}

.slide-cta-text:hover {
  color: var(--grau);
}

.slide-cta-text.sets {
  padding-right: 2em;
}

.hero-slider-nav-subtitle {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: #aaa;
  text-align: left;
  font-size: .8em;
  line-height: 1.5em;
}

.hero-slider-nav {
  display: none;
}

.wo-hero-slider-nav {
  width: 33%;
  position: relative;
}

._w-hero-slider-nav {
  z-index: 15;
  cursor: pointer;
  border-right: 1px solid #333;
  width: 100%;
  height: 100%;
  padding: 20px 12%;
  display: block;
  position: relative;
  overflow: hidden;
}

._w-hero-slide-details {
  border-left: 5px solid var(--gelb);
  background-color: #131313d9;
  width: 28.125em;
  padding: 30px 40px;
  font-family: Montserrat, sans-serif;
  position: relative;
}

.hero-slider {
  background-color: #0000;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 6px 6px 12px #0003;
}

.c-hero-slider {
  max-width: 6000px;
  height: 100vh;
  max-height: 100em;
  margin-left: auto;
  margin-right: auto;
  font-size: 1vw;
  line-height: 1.5em;
  position: relative;
}

.icon-3 {
  color: var(--gelb);
  -webkit-text-stroke-color: var(--gelb);
}

.icon-3:hover, .icon-4 {
  color: var(--gelb);
}

.gallery_grid_wrapper {
  grid-column-gap: 2.2em;
  grid-row-gap: 2.2em;
  column-count: 5;
  column-rule-style: none;
  object-fit: fill;
  flex-flow: wrap;
  place-content: space-around center;
  align-items: flex-start;
  column-gap: 38px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.gallery_grid_image {
  border-radius: 1px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 3px 3px 8px #0006;
}

.gallery_grid_image.gallery_grid_image_offset {
  margin-top: 20px;
  padding-bottom: 23px;
  padding-left: 0;
}

.gallery_grid_image.layout {
  box-sizing: border-box;
}

.text-span-11 {
  text-align: right;
}

.div-block-13 {
  border-top: 1px solid var(--gelb);
  width: 95%;
  max-width: 95%;
  height: .5rem;
  margin-top: .3rem;
  margin-left: auto;
  margin-right: auto;
}

._w-hero-slider-nav-2 {
  z-index: 15;
  cursor: pointer;
  border-right: 1px solid #333;
  width: 100%;
  height: 100%;
  padding: 20px 15%;
  position: relative;
  overflow: hidden;
}

.image-10 {
  width: 100%;
  max-width: none;
  overflow: clip;
}

.lightbox-link-3 {
  flex: 0 auto;
  align-self: auto;
  max-width: 10%;
}

.container-26 {
  padding-top: 5000px;
}

.section {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.model-viewer-wrapper {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

._3d-macbook {
  width: 100%;
  height: 100%;
  position: relative;
}

.body-26 {
  background-color: gray;
}

.mask-7 {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.div-block-14 {
  max-width: 95%;
  margin-bottom: 1.8rem;
  margin-left: auto;
  margin-right: auto;
}

.kontakt-home-main-wrapper-26 {
  background-color: var(--transparent);
  font-family: var(--überschrift-h1);
  border-radius: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 75em;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 3.5rem 3rem;
  display: flex;
}

.kontaktormular-home-26 {
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.cf-form-left-wrapper-26 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: .2rem;
  display: flex;
}

.cf-form-heading-26 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.cf-form-paragraph-26, .cf-form-paragraph-copy {
  font-family: var(--fließtext);
  color: #fffc;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 156%;
}

.cf-white-link-26 {
  color: #fff;
  border-bottom: 1px solid #fff;
  text-decoration: none;
  transition: all .2s;
}

.cf-white-link-26:hover {
  color: #ffa84b;
  border-bottom-color: #ffa84b;
}

.kontakt-divider-26 {
  background-color: #fff3;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 48px;
}

.kontakt-daten-block-div-26 {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  flex-flow: column;
  grid-template-rows: minmax(auto, 1fr) auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 95%;
  display: flex;
}

.kontakt-daten-container-26 {
  flex-direction: row;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
}

.kontakt-daten-icon-26 {
  border: 1px none var(--gelb);
  background-color: #0000;
  border-radius: 0;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.kontakt-icon-bg-26 {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
}

.kontakt-icon-26 {
  border: 1px none var(--gelb);
  filter: invert();
  outline-offset: 0px;
  text-align: center;
  -webkit-text-fill-color: inherit;
  object-fit: contain;
  background-color: #f7b44d00;
  background-clip: border-box;
  border-radius: 0%;
  outline: 3px #00e;
  max-width: 25px;
  padding: 6px;
}

.kontakt-daten-wrap-26 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 1em;
  display: flex;
}

.kontakt-daten-h-26 {
  font-family: var(--überschrift-h2);
  color: var(--gelb);
  letter-spacing: .96px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.kontakt-daten-26 {
  font-family: var(--fließtext);
  color: #fff;
  letter-spacing: -.48px;
  font-size: 20px;
  line-height: 200%;
}

.kontakt-daten-anschrift-26 {
  font-family: var(--fließtext);
  color: #fff;
  letter-spacing: -.48px;
  font-size: 19px;
  line-height: 110%;
}

.form-right-wrapper-26 {
  width: 100%;
}

.kontakt-home-wraper-formulare-26 {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--transparent);
  width: 100%;
  max-width: none;
}

.form-26 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.kontaktfomular-felder-26 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  display: grid;
}

.kontaktdaten-feld-26 {
  border: 2px none var(--gelb);
  background-color: var(--weiß);
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--grau);
  -webkit-text-stroke-color: var(--gelb);
  border-radius: 8px;
  align-self: stretch;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  font-size: 1rem;
}

.wraper-checkboxen-kontakt-main-26 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-self: flex-start;
  place-items: baseline start;
  width: 100%;
  max-width: none;
  margin-top: .8rem;
  display: block;
}

.wrapper-ceckboxen-kontakt-26 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.checkbox-kontakt-home-26 {
  font-family: var(--überschrift-h1);
  color: var(--grau);
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.kontaktdaten-nachricht-26 {
  border: 2px none var(--gelb);
  background-color: var(--weiß);
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--grau);
  -webkit-text-stroke-color: var(--gelb);
  object-fit: fill;
  border-radius: 8px;
  align-self: flex-start;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 8rem;
  margin: 1rem auto .625rem;
  padding: 1.5rem;
  font-size: 1rem;
  position: static;
}

.checkbox-26 {
  border-width: 2px;
  border-color: var(--gelb);
  background-color: var(--transparent);
  border-radius: 4px;
  align-self: center;
  width: 22px;
  height: 22px;
  margin-left: 0;
  margin-right: 5px;
}

.checkbox-26.w--redirected-checked {
  border-style: solid;
  border-color: var(--grau);
  background-color: var(--gelb);
}

.checkbox-field-2--26 {
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.checkbox-2-26 {
  border: 2px solid var(--gelb);
  color: var(--gelb);
  margin-right: 14px;
}

.kontkatformular-buttpn-pflichtfelder-26 {
  width: 20%;
}

.submit-button-26 {
  border-radius: var(--aussortiert-zu-2025--abgerundet);
  background-color: var(--gelb);
  font-family: var(--überschrift-h1);
  color: var(--grau);
  padding: 16px 30px;
  font-size: 20px;
  box-shadow: 0 2px 5px #0003;
}

.paragraph-12-26 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  padding-top: 6px;
  font-size: .8rem;
  font-weight: 200;
  line-height: 1rem;
}

._w-form-done-26 {
  border: 1px solid var(--gelb);
  background-color: var(--transparent);
  border-radius: 0;
  margin-top: 3rem;
  padding: 1rem;
}

.text-block-4-26 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

._w-form-fail-26 {
  background-color: #fcd8d8;
  border-radius: 0;
}

.text-block-3-26 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: #bd333d;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1rem;
}

.rl-heading-style-h6---kontakt {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
}

.rl-heading-style-h2-2---kontakt {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.checkbox-label {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--weiß);
}

.checkbox-label.link-cf {
  color: var(--gelb);
}

.submit-button-27 {
  background-color: var(--transparent);
  color: var(--gelb);
  -webkit-text-stroke-color: var(--transparent);
  text-transform: uppercase;
  border-radius: 0;
  padding: .2rem 0;
  font-family: Montserrat Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1rem;
}

.slide-cta-26 {
  border: 1px solid var(--gelb);
  color: #fff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  max-width: 13.125em;
  padding: 10px 20px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slide-cta-26:hover {
  color: #fff;
  text-decoration: none;
}

.slide-cta-text-sets {
  z-index: 10;
  background-color: var(--transparent);
  color: var(--gelb);
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0;
  font-size: .75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slide-cta-text-sets:hover {
  color: var(--grau);
}

.slide-cta-text-sets.sets {
  padding-right: 2em;
}

.div-block-15 {
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

.rl-heading-style-h2-3 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
}

.rl-heading-style-h2-4 {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  margin-top: 2rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2rem;
}

.div-block-13-footer {
  border-top: 1px solid var(--gelb);
  width: 95%;
  max-width: 90%;
  height: .5rem;
  margin-top: .2rem;
  margin-left: auto;
  margin-right: auto;
}

.form-block {
  margin-bottom: .5rem;
}

.list-item-5 {
  display: none;
}

.bold-text-3 {
  font-weight: 500;
}

.div-block-14-preis {
  max-width: 100%;
  margin-bottom: 1.8rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-text-style-regular-4-basis {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.5;
}

.cf-price-icon-2 {
  background-color: var(--gelb);
  filter: brightness(200%) brightness(200%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: .5rem;
}

.price-amz- {
  font-family: var(--aussortiert-zu-2025--main-font-26);
  color: var(--gelb);
  align-self: flex-start;
  margin-bottom: 0;
  padding-left: .05rem;
  padding-right: .2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 0;
  display: block;
}

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

  .navbar-wrapper {
    border-radius: var(--aussortiert-zu-2025--abgerundet);
  }

  .nav-menu-wrapper {
    border-radius: var(--aussortiert-zu-2025--abgerundet);
    box-shadow: none;
    background-color: #0000;
    max-width: 728px;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-menu-two {
    border-radius: var(--aussortiert-zu-2025--abgerundet);
    background-color: var(--grau);
    box-shadow: 5px 5px 0 2px var(--gelb);
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    margin-left: 14px;
    margin-right: 14px;
    padding: 12px 25px;
    display: flex;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown {
    background-color: var(--grau);
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
    background-color: var(--grau);
    box-shadow: 5px 5px 0 2px var(--gelb);
    background-color: #383937;
    box-shadow: 5px 5px 0 2px #f7b44d;
  }

  .mobile-margin-top-10 {
    padding: 22px;
  }

  .button-primary.button-banner {
    margin-left: 0;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .container-3 {
    max-width: 728px;
  }

  .container-3.container-footer {
    display: block;
  }

  .icon {
    color: var(--gelb);
  }

  .nav-bg1 {
    box-shadow: 5px 5px 0 2px var(--gelb);
  }

  .footer-wrapper-two {
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: stretch;
    padding-right: 0;
  }

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

  .footer-block-two {
    grid-column-gap: 15px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between;
    align-self: center;
    place-items: center;
    width: 80%;
    margin: 20px 44px 3px;
    display: grid;
  }

  .footer-title {
    text-align: center;
    align-self: stretch;
    display: block;
  }

  .footer-link-two {
    margin-top: 0;
  }

  .footer-form {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 10px;
  }

  .footer-form-container {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-divider-two {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .testimonial-card-three {
    padding-top: 7px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .waves-gradient-hero-1 {
    height: 140px;
  }

  .waves-image-wrap-hero-1 {
    height: 320px;
  }

  .waves-gallery-hero-1 {
    max-width: 500px;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .waves---subtitle {
    text-align: left;
  }

  .waves---mega-heading-1 {
    text-align: left;
    text-transform: capitalize;
    font-size: 72px;
    line-height: 110%;
  }

  .waves-content-hero-1 {
    text-align: center;
    align-items: center;
    padding-left: 36px;
    padding-right: 36px;
  }

  .waves-grid-hero-1 {
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .waves---main-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
    display: flex;
  }

  .hero-galerie {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 42px;
  }

  .cf-faq-content {
    padding-bottom: 24px;
  }

  .cf-faq-answer-wrap {
    padding-bottom: 0;
    padding-right: 7%;
  }

  .cf-faqs-wrapper {
    width: 100%;
    padding-top: 0;
  }

  .cf-h2-heading, .cf-h2-heading.left {
    font-size: 42px;
  }

  .cf-faqs-text-wrap {
    width: 100%;
    max-width: 420px;
    margin-bottom: 100px;
  }

  .cf-faq-main-wrapper.horizontal {
    flex-direction: column;
    padding-bottom: 120px;
  }

  .rl-heading-style-h4 {
    text-align: center;
    font-size: 1.75rem;
  }

  .cf-form-heading {
    font-size: 30px;
  }

  .cf-form-right-wrapper {
    width: 100%;
  }

  .kontakt-daten {
    align-self: flex-start;
    margin-left: -13px;
  }

  .kontakt-daten-h {
    margin-left: -13px;
  }

  .kontakt-daten-wrap {
    justify-content: center;
    align-self: center;
    align-items: flex-start;
  }

  .kontakt-icon {
    align-self: center;
    width: 48px;
    max-width: none;
    height: 48px;
    margin-right: 0;
    padding-right: 6px;
  }

  .cf-form-left-wrapper {
    width: 100%;
    max-width: 500px;
    margin-top: 0;
    margin-bottom: 60px;
  }

  .kontakt-home-main-wrapper {
    flex-direction: column;
    max-width: 700px;
    padding-left: 70px;
  }

  .wbs-step-3-arrow-image-last, .wbs-step-3-arrow-image-top, .wbs-step-3-arrow-image-bottom {
    display: none;
  }

  .wbs-step-3-item-top {
    text-align: center;
    width: auto;
    max-width: 90%;
    margin-top: 0;
  }

  .wbs-step-3-item {
    text-align: center;
    width: auto;
    max-width: 90%;
  }

  .wbs-step-3 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-wrap: wrap;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .ablauf-home {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  .wbs-step-4-arrow-image-top-copy {
    display: none;
  }

  .a-paragraph-large.hero-motto {
    margin-top: 0;
    padding-top: 0;
    text-decoration: none;
  }

  .a-feature-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  .kontakt-daten-block-div {
    max-width: 100%;
  }

  .main-slider-container {
    height: auto;
    padding-bottom: 110px;
  }

  .main-slide-container {
    border-radius: var(--aussortiert-zu-2025--abgerundet);
  }

  .main-slider-nav-dots {
    background-image: linear-gradient(to top, #13131380, #0000);
    border-radius: 0 0 15px 15px;
    display: block;
  }

  .main-slider-nav-arrow {
    display: block;
  }

  .second-slider-container {
    display: none;
  }

  .first-slider-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .link-galerie {
    margin-bottom: 7px;
    padding-bottom: 0;
    display: block;
    left: 8%;
  }

  .c-main-slide-content {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .c-slide-btn-loading {
    display: none;
  }

  .main-slide-title {
    letter-spacing: 15px;
    font-size: 4.5em;
  }

  .main-slider {
    height: 100vh;
  }

  .main-slider.mobile {
    border-radius: var(--aussortiert-zu-2025--abgerundet);
    background-color: #fff0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    height: 60vh;
    display: flex;
    box-shadow: 6px 7px 7px 11px #0003;
  }

  .main-slider.desktop {
    display: none;
  }

  .main-slide-wrapper._5 {
    background-image: url('../images/werbefoto-composing-beauty-set.jpg');
  }

  .main-slide-wrapper._3 {
    background-image: url('../images/lifestyle-composing-gulaschsuppe.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .main-slide-wrapper._4 {
    background-image: url('../images/produktfoto-dynamisch-abtropfsieb.jpg');
  }

  .main-slide-wrapper._6 {
    background-image: url('../images/produktfoto-dynamisch-badezimmer-zubehoer.jpg');
  }

  .main-slide-wrapper._7 {
    background-image: url('../images/lifestylefoto-snackbox.jpg');
  }

  .main-slide-wrapper._8 {
    background-image: url('../images/produktfoto-dynamisch-diamantbohrer-packshot.jpg');
  }

  .main-slide-wrapper._9 {
    background-image: url('../images/lifestyle-composing-nahrungsergaenzung-natuerlich.jpg');
  }

  .main-slide-wrapper._10 {
    background-image: url('../images/produktfoto-dynamisch-aufbewahrungsboxen-gemuese.jpg');
  }

  .mask-3 {
    border-radius: var(--aussortiert-zu-2025--abgerundet);
    background-color: var(--weiß);
    max-width: 100%;
  }

  .footer-block-one {
    grid-column-gap: 15px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: center;
    justify-items: center;
    width: 80%;
    margin: 44px 44px 15px;
    display: block;
  }

  .kontakt-daten-anschrift {
    margin-left: -13px;
  }

  .heading-11 {
    display: block;
  }

  .gallery-scroll {
    padding-top: 22px;
  }

  .container-7 {
    max-width: 728px;
  }

  .gallery-wrapper-3 {
    grid-template-columns: 1fr 1fr;
  }

  .infografiken-gallery-scroll-r {
    max-width: 80%;
    margin-top: 10px;
    padding: 16px;
  }

  .gallery-image-3.shadow-two-lp-it {
    width: 100%;
    height: 100%;
  }

  .lifestyle-gallery-scroll-l, .produktfotos-gallery-scroll-l, .infografiken-gallery-scroll-l {
    max-width: 100%;
  }

  .produktfotos-gallery-scroll-r {
    max-width: 80%;
    margin-top: 10px;
    margin-bottom: 50px;
    padding: 16px;
  }

  .lifestyle-gallery-scroll-r {
    order: 1;
    max-width: 80%;
    margin-top: 10px;
    margin-bottom: 50px;
    padding: 16px;
    position: static;
  }

  .produktfotos-gallery-scroll, .lifestyle-gallery-scroll, .infografiken-gallery-scroll {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cf-pricing-plan-small-text {
    white-space: nowrap;
    word-break: normal;
    margin-left: 0;
    line-height: 100%;
  }

  .cf-pricing-plan-price {
    margin-bottom: 25px;
  }

  .cf-pricing-plan-price.pricing-3-price, .cf-pricing-plan-price.pricing-3-price-copy, .cf-pricing-plan-price.pricing-3-price-streichpreis {
    text-align: center;
    padding-left: 0;
    line-height: 120%;
  }

  .cf-pricing-price-container.pricing-3-price-container, .cf-pricing-price-container.pricing-3-price-container-streichpreis {
    margin-top: 25px;
    margin-left: 0;
  }

  .cf-pricing-plan-content-item.pricing-3-content-item {
    margin-bottom: 10px;
  }

  .cf-pricing-plan-content-wrapper {
    margin-bottom: 0;
  }

  .cf-pricing-plan-amount-block {
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 10px;
  }

  .cf-pricing-3-box-plan-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 85%;
    padding-left: 3px;
    padding-right: 25px;
  }

  .cf-pricing-3-box-plan-block._2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 85%;
    padding-left: 0;
    padding-right: 25px;
  }

  .cf-pricing-3-box {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr;
    padding-left: 15px;
    padding-right: 25px;
  }

  .cf-pricing-3-blocks-wrapper {
    grid-row-gap: 20px;
  }

  .cf-pricing-plan-small-text-ab {
    padding-right: 10px;
  }

  .div-block-7 {
    margin-bottom: 15px;
  }

  .mini-galerie-verlauf-1 {
    height: 140px;
  }

  .mini-galerie-verlauf-1.rechts, .mini-galerie-verlauf-1.links {
    width: 150px;
  }

  .mini-galerie {
    max-width: 90%;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
  }

  .main-slider-nav-arrow-mobile {
    display: none;
  }

  .a-banner-button-small {
    inset: -15% -4% auto auto;
  }

  .a-paragraph-small-2 {
    padding: 7px 7px 7px 10px;
  }

  .a-banner-text-wrapper {
    padding-right: 13px;
  }

  .a-banner-container {
    justify-content: flex-start;
  }

  .banner-neukunden {
    width: 95%;
  }

  .titel {
    flex-direction: row;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
  }

  .leistungen {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    display: grid;
  }

  .hero-titel {
    flex-direction: row;
    align-self: center;
    font-size: 25px;
  }

  .hero-titel-container {
    align-self: flex-start;
    align-items: stretch;
  }

  .hero-titel-container-final {
    border-right-color: var(--gelb);
    align-self: flex-start;
    align-items: stretch;
  }

  .container-10 {
    max-width: 728px;
  }

  .container-10.container-footer {
    display: block;
  }

  .footer-title-newsletter {
    text-align: center;
    align-self: stretch;
    display: block;
  }

  .waves---heading-1-no-margins {
    font-size: 64px;
    line-height: 115%;
  }

  .waves-content-hero-3 {
    text-align: center;
    align-items: center;
    max-width: none;
    padding-left: 0;
  }

  .waves-hero-3-grid {
    grid-template-columns: 1fr;
  }

  .waves---section-hero-primary {
    text-align: center;
  }

  .waves-content-hero-3-mitte {
    text-align: center;
    align-items: center;
    padding-left: 0;
  }

  .cf-pricing-3-box-streichpreis {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr;
    padding-left: 15px;
    padding-right: 25px;
  }

  .cf-pricing-plan-small-text-statt {
    padding-right: 10px;
  }

  .cf-pricing-plan-small-text-streichpreis {
    white-space: nowrap;
    word-break: normal;
    margin-left: 0;
    line-height: 100%;
  }

  .produktfotos-gallery-scroll-l-lp-it {
    max-width: 100%;
  }

  .cf-pricing-3-box-home {
    grid-column-gap: 16px;
    grid-template-columns: 1fr 1fr;
    padding-left: 15px;
    padding-right: 25px;
  }

  .kontakt-lp-it-main-wrapper-copy {
    flex-direction: column;
    max-width: 700px;
    padding-left: 70px;
  }

  .main-slider-container-lp-it {
    height: auto;
    padding-bottom: 110px;
  }

  .image-4 {
    width: 60%;
    margin-left: 0;
  }

  .image-5 {
    width: 80%;
    margin-right: 0;
  }

  .gallery-scroll-lpit {
    padding-top: 22px;
  }

  .gallery-wrapper-3-lpit {
    grid-template-columns: 1fr 1fr;
  }

  .cf-18px-paragraph {
    max-width: none;
    margin-bottom: 0;
    font-size: 18px;
  }

  .cf-14px-heading {
    font-family: var(--fließtext);
  }

  .cf-flex-1---text-contain {
    width: 100%;
    max-width: 560px;
    margin-top: 100px;
  }

  .cf-flex-1---image-2 {
    border-radius: var(--aussortiert-zu-2025--abgerundet);
    box-shadow: -9px 4px 8px 3px #0003;
  }

  .cf-flex-1---image-contain {
    width: 100%;
    max-width: 500px;
  }

  .cf-flex-1---container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .cf-flex-1---wrapper {
    width: 100%;
    max-width: 728px;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .cf-flex-section-1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .produktfotos-gallery-scroll-lpit, .infografiken-gallery-scroll-lpit, .lifestyle-gallery-scroll-lpit {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mini-galerie-verlauf-1-lp-it {
    height: 140px;
  }

  .mini-galerie-verlauf-1-lp-it.links {
    width: 150px;
  }

  .footer-divider-three {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .cf-flex-1---links-contain {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

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

  .fs-cc-components {
    top: 100%;
  }

  .embed-datenschutz {
    overflow-wrap: break-word;
  }

  .image-7 {
    aspect-ratio: 1;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .lightbox-link-2 {
    flex-flow: wrap;
    flex: 0 auto;
    order: 0;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    width: 29%;
    display: flex;
  }

  .h2-portfolio {
    font-size: 22px;
  }

  .cta-portfolio {
    width: 90%;
    margin-bottom: 100px;
  }

  .cta-h3-portfolio {
    font-size: 42px;
  }

  .portfolio-bento {
    margin-top: 15px;
    padding-top: 40px;
    padding-bottom: 0;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 1rem;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .container-25 {
    max-width: 728px;
  }

  .nav-link-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .navbar-25-wrapper {
    border-radius: 15px;
  }

  .nav-menu-two-2 {
    background-color: #383937;
    border-radius: 15px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    margin-left: 14px;
    margin-right: 14px;
    padding: 12px 25px;
    display: flex;
    box-shadow: 5px 5px 0 2px #f7b44d;
  }

  .navbar-25 {
    box-shadow: 0 3px 6px #00000059;
  }

  .menu-button-25 {
    padding: 12px;
  }

  .menu-button-25.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .nav-25-menu-wrapper {
    box-shadow: none;
    background-color: #0000;
    border-radius: 15px;
    max-width: 728px;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-dropdown-2 {
    background-color: #383937;
  }

  .nav-bg-25 {
    box-shadow: none;
  }

  .icon-2 {
    color: #f7b44d;
  }

  .footer-block-two-3 {
    grid-column-gap: 15px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between;
    align-self: center;
    place-items: center;
    width: 80%;
    margin: 20px 44px 3px;
    display: grid;
  }

  .footer-link-two-3 {
    margin-top: 0;
  }

  .footer-title-3 {
    text-align: center;
    align-self: stretch;
    display: block;
  }

  .footer-wrapper-two-3 {
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: stretch;
    padding-right: 0;
  }

  .footer-title-newsletter-2 {
    text-align: center;
    align-self: stretch;
    display: block;
  }

  .footer-brand-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-divider-three-2 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .fs-cc-banner_text-25 {
    margin-right: 0;
  }

  .container-11 {
    max-width: 728px;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-slide {
    display: none;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .heading-17 {
    font-size: 2em;
  }

  .paragraph-14 {
    font-size: .8em;
  }

  .rl-padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .rl-heading-style-h2 {
    font-size: 2.75rem;
  }

  .rl_pricing5_layout {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .rl-heading-style-h4-3 {
    font-size: 1.75rem;
  }

  .rl-heading-style-h1 {
    font-size: 3.25rem;
  }

  .rl-padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .rl-heading-style-h2-2 {
    font-size: 2.75rem;
  }

  .rl_pricing18_plans {
    grid-template-columns: 1fr;
  }

  .rl_pricing18_spacing-block-3 {
    padding-bottom: 4.5rem;
  }

  .cf-faq-main-wrapper-2.horizontal {
    flex-direction: column;
    padding-bottom: 120px;
  }

  .cf-h2-heading-2, .cf-h2-heading-2.left {
    font-size: 42px;
  }

  .cf-faq-content-2 {
    padding-bottom: 24px;
  }

  .cf-faqs-wrapper-2 {
    width: 100%;
    padding-top: 0;
  }

  .cf-faq-answer-wrap-2 {
    padding-bottom: 0;
    padding-right: 7%;
  }

  .cf-faqs-text-wrap-2 {
    width: 100%;
    max-width: 420px;
    margin-bottom: 100px;
  }

  .cf-form-heading-2 {
    font-size: 30px;
  }

  .cf-checkbox-container {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .cf-checkbox-label {
    font-size: 16px;
  }

  .cf-checkbox-field {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-slide-header {
    font-size: 2.5em;
  }

  .hero-slider-nav-title, .hero-slider-nav-title.active {
    font-size: 1.5em;
  }

  .hero-slide-highlight-text {
    box-sizing: border-box;
    letter-spacing: .5rem;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
    object-fit: fill;
    max-width: 80vw;
    font-size: 5vw;
    line-height: 1;
    display: block;
    overflow: visible;
  }

  .hero-slider-nav-number, .hero-slider-nav-number.active {
    font-size: 1.1em;
  }

  .hero-slider-arrow {
    opacity: .75;
    font-size: 25px;
  }

  .hero-slide-p {
    font-size: 1.8em;
  }

  .slider-nav-indicator.active {
    font-size: 2vw;
    line-height: 2vh;
  }

  .c-hero-slide-details {
    padding-left: 5%;
    padding-right: 5%;
    bottom: 12%;
    right: auto;
  }

  .c-hero-slide-content._1 {
    background-image: url('../images/produktfoto-salzpfeffermühle-holz.jpg'), linear-gradient(to bottom, var(--weiß), var(--weiß));
    background-position: 50% 20%, 0 0;
    background-size: auto 55%, auto;
  }

  .c-hero-slide-content._3 {
    background-image: url('../images/113.jpg'), url('../images/111.jpg'), linear-gradient(to bottom, var(--weiß), var(--weiß));
    background-position: 65vw 3vh, 20% 35%, 0 0;
    background-size: auto 25vh, auto 80%, auto;
  }

  .c-hero-slider-navbar {
    position: absolute;
  }

  .hero-slider-nav-subtitle {
    font-size: 1.2em;
  }

  ._w-hero-slider-nav {
    padding-left: 5%;
    padding-right: 5%;
  }

  ._w-hero-slide-details {
    width: 100%;
  }

  .hero-slider {
    max-width: 100vw;
    height: 100vh;
  }

  .section {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .model-viewer-wrapper {
    z-index: 3;
    max-width: none;
  }

  .kontakt-home-main-wrapper-26 {
    flex-direction: column;
    max-width: 700px;
    padding-left: 70px;
  }

  .cf-form-left-wrapper-26 {
    width: 100%;
    max-width: 500px;
    margin-top: 0;
    margin-bottom: 60px;
  }

  .cf-form-heading-26 {
    font-size: 30px;
  }

  .kontakt-daten-block-div-26 {
    max-width: 100%;
  }

  .kontakt-icon-26 {
    align-self: center;
    width: 48px;
    max-width: none;
    height: 48px;
    margin-right: 0;
    padding-right: 6px;
  }

  .kontakt-daten-wrap-26 {
    justify-content: center;
    align-self: center;
    align-items: flex-start;
  }

  .kontakt-daten-h-26 {
    margin-left: -13px;
  }

  .kontakt-daten-26 {
    align-self: flex-start;
    margin-left: -13px;
  }

  .kontakt-daten-anschrift-26 {
    margin-left: -13px;
  }

  .form-right-wrapper-26 {
    width: 100%;
  }

  .rl-heading-style-h2-2---kontakt, .rl-heading-style-h2-3, .rl-heading-style-h2-4 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 767px) {
  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-logo-left-container.shadow-three {
    padding: 12px 12px 0;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

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

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .button-primary.galerie-link {
    flex-flow: row;
    justify-content: flex-end;
    align-self: flex-start;
    align-items: center;
    display: flex;
  }

  .container-3.container-footer {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .icon {
    color: var(--gelb);
  }

  .footer-light {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper-two {
    align-items: start;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .footer-block-two {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .footer-form {
    margin-bottom: 10px;
  }

  .footer-divider-two {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-social-block-two {
    align-self: center;
    align-items: flex-end;
    margin-top: 20px;
    margin-left: 0;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .testimonial-stack {
    padding: 60px 15px;
  }

  .testimonial-card-three {
    padding: 13px 19px 5px;
  }

  .testimonial-text-three {
    font-size: 20px;
    line-height: 28px;
  }

  .waves---subtitle {
    font-size: 22px;
    line-height: 34px;
  }

  .waves---mega-heading-1 {
    font-size: 56px;
  }

  .waves-grid-hero-1 {
    grid-row-gap: 40px;
  }

  .waves---main-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-galerie {
    padding-top: 22px;
    padding-bottom: 30px;
  }

  .cf-h2-heading {
    text-align: center;
    max-width: 400px;
    font-size: 40px;
  }

  .cf-h2-heading.left {
    text-align: left;
    font-size: 40px;
  }

  .cf-faq-main-wrapper {
    width: 90%;
    padding-bottom: 90px;
  }

  .rl-heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .cf-form-heading {
    font-size: 28px;
  }

  .kontakt-daten {
    font-size: 18px;
  }

  .kontakt-daten-h {
    margin-bottom: 4px;
  }

  .kontakt-daten-container {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .cf-form-left-wrapper {
    margin-bottom: 20px;
    padding-bottom: 15px;
  }

  .kontakt-home-main-wrapper {
    width: 90%;
    padding: 70px 40px 90px;
  }

  .wbs-step-3-item-top, .wbs-step-3-item {
    width: auto;
    max-width: 80%;
  }

  .wbs-step-3 {
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .ablauf-home {
    padding: 2rem 2%;
  }

  .a-feature-button-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .a-h3-heading {
    font-size: 40px;
  }

  .kontakt-daten-block-div {
    grid-auto-flow: row;
    display: block;
  }

  .funtext {
    margin-bottom: -42px;
  }

  .main-slider-container {
    padding-bottom: 110px;
  }

  .play-btn {
    width: 20px;
    height: 20px;
  }

  .ci-main-slide-content {
    text-align: left;
    align-items: flex-start;
    width: 70%;
  }

  .c-main-slide-description {
    width: auto;
    margin-bottom: 10px;
    font-size: 1em;
  }

  .c-slide-btn {
    width: 30%;
    padding: 3vw;
  }

  .first-slider-container {
    width: 100%;
  }

  .c-main-slide-content {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-left: 7vw;
    padding-right: 7vw;
  }

  .main-slide-title {
    letter-spacing: 5px;
    font-size: 3em;
  }

  .main-slider.mobile {
    width: 90%;
    height: 35vh;
  }

  .c-slide-btn-block {
    width: 12vw;
    height: 12vw;
  }

  .mask-3 {
    max-width: 100%;
  }

  .footer-block-one {
    display: block;
  }

  .kontakt-daten-anschrift {
    font-size: 18px;
  }

  .heading-11 {
    display: block;
  }

  .gallery-scroll {
    padding: 60px 15px;
  }

  .infografiken-gallery-scroll-r, .produktfotos-gallery-scroll-r, .lifestyle-gallery-scroll-r {
    padding: 3px;
  }

  .preise-home {
    padding: 60px 15px;
  }

  .cf-pricing-price-container.pricing-3-price-container, .cf-pricing-price-container.pricing-3-price-container-streichpreis {
    border-top-style: none;
    border-bottom-style: none;
  }

  .cf-pricing-plan-content-text {
    font-size: 16px;
  }

  .cf-pricing-plan-tick-icon {
    margin-right: 10px;
  }

  .cf-pricing-plan-content-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .cf-pricing-plan-content-wrapper.pricing-3-content {
    max-width: 300px;
    margin-left: 0;
    margin-right: 0;
  }

  .cf-pricing-plan-amount-block {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .cf-pricing-3-box-plan-block {
    border-bottom: 1px solid var(--gelb);
    border-right-style: none;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .cf-pricing-3-box-plan-block._2 {
    border-bottom-color: var(--gelb);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .cf-pricing-3-box {
    border-radius: 20px;
    grid-template-columns: 1fr;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .a-h3-heading-preise, .a-h3-heading-begriff, .a-h3-heading-kategorie {
    font-size: 40px;
  }

  .mini-galerie-verlauf-1.rechts, .mini-galerie-verlauf-1.links {
    width: 120px;
  }

  .mini-galerie {
    max-width: 92%;
    height: 110px;
    margin-bottom: 30px;
  }

  .a-banner-button-small {
    order: 1;
    position: static;
  }

  .a-paragraph-small-2 {
    text-align: center;
    padding: 14px;
  }

  .a-banner-container {
    grid-column-gap: 24px;
  }

  .a-banner-announcement {
    text-align: left;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    width: 95%;
  }

  .banner-neukunden {
    width: 100%;
  }

  .hero-titel {
    font-size: 19px;
    line-height: 19px;
  }

  .kontaktfomular-felder {
    display: block;
  }

  .container-10.container-footer {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .waves---main-container-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---subtitle-2 {
    font-size: 22px;
    line-height: 34px;
  }

  .waves---heading-1-no-margins {
    font-size: 56px;
  }

  .cf-pricing-3-box-streichpreis, .cf-pricing-3-box-home {
    border-radius: 20px;
    grid-template-columns: 1fr;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .kontakt-lp-it-main-wrapper-copy {
    width: 90%;
    padding: 70px 40px 90px;
  }

  .main-slider-container-lp-it {
    padding-bottom: 110px;
  }

  .gallery-scroll-lpit {
    padding: 60px 15px;
  }

  .cf-18px-paragraph, .cf-14px-heading {
    font-size: 18px;
  }

  .cf-flex-1---image-2 {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    right: auto;
  }

  .cf-flex-1---image-1 {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .cf-flex-1---image-contain {
    flex-direction: column;
  }

  .cf-flex-1---wrapper {
    width: 90%;
    padding-top: 90px;
  }

  .mini-galerie-verlauf-1-lp-it.links {
    width: 120px;
  }

  .footer-partner-block {
    margin-top: 20px;
  }

  .footer-partner-link {
    margin-left: 20px;
  }

  .footer-kooperationen {
    display: block;
  }

  .footer-divider-three {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .image-7 {
    width: 100%;
  }

  .lightbox-link-2 {
    width: 29%;
  }

  .h2-portfolio {
    font-size: 22px;
  }

  .h1-portfolio {
    font-size: 40px;
  }

  .cta-portfolio {
    margin-bottom: 60px;
  }

  .cta-h3-portfolio {
    text-align: center;
    max-width: 400px;
    font-size: 40px;
  }

  .portfolio-bento {
    margin-top: 25px;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-prefs_title {
    font-size: 1.25rem;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .navbar-25-brand {
    padding-left: 0;
  }

  .nav-divider-2 {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-menu-two-2 {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .navbar-25-container {
    max-width: 100%;
  }

  .navbar-25-container.shadow-three-copy {
    padding: 12px 12px 0;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .icon-2 {
    color: #f7b44d;
  }

  .footer-copyright-3 {
    font-size: 14px;
    line-height: 20px;
  }

  .footer-block-two-3 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .footer-wrapper-two-3 {
    align-items: start;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .footer-divider-three-2 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .footer-light-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gallery-slider {
    padding: 60px 15px;
  }

  .gallery-slide {
    margin-left: 10px;
    margin-right: 10px;
  }

  .gallery-slide-text {
    line-height: 30px;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .rl-padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .rl_pricing5_spacing-block-6 {
    padding-bottom: .75rem;
  }

  .rl-heading-style-h2 {
    font-size: 2.25rem;
  }

  .rl_pricing5_spacing-block-5 {
    padding-bottom: 1.5rem;
  }

  .rl_pricing5_layout {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .rl_pricing5_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .rl_pricing5_feature-list {
    grid-template-columns: 1fr;
  }

  .rl_pricing5_spacing-block-1 {
    padding-bottom: .75rem;
  }

  .rl-heading-style-h5 {
    font-size: 1.25rem;
  }

  .rl-text-style-medium {
    font-size: 1rem;
  }

  .rl-heading-style-h4-3 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .rl-heading-style-h6 {
    font-size: 1.125rem;
  }

  .rl_pricing5_spacing-block-4, .rl_team8_spacing-block-8 {
    padding-bottom: .75rem;
  }

  .rl_pricing5_spacing-block-2 {
    padding-bottom: 1.25rem;
  }

  .rl-heading-style-h1 {
    font-size: 2.5rem;
  }

  .rl-padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .rl-heading-style-h2-2 {
    font-size: 2.25rem;
  }

  .rl_pricing18_plans {
    grid-template-columns: 1fr;
  }

  .rl_pricing18_spacing-block-5 {
    padding-bottom: 1.5rem;
  }

  .rl_pricing18_spacing-block-3 {
    padding-bottom: 3rem;
  }

  .rl_pricing18_spacing-block-1 {
    padding-bottom: .75rem;
  }

  .rl-text-style-medium-2 {
    font-size: 1rem;
  }

  .rl_pricing18_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .rl_pricing18_spacing-block-6 {
    padding-bottom: 1.5rem;
  }

  .rl_pricing18_spacing-block-2 {
    padding-bottom: 1.25rem;
  }

  .gallery-slider-amazon {
    padding: 60px 15px;
  }

  .cf-faq-main-wrapper-2 {
    width: 90%;
    padding-bottom: 90px;
  }

  .cf-h2-heading-2 {
    text-align: center;
    max-width: 400px;
    font-size: 40px;
  }

  .cf-h2-heading-2.left {
    text-align: left;
    font-size: 40px;
  }

  .cf-form-heading-2 {
    font-size: 28px;
  }

  .cf-checkbox-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .cf-fields-contain {
    flex-direction: column;
    margin-bottom: 0;
  }

  .cf-checkbox-label {
    font-size: 14px;
  }

  .cf-checkbox-field {
    padding: 16px 18px;
  }

  .cf-contact-form-field {
    margin-bottom: 32px;
    margin-right: 0;
  }

  .hero-slider-nav-title.active {
    word-break: normal;
    font-size: 12px;
    display: block;
  }

  .hero-slider-arrow {
    display: none;
  }

  .c-hero-slide-content {
    min-height: 100vh;
  }

  .c-hero-slider-navbar {
    position: relative;
  }

  .hero-slider-nav-subtitle {
    font-size: 9px;
  }

  .c-hero-slider {
    height: auto;
  }

  .section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .model-viewer-wrapper {
    height: 480px;
  }

  .kontakt-home-main-wrapper-26 {
    width: 90%;
    padding: 70px 40px 90px;
  }

  .cf-form-left-wrapper-26 {
    margin-bottom: 20px;
    padding-bottom: 15px;
  }

  .cf-form-heading-26 {
    font-size: 28px;
  }

  .kontakt-daten-block-div-26 {
    grid-auto-flow: row;
    display: block;
  }

  .kontakt-daten-container-26 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .kontakt-daten-h-26 {
    margin-bottom: 4px;
  }

  .kontakt-daten-26, .kontakt-daten-anschrift-26 {
    font-size: 18px;
  }

  .kontaktfomular-felder-26 {
    display: block;
  }

  .rl-heading-style-h6---kontakt {
    font-size: 1.25rem;
  }

  .rl-heading-style-h2-2---kontakt, .rl-heading-style-h2-3, .rl-heading-style-h2-4 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 479px) {
  .navbar-logo-left-container.shadow-three {
    padding: 14px 14px 0;
  }

  .container {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .button-primary.button-banner {
    margin-bottom: 7px;
  }

  .container-3 {
    max-width: none;
  }

  .container-3.container-footer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-wrapper-two {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footer-brand {
    align-self: center;
  }

  .footer-block-two {
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    justify-content: center;
    align-self: center;
    width: 85%;
    margin-top: 25px;
    margin-left: 22px;
    margin-right: 22px;
  }

  .footer-title {
    font-size: 15px;
  }

  .footer-link-two {
    font-size: 12px;
  }

  .footer-form {
    margin-top: 23px;
    margin-bottom: 20px;
  }

  .footer-form-block {
    margin-top: 5px;
  }

  .footer-form-field {
    word-break: break-all;
    overflow-wrap: break-word;
    padding: 18px 0 18px 13px;
  }

  .footer-divider-two {
    margin-top: 10px;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footer-copyright {
    text-align: center;
    margin-right: 0;
    font-size: 11px;
  }

  .footer-social-block-two {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-left: 0;
  }

  .testimonial-card-three {
    margin-left: -4px;
    margin-right: -4px;
    padding: 11px 0 6px;
  }

  .testimonial-card-heading {
    color: var(--grau);
    margin-top: 16px;
    font-size: 18px;
  }

  .testimonial-text-three {
    color: var(--grau);
    font-size: 17px;
  }

  .testimonial-info-four {
    text-align: center;
    flex-direction: column;
  }

  .link {
    font-size: 14px;
    overflow: visible;
  }

  .waves-gradient-hero-1 {
    top: -1px;
  }

  .waves-gradient-hero-1.bottom {
    bottom: -1px;
  }

  .waves-image-hero-1 {
    object-fit: cover;
    padding: 0;
    overflow: visible;
  }

  .waves-image-wrap-hero-1 {
    height: 180px;
  }

  .waves-column-hero-1 {
    width: 48%;
  }

  .waves-column-hero-1.column-two {
    flex: none;
  }

  .waves-column-hero-1.column-one {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: none;
  }

  .waves-gallery-hero-1 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .waves---subtitle {
    font-size: 15px;
    line-height: 24px;
  }

  .waves---mega-heading-1 {
    padding-left: 21px;
    font-size: 36px;
    line-height: 125%;
  }

  .waves-content-hero-1 {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero-galerie {
    padding-top: 25px;
    padding-bottom: 0;
  }

  .cf-faq-content {
    font-size: 16px;
  }

  .cf-faq-questions {
    font-size: 18px;
    line-height: 140%;
  }

  .cf-faq-paragraph {
    margin-top: 15px;
    margin-bottom: 22px;
  }

  .cf-h2-heading {
    font-size: 36px;
  }

  .cf-h2-heading.left {
    text-align: center;
    letter-spacing: 0;
    font-size: 26px;
    line-height: 1.2;
  }

  .cf-faqs-text-wrap {
    margin-bottom: 55px;
  }

  .cf-faq-main-wrapper.horizontal {
    padding-bottom: 60px;
  }

  .rl-text-style-regular {
    text-align: left;
    padding-top: 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .rl-heading-style-h4 {
    font-size: 26px;
  }

  .cf-form-paragraph {
    line-height: 22px;
  }

  .cf-form-heading {
    margin-bottom: 16px;
    font-size: 24px;
  }

  .kontakt-daten {
    text-align: left;
    letter-spacing: 0;
    align-self: center;
    margin-left: 0;
    font-size: 16px;
  }

  .kontakt-daten-h {
    text-align: left;
    align-self: flex-start;
    margin-bottom: 0;
    margin-left: 0;
    line-height: 25px;
  }

  .kontakt-daten-wrap {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 11px;
    margin-left: 16px;
  }

  .kontakt-daten-container {
    text-align: left;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .kontakt-divider {
    margin-top: 14px;
    margin-bottom: 15px;
  }

  .kontakt-home-main-wrapper {
    padding: 60px 20px;
  }

  .wbs-heading-h5 {
    font-size: 26px;
    line-height: 36px;
  }

  .wbs-step-3-item-top, .wbs-step-3-item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .wbs-step-3 {
    grid-row-gap: 30px;
    width: 100%;
  }

  .ablauf-home {
    padding-top: .2rem;
  }

  .paragraph-5 {
    font-size: 16px;
  }

  .a-paragraph-small {
    font-size: 16px;
    line-height: 20px;
  }

  .a-subheading-regular {
    text-align: center;
    font-size: 22px;
  }

  .a-margin-bottom-08, .a-feature-card {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .a-paragraph-large {
    font-size: 16px;
    line-height: 22px;
  }

  .a-paragraph-large.hero-motto {
    font-size: 15px;
  }

  .a-paragraph-large.p-kategorien {
    font-size: 16px;
    line-height: 22px;
  }

  .a-feature-card-grid {
    grid-template-columns: 1fr;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .a-span-underline {
    border-bottom-style: none;
    text-decoration: underline;
  }

  .a-h3-heading {
    letter-spacing: 0;
    font-size: 26px;
  }

  .kontakt-daten-block-div {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    max-width: 100%;
    display: flex;
  }

  .funtext {
    max-width: 100%;
    margin-bottom: -39px;
    padding-top: 0;
  }

  .main-slider-container {
    padding-bottom: 100px;
  }

  .ci-main-slide-content {
    align-items: center;
    width: 85%;
  }

  .c-main-slide-description {
    text-align: center;
  }

  .first-slider-container {
    width: 100%;
  }

  .link-galerie {
    left: 6%;
  }

  .c-main-slide-content {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .main-slide-title {
    text-align: center;
    font-size: 10vw;
  }

  .main-slider.mobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 25vh;
    box-shadow: 2px 4px 5px 3px #0003;
  }

  .main-slider-slide {
    box-shadow: 0 4px 5px #0000;
  }

  .main-slide-wrapper._10 {
    background-image: url('../images/produktfoto-dynamisch-aufbewahrungsboxen-gemuese.jpg');
  }

  .c-slide-btn-block {
    width: 20vw;
    height: 20vw;
  }

  .mask-3 {
    width: 100%;
    max-width: none;
  }

  .footer-block-one {
    text-align: center;
    place-content: center stretch;
    align-items: center;
    width: 85%;
    margin: 20px 22px 5px;
  }

  .kontakt-icon-bg {
    margin-right: 21px;
  }

  .kontakt-daten-anschrift {
    text-align: left;
    letter-spacing: 0;
    align-self: flex-start;
    margin-left: 0;
    font-size: 16px;
  }

  .gallery-scroll {
    padding-top: 26px;
  }

  .container-7 {
    max-width: none;
  }

  .gallery-wrapper-3 {
    grid-template-columns: 1fr;
  }

  .infografiken-gallery-scroll-r {
    max-width: 1000%;
  }

  .lifestyle-gallery-scroll-l, .produktfotos-gallery-scroll-l, .infografiken-gallery-scroll-l {
    padding: 15px;
  }

  .produktfotos-gallery-scroll-r {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: flex;
  }

  .lifestyle-gallery-scroll-r {
    max-width: 100%;
  }

  .produktfotos-gallery-scroll {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .lifestyle-gallery-scroll, .infografiken-gallery-scroll {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .preise-home {
    padding-top: 8px;
    padding-bottom: 30px;
  }

  .cf-pricing-plan-price.pricing-3-price, .cf-pricing-plan-price.pricing-3-price-copy, .cf-pricing-plan-price.pricing-3-price-streichpreis {
    margin-left: 0;
    margin-right: 0;
    font-size: 28px;
    line-height: 30%;
  }

  .cf-pricing-plan-amount-block {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .cf-pricing-plan-description, .cf-pricing-plan-description.middle-para {
    font-size: 16px;
  }

  .pricing-plan-name {
    text-align: center;
    font-size: 32px;
    line-height: 120%;
  }

  .cf-pricing-3-box-plan-block {
    border-bottom-color: var(--gelb);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 85%;
    padding-left: 0;
    padding-right: 0;
  }

  .cf-pricing-3-box-plan-block._2 {
    border-bottom-color: var(--gelb);
    width: 85%;
    padding-right: 0;
  }

  .cf-pricing-3-box {
    border-radius: 16px;
    flex-direction: column;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .cf-pricing-3-blocks-wrapper {
    display: flex;
  }

  .container-9 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .a-h3-heading-preise {
    letter-spacing: 0;
    font-size: 26px;
    line-height: 30px;
  }

  .a-paragraph-large-preise {
    font-size: 16px;
    line-height: 22px;
  }

  .a-h3-heading-begriff {
    text-align: left;
    letter-spacing: 0;
    width: 100%;
    font-size: 24px;
    line-height: 30px;
  }

  .a-h3-heading-kategorie {
    letter-spacing: 0;
    width: 100%;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .cf-pricing-plan-small-text-ab {
    padding-right: 5px;
  }

  .div-block-7 {
    border-left-width: 6px;
  }

  .bold-text-2 {
    font-size: 26px;
  }

  .mini-galerie-zeile-1 {
    width: 48%;
  }

  .mini-galerie-zeile-1.zeile-1 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex: none;
  }

  .mini-galerie-verlauf-1 {
    top: -1px;
  }

  .mini-galerie-verlauf-1.rechts, .mini-galerie-verlauf-1.links {
    width: 80px;
  }

  .mini-galerie-fotos-img-1 {
    object-fit: cover;
    padding: 0;
    overflow: visible;
  }

  .mini-galerie {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    height: 100px;
  }

  .a-banner-button-small {
    order: 0;
    align-self: flex-end;
  }

  .a-paragraph-small-2 {
    text-align: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding: 7px;
    font-size: 15px;
  }

  .a-banner-text-wrapper {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .a-banner-container {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }

  .a-banner-announcement {
    flex-direction: row;
  }

  .banner-neukunden {
    flex-direction: row;
    width: 100%;
    padding: 59px 10px 10px;
  }

  .titel {
    border-radius: var(--aussortiert-zu-2025--abgerundet);
    flex-direction: row;
    justify-content: center;
    align-self: center;
    align-items: flex-end;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .leistungen {
    border-radius: var(--aussortiert-zu-2025--abgerundet);
    justify-content: center;
    padding: 12px 0;
    display: flex;
  }

  .hero-titel {
    border-right: 4px none var(--gelb);
    justify-content: center;
    align-items: flex-start;
    font-size: 16px;
    line-height: 16px;
  }

  .hero-titel-container {
    border-right: 5px solid var(--gelb);
    align-items: flex-start;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .hero-titel-container-final {
    border-right-style: solid;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .kontaktfomular-felder {
    display: block;
  }

  .kontaktdaten-nachricht {
    min-height: 250px;
  }

  .wraper-checkboxen-kontakt-main {
    display: block;
  }

  .container-10 {
    max-width: none;
  }

  .container-10.container-footer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .footer-title-newsletter {
    font-size: 15px;
  }

  .waves-master-image-hero-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .waves---subtitle-2 {
    font-size: 20px;
  }

  .waves---heading-1-no-margins {
    font-size: 36px;
    line-height: 110%;
  }

  .waves-content-hero-3 {
    padding-right: 20px;
  }

  .waves---section-hero-primary {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .container-partnerlogo-lp-it {
    max-width: 65%;
  }

  .cf-pricing-3-box-streichpreis {
    border-radius: 16px;
    flex-direction: column;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .cf-pricing-plan-small-text-statt {
    padding-right: 5px;
  }

  .produktfotos-gallery-scroll-l-lp-it {
    padding: 15px;
  }

  .cf-pricing-3-box-home {
    border-radius: 16px;
    flex-direction: column;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .kontakt-lp-it-main-wrapper-copy {
    padding: 60px 20px;
  }

  .main-slider-container-lp-it {
    padding-bottom: 100px;
  }

  .image-4 {
    padding-top: 30px;
  }

  .image-5 {
    padding-bottom: 28px;
  }

  .gallery-scroll-lpit {
    padding-top: 26px;
  }

  .gallery-wrapper-3-lpit {
    grid-template-columns: 1fr;
  }

  .cf-18px-paragraph {
    font-size: 16px;
    font-weight: 400;
  }

  .cf-32px-heading {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
  }

  .cf-flex-1---text-contain {
    max-width: none;
    margin-top: 60px;
  }

  .cf-flex-1---image-2 {
    align-self: flex-start;
    width: 90%;
    margin: 9px auto 13px;
    display: block;
    position: relative;
    right: auto;
  }

  .cf-flex-1---image-1 {
    width: 70%;
  }

  .cf-flex-1---image-contain {
    flex-direction: column;
    min-height: 220px;
  }

  .cf-flex-1---wrapper {
    width: 95%;
    max-width: none;
  }

  .cf-flex-section-1 {
    width: 100%;
  }

  .produktfotos-gallery-scroll-lpit {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .infografiken-gallery-scroll-lpit, .lifestyle-gallery-scroll-lpit {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mini-galerie-verlauf-1-lp-it {
    top: -1px;
  }

  .mini-galerie-verlauf-1-lp-it.links {
    width: 80px;
  }

  .footer-partner-block {
    order: 1;
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .footer-divider-three {
    margin-top: 10px;
  }

  .fs-cc-prefs4_content {
    justify-content: center;
    align-items: flex-start;
    padding-left: .625rem;
    padding-right: .625rem;
  }

  .fs-cc-prefs4_title {
    font-size: 1.125rem;
  }

  .fs-cc-prefs4_button-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .fs-cc-prefs4_option {
    padding-left: .625rem;
    padding-right: .625rem;
  }

  .fs-cc-prefs4_checkbox-field {
    margin-left: 5px;
  }

  .fs-cc-prefs4_header {
    padding: 1.25rem;
  }

  .text-block-8 {
    -webkit-text-stroke-color: var(--grau);
    font-size: 11px;
  }

  .embed-datenschutz {
    overflow-wrap: anywhere;
    width: 98%;
  }

  .image-7 {
    width: 100%;
  }

  .lightbox-link-2 {
    width: 95%;
  }

  .h2-portfolio {
    text-align: center;
    letter-spacing: 0;
    width: 100%;
    font-size: 22px;
    line-height: 30px;
  }

  .h1-portfolio {
    text-align: left;
    letter-spacing: 0;
    width: 100%;
    font-size: 35px;
    line-height: 30px;
  }

  .cta-portfolio {
    margin-bottom: 55px;
  }

  .cta-h3-portfolio {
    font-size: 36px;
  }

  .fs-cc-prefs_component {
    padding: 1.5rem;
  }

  .fs-cc-banner_close {
    position: absolute;
    inset: -1.5rem .75rem auto auto;
  }

  .fs-cc-prefs_content {
    padding: 1.5rem;
  }

  .fs-cc-banner_buttons-wrapper {
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }

  .fs-cc-prefs_button {
    margin-bottom: .5rem;
  }

  .fs-cc-banner_button {
    width: 100%;
    margin-bottom: .5rem;
    margin-left: 0;
  }

  .container-25 {
    max-width: none;
  }

  .nav-menu-two-2 {
    flex-direction: column;
  }

  .navbar-25-container.shadow-three-copy {
    padding: 14px 14px 0;
  }

  .footer-copyright-3 {
    text-align: center;
    margin-right: 0;
    font-size: 11px;
  }

  .footer-block-two-3 {
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    justify-content: center;
    align-self: center;
    width: 85%;
    margin-top: 25px;
    margin-left: 22px;
    margin-right: 22px;
  }

  .footer-link-two-3 {
    font-size: 12px;
  }

  .footer-title-3 {
    font-size: 15px;
  }

  .footer-wrapper-two-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footer-title-newsletter-2 {
    font-size: 15px;
  }

  .footer-brand-3 {
    align-self: center;
  }

  .footer-divider-three-2 {
    margin-top: 10px;
  }

  .footer-form-field-3 {
    word-break: break-all;
    overflow-wrap: break-word;
    padding: 18px 0 18px 13px;
  }

  .container-11 {
    max-width: none;
  }

  .gallery-wrapper {
    grid-template-columns: 1fr;
  }

  .gallery-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .gallery-slider-left {
    left: -20px;
  }

  .gallery-slider-right {
    right: -20px;
  }

  .rl_pricing5_layout, .rl_pricing5_content-list {
    grid-template-columns: 1fr;
  }

  .cf-faq-main-wrapper-2.horizontal {
    padding-bottom: 60px;
  }

  .cf-h2-heading-2, .cf-h2-heading-2.left {
    font-size: 36px;
  }

  .cf-faq-questions-2 {
    font-size: 18px;
    line-height: 140%;
  }

  .cf-faq-content-2 {
    font-size: 16px;
  }

  .cf-form-heading-2 {
    margin-bottom: 16px;
    font-size: 24px;
  }

  .cf-form-gradient-submit {
    background-image: linear-gradient(to right, #b16cea 20%, #ff5e69 60%, #ff8a56 80%, #ffa84b 90%);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .cf-fields-contain {
    flex-direction: column;
    margin-bottom: 0;
  }

  .cf-checkbox-field {
    padding: 12px 14px;
  }

  .cf-contact-form-field {
    height: 60px;
    margin-bottom: 32px;
    margin-right: 0;
    padding-left: 20px;
  }

  .cf-contact-field-label.budget {
    margin-top: 40px;
  }

  .hero-slider-nav-title {
    font-size: 12px;
  }

  .hero-slider-nav-title.active {
    display: block;
  }

  .hero-slider-nav-number {
    opacity: .35;
    display: block;
  }

  .hero-slider-nav-number.active {
    opacity: 100;
    color: var(--gelb);
  }

  .hero-slider-arrow {
    background-color: #13131340;
    width: 40px;
    height: 50px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    display: block;
    top: 20%;
  }

  .c-hero-slider-nav-content, .slider-nav-indicator.active {
    display: block;
  }

  .c-hero-slide-details {
    position: relative;
  }

  .c-hero-slide-content {
    height: 35vh;
    min-height: 0;
    margin-bottom: 10px;
  }

  .c-hero-slider-navbar {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: linear-gradient(#00000080, #fff0 50%);
    flex-flow: column;
    order: -9999;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    display: flex;
    overflow: visible;
  }

  .hero-slider-nav-subtitle, .hero-slider-nav {
    display: none;
  }

  .wo-hero-slider-nav {
    color: var(--weiß);
    width: 90%;
  }

  ._w-hero-slider-nav {
    box-sizing: border-box;
    border-right-style: none;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
    overflow: hidden;
  }

  ._w-hero-slide-details {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-slider {
    flex-flow: column;
    justify-content: flex-start;
    display: flex;
  }

  .c-hero-slider {
    padding-bottom: 40px;
  }

  .model-viewer-wrapper {
    height: 360px;
  }

  .kontakt-home-main-wrapper-26 {
    padding: 60px 20px;
  }

  .cf-form-heading-26 {
    margin-bottom: 16px;
    font-size: 24px;
  }

  .cf-form-paragraph-26, .cf-form-paragraph-copy {
    line-height: 22px;
  }

  .kontakt-divider-26 {
    margin-top: 14px;
    margin-bottom: 15px;
  }

  .kontakt-daten-block-div-26 {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    max-width: 100%;
    display: flex;
  }

  .kontakt-daten-container-26 {
    text-align: left;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .kontakt-icon-bg-26 {
    margin-right: 21px;
  }

  .kontakt-daten-wrap-26 {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 11px;
    margin-left: 16px;
  }

  .kontakt-daten-h-26 {
    text-align: left;
    align-self: flex-start;
    margin-bottom: 0;
    margin-left: 0;
    line-height: 25px;
  }

  .kontakt-daten-26 {
    text-align: left;
    letter-spacing: 0;
    align-self: center;
    margin-left: 0;
    font-size: 16px;
  }

  .kontakt-daten-anschrift-26 {
    text-align: left;
    letter-spacing: 0;
    align-self: flex-start;
    margin-left: 0;
    font-size: 16px;
  }

  .kontaktfomular-felder-26, .wraper-checkboxen-kontakt-main-26 {
    display: block;
  }

  .kontaktdaten-nachricht-26 {
    min-height: 250px;
  }
}

#w-node-d4b3fb7f-b3f1-7e77-81cc-506503c44dce-2a70ffc6, #w-node-_832b0180-eae2-7ee7-d139-289186fa1c83-2a70ffc6, #w-node-_152d7f6e-a506-e07d-8001-c823d499e11f-2a70ffc6, #w-node-fc8be9c0-bcb7-b3b2-925e-67382b26d4e6-2a70ffc6, #w-node-fd4cc9ec-d967-7d3e-9b1f-ab1a53260f6c-2a70ffc6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-ca5f27a9-63da-bdbd-663d-ea08d42fecac-2a70ffc6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-ca5f27a9-63da-bdbd-663d-ea08d42fecb5-2a70ffc6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_4d6397fa-1605-cea9-fd8d-fb79bed605f2-2a70ffc6, #w-node-_4d6397fa-1605-cea9-fd8d-fb79bed605f3-2a70ffc6, #w-node-_52ccc091-583b-058f-5d18-ad49356f7ac0-2a70ffc6, #w-node-_688b1545-6c96-5f63-4d22-eb1fe064e338-2a70ffc6, #w-node-_688b1545-6c96-5f63-4d22-eb1fe064e339-2a70ffc6, #w-node-c3be1918-bbd4-1493-9a18-91964b351460-2a70ffc6, #w-node-c3be1918-bbd4-1493-9a18-91964b351468-2a70ffc6, #w-node-c3be1918-bbd4-1493-9a18-91964b351470-2a70ffc6, #w-node-c3be1918-bbd4-1493-9a18-91964b351478-2a70ffc6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c3be1918-bbd4-1493-9a18-91964b351480-2a70ffc6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c3be1918-bbd4-1493-9a18-91964b35148a-2a70ffc6, #w-node-c3be1918-bbd4-1493-9a18-91964b351492-2a70ffc6, #w-node-_7c5cf47f-4b01-1d10-dba9-02f648afbe13-2a70ffc6, #w-node-_7c5cf47f-4b01-1d10-dba9-02f648afbe2f-2a70ffc6, #w-node-_7c5cf47f-4b01-1d10-dba9-02f648afbe4f-2a70ffc6, #w-node-_1ac2361b-f3dd-ef55-b8c3-b792bb53468f-2a70ffc6, #w-node-_1ac2361b-f3dd-ef55-b8c3-b792bb534696-2a70ffc6, #w-node-_05011034-76e0-9878-0519-f9d3cd8ffd29-2a70ffc6, #w-node-_1ac2361b-f3dd-ef55-b8c3-b792bb534698-2a70ffc6, #w-node-_1ac2361b-f3dd-ef55-b8c3-b792bb534697-2a70ffc6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1332de81-58de-936f-5a36-c0fed5708dc8-2a70ffc6, #w-node-_6ef0033c-c6d8-c7dd-1d39-fb31f05068b6-2a70ffc6 {
  place-self: start center;
}

#w-node-c3f86b64-e22c-9f0c-6e93-be210ad3953e-0ad3953b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-c3f86b64-e22c-9f0c-6e93-be210ad39540-0ad3953b {
  place-self: center;
}

#w-node-_75778726-c753-1390-7657-7005183c5153-0ad3953b {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c3f86b64-e22c-9f0c-6e93-be210ad39541-0ad3953b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c3f86b64-e22c-9f0c-6e93-be210ad39549-0ad3953b {
  order: 9999;
  place-self: start center;
}

#w-node-c3f86b64-e22c-9f0c-6e93-be210ad39550-0ad3953b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_2df36aee-1d02-6ead-34fb-5e539601594d-58bf6e35 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2860e41-f70b-a144-d6b2-ccdb73cae248-58bf6e35, #w-node-d2860e41-f70b-a144-d6b2-ccdb73cae251-58bf6e35, #w-node-d2860e41-f70b-a144-d6b2-ccdb73cae25a-58bf6e35, #w-node-d2860e41-f70b-a144-d6b2-ccdb73cae278-58bf6e35, #w-node-d2860e41-f70b-a144-d6b2-ccdb73cae27d-58bf6e35, #w-node-d2860e41-f70b-a144-d6b2-ccdb73cae282-58bf6e35, #w-node-d2860e41-f70b-a144-d6b2-ccdb73cae287-58bf6e35, #w-node-d2860e41-f70b-a144-d6b2-ccdb73cae28c-58bf6e35, #w-node-d2860e41-f70b-a144-d6b2-ccdb73cae291-58bf6e35, #w-node-d2860e41-f70b-a144-d6b2-ccdb73cae296-58bf6e35, #w-node-d2860e41-f70b-a144-d6b2-ccdb73cae29b-58bf6e35, #w-node-d2860e41-f70b-a144-d6b2-ccdb73cae2a0-58bf6e35, #w-node-d2860e41-f70b-a144-d6b2-ccdb73cae2a5-58bf6e35 {
  align-self: start;
}

#w-node-_39e4d19f-eb89-d9e8-8a68-eb57bc961a11-58bf6e35 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-df9ac213-1c07-521f-6b6e-31c4af192703-58bf6e35, #w-node-df9ac213-1c07-521f-6b6e-31c4af192708-58bf6e35, #w-node-df9ac213-1c07-521f-6b6e-31c4af19270d-58bf6e35, #w-node-df9ac213-1c07-521f-6b6e-31c4af192712-58bf6e35, #w-node-df9ac213-1c07-521f-6b6e-31c4af192717-58bf6e35, #w-node-df9ac213-1c07-521f-6b6e-31c4af19271c-58bf6e35, #w-node-df9ac213-1c07-521f-6b6e-31c4af192721-58bf6e35, #w-node-df9ac213-1c07-521f-6b6e-31c4af192726-58bf6e35, #w-node-df9ac213-1c07-521f-6b6e-31c4af19272b-58bf6e35, #w-node-df9ac213-1c07-521f-6b6e-31c4af192730-58bf6e35, #w-node-df9ac213-1c07-521f-6b6e-31c4af1926d0-58bf6e35, #w-node-df9ac213-1c07-521f-6b6e-31c4af1926d9-58bf6e35, #w-node-df9ac213-1c07-521f-6b6e-31c4af1926e2-58bf6e35 {
  align-self: start;
}

#w-node-_4870c701-92b8-8e64-537a-e0fcbf41b6a1-58bf6e35 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_35a663f8-f929-eeed-2769-994c9601cdae-58bf6e35, #w-node-_35a663f8-f929-eeed-2769-994c9601cdb3-58bf6e35, #w-node-_35a663f8-f929-eeed-2769-994c9601cdb8-58bf6e35, #w-node-_66e3a15f-95fb-38b4-33c1-5f8c1f8f6eda-58bf6e35, #w-node-_690e193b-fc74-3ce4-15b6-969b18851407-58bf6e35, #w-node-_35a663f8-f929-eeed-2769-994c9601cdd0-58bf6e35 {
  align-self: start;
}

#w-node-_35a663f8-f929-eeed-2769-994c9601cdd5-58bf6e35, #w-node-_99855888-665d-6eee-c796-3f976c86818e-58bf6e35, #w-node-_1fbed90c-c2c2-af9e-e32c-e442073ca35a-58bf6e35, #w-node-_035a124c-292f-d45b-12ed-b88e2ef5ee73-58bf6e35, #w-node-b2c3d0d0-8235-9db1-1748-149453bafdc7-58bf6e35 {
  align-self: center;
}

#w-node-caac8452-2604-0b8e-2b03-2d1d08986e4f-58bf6e35 {
  align-self: start;
}

#w-node-fb1ed08c-b51d-941c-7508-35ad6be4c602-58bf6e35, #w-node-_9e74adc4-ce69-7803-a7a9-637f21f945f9-58bf6e35, #w-node-c56fddfa-ee65-53fb-9ad0-361ec9012bda-58bf6e35, #w-node-fb422018-2e8c-1ff9-6899-9664a1eccefc-58bf6e35, #w-node-_9a2cd920-2d2f-8023-dc12-f5e8e9146b1f-58bf6e35, #w-node-_19f0cc0e-a449-f857-4531-69e29e8b322a-58bf6e35 {
  align-self: center;
}

#w-node-_151f6a88-6b38-9a53-2a05-900859150b6d-a0e825df {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_886a5421-08bb-48b4-e6c9-99e2b6f6ee1a-a0e825df {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_708fce92-eead-1901-26c2-3a6ba0e825e5-a0e825df {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_708fce92-eead-1901-26c2-3a6ba0e825e6-a0e825df {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_708fce92-eead-1901-26c2-3a6ba0e825fb-a0e825df {
  order: 9999;
  place-self: start center;
}

#w-node-d515db52-2aab-dabc-cd51-85fa0f7126b3-4ba78f45, #w-node-d515db52-2aab-dabc-cd51-85fa0f7126b6-4ba78f45, #w-node-d515db52-2aab-dabc-cd51-85fa0f7126ba-4ba78f45, #w-node-d515db52-2aab-dabc-cd51-85fa0f7126bd-4ba78f45, #w-node-d515db52-2aab-dabc-cd51-85fa0f7126c0-4ba78f45 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_1b18367d-4359-db17-6eb9-ea8a9e9da01c-4ba78f45, #w-node-e1d4d3a1-85cc-6ebd-967f-f71b151fdb97-4ba78f45 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_1b18367d-4359-db17-6eb9-ea8a9e9da024-4ba78f45 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_27be0c12-383f-294a-b443-94151d840ea9-4ba78f45 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_4d6397fa-1605-cea9-fd8d-fb79bed605f2-4ba78f45, #w-node-_4d6397fa-1605-cea9-fd8d-fb79bed605f3-4ba78f45, #w-node-_52ccc091-583b-058f-5d18-ad49356f7ac0-4ba78f45, #w-node-_688b1545-6c96-5f63-4d22-eb1fe064e338-4ba78f45, #w-node-_688b1545-6c96-5f63-4d22-eb1fe064e339-4ba78f45, #w-node-_7c5cf47f-4b01-1d10-dba9-02f648afbe13-4ba78f45, #w-node-_7c5cf47f-4b01-1d10-dba9-02f648afbe2f-4ba78f45, #w-node-_7c5cf47f-4b01-1d10-dba9-02f648afbe4f-4ba78f45, #w-node-_1ac2361b-f3dd-ef55-b8c3-b792bb53468f-4ba78f45, #w-node-_1ac2361b-f3dd-ef55-b8c3-b792bb534696-4ba78f45, #w-node-_05011034-76e0-9878-0519-f9d3cd8ffd29-4ba78f45, #w-node-_1ac2361b-f3dd-ef55-b8c3-b792bb534698-4ba78f45, #w-node-_1ac2361b-f3dd-ef55-b8c3-b792bb534697-4ba78f45 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#Rabattitrecht.w-node-c7d64306-696a-2a44-8b01-bf11cda4b36d-4ba78f45 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1332de81-58de-936f-5a36-c0fed5708dc8-4ba78f45, #w-node-_6ef0033c-c6d8-c7dd-1d39-fb31f05068b6-4ba78f45 {
  place-self: start center;
}

@media screen and (max-width: 991px) {
  #w-node-c3be1918-bbd4-1493-9a18-91964b351480-2a70ffc6 {
    order: 9999;
  }

  #w-node-_7c5cf47f-4b01-1d10-dba9-02f648afbe49-2a70ffc6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c3f86b64-e22c-9f0c-6e93-be210ad3953e-0ad3953b {
    order: 0;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c3f86b64-e22c-9f0c-6e93-be210ad39549-0ad3953b {
    order: 9999;
  }

  #w-node-c3f86b64-e22c-9f0c-6e93-be210ad3954a-0ad3953b, #w-node-_2df36aee-1d02-6ead-34fb-5e539601594d-58bf6e35, #w-node-_39e4d19f-eb89-d9e8-8a68-eb57bc961a11-58bf6e35, #w-node-_4870c701-92b8-8e64-537a-e0fcbf41b6a1-58bf6e35 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_151f6a88-6b38-9a53-2a05-900859150b6d-a0e825df {
    order: 0;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_708fce92-eead-1901-26c2-3a6ba0e825fb-a0e825df {
    order: 9999;
  }

  #w-node-_708fce92-eead-1901-26c2-3a6ba0e825fc-a0e825df {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1b18367d-4359-db17-6eb9-ea8a9e9da01c-4ba78f45, #w-node-e1d4d3a1-85cc-6ebd-967f-f71b151fdb97-4ba78f45 {
    justify-self: center;
  }

  #w-node-f0fe95c8-a1ef-e488-8045-9035fe195310-4ba78f45, #w-node-_5026c05e-e423-a665-e9ff-0534680608c7-4ba78f45 {
    align-self: center;
  }

  #w-node-_7c5cf47f-4b01-1d10-dba9-02f648afbe49-4ba78f45 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c3be1918-bbd4-1493-9a18-91964b351480-2a70ffc6 {
    grid-column: span 1 / span 1;
  }

  #w-node-_75778726-c753-1390-7657-7005183c5153-0ad3953b {
    place-self: center;
  }

  #w-node-c3f86b64-e22c-9f0c-6e93-be210ad39543-0ad3953b, #w-node-c3f86b64-e22c-9f0c-6e93-be210ad39545-0ad3953b, #w-node-_3005cccf-9e14-827e-9d11-1ecf968691f7-0ad3953b {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: center;
  }

  #w-node-_40ab2e8a-e646-b19f-828f-ec3565df8808-0ad3953b, #w-node-d2ae1c59-cdf8-15e1-eb2f-82963d92c88f-0ad3953b, #w-node-c3f86b64-e22c-9f0c-6e93-be210ad39547-0ad3953b {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-dd4f7e4a-618d-e9ce-cbc3-0124c36670c2-0ad3953b {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: center;
  }

  #w-node-c3f86b64-e22c-9f0c-6e93-be210ad3954c-0ad3953b, #w-node-c3f86b64-e22c-9f0c-6e93-be210ad3954e-0ad3953b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2df36aee-1d02-6ead-34fb-5e539601594d-58bf6e35, #w-node-_39e4d19f-eb89-d9e8-8a68-eb57bc961a11-58bf6e35, #w-node-_4870c701-92b8-8e64-537a-e0fcbf41b6a1-58bf6e35 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_708fce92-eead-1901-26c2-3a6ba0e825e5-a0e825df {
    place-self: center;
  }

  #w-node-_708fce92-eead-1901-26c2-3a6ba0e825e8-a0e825df, #w-node-_708fce92-eead-1901-26c2-3a6ba0e825eb-a0e825df, #w-node-_708fce92-eead-1901-26c2-3a6ba0e825ed-a0e825df {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: center;
  }

  #w-node-_708fce92-eead-1901-26c2-3a6ba0e825ef-a0e825df, #w-node-_708fce92-eead-1901-26c2-3a6ba0e825f1-a0e825df, #w-node-_708fce92-eead-1901-26c2-3a6ba0e825f3-a0e825df {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_708fce92-eead-1901-26c2-3a6ba0e825f8-a0e825df {
    grid-area: span 1 / span 3 / span 1 / span 3;
    place-self: center;
  }

  #w-node-_708fce92-eead-1901-26c2-3a6ba0e825fe-a0e825df, #w-node-_708fce92-eead-1901-26c2-3a6ba0e82600-a0e825df {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Comfortaa Bold';
  src: url('../fonts/Comfortaa-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Comfortaa Regular';
  src: url('../fonts/Comfortaa-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Quicksand Regular';
  src: url('../fonts/Quicksand-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Variablefont Wght';
  src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat Variablefont Wght';
  src: url('../fonts/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}