@charset "UTF-8";
/* #region Responsive */
/* #endregion */
/* #region Schrift */
/* #endregion */
/* Allgemein */
:root {
  --main-color: #6E6E6E;
  --main-background-color: #FFFFFF;
  --accent-background-color: #F1F9FF;
  --accent-color:#0069B4;
  --accent-color-transparent:#0069B46B;
  --subtext-color:#888A8E;
  --mobile-menu-background:#A7A7A7;
  --box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
}
/*
@include font('MyriadPro', 'MyriadPro-Black', 900, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('MyriadPro', 'MyriadPro-Bold', bold, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('MyriadPro', 'MyriadPro-Regular', 400, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('daniel', 'daniel', 400, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));


@include font('MyriadProCond', 'MyriadPro-BlackCond', 900, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('MyriadProCond', 'MyriadPro-LightCond', 300, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('MyriadProCond', 'MyriadPro-Cond', 400, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));


@include font('OpenSans', 'OpenSans-Light', 300, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('OpenSans', 'OpenSans-Regular', 400, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('OpenSans', 'OpenSans-Medium', 500, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('OpenSans', 'OpenSans-SemiBold', 600, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('OpenSans', 'OpenSans-Bold', 700, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('OpenSans', 'OpenSans-ExtraBold', 800, normal, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));

@include font('OpenSans', 'OpenSans-LightItalic', 300, italic, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('OpenSans', 'OpenSans-Italic', 400, italic, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('OpenSans', 'OpenSans-MediumItalic', 500, italic, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('OpenSans', 'OpenSans-SemiBoldItalic', 600, italic, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('OpenSans', 'OpenSans-BoldItalic', 700, italic, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
@include font('OpenSans', 'OpenSans-ExtraBoldItalic', 800, italic, ("woff2":"woff2","opentype":"otf","embedded-opentype":"eot","woff":"woff","truetype":"ttf"));
*/
@font-face {
  font-family: "daniel";
  src: url("../fonts/daniel.woff2") format("woff2"),url("../fonts/daniel.otf") format("opentype"),url("../fonts/daniel.woff") format("woff"),url("../fonts/daniel.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
/* General */
@media (min-width: 981px) {
  :not(.et-fb-root-ancestor) header {
    zoom: 75%;
  }
}
@media (min-width: 981px) {
  :not(.et-fb-root-ancestor) #main-content {
    zoom: 75%;
  }
}
@media (min-width: 981px) {
  :not(.et-fb-root-ancestor) footer {
    zoom: 75%;
  }
}
img {
  pointer-events: none;
}
* {
  font-family: OpenSans, sans-serif;
}
h1 {
  font-size: 2em;
  font-weight: 700;
  color: var(--accent-color);
  text-transform: uppercase;
}
@media (min-width: 981px) {
  h1 {
    font-size: 4em;
    text-underline-offset: 15px;
    text-align: center;
    text-decoration: underline;
    text-decoration-color: var(--accent-color);
    text-underline-offset: 15px;
  }
}
h1 span {
  font-size: 1.1em;
}
h2, h3 {
  font-weight: 700;
  color: var(--accent-color);
}
@media (min-width: 981px) {
  h2, h3 {
    font-size: clamp(2em, 3vw, 3.29em);
    hyphens: none;
    width: 100%;
    text-transform: uppercase;
  }
  h2.big-headline, h3.big-headline {
    font-size: 4.9em;
  }
}
@media (min-width: 981px) {
  h3 {
    font-size: clamp(1em, 2vw, 2em);
  }
}
.big-headline h2 {
  font-size: clamp(2em, 3vw, 3em);
}
p {
  font-size: 1.14em;
  font-weight: 300;
  color: var(--main-color);
  padding-bottom: 1.5em;
}
@media (min-width: 981px) {
  p {
    font-size: clamp(1em, 1.5vw, 1.35em);
  }
}
a {
  color: var(--accent-color);
}
span {
  font-weight: bold;
}
#page-container {
  overflow-y: unset !important;
}
@media (min-width: 981px) {
  .et_pb_gutters3 .et_pb_column_1_2, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
    width: 46.25%;
  }
}
@media (min-width: 981px) {
  .et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
    margin-right: 7.5%;
  }
}
/* Universale Klassen */
.daniel {
  font-weight: normal;
  font-family: daniel;
  font-size: 0.7em;
}
@media (min-width: 981px) {
  .daniel {
    font-size: 2em;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .et_pb_section {
    padding: 25px 0;
  }
}
.et-db #et-boc .et-l .et_pb_section .et_pb_row {
  max-width: initial;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .et_pb_section .et_pb_row {
    padding: 0;
  }
}
@media (min-width: 981px) {
  #et-boc .et-l .et_pb_section .et_pb_row {
    width: 69%;
  }
}
@media (min-width: 981px) {
  #et-boc .et-l .et_pb_section .et_pb_row.mobile-full-width-image-row {
    width: 55.125%;
  }
}
.back-link {
  color: var(--main-color);
  font-size: 1.8em;
}
.back-link span {
  color: var(--accent-color);
}
.blue-background {
  background-color: var(--accent-background-color);
}
.blue-background.extra-width {
  padding: 0;
}
.blue-background.extra-width .et_pb_row {
  padding: 0;
}
@media (min-width: 981px) {
  .blue-background-desktop {
    background-color: var(--accent-background-color);
  }
}
.et-db #et-boc .et-l .full-width {
  padding: 0;
}
.et-db #et-boc .et-l .full-width .et_pb_row {
  width: 100%;
  padding: 0;
}
.et-db #et-boc .et-l .full-width .et_pb_row span {
  display: block;
}
.et-db #et-boc .et-l .full-width .et_pb_row span img {
  width: 100%;
}
@media (min-width: 981px) {
  .et-db #et-boc .et_pb_section.wide-section .et_pb_row {
    width: 86%;
  }
}
.et-db #et-boc .et-l .extra-width .et_pb_row {
  width: 100%;
}
.et-db #et-boc .et-l .extra-width .et_pb_row .et_pb_column {
  width: 200vw !important;
}
.et-db #et-boc .et-l .extra-width .et_pb_row .et_pb_column span {
  display: block;
}
.et-db #et-boc .et-l .extra-width .et_pb_row .et_pb_column span img {
  width: 173vw;
  display: block;
  left: -9em;
}
.cut-left {
  padding: 0;
}
.cut-left .et_pb_row {
  padding: 0;
  width: 100%;
}
.cut-left .et_pb_row img {
  left: -28%;
}
.cut-right {
  padding: 0;
  overflow-x: hidden;
}
.cut-right .et_pb_row {
  padding: 0;
  width: 100%;
}
.cut-right .et_pb_row .et_pb_image {
  text-align: right;
}
.cut-right .et_pb_row .et_pb_image img {
  right: -28%;
}
.links-buendig-mobile .et_pb_row {
  margin: 0;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .links-buendig .et_pb_row {
    padding: 0;
    width: 100%;
    display: flex;
  }
  .et-db #et-boc .et-l .links-buendig .et_pb_row .et_pb_column:first-of-type {
    width: 45%;
    position: relative;
    overflow: hidden;
  }
  .et-db #et-boc .et-l .links-buendig .et_pb_row .et_pb_column:first-of-type .et_pb_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .et-db #et-boc .et-l .links-buendig .et_pb_row .et_pb_column:last-of-type {
    width: 33%;
  }
  .et-db #et-boc .et-l .links-buendig .et_pb_row .et_pb_column:last-of-type h2 {
    width: initial;
  }
  .et-db #et-boc .et-l .links-buendig .et_pb_row .et_pb_column span {
    display: block;
  }
  .et-db #et-boc .et-l .links-buendig .et_pb_row .et_pb_column span img {
    width: 100%;
  }
  .et-db #et-boc .et-l .links-buendig .et_pb_row .et_pb_column a.button {
    display: inline-block;
  }
  .et-db #et-boc .et-l .rechts-buendig .et_pb_row {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: end;
  }
  .et-db #et-boc .et-l .rechts-buendig .et_pb_row .et_pb_column:last-of-type {
    width: 50%;
  }
  .et-db #et-boc .et-l .rechts-buendig .et_pb_row .et_pb_column:first-of-type {
    width: 32%;
  }
  .et-db #et-boc .et-l .rechts-buendig .et_pb_row .et_pb_column:first-of-type h2 {
    width: initial;
  }
  .et-db #et-boc .et-l .rechts-buendig .et_pb_row .et_pb_column span {
    display: block;
  }
  .et-db #et-boc .et-l .rechts-buendig .et_pb_row .et_pb_column span img {
    width: 100%;
  }
}
.slogan p {
  text-align: center;
  color: var(--accent-color);
  font-size: 2.5em;
  transform: rotate(-3deg);
}
.et_pb_section .et_pb_row .et_pb_module.bottom-margin {
  margin-bottom: 4em;
  margin-top: 5em;
}
.text-center {
  text-align: center;
}
/* Button */
.button {
  background-color: var(--accent-color);
  color: var(--main-background-color);
  border-radius: 10px;
  cursor: pointer;
  padding: 0.8em;
  font-weight: 600;
  font-size: clamp(1em, 1.6vw, 1.6em);
}
.et_pb_code_inner:has(.op-jobs-button) {
  text-align: center;
  margin: 2em 0;
}
.et_pb_code_inner:has(.op-jobs-button) .op-jobs-button {
  background-color: var(--accent-color);
  color: var(--main-background-color);
  border-radius: 8px;
  cursor: pointer;
  padding: 0.8em;
  font-size: clamp(1em, 1.6vw, 1.6em);
  font-weight: 600;
}
.center-button .et_pb_code_inner {
  text-align: center;
}
/* Absatz Checkmarks */
.et-db .checkmark {
  padding-left: 0.7em;
}
@media (min-width: 981px) {
  .et-db .checkmark {
    padding-left: 1em;
  }
}
.et-db .checkmark li {
  list-style: none;
  margin-bottom: 0.7em;
  font-size: clamp(1.2em, 1.4vw, 1.4em);
}
@media (max-width: 980px) {
  .et-db .checkmark li {
    font-size: 1.1em;
  }
}
.et-db .checkmark h2:before, .et-db .checkmark p:before, .et-db .checkmark li:before {
  vertical-align: top;
  background-image: url(/wp-content/uploads/2024/09/ICON-Checkbox.svg);
  background-repeat: no-repeat;
  background-size: 1.4em 1.3em;
  display: inline-block;
  content: "";
  padding-right: 1.7rem;
  margin-left: -0.5em;
  width: 1em;
  height: 1.5em;
  vertical-align: middle;
}
.et-db .checkmark h2:is(li):before, .et-db .checkmark p:is(li):before, .et-db .checkmark li:is(li):before {
  width: 1.4em;
  height: 1.3em;
}
.et-db #et-boc .et-l .checkmark-absatz {
  margin-top: 3em;
  margin-bottom: 3em;
  display: flex;
  justify-content: center;
}
.et-db #et-boc .et-l .checkmark-absatz .et_pb_text_inner {
  width: fit-content;
}
.et-db #et-boc .et-l .checkmark-absatz .et_pb_text_inner p {
  color: var(--accent-color);
  padding-bottom: 0;
  display: block;
  width: fit-content;
}
.et-db #et-boc .et-l .checkmark-absatz .et_pb_text_inner p:before {
  background-image: url("/wp-content/uploads/2024/09/ICON-Checkbox.svg");
  background-repeat: no-repeat;
  background-size: 0.7em 0.7em;
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  content: "";
  padding-right: 1.4rem;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .checkmark-absatz .et_pb_text_inner p:before {
    padding-right: 0.6rem;
    background-size: 1em 1em;
    width: 1em;
    height: 1em;
  }
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .checkmark-absatz .et_pb_text_inner p {
    font-size: clamp(2em, 3vw, 3.5em);
    font-weight: 600;
  }
}
.et-db #et-boc .et-l .checkmark-absatz .et_pb_text_inner.bonus p:first-of-type:before {
  background-image: url("/wp-content/uploads/2024/03/Icon-material-directions-bike.svg");
}
.et-db #et-boc .et-l .checkmark-absatz .et_pb_text_inner.bonus p:nth-of-type(2):before {
  background-image: url("/wp-content/uploads/2024/03/Icon-fa-solid-coins.svg");
}
.et-db #et-boc .et-l .checkmark-absatz .et_pb_text_inner.bonus p:last-of-type::before {
  background-image: url("/wp-content/uploads/2024/03/Icon-akar-sun-fill.svg");
}
/* Deaktop Images */
@media (min-width: 981px) {
  .et_pb_column_1_2 .et_pb_image_wrap {
    width: 100%;
  }
  .et_pb_column_1_2 .et_pb_image_wrap img {
    width: 100%;
  }
}
/* Videos */
@media (min-width: 981px) {
  .et_pb_video .et_pb_video_box {
    display: flex;
    justify-content: center;
  }
  .et_pb_video .et_pb_video_box video {
    width: 80% !important;
    box-shadow: var(--box-shadow);
  }
}
/* animation */
@keyframes fadeToTop {
  from {
    top: 10em;
    opacity: 0%;
  }
  20% {
    top: 10em;
    opacity: 0%;
  }
  50% {
    top: 5em;
    opacity: 100%;
  }
  to {
    top: 0em;
    opacity: 100%;
  }
}
@keyframes fadeToBottom {
  from {
    bottom: 10em;
    opacity: 0%;
  }
  20% {
    bottom: 10em;
    opacity: 0%;
  }
  50% {
    bottom: 5em;
    opacity: 100%;
  }
  to {
    bottom: 0em;
    opacity: 100%;
  }
}
@keyframes fromLeft {
  from {
    left: -10em;
    opacity: 0%;
  }
  20% {
    left: -10em;
    opacity: 0%;
  }
  50% {
    left: -5em;
    opacity: 100%;
  }
  to {
    left: 0em;
    opacity: 100%;
  }
}
@keyframes fromRight {
  from {
    right: -10em;
    opacity: 0%;
  }
  20% {
    right: -10em;
    opacity: 0%;
  }
  50% {
    right: -5em;
    opacity: 100%;
  }
  to {
    right: 0em;
    opacity: 100%;
  }
}
@keyframes turnBlue {
  from {
    box-shadow: inset 0 0 0 1000px #0069B400;
  }
  20% {
    box-shadow: inset 0 0 0 1000px #0069B400;
  }
  to {
    box-shadow: inset 0 0 0 1000px #0069B45C;
  }
}
.fadeToTop-animation {
  animation-name: fadeToTop;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  position: relative;
}
.fadeToBottom-animation {
  animation-name: fadeToBottom;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  position: relative;
}
.fromLeft-animation {
  animation-name: fromLeft;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  position: relative;
}
.fromRight-animation {
  animation-name: fromRight;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  position: relative;
}
.turnBlue-animation {
  animation-name: turnBlue;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  position: relative;
  box-shadow: inset 0 0 0 1000px #0069B45C;
}
.animation-section {
  min-height: 20.5em;
  background-position-y: 20%;
}
@media (min-width: 981px) {
  .animation-section {
    min-height: 45.5em;
  }
}
.animation-section .et_pb_text_inner p {
  position: relative;
  top: 9em;
}
@media (min-width: 981px) {
  .animation-section .et_pb_text_inner p {
    position: absolute;
    top: 30em;
    left: 13em;
  }
}
.animation-section .et_pb_text_inner p .zitat.animation {
  color: var(--main-background-color);
  font-size: 1.5em;
  line-height: 1.5em;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  font-style: italic;
}
@media (min-width: 981px) {
  .animation-section .et_pb_text_inner p .zitat.animation {
    font-size: clamp(1.5em, 3vw, 2.5em);
    text-transform: uppercase;
    text-align: left;
    font-weight: 600;
    font-style: normal;
    top: 10em;
    opacity: 0%;
    animation-fill-mode: forwards;
    position: relative;
  }
}
@media (min-width: 981px) {
  .small-animation .et_pb_text_inner p {
    top: 25em;
  }
}
@media (min-width: 981px) {
  html:not(.et-fb-root-ancestor) .fromLeft {
    left: -10em;
    opacity: 0;
    animation-fill-mode: forwards;
  }
  html:not(.et-fb-root-ancestor) .fromRight {
    right: -10em;
    opacity: 0;
    animation-fill-mode: forwards;
  }
  html:not(.et-fb-root-ancestor) .fadeToBottom {
    top: -10;
    opacity: 0;
    animation-fill-mode: forwards;
  }
  html:not(.et-fb-root-ancestor) .fadeToTop {
    bottom: -10;
    opacity: 0;
    animation-fill-mode: forwards;
  }
}
/* Header */
.et-db #et-boc header.et-l {
  position: sticky;
  top: 0;
  z-index: 5;
  box-shadow: var(--box-shadow);
}
.et-db #et-boc header.et-l .et_pb_section {
  padding: 0;
}
.et-db #et-boc header.et-l .et_pb_section .et_pb_row {
  padding: 0;
}
@media (min-width: 981px) {
  .et-db #et-boc header.et-l .et_pb_section .et_pb_row {
    width: 95%;
  }
}
.et-db #et-boc header.et-l .et_pb_section .header-contact-row {
  width: 100%;
}
@media (max-width: 980px) {
  .et-db #et-boc header.et-l .et_pb_section .header-contact-row {
    position: fixed;
    bottom: 0;
  }
}
.et-db #et-boc header.et-l .header-contact {
  background-color: var(--accent-background-color);
  height: 4.5em;
  align-content: center;
}
.et-db #et-boc header.et-l .header-contact > div {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 3em;
  margin-right: 4%;
}
@media (max-width: 400px) {
  .et-db #et-boc header.et-l .header-contact > div {
    gap: 1.7em;
  }
}
.et-db #et-boc header.et-l .header-contact a, .et-db #et-boc header.et-l .header-contact button {
  color: var(--main-color);
  font-weight: lighter;
  display: flex;
  font-size: clamp(0.9em, 1.3vw, 1.5em);
}
.et-db #et-boc header.et-l .header-contact .mail::before {
  background-image: url("/wp-content/uploads/2025/01/Kontaktleiste-Mail.svg");
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  transform: scale(1.2);
  background-repeat: no-repeat;
}
@media (min-width: 981px) {
  .et-db #et-boc header.et-l .header-contact .mail::before {
    margin-top: 7px;
  }
}
.et-db #et-boc header.et-l .header-contact .phone::before {
  background-image: url("/wp-content/uploads/2025/01/Kontaktleiste-Telefon.svg");
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  transform: scale(1.2);
  background-repeat: no-repeat;
}
@media (min-width: 981px) {
  .et-db #et-boc header.et-l .header-contact .phone::before {
    margin-top: 7px;
  }
}
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap {
  justify-content: flex-end;
}
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu {
  margin-left: 0;
}
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap .et_mobile_nav_menu .mobile_menu_bar:before {
  color: var(--accent-color);
  font-size: 4em;
  line-height: 0.3em;
  margin-left: -15px;
}
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu li {
  padding: 0 2em;
}
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu li > a {
  font-size: clamp(1.3em, 1.4vw, 1.5em);
  font-weight: 600;
  color: var(--main-color);
  padding: 0;
  margin: 40px 0;
}
@media (min-width: 1300px) {
  .et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu li > a {
    font-size: clamp(1.3em, 1.5vw, 1.6em);
  }
}
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu li > a::before {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 3px;
  bottom: 20px;
  left: 0;
  background-color: var(--accent-color);
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu li > a:hover {
  opacity: initial;
}
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu li > a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}
@media (max-width: 1190px) {
  .et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu li {
    padding: 0 1.5em;
  }
}
@media (max-width: 1060px) {
  .et-db #et-boc .et-l .et_pb_menu .et_pb_menu__wrap .et_pb_menu__menu li {
    padding: 0 0.95em;
  }
}
.et-db #et-boc .et-l .et_pb_column .et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap .et_pb_menu__logo {
  margin-right: 1.5em;
}
.et-db #et-boc .et-l .et_pb_column .et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap .et_pb_menu__logo img {
  width: 23em;
  max-width: 360px;
  height: 160px;
}
@media (max-width: 500px) {
  .et-db #et-boc .et-l .et_pb_column .et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap .et_pb_menu__logo img {
    height: 115px !important;
  }
}
@media (max-width: 1290px) {
  .et-db #et-boc .et-l .et_pb_column .et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap .et_pb_menu__logo img {
    max-width: 270px;
  }
}
/* responsive Bilder */
@media (min-width: 981px) {
  .et-db #et-boc .et-l .links-responsive .et_pb_row {
    display: flex;
  }
  .et-db #et-boc .et-l .links-responsive .et_pb_row .et_pb_column:first-of-type {
    position: relative;
    overflow: hidden;
  }
  .et-db #et-boc .et-l .links-responsive .et_pb_row .et_pb_column:first-of-type .et_pb_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .et-db #et-boc .et-l .rechts-responsive .et_pb_row {
    display: flex;
  }
  .et-db #et-boc .et-l .rechts-responsive .et_pb_row .et_pb_column:last-of-type {
    position: relative;
    overflow: hidden;
  }
  .et-db #et-boc .et-l .rechts-responsive .et_pb_row .et_pb_column:last-of-type .et_pb_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 981px) {
  .change-aspect-ratio .et_pb_image_wrap {
    height: 100%;
  }
  .change-aspect-ratio .et_pb_image_wrap img {
    object-fit: cover;
    height: 100%;
    display: inline-block;
  }
}
/* Menu Mobile */
.opened .mobile_menu_bar:before {
  content: "M";
}
@media (max-width: 980px) {
  .desktop-only {
    display: none;
  }
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav ul {
  background-color: var(--mobile-menu-background) !important;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav ul a, .et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav ul button {
  color: var(--main-background-color);
  border: none;
  text-transform: uppercase;
  background-color: transparent;
  font-family: 700;
  line-height: 26px;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav ul .sub-menu {
  background-color: var(--mobile-menu-background) !important;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav ul .sub-menu a {
  font-weight: 400;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav ul i {
  right: -6%;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav .menu-item-has-children i.fd-open:after {
  content: "5" / "";
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav .menu-item-has-children.dt-open i.fd-open:after {
  content: "3" / "";
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav #mobile_menu1 {
  padding: 6em 10% 10% 10%;
  border: none;
  height: 100vh;
  width: 100vw;
  top: 0;
  margin-left: -10vw;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav.opened .mobile_menu_bar {
  z-index: 10000;
  position: fixed;
  top: 4.5em;
  right: 1em;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav.opened .mobile_menu_bar::before {
  color: var(--mobile-menu-background);
  background-color: var(--main-background-color);
  border-radius: 50%;
  font-size: 3em;
}
/* Menu Desktop*/
@media (min-width: 981px) {
  .desktop-only a {
    text-transform: uppercase;
  }
  .desktop-only a.selected-language {
    text-decoration: underline;
    text-decoration-color: var(--accent-color);
    text-decoration-thickness: 3px;
    text-underline-offset: 0.35em;
  }
  .language-divider {
    padding: 69px 0.5em;
    font-size: 1.8em;
  }
  .et_pb_menu .et_pb_menu__menu > nav > ul > li.mobile-only {
    display: none;
  }
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li .sub-menu {
  display: flex;
  justify-content: flex-end;
  width: 134vw;
  border: none;
  background-color: var(--accent-background-color) !important;
  box-shadow: inset 0 8px 15px -6px rgba(0, 0, 0, 0.35), var(--box-shadow);
  clip-path: inset(0px 0px -15px 0px);
  position: fixed;
  top: 15.8em;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li .sub-menu li {
  width: fit-content;
  padding: 0 1em;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li .sub-menu li:hover {
  text-decoration: none;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li .sub-menu li:hover a {
  color: var(--accent-color);
  background-color: initial;
  text-decoration: none;
  transition: all 0.7s ease-in-out;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .nav li .sub-menu li a {
  width: fit-content;
  font-size: clamp(1.2em, 1.3vw, 1.3em);
  font-weight: 400;
}
.et-db #et-boc .et-l #menu-hauptmenu {
  text-transform: uppercase;
}
.et-db #et-boc .et-l #menu-hauptmenu li.menu-item-has-children > a::after {
  content: "5";
}
.et-db #et-boc .et-l #menu-hauptmenu li.menu-item-has-children:hover > a::after {
  content: "3";
}
.et-db #et-boc .et-l #menu-hauptmenu li:nth-of-type(2) .sub-menu {
  padding-right: clamp(20em, 29vw, 37em);
  margin-bottom: 2.3em;
}
/* Banner */
.et_pb_section_0.full-width, .et_pb_section_0_tb_body.full-width {
  padding: 0;
}
.et_pb_section_0.full-width .et_pb_row, .et_pb_section_0_tb_body.full-width .et_pb_row {
  padding: 0;
}
.et-db #et-boc .et-l :is(.full-width-video-banner) {
  height: 52em;
}
.et-db #et-boc .et-l :is(.full-width-video-banner) h1 {
  color: var(--main-background-color);
  font-size: 7em;
  margin-top: 2em;
}
.et-db #et-boc .et-l :is(.full-width-video-banner) h1 .daniel {
  font-size: 1.1em;
}
.et-db #et-boc .et-l :is(.full-width-video-banner) h2 {
  color: var(--main-background-color);
  width: 100%;
}
.et-db #et-boc .et-l :is(.full-width-video-banner) .et_pb_row {
  height: 100%;
  background-color: var(--accent-color-transparent);
}
.et-db #et-boc .et-l :is(.full-width-video-banner) .et_pb_row .et_pb_column {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.et-db #et-boc .et-l :is(.full-width-video-banner) .et_pb_row .et_pb_column .et_pb_icon {
  height: 32%;
  display: flex;
  justify-content: center;
  align-items: end;
}
.et-db #et-boc .et-l :is(.full-width-video-banner) .et_pb_row .et_pb_column .et_pb_icon a {
  margin-bottom: 1em;
}
.et-db #et-boc .et-l :is(.full-width-video-banner) .et_pb_row .et_pb_column .et_pb_icon span {
  height: fit-content;
  color: var(--main-background-color);
  font-size: 3.5em;
}
.et-db #et-boc .et-l .split-banner {
  padding: 0;
}
.et-db #et-boc .et-l .split-banner .et_pb_row {
  width: 100%;
  display: flex;
  padding: 0;
}
.et-db #et-boc .et-l .split-banner .et_pb_row .et_pb_specialty_column {
  background-color: var(--accent-color);
  margin-right: 0;
  width: 44%;
  padding: 3em 9em;
  display: flex;
}
.et-db #et-boc .et-l .split-banner .et_pb_row .et_pb_specialty_column .et_pb_row_inner {
  display: flex;
}
.et-db #et-boc .et-l .split-banner .et_pb_row .et_pb_specialty_column .et_pb_row_inner .et_pb_column {
  display: grid;
}
.et-db #et-boc .et-l .split-banner .et_pb_row .et_pb_specialty_column .et_pb_row_inner .et_pb_column h1 {
  color: white;
  font-size: 7em;
}
.et-db #et-boc .et-l .split-banner .et_pb_row .et_pb_specialty_column .et_pb_row_inner .et_pb_column p {
  color: white;
  font-size: 2em;
}
.et-db #et-boc .et-l .split-banner .et_pb_row .et_pb_specialty_column .et_pb_row_inner .et_pb_column .et_pb_icon {
  align-self: end;
}
.et-db #et-boc .et-l .split-banner .et_pb_row .et_pb_column_2 {
  padding: 0;
  width: 56%;
}
.et-db #et-boc .et-l .split-banner .et_pb_row .et_pb_column_2 .et_pb_code_inner {
  display: flex;
}
/* Startseite */
.et-db #et-boc .et-l .startseite-video {
  height: 116vh;
  top: -7em;
}
.et-db #et-boc .et-l .startseite-video .et_pb_row .et_pb_column {
  justify-content: center;
}
.image-geschaeftsfelder .et_pb_image_wrap {
  text-align: center;
}
.image-geschaeftsfelder .et_pb_image_wrap img {
  width: 70%;
}
.sektion-verlauf:has(.mobile-full-width-image-row) {
  background-image: linear-gradient(to top, var(--accent-background-color) 0%, var(--accent-background-color) 13%, white 13%);
}
@media (min-width: 981px) {
  .sektion-verlauf {
    background-image: linear-gradient(to top, var(--accent-background-color) 0%, var(--accent-background-color) 20%, white 20%);
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexa-light-serie {
    padding-top: 0;
    padding-bottom: 2em;
  }
  .et-db #et-boc .et-l .hexa-light-serie h2 {
    font-size: 1.25em;
  }
  .et-db #et-boc .et-l .hexa-light-serie .produkt-button {
    margin-top: 3em;
    margin-bottom: 3em;
  }
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexa-light-serie {
    padding-top: 7em;
    padding-bottom: 7em;
  }
  .et-db #et-boc .et-l .hexa-light-serie .title {
    margin-bottom: 1em;
  }
  .et-db #et-boc .et-l .hexa-light-serie .text {
    margin-bottom: 4.2em;
  }
}
@media (min-width: 981px) {
  .big-font {
    font-size: 1.2em;
    padding: 3em 0;
  }
}
.et-db #et-boc .et-l .et_pb_row.startseite-title h1 {
  margin-top: 0.45em;
}
.et-db #et-boc .et-l .et_pb_section.startseite-first-section {
  padding-top: 3em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .et_pb_section.startseite-first-section {
    padding-bottom: 0;
    padding-top: 0;
  }
}
.et-db #et-boc .et-l .et_pb_section.startseite-first-section .et_pb_row:first-child {
  margin-bottom: 2em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .et_pb_section.startseite-first-section .et_pb_row:first-child {
    margin-bottom: 1em;
    padding-top: 0.6em;
  }
  .et-db #et-boc .et-l .et_pb_section.startseite-first-section .et_pb_row:first-child .et_pb_text:first-child {
    margin-bottom: 3.6em;
  }
  .et-db #et-boc .et-l .et_pb_section.startseite-first-section .et_pb_row:first-child p {
    font-size: 1.75em;
  }
}
@media (max-width: 480px) {
  .et-db #et-boc .et-l .et_pb_section.startseite-first-section .startseite-first-section-image-row img {
    object-fit: cover;
    height: 22em;
  }
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .et_pb_section.startseite-first-section .startseite-first-section-image-row {
    padding-bottom: 0;
  }
  .et-db #et-boc .et-l .et_pb_section.startseite-first-section .startseite-first-section-image-row img {
    object-fit: cover;
    height: 55em;
  }
}
.et_pb_section.startseite-second-section {
  padding-bottom: 7em;
}
.et-db #et-boc .et-l .startseite-second-section-mobile .et_pb_text:first-child {
  margin-bottom: 4em;
}
.et-db #et-boc .et-l .startseite-second-section-mobile .et_pb_image:first-child {
  margin-bottom: 1em;
}
@media (min-width: 981px) {
  .image-text-row {
    display: flex;
  }
  .image-text-row .image-center {
    height: 100%;
    align-content: center;
  }
  .image-text-row .image-end {
    height: 90%;
    align-content: end;
  }
}
.wir-machen-es-leichter .et_pb_column:nth-child(2) {
  text-align-last: right;
}
.mobile-full-width-image-row {
  width: 100%;
}
@media (min-width: 981px) {
  .mobile-full-width-image-row {
    width: initial;
  }
}
.et-db #et-boc .et-l .wir-machen-es-leichter {
  padding-top: 3em;
}
.et-db #et-boc .et-l .wir-machen-es-leichter .wir-machen-es-leichter-row {
  padding-bottom: 0.2em;
}
.et-db #et-boc .et-l .wir-machen-es-leichter .wir-machen-es-leichter-row .et_pb_column .et_pb_module.et_pb_text:first-child {
  margin-bottom: 1em;
}
.et-db #et-boc .et-l .wir-machen-es-leichter .wir-machen-es-leichter-row .et_pb_text:nth-of-type(2) {
  margin-bottom: 5em;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .wir-machen-es-leichter h2 {
    font-size: 1.25em;
  }
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .wir-machen-es-leichter .et_pb_code {
    margin-bottom: 4em;
  }
  .et-db #et-boc .et-l .wir-machen-es-leichter img {
    width: 85%;
    left: 3em;
  }
}
/* Produktübersicht */
.produkt-header-mobile h1 {
  margin: 2em 0 2em 10%;
}
.et-db #et-boc .et-l .hexalight-serie-header .hexalight-serie-header-title .et_pb_text_inner {
  margin-top: 16%;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-serie-header {
    height: 110vh;
  }
}
.et-db #et-boc .et-l #hexalight-plain-button, .et-db #et-boc .et-l #hexalight-frame-button, .et-db #et-boc .et-l #hexalight-decor-button {
  height: 10em;
}
.et-db #et-boc .et-l #hexalight-plain-button:is(#hexalight-plain-button), .et-db #et-boc .et-l #hexalight-frame-button:is(#hexalight-plain-button), .et-db #et-boc .et-l #hexalight-decor-button:is(#hexalight-plain-button) {
  background-size: 226%;
  background-position: 76% 55%;
}
.et-db #et-boc .et-l #hexalight-plain-button:is(#hexalight-frame-button), .et-db #et-boc .et-l #hexalight-frame-button:is(#hexalight-frame-button), .et-db #et-boc .et-l #hexalight-decor-button:is(#hexalight-frame-button) {
  background-size: 110%;
  background-position-y: 44%;
}
.et-db #et-boc .et-l #hexalight-plain-button:is(#hexalight-decor-button), .et-db #et-boc .et-l #hexalight-frame-button:is(#hexalight-decor-button), .et-db #et-boc .et-l #hexalight-decor-button:is(#hexalight-decor-button) {
  background-position-y: 89%;
  background-size: 114%;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l #hexalight-plain-button:is(#hexalight-decor-button), .et-db #et-boc .et-l #hexalight-frame-button:is(#hexalight-decor-button), .et-db #et-boc .et-l #hexalight-decor-button:is(#hexalight-decor-button) {
    background-position-y: 43%;
  }
}
.et-db #et-boc .et-l #hexalight-plain-button h2, .et-db #et-boc .et-l #hexalight-frame-button h2, .et-db #et-boc .et-l #hexalight-decor-button h2 {
  text-align: center;
  font-size: 1.5em;
  color: white;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l #hexalight-plain-button, .et-db #et-boc .et-l #hexalight-frame-button, .et-db #et-boc .et-l #hexalight-decor-button {
    width: 75.6%;
    height: 15.5em;
  }
  .et-db #et-boc .et-l #hexalight-plain-button h2, .et-db #et-boc .et-l #hexalight-frame-button h2, .et-db #et-boc .et-l #hexalight-decor-button h2 {
    font-size: 3.5em;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l #hexalight-plain-button :nth-child(1), .et-db #et-boc .et-l #hexalight-frame-button :nth-child(1), .et-db #et-boc .et-l #hexalight-decor-button :nth-child(1) {
    position: absolute;
    top: 0.9em;
    left: 3.5%;
    width: 90% !important;
  }
  .et-db #et-boc .et-l #hexalight-plain-button :nth-child(2), .et-db #et-boc .et-l #hexalight-frame-button :nth-child(2), .et-db #et-boc .et-l #hexalight-decor-button :nth-child(2) {
    position: absolute;
    top: -0.7em;
    left: 72.5%;
    width: 5% !important;
  }
}
.et-db #et-boc .et-l #hexalight-plain-button span img, .et-db #et-boc .et-l #hexalight-frame-button span img, .et-db #et-boc .et-l #hexalight-decor-button span img {
  padding: 7em 4em 0.5em 4em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l #hexalight-plain-button span img, .et-db #et-boc .et-l #hexalight-frame-button span img, .et-db #et-boc .et-l #hexalight-decor-button span img {
    padding: 0;
  }
}
.et-db #et-boc .et-l #hexalight-plain-button .et-pb-icon, .et-db #et-boc .et-l #hexalight-frame-button .et-pb-icon, .et-db #et-boc .et-l #hexalight-decor-button .et-pb-icon {
  color: white;
  font-size: 37px;
  opacity: 0;
  transition: opacity 500ms;
  padding-bottom: 1em;
  cursor: pointer;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l #hexalight-plain-button .et-pb-icon, .et-db #et-boc .et-l #hexalight-frame-button .et-pb-icon, .et-db #et-boc .et-l #hexalight-decor-button .et-pb-icon {
    font-size: 71px;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l #hexalight-plain-button .et-pb-icon.inViewPort, .et-db #et-boc .et-l #hexalight-frame-button .et-pb-icon.inViewPort, .et-db #et-boc .et-l #hexalight-decor-button .et-pb-icon.inViewPort {
    opacity: 1;
  }
}
.et-db #et-boc .et-l #hexalight-plain-button:hover, .et-db #et-boc .et-l #hexalight-frame-button:hover, .et-db #et-boc .et-l #hexalight-decor-button:hover {
  background-color: #ffffff6e;
  background-blend-mode: overlay;
  transition: background-color 800ms;
}
.et-db #et-boc .et-l #hexalight-plain-button:hover .et-pb-icon, .et-db #et-boc .et-l #hexalight-frame-button:hover .et-pb-icon, .et-db #et-boc .et-l #hexalight-decor-button:hover .et-pb-icon {
  opacity: 1;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l #hexalight-plain-button > div:first-of-type, .et-db #et-boc .et-l #hexalight-frame-button > div:first-of-type, .et-db #et-boc .et-l #hexalight-decor-button > div:first-of-type {
    width: 70%;
    position: absolute;
    margin: 0;
    top: 33%;
    left: 14%;
  }
  .et-db #et-boc .et-l #hexalight-plain-button > div:last-of-type, .et-db #et-boc .et-l #hexalight-frame-button > div:last-of-type, .et-db #et-boc .et-l #hexalight-decor-button > div:last-of-type {
    width: fit-content;
    position: absolute;
    top: 34%;
    left: 85%;
  }
}
@media (min-width: 1150px) {
  .et-db #et-boc .et-l #hexalight-plain-button > div:last-of-type, .et-db #et-boc .et-l #hexalight-frame-button > div:last-of-type, .et-db #et-boc .et-l #hexalight-decor-button > div:last-of-type {
    left: 80%;
  }
}
@media (min-width: 1200px) {
  .et-db #et-boc .et-l #hexalight-plain-button > div:last-of-type, .et-db #et-boc .et-l #hexalight-frame-button > div:last-of-type, .et-db #et-boc .et-l #hexalight-decor-button > div:last-of-type {
    left: 75%;
  }
}
@media (min-width: 1508px) {
  .et-db #et-boc .et-l #hexalight-plain-button > div:last-of-type, .et-db #et-boc .et-l #hexalight-frame-button > div:last-of-type, .et-db #et-boc .et-l #hexalight-decor-button > div:last-of-type {
    left: 70%;
  }
}
.et-db #et-boc .et-l .produktfelder-margin {
  margin-bottom: 1em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .produktfelder {
    margin: 3em 2em 0;
    cursor: pointer;
  }
  .et-db #et-boc .et-l .produktfelder.first {
    margin-top: 8.6em;
  }
}
.et-db #et-boc .et-l #hexalight-plain, .et-db #et-boc .et-l #hexalight-frame, .et-db #et-boc .et-l #hexalight-decor {
  display: none;
  padding: 0;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l #hexalight-plain, .et-db #et-boc .et-l #hexalight-frame, .et-db #et-boc .et-l #hexalight-decor {
    margin-bottom: 1em;
  }
}
.et-db #et-boc .et-l #hexalight-plain .inhalt > .et_pb_column, .et-db #et-boc .et-l #hexalight-frame .inhalt > .et_pb_column, .et-db #et-boc .et-l #hexalight-decor .inhalt > .et_pb_column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.et-db #et-boc .et-l #hexalight-plain .inhalt > .et_pb_column .et_pb_image, .et-db #et-boc .et-l #hexalight-frame .inhalt > .et_pb_column .et_pb_image, .et-db #et-boc .et-l #hexalight-decor .inhalt > .et_pb_column .et_pb_image {
  margin-right: unset;
}
.et-db #et-boc .et-l #hexalight-plain .inhalt > .et_pb_column .et_pb_text, .et-db #et-boc .et-l #hexalight-frame .inhalt > .et_pb_column .et_pb_text, .et-db #et-boc .et-l #hexalight-decor .inhalt > .et_pb_column .et_pb_text {
  width: 80%;
}
.et-db #et-boc .et-l #hexalight-plain .inhalt img, .et-db #et-boc .et-l #hexalight-frame .inhalt img, .et-db #et-boc .et-l #hexalight-decor .inhalt img {
  width: 32em;
  margin-bottom: 2em;
}
.et-db #et-boc .et-l #hexalight-plain .inhalt p, .et-db #et-boc .et-l #hexalight-frame .inhalt p, .et-db #et-boc .et-l #hexalight-decor .inhalt p {
  margin-bottom: 2em;
}
.et-db #et-boc .et-l #hexalight-plain .et_pb_row, .et-db #et-boc .et-l #hexalight-frame .et_pb_row, .et-db #et-boc .et-l #hexalight-decor .et_pb_row {
  background-color: var(--accent-background-color);
  width: 100%;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l #hexalight-plain .et_pb_row, .et-db #et-boc .et-l #hexalight-frame .et_pb_row, .et-db #et-boc .et-l #hexalight-decor .et_pb_row {
    width: 59%;
    padding: 5% 3%;
  }
}
.et-db #et-boc .et-l #hexalight-plain .et_pb_row .et_pb_column, .et-db #et-boc .et-l #hexalight-frame .et_pb_row .et_pb_column, .et-db #et-boc .et-l #hexalight-decor .et_pb_row .et_pb_column {
  padding: 4em 12%;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l #hexalight-plain .et_pb_row .et_pb_column, .et-db #et-boc .et-l #hexalight-frame .et_pb_row .et_pb_column, .et-db #et-boc .et-l #hexalight-decor .et_pb_row .et_pb_column {
    padding: 0;
  }
}
.et-db #et-boc .et-l #hexalight-plain .et_pb_row .et_pb_column span, .et-db #et-boc .et-l #hexalight-frame .et_pb_row .et_pb_column span, .et-db #et-boc .et-l #hexalight-decor .et_pb_row .et_pb_column span {
  font-size: 1.1em;
}
.produkt-akkordeon .et_pb_accordion_item {
  border: none;
  display: flex;
  justify-content: center;
}
.produkt-akkordeon .et_pb_accordion_item .et_pb_toggle_open .et_pb_toggle_content {
  display: flex;
}
.produkt-akkordeon .et_pb_accordion_item .et_pb_toggle_close .et_pb_toggle_content {
  display: none;
}
.produkt-akkordeon .et_pb_accordion_item .et_pb_toggle_content {
  flex-direction: column;
  align-items: center;
  gap: 1em;
  margin: 0 7em;
  padding: 4em 11em;
  background-color: var(--accent-background-color);
}
.produkt-akkordeon .et_pb_accordion_item .et_pb_toggle_content p:has(a) {
  margin-top: 2em;
}
.produkt-akkordeon .et_pb_accordion_item img {
  width: 35%;
}
/* Hexalight Plain*/
.et-db #et-boc .et-l .hexalight-plain-header {
  background-size: 137%;
  background-position: -3em 49%;
  height: 110vh;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-plain-header .et_pb_text:first-child .et_pb_text_inner {
    margin-top: 16%;
  }
}
.plain-header-mobile .et_pb_image:first-child {
  margin-bottom: 3em;
}
.plain-header-mobile h1 {
  margin-left: 10%;
}
.hexalight-plain-paralax {
  height: 30em;
}
.hexalight-plain-paralax .et_parallax_bg {
  background-position: 0 -16em;
}
.et-db #et-boc .et-l .hexalight-plain-first-section {
  padding-top: 2em;
}
.et-db #et-boc .et-l .hexalight-plain-first-section .et_pb_text:first-child {
  margin-bottom: 5em;
}
.et-db #et-boc .et-l .hexalight-plain-first-section h2 {
  font-size: 1.25em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-plain-first-section {
    padding-bottom: 6em;
    padding-top: 4em;
    margin-top: 4em;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexalight-plain-first-section .et_pb_text:first-child {
    margin-bottom: 5em;
  }
  .et-db #et-boc .et-l .hexalight-plain-first-section .et_pb_text:nth-child(2) h2 {
    margin-bottom: 1em;
  }
}
.et-db #et-boc .et-l .hexalight-plain-first-section .et_pb_image, .et-db #et-boc .et-l .hexalight-plain-first-section .et_pb_code:has(img) {
  text-align: center;
}
.et-db #et-boc .et-l .hexalight-plain-first-section .et_pb_image img, .et-db #et-boc .et-l .hexalight-plain-first-section .et_pb_code:has(img) img {
  margin-top: 3em;
}
.et-db #et-boc .et-l .basis-spezifikation.mobile {
  margin-top: 2em;
}
.et-db #et-boc .et-l .basis-spezifikation.mobile .et_pb_code {
  margin-bottom: 0;
}
.et-db #et-boc .et-l .basis-spezifikation.mobile h2 {
  font-size: 1.14em;
  font-weight: 100;
}
.et-db #et-boc .et-l .basis-spezifikation.mobile h3 {
  font-size: 1.14em;
  font-weight: 100;
}
.et-db #et-boc .et-l .basis-spezifikation.mobile img {
  margin: 4em 0;
}
.et-db #et-boc .et-l .basis-spezifikation.mobile .et_pb_text {
  margin-bottom: 5em;
}
.et-db #et-boc .et-l .basis-spezifikation.mobile .et_pb_image:first-child {
  margin-bottom: 1em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .basis-spezifikation .et_pb_row:first-child {
    margin-bottom: 2em;
  }
  .et-db #et-boc .et-l .basis-spezifikation h3 {
    font-size: 2.6em;
    padding-bottom: 0;
  }
  .et-db #et-boc .et-l .basis-spezifikation img {
    width: 90%;
  }
}
.et-db #et-boc .et-l .hexalight-plain-bearbeitungsoptionen img {
  height: 23em;
  object-fit: cover;
  object-position: 0 -12em;
}
.et-db #et-boc .et-l .hexalight-plain-bearbeitungsoptionen li {
  font-weight: 600;
  margin-bottom: 1.5em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-plain-bearbeitungsoptionen {
    padding-top: 7em;
    padding-bottom: 5em;
  }
  .et-db #et-boc .et-l .hexalight-plain-bearbeitungsoptionen h1 {
    margin-bottom: 1em;
  }
  .et-db #et-boc .et-l .hexalight-plain-bearbeitungsoptionen h3 {
    font-size: 2.5em;
  }
  .et-db #et-boc .et-l .hexalight-plain-bearbeitungsoptionen h3 + p {
    width: 70%;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexalight-plain-bearbeitungsoptionen {
    background-color: white;
  }
  .et-db #et-boc .et-l .hexalight-plain-bearbeitungsoptionen h2, .et-db #et-boc .et-l .hexalight-plain-bearbeitungsoptionen h3 {
    font-size: 1.3em;
    font-weight: 100;
  }
  .et-db #et-boc .et-l .hexalight-plain-bearbeitungsoptionen h3 {
    text-transform: none;
  }
  .et-db #et-boc .et-l .hexalight-plain-bearbeitungsoptionen .et_pb_text:first-child {
    margin-bottom: 1em;
  }
}
.hexalight-plain-bearbeitungsoptionen-button {
  margin-bottom: 5em;
  text-align: center;
}
@media (min-width: 981px) {
  .hexalight-plain-bearbeitungsoptionen-button {
    margin-bottom: 0;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexalight-plain-deckschichten h2, .et-db #et-boc .et-l .hexalight-plain-deckschichten h3 {
    font-size: 1.3em;
    font-weight: 100;
  }
  .et-db #et-boc .et-l .hexalight-plain-deckschichten .et_pb_row:first-child {
    margin-top: 4em;
    margin-bottom: 4em;
  }
  .et-db #et-boc .et-l .hexalight-plain-deckschichten .et_pb_row:nth-child(2) .et_pb_column:first-child {
    margin-bottom: 5em;
  }
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-plain-deckschichten {
    margin-bottom: 2em;
  }
  .et-db #et-boc .et-l .hexalight-plain-deckschichten h2 {
    margin-bottom: 1.3em;
  }
  .et-db #et-boc .et-l .hexalight-plain-deckschichten h3 {
    font-size: 2.5em;
  }
  .et-db #et-boc .et-l .hexalight-plain-deckschichten img {
    width: 87%;
  }
  .et-db #et-boc .et-l .hexalight-plain-deckschichten .et_pb_row:first-child {
    margin-bottom: 4em;
  }
  .et-db #et-boc .et-l .hexalight-plain-deckschichten .et_pb_code {
    margin-bottom: 3em;
  }
}
.hexalight-plain-first-section-mobile-image img {
  object-fit: cover;
  height: 22em;
  object-position: -10%;
}
@media (min-width: 640px) {
  .hexalight-plain-first-section-mobile-image img {
    height: 36em;
  }
}
@media (max-width: 960px) {
  .hexalight-plain-first-section-mobile-image img {
    margin-bottom: 2em;
  }
}
.hexalight-plain-variants {
  font-size: 0.8em;
  margin-bottom: 5em;
}
@media (min-width: 981px) {
  .hexalight-plain-variants {
    margin-bottom: 0;
  }
}
.hexalight-variants {
  font-size: 0.7em;
  margin-bottom: 5em;
}
@media (min-width: 981px) {
  .hexalight-variants {
    margin-bottom: 0;
    font-size: 0.8em;
  }
}
.plain-header-mobile img, .decor-header-mobile img, .frame-header-mobile img {
  margin-bottom: 1em;
}
/* Hexalight Frame */
.et-db #et-boc .et-l .hexalight-frame-header {
  background-position-y: 90%;
  height: 110vh;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-frame-header .et_pb_text:first-child .et_pb_text_inner {
    margin-top: 16%;
  }
}
.hexalight-frame-paralax {
  height: 45em;
}
.hexalight-frame-paralax .et_parallax_bg {
  background-position-y: 20%;
}
.et-db #et-boc .et-l .hexalight-frame-first-section {
  padding-top: 2em;
}
.et-db #et-boc .et-l .hexalight-frame-first-section h2 {
  font-size: 1.25em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-frame-first-section {
    padding-top: 4em;
    margin-top: 4em;
    margin-bottom: 1em;
  }
  .et-db #et-boc .et-l .hexalight-frame-first-section img {
    width: 110em;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexalight-frame-first-section {
    padding-bottom: 3em;
  }
  .et-db #et-boc .et-l .hexalight-frame-first-section h1 {
    margin-top: 0.4em;
  }
}
.et-db #et-boc .et-l .hexalight-frame-first-section .et_pb_text:first-child {
  margin-bottom: 6em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-frame-first-section .et_pb_text:first-child {
    margin-bottom: 5em;
  }
}
.et-db #et-boc .et-l .hexalight-frame-first-section .et_pb_image, .et-db #et-boc .et-l .hexalight-frame-first-section .et_pb_code:has(img) {
  text-align: center;
}
.et-db #et-boc .et-l .hexalight-frame-first-section .et_pb_image img, .et-db #et-boc .et-l .hexalight-frame-first-section .et_pb_code:has(img) img {
  margin-top: 3em;
}
.et-db #et-boc .et-l .hexalight-frame-first-section .et_pb_code img {
  width: 75%;
}
.hexalight-frame-first-section-mobile-image img {
  object-fit: cover;
  height: 27em;
  object-position: 1%;
}
@media (min-width: 640px) {
  .hexalight-frame-first-section-mobile-image img {
    height: 36em;
  }
}
.et-db #et-boc .et-l .basis-spezifikation-frame.mobile {
  margin-top: 1em;
}
.et-db #et-boc .et-l .basis-spezifikation-frame.mobile .et_pb_code {
  margin-bottom: 0;
}
.et-db #et-boc .et-l .basis-spezifikation-frame.mobile .et_pb_code:is(.et_pb_code:first-child) .hexalight-variants {
  margin-bottom: 0;
}
.et-db #et-boc .et-l .basis-spezifikation-frame.mobile h2, .et-db #et-boc .et-l .basis-spezifikation-frame.mobile h3 {
  font-size: 1.14em;
  font-weight: 100;
}
.et-db #et-boc .et-l .basis-spezifikation-frame.mobile img {
  margin: 4em 0;
}
.et-db #et-boc .et-l .basis-spezifikation-frame.mobile .et_pb_text:first-child {
  margin-bottom: 5em;
  margin-top: 2em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .basis-spezifikation-frame {
    padding-top: 6.8em;
    padding-bottom: 2em;
  }
  .et-db #et-boc .et-l .basis-spezifikation-frame h2 {
    margin-bottom: 1em;
  }
  .et-db #et-boc .et-l .basis-spezifikation-frame h3 {
    font-size: 2.6em;
    padding-bottom: 0;
  }
  .et-db #et-boc .et-l .basis-spezifikation-frame img {
    width: 90%;
  }
}
.et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen img {
  margin-top: 1em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen {
    padding-top: 3em;
    padding-bottom: 0;
  }
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen h1 {
    margin-bottom: 1em;
  }
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen h2 {
    margin-bottom: 1.5em;
  }
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen h3 {
    font-size: clamp(2em, 3vw, 2.5em);
  }
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen h3 + p {
    width: 73%;
  }
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen li {
    font-weight: 600;
    margin-bottom: 1.5em;
  }
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen .et_pb_row:first-child .et_pb_text {
    margin-bottom: 5em;
  }
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen .et_pb_row:nth-child(2) {
    padding-bottom: 3em;
  }
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen .et_pb_row:nth-child(2) .et_pb_module {
    margin-bottom: 4em;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen {
    background-color: white;
    margin-bottom: 2em;
  }
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen h2, .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen h3 {
    font-size: 1.14em;
    font-weight: 100;
  }
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen h3 {
    text-transform: none;
  }
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen .et_pb_text:first-child {
    margin-bottom: 1em;
  }
}
.et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen-button {
  text-align: center;
  margin-bottom: 2em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-frame-bearbeitungsoptionen-button {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-1 {
  padding-top: 3em;
  padding-bottom: 0;
}
.et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-1 .et_pb_code {
  margin-bottom: 2em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-1 .et_pb_row:nth-child(3) {
    padding-bottom: 3em;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-1 .et_pb_text:first-child {
    margin-bottom: 4em;
  }
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-1 .et_pb_row:first-child {
    margin-bottom: 6em;
  }
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-1 .hexalight-variants {
    font-size: inherit;
    margin-bottom: 0;
  }
}
.et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-2 {
  padding-top: 3em;
  margin-bottom: 7em;
}
.et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-2 .et_pb_code {
  margin-bottom: 5em;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-2 {
    margin-bottom: 1.5em;
  }
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-2 .et_pb_code {
    margin-bottom: 4em;
  }
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-2 .et_pb_image:first-child img {
    margin-bottom: 2em;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame h2, .et-db #et-boc .et-l .hexalight-frame-board-on-frame h3 {
    font-size: 1.3em;
    font-weight: 100;
  }
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame .et_pb_row:nth-child(3) {
    margin-top: 4em;
  }
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame .et_pb_row:nth-child(3) .et_pb-column:first-child {
    margin-bottom: 1em;
  }
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame .et_pb_row:nth-child(3) .et_pb_column:nth-child(2) {
    margin-bottom: 5em;
  }
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame {
    margin-bottom: 1em;
  }
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame h2 {
    margin-bottom: 1.4em;
  }
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame h3 {
    font-size: 2.5em;
  }
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-1 .et_pb_column:first-child .et_pb_text {
    margin-bottom: 7em;
  }
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-1 .et_pb_column:first-child .et_pb_image {
    text-align: center;
  }
  .et-db #et-boc .et-l .hexalight-frame-board-on-frame.part-1 .et_pb_column:first-child .et_pb_image img {
    width: 82%;
    margin-bottom: 2em;
  }
}
/* Hexalight Decor */
.et-db #et-boc .et-l .hexalight-decor-header {
  height: 110vh;
  background-position-y: 26%;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-decor-header .et_pb_text:first-child .et_pb_text_inner {
    margin-top: 16%;
  }
}
.hexalight-decor-paralax {
  height: 38em;
}
.hexalight-decor-paralax .et_parallax_bg {
  background-position-y: 20%;
}
.hexalight-decor-first-section {
  padding-top: 4em;
}
.hexalight-decor-first-section h2 {
  font-size: 1.25em;
}
@media (min-width: 981px) {
  .hexalight-decor-first-section {
    margin-bottom: 3em;
  }
}
@media (max-width: 980px) {
  .hexalight-decor-first-section {
    margin-bottom: 2em;
  }
  .hexalight-decor-first-section h1 {
    margin-top: 0.4em;
  }
}
@media (min-width: 981px) {
  .hexalight-decor-first-section .et_pb_text:first-child {
    margin-bottom: 5em;
  }
}
.hexalight-decor-first-section .et_pb_image, .hexalight-decor-first-section .et_pb_code:has(img) {
  text-align: center;
}
.hexalight-decor-first-section .et_pb_image img, .hexalight-decor-first-section .et_pb_code:has(img) img {
  margin-top: 3em;
}
.hexalight-decor-first-section .et_pb_code img {
  width: 85%;
}
.hexalight-decor-first-section-mobile-image img {
  object-fit: cover;
  height: 27em;
  object-position: 9%;
  margin-bottom: 3em;
}
@media (min-width: 600px) {
  .hexalight-decor-first-section-mobile-image img {
    height: 31em;
  }
}
.et-db #et-boc .et-l .basis-spezifikation-decor.mobile {
  margin-top: 1em;
}
.et-db #et-boc .et-l .basis-spezifikation-decor.mobile .et_pb_code {
  margin-bottom: 0;
}
.et-db #et-boc .et-l .basis-spezifikation-decor.mobile .et_pb_code:is(.et_pb_code:first-child) .hexalight-variants {
  margin-bottom: 0;
}
.et-db #et-boc .et-l .basis-spezifikation-decor.mobile h2, .et-db #et-boc .et-l .basis-spezifikation-decor.mobile h3 {
  font-size: 1.14em;
  font-weight: 100;
}
.et-db #et-boc .et-l .basis-spezifikation-decor.mobile img {
  margin: 4em 0;
}
.et-db #et-boc .et-l .basis-spezifikation-decor.mobile .et_pb_text:first-child {
  margin-bottom: 4em;
}
.et-db #et-boc .et-l .basis-spezifikation-decor.mobile .et_pb_image:nth-child(2) {
  margin-bottom: 4em;
}
.et-db #et-boc .et-l .basis-spezifikation-decor.mobile .et_pb_image:nth-child(2) img {
  margin-top: 2em;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .basis-spezifikation-decor .et_pb_text:first-child {
    margin-bottom: 3.5em;
  }
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .basis-spezifikation-decor {
    padding-top: 4em;
    padding-bottom: 2em;
  }
  .et-db #et-boc .et-l .basis-spezifikation-decor h2 {
    margin-bottom: 1em;
  }
  .et-db #et-boc .et-l .basis-spezifikation-decor h3 {
    font-size: clamp(2em, 3vw, 2.6em);
    padding-bottom: 0;
  }
  .et-db #et-boc .et-l .basis-spezifikation-decor img {
    width: 90%;
  }
  .et-db #et-boc .et-l .basis-spezifikation-decor .et_pb_row:first-child {
    margin-bottom: 3em;
  }
  .et-db #et-boc .et-l .basis-spezifikation-decor .et_pb_row:nth-child(3) .et_pb_image:first-child {
    margin-top: -3em;
  }
  .et-db #et-boc .et-l .basis-spezifikation-decor .et_pb_row:nth-child(3) .et_pb_image:first-child img {
    width: 80%;
  }
}
.et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen img {
  margin-top: 1em;
}
.et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen.mobile .et_pb_row:first-child .et_pb_text {
  width: 60%;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen {
    padding-top: 8em;
    padding-bottom: 6em;
  }
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen h2 {
    font-size: clamp(2em, 3vw, 3.5em);
  }
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen h3 {
    font-size: clamp(2em, 3vw, 2.5em);
  }
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen h3 + p {
    width: 73%;
  }
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen li {
    font-weight: 600;
    margin-bottom: 1.5em;
  }
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen img {
    height: 30em;
    object-fit: cover;
  }
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen .et_pb_row:nth-child(2) .et_pb_text:nth-child(3) {
    margin-bottom: 5em;
  }
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen .et_pb_row:first-child {
    padding-bottom: 2em;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen {
    background-color: white;
  }
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen h2, .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen h3 {
    font-size: 1.3em;
    font-weight: 100;
  }
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen .et_pb_text h3 {
    font-size: 1.14em;
    text-transform: none;
  }
}
.et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen-button {
  text-align: center;
  margin-bottom: 2em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen-button {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .et-db #et-boc .et-l .hexalight-decor-bearbeitungsoptionen-button + div.et_pb_section:last-child.bottom-end > .et_pb_row {
    padding-top: 0;
  }
}
.et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-1 {
  padding-top: 3em;
  padding-bottom: 0;
}
.et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-1 .et_pb_code {
  margin-bottom: 2em;
}
.et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-1 .et_pb_text:first-child {
  margin-bottom: 5em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-1 {
    padding-bottom: 3em;
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-1 .et_pb_row:nth-child(2) {
    padding-bottom: 3em;
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-1 .et_pb_row:nth-child(2) .et_pb_image:first-child {
    text-align: center;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-1 .hexalight-variants {
    margin-bottom: 0;
  }
}
.et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 {
  padding-top: 6em;
}
.et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 h4 {
  color: var(--accent-color);
  font-weight: 100;
}
.et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 .et_pb_code {
  margin-bottom: 4em;
}
.et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 .et_pb_code p:first-of-type {
  padding-bottom: 0;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 {
    margin-bottom: 1.5em;
    padding-top: 4em;
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 .et_pb_code {
    margin-bottom: 3em;
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 .et_pb_code h3 {
    margin-bottom: 1.5em;
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 .et_pb_code h4 {
    color: var(--main-color);
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 .et_pb_code h3, .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 .et_pb_code h4 {
    font-size: 1.14em;
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 .et_pb_code .hexalight-variants {
    margin-bottom: 0;
  }
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 .et_pb_code h3 {
    margin-bottom: 1em;
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 .et_pb_code h4 {
    text-transform: uppercase;
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 .et_pb_code .hexalight-variants:first-of-type {
    margin-bottom: 1em;
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte.part-2 .et_pb_row:first-child .et_pb_column:nth-child(2) .et_pb_image:first-child img {
    margin-top: 3em;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte h2, .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte h3 {
    font-size: 1.14em;
    font-weight: 100;
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte .et_pb_row:first-child {
    margin-top: 4em;
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte .et_pb_row:nth-child(2) .et_pb_column:first-child {
    margin-bottom: 8em;
  }
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte h2 {
    margin-bottom: 1.2em;
  }
  .et-db #et-boc .et-l .hexalight-decor-design-wabenplatte h3 {
    font-size: 2.5em;
  }
}
.hexalight-decor-dekorvielfalt {
  margin-bottom: 4em;
}
@media (max-width: 980px) {
  .hexalight-decor-dekorvielfalt {
    margin-bottom: 1em;
  }
  .hexalight-decor-dekorvielfalt h2, .hexalight-decor-dekorvielfalt h3 {
    font-size: 1.14em;
    font-weight: 100;
  }
}
.hexalight-decor-dekorvielfalt .et_pb_row .et_pb_column:nth-child(2) {
  width: 100%;
  align-self: normal;
}
@media (min-width: 981px) {
  .hexalight-decor-dekorvielfalt .et_pb_row {
    display: flex;
  }
  .hexalight-decor-dekorvielfalt .et_pb_row .et_pb_column:nth-child(2) {
    width: 33%;
    align-self: center;
  }
  .hexalight-decor-dekorvielfalt .et_pb_row .et_pb_column:nth-child(2) p {
    margin-bottom: 4em;
  }
  .hexalight-decor-dekorvielfalt .et_pb_row .et_pb_column:nth-child(2) h2 {
    font-size: 2.5em;
  }
}
/* Unternehmen */
@media (min-width: 981px) {
  .et-db #et-boc .et-l .unternehmen-header {
    height: 110vh;
  }
  .et-db #et-boc .et-l .unternehmen-header .et_pb_text:first-child .et_pb_text_inner {
    margin-top: 16%;
  }
}
.et-db #et-boc .et-l .unternehmen-first-section {
  margin-top: 2em;
  padding-bottom: 9em;
}
.et-db #et-boc .et-l .unternehmen-first-section .et_pb_column img {
  position: absolute;
  min-width: 37em;
}
.et-db #et-boc .et-l .unternehmen-first-section-mobile {
  margin-bottom: 3em;
}
.et-db #et-boc .et-l .unternehmen-first-section-mobile h1 {
  text-align: left;
}
.et-db #et-boc .et-l .unternehmen-first-section-mobile-image {
  padding-right: 2em;
  margin-bottom: 2em;
}
.et-db #et-boc .et-l .unternehmen-alles-unter-einem-dach {
  padding-top: 2em;
}
.et-db #et-boc .et-l .unternehmen-alles-unter-einem-dach h2 {
  margin-bottom: 1em;
}
.et-db #et-boc .et-l .unternehmen-alles-unter-einem-dach .et_pb_row {
  display: flex;
  align-items: center;
}
.et-db #et-boc .et-l .unternehmen-alles-unter-einem-dach .et_pb_image {
  text-align: center;
}
.et-db #et-boc .et-l .unternehmen-alles-unter-einem-dach .et_pb_image img {
  width: 78%;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .unternehmen-alles-unter-einem-dach h2 {
    font-size: 1.4em;
  }
  .et-db #et-boc .et-l .unternehmen-alles-unter-einem-dach .et_pb_row:first-child {
    display: flex;
    flex-direction: column-reverse;
  }
  .et-db #et-boc .et-l .unternehmen-alles-unter-einem-dach .et_pb_column:nth-child(2) {
    margin-bottom: 3em;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .unternehmen-wir-sind-vomo {
    margin-top: 1em;
  }
}
.et-db #et-boc .et-l .unternehmen-parallax {
  height: 50em;
}
.et-db #et-boc .et-l .unternehmen-parallax .et_parallax_bg {
  background-size: 102em;
  background-position-y: 15.5em;
}
.et-db #et-boc .et-l .unternehmen-parallax-mobile {
  margin-bottom: 4em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .unternehmen-miteinander {
    padding-top: 9em;
    padding-bottom: 7em;
  }
  .et-db #et-boc .et-l .unternehmen-miteinander .et_pb_text:first-child.zitat p {
    line-height: 1.5em;
    text-transform: uppercase;
    font-size: 3.49em;
    font-size: clamp(2.9em, 2.6vw, 3.49em);
    color: var(--accent-color);
    font-weight: bold;
    width: 96%;
  }
  .et-db #et-boc .et-l .unternehmen-miteinander .et_pb_text:first-child.zitat:lang(en-US) {
    margin-top: 60px !important;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .unternehmen-miteinander .et_pb_row {
    display: flex;
    flex-direction: column-reverse;
  }
  .et-db #et-boc .et-l .unternehmen-miteinander .et_pb_text:first-child {
    margin-top: 4em;
  }
  .et-db #et-boc .et-l .unternehmen-miteinander .et_pb_text:first-child.zitat p {
    color: var(--accent-color);
    font-style: italic;
    font-size: 1.2rem;
    font-weight: 400;
  }
}
.et-db #et-boc .et-l .unternehmen-sorgfalt {
  padding-bottom: 2em;
}
.et-db #et-boc .et-l .unternehmen-sorgfalt img {
  object-position: right bottom;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .unternehmen-sorgfalt img {
    height: 65vw;
    object-fit: cover;
    width: 100%;
  }
  .et-db #et-boc .et-l .unternehmen-sorgfalt .et_pb_image_wrap {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .et-db #et-boc .et-l .unternehmen-sorgfalt img {
    height: 22em;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .unternehmen-umweltschutz {
    padding-bottom: 1em;
  }
  .et-db #et-boc .et-l .unternehmen-umweltschutz .et_pb_row:first-child {
    display: flex;
    flex-direction: column-reverse;
  }
  .et-db #et-boc .et-l .unternehmen-umweltschutz .et_pb_row:first-child .et_pb_column:nth-child(2) .et_pb_text:first-child {
    margin-bottom: 3em;
  }
  .et-db #et-boc .et-l .unternehmen-umweltschutz .et_pb_row:first-child .et_pb_column:first-child {
    margin-bottom: 0;
  }
  .et-db #et-boc .et-l .unternehmen-umweltschutz .et_pb_row:first-child .et_pb_column:first-child .et_pb_module {
    text-align: center;
  }
  .et-db #et-boc .et-l .unternehmen-umweltschutz .et_pb_row:first-child img {
    height: 18em;
    object-fit: cover;
  }
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .unternehmen-umweltschutz .et_pb_row:first-child img {
    object-position: 66%;
  }
}
.et-db #et-boc .et-l .unternehmen-mehr-ueber-vomo {
  text-align: center;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .unternehmen-mehr-ueber-vomo {
    padding-bottom: 0;
  }
}
.et-db #et-boc .et-l .unternehmen-mehr-ueber-vomo + div.bottom-end > .et_pb_row {
  padding-top: 0;
}
/* Impressum */
@media (min-width: 981px) {
  .et-db #et-boc .et-l .impressum-header {
    height: 110vh;
  }
  .et-db #et-boc .et-l .impressum-header .et_pb_text:first-child .et_pb_text_inner {
    margin-top: 16%;
  }
}
@media (min-width: 981px) {
  :is(.impressum-text, .datenschutz-text, .agb-text) .et_pb_row {
    padding: 5em;
  }
}
@media (max-width: 980px) {
  .impressum-text, .datenschutz-text, .agb-text {
    background-color: var(--accent-background-color);
  }
}
/* Datenschutz */
@media (min-width: 981px) {
  .et-db #et-boc .et-l .datenschutz-header {
    height: 110vh;
  }
  .et-db #et-boc .et-l .datenschutz-header .et_pb_text:first-child .et_pb_text_inner {
    margin-top: 16%;
  }
}
/* AGB */
@media (min-width: 981px) {
  .et-db #et-boc .et-l .agb-header {
    height: 110vh;
  }
  .et-db #et-boc .et-l .agb-header .et_pb_text:first-child .et_pb_text_inner {
    margin-top: 16%;
  }
}
/* Kontakt */
@media (min-width: 981px) {
  .et-db #et-boc .et-l .kontakt-header {
    height: 110vh;
  }
  .et-db #et-boc .et-l .kontakt-header .et_pb_text:first-child .et_pb_text_inner {
    margin-top: 16%;
  }
}
/* Zähler Section */
.et_pb_gutters3 .counter-section .et_pb_image {
  margin-bottom: 2em;
}
.et_pb_gutters3 .counter-section .et_pb_image img {
  margin: auto;
  display: block;
}
@media (min-width: 981px) {
  .et_pb_gutters3 .counter-section .et_pb_image img {
    height: 5em;
  }
}
.et_pb_gutters3 .counter-section .percent-value {
  color: var(--accent-color);
}
.et_pb_gutters3 .counter-section .percent p {
  padding: 3% 0;
}
@media (min-width: 981px) {
  .et_pb_gutters3 .counter-section .percent p {
    font-size: 3em;
  }
}
.et_pb_gutters3 .counter-section .percent p span {
  font-weight: 600;
}
.et_pb_gutters3 .counter-section h3 {
  width: 100%;
  color: var(--main-color);
  font-weight: 400;
  text-transform: unset;
  font-size: 1.7em !important;
}
@media (min-width: 981px) {
  .et_pb_gutters3 .counter-section h3 {
    font-size: 2em;
  }
}
@media (min-width: 981px) {
  .et_pb_gutters3 .counter-section {
    padding: 13em 0;
  }
}
.et_pb_gutters3 .counter-section .et_pb_circle_counter {
  max-width: 260px;
}
/* Kernvorteile */
.et-db #et-boc .et-l .vorteile-video {
  height: 110vh;
}
.et-db #et-boc .et-l .et_pb_row.vorteile-title .et_pb_text_inner {
  margin-top: 16%;
}
.et-db #et-boc .et-l .et_pb_row.vorteile-title .et_pb_text_inner h1 {
  margin-top: 2em;
}
.et-db #et-boc .et-l .vorteile-first-section-row {
  display: flex;
  align-items: center;
}
.et-db #et-boc .et-l .vorteile-first-section-row .checkmark-absatz {
  text-transform: uppercase;
}
.et-db #et-boc .et-l .vorteile-first-section-row .checkmark-absatz p {
  margin-bottom: 1.3em;
}
.et-db #et-boc .et-l .split-banner.kernvorteile .et_pb_row .et_pb_specialty_column {
  width: 52.8%;
}
.et-db #et-boc .et-l .split-banner.kernvorteile .et_pb_row .et_pb_column_single {
  width: 50%;
}
.gewichtseinsparungen.et_pb_image span.et_pb_image_wrap {
  text-align: center;
}
.gewichtseinsparungen.et_pb_image span.et_pb_image_wrap img {
  width: 75%;
}
.mehrwert-schaffen {
  display: flex;
  padding-top: 0;
}
.mehrwert-schaffen .et_pb_column:first-of-type {
  margin-top: 7em;
}
.mehrwert-schaffen .et_pb_column:last-of-type .et_pb_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mehrwert-schaffen .et_pb_column:last-of-type .et_pb_image .et_pb_image_wrap {
  height: 100%;
}
.mehrwert-schaffen .et_pb_column:last-of-type .et_pb_image .et_pb_image_wrap img {
  width: auto;
}
@media (min-width: 600px) {
  .et-db #et-boc .et-l .info-kernvorteile img {
    width: 50%;
  }
}
.et-db #et-boc .et-l .kernvorteile-beispielrechnung img {
  width: 80%;
}
@media (min-width: 600px) {
  .et-db #et-boc .et-l .kernvorteile-beispielrechnung img {
    width: 50%;
  }
}
.small-headline {
  font-size: 0.7em;
}
.et-db #et-boc .et-l .et_pb_section.flexibilitat .et_pb_row {
  padding: 2% 0 2% 7%;
}
.et-db #et-boc .et-l .et_pb_section.flexibilitat .flexibilitat-text {
  padding-right: 20%;
}
.et-db #et-boc .et-l .et_pb_section.flexibilitat .flexibilität-image-row img {
  height: 94em;
  object-fit: contain;
  width: 77em;
  max-width: none;
}
@media (min-width: 1729px) {
  .et-db #et-boc .et-l .et_pb_section.flexibilitat.cut-last-section {
    padding-bottom: 0;
    margin-bottom: -11em;
  }
}
.et-db #et-boc .et-l .et_pb_section.flexibilitat.cut-last-section .et_pb_row {
  padding-bottom: 0;
}
.et-db #et-boc .et-l .kernvorteile-trenner {
  padding-top: 0;
  padding-bottom: 0;
}
.et-db #et-boc .et-l .kernvorteile-trenner .et_pb_row {
  padding-top: 0;
  padding-bottom: 0;
}
.et-db #et-boc .et-l .kernvorteile-trenner .et_pb_row img {
  width: 33%;
  margin-left: -0.8%;
}
.modularitaet {
  margin-top: 11em;
}
@media (min-width: 981px) {
  .modularitaet .et_pb_row {
    display: flex;
  }
  .modularitaet .et_pb_row .et_pb_column:first-of-type {
    overflow: hidden;
  }
  .modularitaet .et_pb_row .et_pb_column:first-of-type .et_pb_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .modularitaet .et_pb_row .et_pb_column:first-of-type .et_pb_image img {
    object-fit: cover;
    height: 94em;
  }
}
.et-db #et-boc .et-l .vomi-feder {
  padding-bottom: 2em;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .vomi-feder span {
    text-align: right;
  }
  .et-db #et-boc .et-l .vomi-feder span img {
    object-fit: cover;
    object-position: -66%;
    right: initial !important;
  }
}
@media (min-width: 981px) {
  .kernvorteile-nachhaltigkeit .et_pb_row:nth-child(2) {
    margin-bottom: 5em;
  }
}
@media (max-width: 980px) {
  .kernvorteile-nachhaltigkeit .et_pb_row {
    width: 100%;
  }
  .kernvorteile-nachhaltigkeit .et_pb_row:first-of-type {
    margin-bottom: 2em;
  }
  .kernvorteile-nachhaltigkeit .et_pb_row .et_pb_column {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .kernvorteile-nachhaltigkeit .et_pb_row .et_pb_column .et_pb_module {
    width: 80%;
  }
  .kernvorteile-nachhaltigkeit .et_pb_row .et_pb_column .et_pb_module.recycling-kernvorteile {
    width: 100%;
  }
  .kernvorteile-nachhaltigkeit .et_pb_row .et_pb_column .et_pb_module.recycling-kernvorteile img {
    object-fit: cover;
    object-position: 164%;
    height: 20em;
    width: 23em;
  }
}
.et-db #et-boc .et-l .legos {
  padding: 0 !important;
}
.et-db #et-boc .et-l .legos img {
  object-fit: cover;
  height: 14em;
  object-position: 10%;
  right: initial !important;
}
.et-db #et-boc .et-l .kernkompetenz-fertigung {
  padding: 0 !important;
}
.et-db #et-boc .et-l .kernkompetenz-fertigung img {
  object-fit: cover;
  height: 22em;
  object-position: 8%;
  right: initial !important;
  width: 18em !important;
}
.et-db #et-boc .et-l .no-padding-bottom-kernvorteile {
  padding-bottom: 30px !important;
}
.et-db #et-boc .et-l .ende-kernvorteile-mobile .checkmark-absatz p {
  margin-bottom: 1.1em;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .ende-kernvorteile-mobile {
    padding: 0 0 30px !important;
  }
  .et-db #et-boc .et-l .ende-kernvorteile-mobile .checkmark-absatz p {
    margin-bottom: unset;
    font-weight: 500;
  }
}
/* Unsere Werte */
p span.zitat.big {
  font-size: 2.6em;
  line-height: 1.5em;
  font-weight: 700;
  font-style: normal;
  margin: 1.4em 0;
}
.nachhaltiges-denken p span.zitat.big {
  margin: 0em 0 1.5em;
}
.et-db #et-boc .et-l .regionale-unterstuetzung .et_pb_row {
  width: 73%;
  margin-left: 12.5em;
}
.et-db #et-boc .et-l .regionale-unterstuetzung > div:first-of-type {
  padding: 5% 4% 3%;
}
.et-db #et-boc .et-l .regionale-unterstuetzung > div:first-of-type > div:first-of-type {
  width: 49.3%;
  margin-right: 8%;
}
.et-db #et-boc .et-l .regionale-unterstuetzung > div:first-of-type > div:first-of-type img {
  margin-top: 2em;
}
.et-db #et-boc .et-l .regionale-unterstuetzung > div:first-of-type > div:last-of-type {
  width: 42%;
}
.et-db #et-boc .et-l .regionale-unterstuetzung > div:last-of-type {
  padding: 0 4% 5%;
}
/* kontaktperson */
.et-db #et-boc .et-l .kontaktperson {
  background-color: var(--accent-background-color);
}
.et-db #et-boc .et-l .kontaktperson .et_pb_row {
  overflow: hidden;
  padding: 30px 0;
}
.et-db #et-boc .et-l .kontaktperson .et_pb_row .et_pb_column_2_5 {
  width: 65% !important;
  margin-left: -8em;
}
.et-db #et-boc .et-l .kontaktperson .et_pb_row .et_pb_column_3_5 {
  width: 47% !important;
  margin-left: 2em;
}
.et-db #et-boc .et-l .kontaktperson .et_pb_row p {
  color: var(--accent-color);
}
.et-db #et-boc .et-l .kontaktperson .et_pb_row a {
  color: var(--accent-color);
  font-size: 1.2em;
}
/* Kontaktformular */
.et-db #et-boc .et-l .kontakt-sektion {
  margin-top: 0.5em;
  padding-bottom: 1em;
  padding-top: 0;
}
.et-db #et-boc .et-l .kontakt-sektion .et_pb_row {
  padding-top: 0;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .kontakt-sektion .et_pb_row {
    padding-top: 5em;
    padding-bottom: 5em;
  }
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .kontakt-sektion {
    background-color: var(--accent-background-color);
    padding-top: 1em;
    padding-bottom: 4em;
  }
}
.et-db #et-boc .et-l .wpcf7-form .row {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.et-db #et-boc .et-l .wpcf7-form .row .kontaktformular {
  border: none;
  border-radius: 6px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 1em;
  background-size: 16px;
  padding-left: 2.7em;
}
@media (min-width: 981px) {
  .et-db #et-boc .et-l .wpcf7-form .row .kontaktformular {
    font-size: 1em;
    background-size: 22px;
  }
}
.et-db #et-boc .et-l .wpcf7-form .row .kontaktformular::placeholder {
  opacity: 0.5;
  color: var(--main-color);
}
.et-db #et-boc .et-l .wpcf7-form .row .kontaktformular::-moz-placeholder {
  color: var(--main-color);
  opacity: 0.5;
}
.et-db #et-boc .et-l .wpcf7-form .row .kontaktformular::-webkit-input-placeholder {
  color: var(--main-color);
  opacity: 0.5;
}
.et-db #et-boc .et-l .wpcf7-form .row .kontaktformular:not(.message) {
  height: 3em;
}
.et-db #et-boc .et-l .wpcf7-form .row .kontaktformular.name {
  background-image: url("/wp-content/uploads/2024/10/Icon-ion-person-outline.svg");
}
.et-db #et-boc .et-l .wpcf7-form .row .kontaktformular.company {
  background-image: url("/wp-content/uploads/2024/10/ICON-Computer.svg");
}
.et-db #et-boc .et-l .wpcf7-form .row .kontaktformular.email {
  background-image: url("/wp-content/uploads/2024/10/Icon-ion-ios-email-outline.svg");
}
.et-db #et-boc .et-l .wpcf7-form .row .kontaktformular.number {
  background-image: url("/wp-content/uploads/2024/10/Icon-akar-phone-1.svg");
}
.et-db #et-boc .et-l .wpcf7-form .row .kontaktformular.message {
  background-image: url("/wp-content/uploads/2024/10/Icon-fa-regular-message.svg");
  background-position-y: 4%;
}
.et-db #et-boc .et-l .wpcf7-form .row > p {
  width: 41%;
}
.et-db #et-boc .et-l .wpcf7-form .row > p:last-of-type {
  color: var(--accent-color);
}
.et-db #et-boc .et-l .wpcf7-form .row > p:last-of-type .captcha-image {
  width: 100%;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .wpcf7-form .row > p {
    width: 100%;
  }
}
.et-db #et-boc .et-l .wpcf7-form .row > p:nth-child(5) {
  color: var(--accent-color);
  font-weight: 700;
  margin-top: 1em;
  padding-bottom: 1em;
}
.et-db #et-boc .et-l .wpcf7-form .row .datenschutz-bestaetigung input {
  width: 2em;
  height: 2em;
  vertical-align: text-top;
}
.et-db #et-boc .et-l .wpcf7-form .row .datenschutz-bestaetigung .wpcf7-list-item-label {
  margin: 0;
  font-weight: 300;
  font-size: 0.7em;
}
@media (min-width: 600px) {
  .et-db #et-boc .et-l .wpcf7-form .row .datenschutz-bestaetigung .wpcf7-list-item-label {
    font-size: 1em;
  }
}
.et-db #et-boc .et-l .wpcf7-form .row .pflichtfeld {
  font-size: 1em;
  margin-left: 2em;
}
.et-db #et-boc .et-l .wpcf7-form .row .wpcf7-submit {
  background-color: var(--accent-color);
  color: var(--main-background-color);
  border-radius: 10px;
  cursor: pointer;
  padding: 0.5em 1em;
  font-weight: 300;
  font-size: 0.9em;
}
@media (max-width: 980px) {
  .et-db #et-boc .et-l .wpcf7-form .row .wpcf7-submit {
    padding: 0.5em 1em;
  }
}
/* Stellenangebote */
.post-type-archive-op_jobs.et-db #et-boc .et-l h1 {
  text-align: center;
}
.post-type-archive-op_jobs.et-db #et-boc .et-l .et_pb_section {
  padding: 0;
}
.post-type-archive-op_jobs.et-db #et-boc .et-l .job-uebersicht-toggle .et_pb_toggle {
  border: none;
  background-color: var(--accent-color);
  color: var(--main-background-color);
  overflow: hidden;
  padding: 0;
  margin-bottom: 0;
}
.post-type-archive-op_jobs.et-db #et-boc .et-l .job-uebersicht-toggle .et_pb_toggle h2 {
  color: var(--main-background-color);
  font-family: OpenSans;
  padding: 1em 2em;
}
.post-type-archive-op_jobs.et-db #et-boc .et-l .job-uebersicht-toggle .et_pb_toggle h2:before {
  color: var(--main-background-color);
  left: 13em;
}
.post-type-archive-op_jobs.et-db #et-boc .et-l .job-uebersicht-toggle .et_pb_toggle h2:after {
  content: "";
  background-color: white;
  height: 2em;
  width: 5em;
  display: block;
  position: absolute;
  right: -20px;
  top: -40px;
  transform: rotate(28deg);
}
.post-type-archive-op_jobs.et-db #et-boc .et-l .job-uebersicht-toggle .et_pb_toggle .uebersicht_single_job {
  padding: 2em 4em;
}
.post-type-archive-op_jobs.et-db #et-boc .et-l .job-uebersicht-toggle .et_pb_toggle .uebersicht_single_job a {
  color: var(--accent-color);
}
.post-type-archive-op_jobs.et-db #et-boc .et-l .job-uebersicht-toggle .et_pb_toggle .uebersicht_single_job p {
  color: var(--subtext-color);
}
.post-type-archive-op_jobs.et-db #et-boc .et-l .job-uebersicht-toggle .et_pb_toggle_content {
  background-color: var(--accent-background-color);
}
.teamImage.jobanzeige .et_pb_image_wrap {
  width: 100%;
}
.teamImage.jobanzeige img {
  width: 100%;
  height: auto;
}
.teamImage.jobanzeige .et_pb_row_0_tb_body {
  padding: 0;
}
.et_builder_inner_content .jobanzeige {
  word-wrap: break-word;
  padding: 0;
}
@media (min-width: 981px) {
  .et_builder_inner_content .jobanzeige {
    padding: 5em 0 0;
  }
}
.et_pb_code_7_tb_body .op-button {
  margin-bottom: 1.5em;
}
.et_pb_text {
  margin-bottom: 10em;
}
.jobanzeige ul br {
  display: none;
}
@media (min-width: 981px) {
  .jobanzeige .et_pb_row {
    padding: 0 2em;
  }
}
.jobanzeige .et_pb_column_1_4 {
  background-color: var(--accent-background-color);
}
.jobanzeige .et_pb_column_1_4 .infos {
  margin-bottom: 0;
}
.jobanzeige .infos {
  padding: 1em 1em;
}
.jobanzeige .et_pb_button_module_wrapper:has(.applyButton) {
  text-align: center;
  margin-top: 4em;
}
.jobanzeige .applyButton {
  margin-bottom: 1em;
}
.jobanzeige h3 {
  font-size: 2.2em;
  font-weight: 600;
  color: var(--accent-color);
}
.jobanzeige .eigenschaften {
  width: 100%;
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}
.jobanzeige .eigenschaften .bild img {
  height: 1.4em;
  width: auto;
}
.jobanzeige .eigenschaften .bild .wert {
  display: inline-block;
  width: calc(100% - 30px);
}
.jobanzeige .eigenschaften h2 {
  color: var(--main-color);
  font-weight: 300;
}
.jobanzeige p {
  padding-bottom: 0px;
  line-height: 1.4em;
}
.jobanzeige p.title {
  margin-bottom: 10px;
  margin-top: 30px;
  line-height: 25px;
}
.jobanzeige p.title .first {
  margin-top: 0px;
}
.jobanzeige p.title strong {
  color: var(--accent-color);
}
.jobanzeige p strong {
  font-weight: 500;
}
.jobanzeige ul {
  margin-top: 1em;
  list-style-position: inside;
}
.jobanzeige ul li {
  line-height: 1.4em;
  font-size: 1.8em;
  font-weight: 300;
  color: var(--main-color);
}
.jobanzeige .jobTitle {
  margin-top: 3em;
  text-align: center;
}
.jobanzeige .jobTitle h1 {
  letter-spacing: 0.066em;
}
.jobanzeige .jobTitle h2 {
  margin-bottom: 3em;
}
.et_builder_inner_content .jobanzeige .heading {
  margin-bottom: 1.5em;
}
.et_builder_inner_content .jobanzeige .jobText {
  margin-bottom: 6em;
}
.et_builder_inner_content .jobanzeige .jobText p:last-of-type {
  margin-bottom: 0;
}
.et_pb_team_member.jobangebote .et_pb_team_member_image img {
  width: 200px;
}
.et_pb_team_member.jobangebote .et_pb_team_member_description {
  padding: 0 0px;
}
.et_pb_team_member.jobangebote .et_pb_team_member_description p {
  text-align: left;
  line-height: 1.2em;
  margin-bottom: 1em;
}
.et_pb_team_member.jobangebote .et_pb_team_member_description p.et_pb_member_position {
  margin-bottom: 26px;
  text-align: center;
}
.et_pb_team_member.jobangebote .et_pb_team_member_description .et_pb_module_header {
  text-align: center;
}
.et_pb_team_member.jobangebote .et_pb_team_member_description .et_pb_member_position {
  text-align: center;
}
/* Bewerben */
.et-db #et-boc .et-l .bewerben span {
  margin-bottom: 2rem;
  display: block;
}
.et-db #et-boc .et-l .bewerben span input, .et-db #et-boc .et-l .bewerben span textarea {
  width: 100%;
  border: none;
  background-color: var(--accent-background-color);
  padding: 1rem;
  font-size: 1em;
  color: var(--main-color);
}
.et-db #et-boc .et-l .bewerben span input[type="file"] {
  font-size: initial;
}
.et-db #et-boc .et-l .bewerben span.upload-information {
  font-weight: 300;
  font-size: 0.8em;
  line-height: 1em;
  margin-bottom: 0;
}
.et-db #et-boc .et-l .bewerben span[data-name="Anhang"] {
  margin: 0;
}
.et-db #et-boc .et-l .bewerben span .wpcf7-list-item {
  margin: 0;
}
.et-db #et-boc .et-l .bewerben span .wpcf7-list-item input[type="checkbox"] {
  width: initial;
  padding: initial;
}
.et-db #et-boc .et-l .bewerben span .wpcf7-list-item span {
  display: initial;
  font-weight: 300;
}
.et-db #et-boc .et-l .bewerben span .wpcf7-list-item span a {
  font-weight: 500;
}
.et-db #et-boc .et-l .bewerben input[type="submit"] {
  background-color: var(--accent-color);
  color: var(--main-background-color);
  border-radius: 5px;
  cursor: pointer;
  padding: 1em;
  border: none;
  font-weight: 600;
  font-size: 1.3rem;
}
/* Blog */
.et-db #et-boc .et-l .et_pb_post p {
  color: var(--main-color);
}
.et-db #et-boc .et-l .et_pb_post p span.published {
  font-weight: 300;
  font-size: 1.5em;
}
.et-db #et-boc .et-l .et_pb_post h2 {
  font-size: 1.7em;
}
#sidebar .et_pb_widget .neuestebeitraege.widget {
  width: 100%;
}
#sidebar .et_pb_widget .neuestebeitraege.widget .beitrag {
  margin-bottom: 30px;
  color: var(--main-color);
}
#sidebar .et_pb_widget .neuestebeitraege.widget .beitrag:hover {
  background-color: var(--accent-background-color);
}
#sidebar .et_pb_widget .neuestebeitraege.widget .beitrag:hover .title p {
  color: var(--accent-color);
  text-decoration: none;
}
#sidebar .et_pb_widget .neuestebeitraege.widget .beitrag .title {
  padding: 10px 15px 15px 15px;
}
#sidebar .et_pb_widget .neuestebeitraege.widget .beitrag .title p {
  font-size: 1.5em;
  line-height: 1.1em;
}
#sidebar .et_pb_widget .neuestebeitraege.widget .beitrag a:hover {
  text-decoration: none;
}
h3#comments {
  font-size: 2em;
  margin-bottom: 0.4em;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: none;
}
p.post-meta * {
  font-weight: 300;
  color: var(--main-color);
  font-size: 1.2em;
}
/* Geschäftsfelder */
/* letzte Section vor dem Footer Desktop */
.et-db #et-boc .et-l .bottom-end .et_pb_row {
  padding-top: 3em;
}
.et-db #et-boc .et-l .bottom-end .et_pb_row .et_pb_image_wrap img {
  width: 52.5%;
}
.et-db #et-boc .et-l .bottom-end .et_pb_row .et_pb_column_1_2:last-of-type .et_pb_image_wrap {
  text-align: right;
}
/* rechtliche Seiten */
.et-db #et-boc .et-l .full-width-video-banner h1.text-center {
  text-align: center;
  margin-top: 3.5em;
}
.et-db #et-boc .et-l .rechts-text .et_pb_row {
  background-color: var(--accent-background-color);
}
.et-db #et-boc .et-l .rechts-text .et_pb_row h2 {
  font-size: 2em;
}
.et-db #et-boc .et-l .rechts-text .et_pb_row h3 {
  font-size: clamp(1em, 1.5vw, 1.4em);
}
.et-db #et-boc .et-l .rechts-text .et_pb_row strong {
  color: var(--accent-color);
}
.et-db #et-boc .et-l .rechts-text .et_pb_row li {
  font-size: clamp(1em, 1.5vw, 1.3em);
  line-height: 29px;
  font-weight: 300;
  color: var(--main-color);
  padding-bottom: 1.5em;
}
.et-db #et-boc .et-l .rechts-text .et_pb_row li ol li {
  font-size: 1em;
}
.et-db #et-boc .et-l .rechts-text .et_pb_row .alphabet {
  list-style-type: lower-alpha;
}
/* danke Seite */
.danke-mobile-headline h1 {
  font-size: 1.8em;
}
/* Footer */
@media (max-width: 980px) {
  .et_pb_gutters3.et-db #et-boc footer.et-l {
    margin-bottom: 3em;
  }
}
.et_pb_gutters3.et-db #et-boc footer.et-l .footer-content {
  width: 85%;
  max-width: 423px;
  padding: 27px 0 !important;
}
@media (max-width: 415px) {
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content {
    width: 70%;
  }
}
@media (min-width: 520px) {
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content {
    width: 70%;
  }
}
@media (min-width: 981px) {
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content {
    width: 85%;
  }
}
.et_pb_gutters3.et-db #et-boc footer.et-l .footer-content:lang(en) {
  max-width: 610px;
}
.et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_links {
  width: 100%;
}
.et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_links .et_pb_code_inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 450px) {
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_links .et_pb_code_inner:lang(en) {
    flex-direction: column;
    align-items: center;
  }
}
.et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_links .et_pb_code_inner a {
  color: var(--accent-color);
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: 400;
}
@media (min-width: 415px) {
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_links .et_pb_code_inner a:lang(de) {
    font-size: 1.2em;
  }
}
@media (min-width: 700px) {
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_links .et_pb_code_inner a:lang(en) {
    font-size: 1em;
  }
}
@media (min-width: 830px) {
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_links .et_pb_code_inner a:lang(en) {
    font-size: 1.2em;
  }
}
.et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .et_pb_divider {
  width: 35%;
  margin: auto;
}
@media (min-width: 981px) {
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .et_pb_divider {
    width: 60%;
  }
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .et_pb_divider:lang(en) {
    width: 45%;
  }
}
.et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_icons {
  width: 30%;
  margin: auto;
  margin-bottom: 1em;
}
@media (min-width: 981px) {
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_icons {
    width: 50%;
  }
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_icons:lang(en) {
    width: 34%;
  }
}
.et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_icons .et_pb_code_inner {
  display: flex;
  justify-content: space-between;
}
.et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_icons .et_pb_code_inner a img {
  width: 1.5em;
}
@media (min-width: 981px) {
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_icons .et_pb_code_inner a img {
    width: 3em;
  }
}
.et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_icons .et_pb_code_inner a:first-of-type img {
  width: 0.8em;
}
@media (min-width: 981px) {
  .et_pb_gutters3.et-db #et-boc footer.et-l .footer-content .footer_icons .et_pb_code_inner a:first-of-type img {
    width: 1.6em;
  }
}
/*# sourceMappingURL=https://www.vomo-basic.com/wp-content/themes/vomo-leichtbau/css/styles.map */