body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
@charset "UTF-8";
/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2024 on Contao
    17.06.2024 - 15.15

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2026 on Contao
    17.06.2026 - 15.15

    +++ COMPONENTS +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2024 on Contao
    17.06.2024 - 15.30

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* 
*   ==============================================================================   
*   Nulldrei 2026 on Contao
*   Version 0.1 
*
*   RESPONSIVE
*   ------------------------------------------------------------------------------
*   Definitionen, Mixins und Klassen für Resonsive Design
*   ==============================================================================
*/
@media screen and (orientation: landscape) {
  .portrait-only {
    display: none;
  }
}

@media screen and (orientation: portrait) {
  .landscape-only {
    display: none;
  }
}

@media screen and (min-width: 601px) {
  .for-small {
    display: none;
  }
}

@media screen and (max-width: 1300px) {
  .for-larger-up {
    display: none;
  }
}

@media screen and (min-width: 1301px) {
  .for-medium-down {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .for-medium-up {
    display: none;
  }
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2024 on Contao
    17.06.2024 - 15.15

    +++ FARBEN +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2024 on Contao
    17.06.2024 - 15.15

    +++ SCHRIFTEN +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
@font-face {
  font-family: "GothamNarrow";
  src: url("../../files/Theme-03/fonts/GothamNarrow-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamNarrow";
  src: url("../../files/Theme-03/fonts/GothamNarrow-Book-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamNarrow";
  src: url("../../files/Theme-03/fonts/GothamNarrow-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamNarrow";
  src: url("../../files/Theme-03/fonts/GothamNarrow-Bold-Italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamNarrow";
  src: url("../../files/Theme-03/fonts/GothamNarrow-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../../files/Theme-03/fonts/Gotham-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2024 on Contao
    17.06.2024 - 15.15

    +++ SPACER +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.spacer-top-xs {
  margin-top: 0.5rem;
}

.spacer-top-s {
  margin-top: 1rem;
}

.spacer-top-m {
  margin-top: 2.5dvh;
}

.spacer-top-l {
  margin-top: 5dvh;
}

.spacer-top-xl {
  margin-top: 10dvh;
}

.spacer-bottom-xs {
  margin-bottom: 0.5rem;
}

.spacer-bottom-s {
  margin-bottom: 1rem;
}

.spacer-bottom-m {
  margin-bottom: 2.5dvh;
}

.spacer-bottom-l {
  margin-bottom: 5dvh;
}

.spacer-bottom-xl {
  margin-bottom: 10dvh;
}

.spacer-left-xs {
  margin-left: 0.5rem;
}

.spacer-left-s {
  margin-left: 1rem;
}

.spacer-left-m {
  margin-left: 1.7857142857dvw;
}

.spacer-left-l {
  margin-left: 3.5714285714dvw;
}

.spacer-left-xl {
  margin-left: 1rem;
}

.spacer-right-xs {
  margin-right: 0.5rem;
}

.spacer-right-s {
  margin-right: 1rem;
}

.spacer-right-m {
  margin-right: 1.7857142857dvw;
}

.spacer-right-l {
  margin-right: 3.5714285714dvw;
}

.spacer-right-xl {
  margin-right: 7.1428571429dvw;
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2026 on Contao
    06.07.2026 - 11.30

    +++ ANIMATIONS +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
@keyframes slide-in-left {
  0% {
    transform: translateX(-75dvw);
    opacity: 0;
    letter-spacing: 5px;
  }
  25% {
    opacity: 1;
  }
  100% {
    transform: translateX(0px);
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(75dvw);
    opacity: 0;
    letter-spacing: 5px;
  }
  25% {
    opacity: 1;
  }
  100% {
    transform: translateX(0px);
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@view-transition {
  navigation: auto;
}
::view-transition-group(root) {
  animation-duration: 1s;
  animation-timing-function: ease;
}

::view-transition-old(root) {
  animation-name: page-slide-out;
}

::view-transition-new(root) {
  animation-name: page-slide-in;
}

@keyframes page-slide-out {
  to {
    translate: -100vw;
  }
}
@keyframes page-slide-in {
  from {
    translate: 100vw;
  }
}
.hideImage img {
  opacity: 0;
  transform: scale(0.8);
  transition: all 1s;
}

.hideImage.revealImage img {
  opacity: 1;
  transform: scale(1);
}

.hideSlideImage-left img {
  opacity: 0;
  transform: translateX(-25dvw);
  transition: all 1s;
}

.hideSlideImage-right img {
  opacity: 0;
  transform: translateX(25dvw);
  transition: all 1s;
}

.hideSlideImage-left.revealSlideImage img,
.hideSlideImage-right.revealSlideImage img {
  opacity: 1;
  transform: translateX(0);
}

* {
  box-sizing: border-box;
  margin: 0;
  border: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

figure,
picture {
  display: block;
  width: 100%;
  position: relative;
}

img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

video,
audio {
  display: block;
}

/* 
*   ==============================================================================   
*   Nulldrei 2023 - 08.05.2023
*
*   TEXT
*   ------------------------------------------------------------------------------
*   Definitionen, Mixins und Klassen für Texte
*   ==============================================================================
*/
html,
body {
  font-display: fallback;
  font-size: 16px !important;
  font-weight: normal;
}
@media screen and (min-width: 601px) {
  html,
  body {
    font-size: 16px !important;
  }
}
@media screen and (min-width: 1301px) {
  html,
  body {
    font-size: 20px !important;
  }
}
@media screen and (min-width: 2001px) {
  html,
  body {
    font-size: 24px !important;
  }
}
html,
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6,
p, q, blockquote, sub, sup {
  font-kerning: auto;
  font-variant-ligatures: common-ligatures;
  font-variant-numeric: proportional-nums;
  hyphens: auto;
  font-weight: normal;
}

sup {
  font-variant-position: super;
}

sub {
  font-variant-position: sub;
}

.num-fraction {
  font-variant-numeric: diagonal-fractions;
}

h1 {
  position: relative;
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  font-size: clamp(3.35rem, 7dvw, 7rem);
}
@media screen and (min-width: 601px) {
  h1 {
    font-size: clamp(3.35rem, 7dvw, 7rem);
  }
}
@media screen and (min-width: 1301px) {
  h1 {
    font-size: clamp(3.5rem, 7dvw, 7rem);
  }
}
@media screen and (min-width: 2001px) {
  h1 {
    font-size: clamp(3.5rem, 7dvw, 7rem);
  }
}
h1 {
  font-weight: 900;
  margin: 0;
  padding: 0rem 0 0rem 0;
  color: hsl(338, 0%, 5%);
  line-height: 1.1;
  letter-spacing: 0;
  hyphens: none;
  text-wrap: balance;
}
h1:first-of-type {
  padding-top: 0;
}

h2 {
  position: relative;
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  font-size: clamp(2.25rem, 4.75vh, 3.25rem);
}
@media screen and (min-width: 601px) {
  h2 {
    font-size: clamp(2.25rem, 4.75vh, 3.25rem);
  }
}
@media screen and (min-width: 1301px) {
  h2 {
    font-size: clamp(2.5rem, 4dvw, 4rem);
  }
}
@media screen and (min-width: 2001px) {
  h2 {
    font-size: clamp(2.5rem, 4dvw, 4rem);
  }
}
h2 {
  font-weight: 900;
  margin: 0;
  padding: 1rem 0 2rem 0;
  color: hsl(338, 0%, 5%);
  line-height: 1.2;
  letter-spacing: 0;
  hyphens: none;
  text-wrap: balance;
}
h2:first-of-type {
  padding-top: 0;
}

h3 {
  position: relative;
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  font-size: clamp(1.5rem, 3.5vh, 2.25rem);
}
@media screen and (min-width: 601px) {
  h3 {
    font-size: clamp(1.5rem, 3.5vh, 2.25rem);
  }
}
@media screen and (min-width: 1301px) {
  h3 {
    font-size: clamp(1.5rem, 2.5dvw, 2rem);
  }
}
@media screen and (min-width: 2001px) {
  h3 {
    font-size: clamp(1.5rem, 2.5dvw, 2rem);
  }
}
h3 {
  font-weight: 900;
  margin: 0;
  padding: 1rem 0 1rem 0;
  color: hsl(338, 0%, 5%);
  line-height: 1.2;
  letter-spacing: 0;
  hyphens: none;
  text-wrap: balance;
}
h3:first-of-type {
  padding-top: 0;
}

h4 {
  position: relative;
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  font-size: 1rem;
}
@media screen and (min-width: 601px) {
  h4 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1301px) {
  h4 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 2001px) {
  h4 {
    font-size: 1rem;
  }
}
h4 {
  font-weight: 700;
  margin: 0;
  padding: 0.5rem 0 0.75rem 0;
  color: hsl(338, 0%, 5%);
  line-height: 1.2;
  letter-spacing: 0;
  hyphens: none;
  text-wrap: balance;
}
h4:first-of-type {
  padding-top: 0;
}

h5 {
  position: relative;
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  font-size: clamp(1.5rem, 3dvw, 2.5rem);
}
@media screen and (min-width: 601px) {
  h5 {
    font-size: clamp(1.5rem, 3dvw, 2.5rem);
  }
}
@media screen and (min-width: 1301px) {
  h5 {
    font-size: clamp(1.5rem, 2.5dvw, 2.25rem);
  }
}
@media screen and (min-width: 2001px) {
  h5 {
    font-size: clamp(1.5rem, 2.5dvw, 2.25rem);
  }
}
h5 {
  font-weight: 900;
  margin: 0;
  padding: 0.5rem 0 0.75rem 0;
  color: hsl(338, 0%, 5%);
  line-height: 1.2;
  letter-spacing: 0;
  hyphens: none;
  text-wrap: balance;
}
h5:first-of-type {
  padding-top: 0;
}

h1.divider, .divider h1 {
  margin-bottom: 3rem;
}
h1.divider::after, .divider h1::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.5714285714dvw;
  border-bottom: 0.25rem solid hsl(338, 0%, 5%);
  content: "";
}

h2.divider, .divider h2 {
  margin-bottom: 2rem;
}
h2.divider::after, .divider h2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.7857142857dvw;
  border-bottom: 0.25rem solid hsl(338, 0%, 5%);
  content: "";
}

h3.divider, .divider h3 {
  margin-bottom: 1rem;
}
h3.divider::after, .divider h3::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.7857142857dvw;
  border-bottom: 0.25rem solid hsl(338, 0%, 5%);
  content: "";
}

h4.divider, .divider h4 {
  margin-bottom: 0.5rem;
}
h4.divider::after, .divider h4::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1rem;
  border-bottom: 0.25rem solid hsl(338, 0%, 5%);
  content: "";
}

p {
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  font-size: 1rem;
  color: hsl(338, 0%, 5%);
  line-height: 1.35;
}

p.initial::first-line {
  line-height: 100%;
}

p.initial::first-letter {
  font-size: 310%;
  font-weight: bold;
  margin: 0.1em 2px 0 -1px;
  float: left;
}

li {
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  line-height: 1.35;
}

table {
  margin: 1rem 0;
  width: 100%;
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  color: hsl(338, 0%, 5%);
}
table tr {
  border-bottom: 1px solid rgb(117, 125, 133);
}
table tr:last-of-type {
  border-bottom: none;
}
table td {
  padding: 0.25rem 0.5rem;
}

.tfooter {
  font-size: 0.8rem;
  font-style: italic;
}

strong {
  font-weight: 700;
  color: oklch(92.6% 0.209 114.5deg);
}

.thin {
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
}

.black {
  color: hsl(338, 0%, 5%);
}

.hyphen {
  hyphens: auto !important;
}

.ul-pri {
  -webkit-text-decoration: underline solid oklch(92.6% 0.209 114.5deg);
          text-decoration: underline solid oklch(92.6% 0.209 114.5deg);
}

.ul-sec {
  -webkit-text-decoration: underline solid oklch(61.547% 0.1047 201.47deg);
          text-decoration: underline solid oklch(61.547% 0.1047 201.47deg);
}

a {
  text-decoration: none;
  color: hsl(338, 0%, 5%);
}

p a {
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
}

.text-link a,
p a.text-link,
p.more a,
div.back a {
  display: inline-block;
  padding-bottom: 0;
  border-bottom: 1px solid hsl(338, 0%, 5%);
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  font-weight: bolder;
  font-size: inherit;
}
.text-link a::after,
p a.text-link::after,
p.more a::after,
div.back a::after {
  display: inline-block;
  width: 1rem;
  margin-left: 0.25rem;
  background: url("../../files/Theme-03/icons/icon-text-link.svg");
  background-size: auto 0.7rem;
  background-position: right bottom;
  background-repeat: no-repeat;
  height: 1rem;
  content: "";
}
.text-link a:hover,
p a.text-link:hover,
p.more a:hover,
div.back a:hover {
  border-bottom-color: oklch(61.547% 0.1047 201.47deg);
  transition: all 400ms;
}

div.back a::after {
  display: none;
}
div.back a::before {
  display: inline-block;
  width: 1rem;
  margin-right: 0.25rem;
  background: url("../../files/Theme-03/icons/icon-text-link-back.svg");
  background-size: auto 0.7rem;
  background-position: left bottom;
  background-repeat: no-repeat;
  height: 1rem;
  content: "";
}

button, .button, .button a,
.button-light, .button-light a {
  display: inline-block;
  padding: 0.8rem 1.6rem;
  background-color: hsl(338, 0%, 5%);
  color: rgb(255, 255, 255);
  transition: all 400ms;
  font: normal normal 700 100%/140% "GothamNarrow", sans-serif;
}
button:hover, .button:hover, .button a:hover,
.button-light:hover, .button-light a:hover {
  background-color: oklch(61.547% 0.1047 201.47deg);
  cursor: pointer;
  transition: all 400ms;
}

.button-light, .button-light a {
  background-color: rgb(229, 230, 231);
  color: hsl(338, 0%, 5%);
}

.button a {
  padding: 0;
  border: none;
  background: transparent;
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2026 on Contao
    26.06.2024 - 14.00

    +++ FORMS +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
form {
  width: 100%;
}
form input, form textarea {
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  color: hsl(338, 0%, 5%);
  background-color: rgb(242, 242, 242);
  padding: 0.25rem 0.5rem;
  margin: 0 0 1rem 0;
}
form input:focus, form textarea:focus {
  outline: none;
}
form input[type=radio] {
  accent-color: oklch(61.547% 0.1047 201.47deg);
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  border: 1px solid rgb(117, 125, 133);
}
form select {
  font: normal normal 700 80%/120% "GothamNarrow", sans-serif;
}
form select option {
  font: inherit;
}
form label {
  font: normal normal 700 80%/120% "GothamNarrow", sans-serif;
}
form button,
form .submit {
  padding: 0.75rem 1.5rem;
}
form .widget-radio legend {
  display: none;
}
form .widget-select label {
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
}
form .altcha {
  margin-top: 1rem;
  min-width: 100%;
}
@media screen and (min-width: 601px) {
  form .altcha {
    margin-top: 0;
    min-width: unset;
  }
}
form .altcha {
  border: 1px solid rgb(117, 125, 133);
  padding: 0.5rem 0.75rem;
}
form .altcha-main {
  padding: 0;
  margin: 0;
}
form .altcha-checkbox {
  height: auto;
  width: auto;
}
form .altcha-label {
  font-weight: 400;
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2026 on Contao
    10.06.2024 - 9.00

    +++ HEADER +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#header {
  position: relative;
}
#header .menubar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 1rem 7.1428571429dvw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: transparent;
}
#header .menubar .logo {
  justify-self: start;
  align-self: center;
}
#header .menubar .logo img {
  height: 3rem;
  width: auto;
}
@media screen and (min-width: 601px) {
  #header .menubar .logo img {
    height: 4rem;
  }
}
#header .menubar .hamburger {
  justify-self: end;
  align-self: center;
}
#header .menubar .hamburger img {
  height: 1.25rem;
  width: auto;
}
@media screen and (min-width: 601px) {
  #header .menubar .hamburger img {
    height: 1.5rem;
  }
}
#header .menubar .hamburger:hover {
  cursor: pointer;
}

.menuoverlay {
  position: fixed;
  top: 0;
  right: -85.7142857143dvw;
  width: 85.7142857143dvw;
  height: 100%;
  z-index: 1100;
  transition: right 300ms ease-in;
  background-color: hsl(338, 0%, 5%);
  padding: 6.6666666667dvh 7.1428571429dvw 0 6.4285714286dvw;
}
@media screen and (min-width: 601px) {
  .menuoverlay {
    right: -42.8571428571dvw;
    width: 42.8571428571dvw;
    padding: 6.6666666667dvh 3.5714285714dvw 0 3.5714285714dvw;
  }
}
.menuoverlay .content-image img {
  width: 19.6428571429dvw;
  height: auto;
  filter: grayscale(100%);
}
@media screen and (min-width: 601px) {
  .menuoverlay .content-image img {
    width: 7.1428571429dvw;
  }
}
.menuoverlay nav {
  margin-block: 5dvh;
  margin-left: 0.7142857143dvw;
  border-bottom: 1px solid rgb(255, 255, 255);
  padding-bottom: 5dvh;
}
.menuoverlay nav h4 {
  display: none;
}
.menuoverlay nav ul {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.menuoverlay nav p, .menuoverlay nav li, .menuoverlay nav a {
  font-size: 1.5rem;
  font-weight: bold;
  color: rgb(255, 255, 255);
}
.menuoverlay nav li {
  padding-bottom: 0.75rem;
}
.menuoverlay nav li:last-of-type {
  padding-bottom: 0;
}
.menuoverlay .say-hello {
  margin-left: 0.7142857143dvw;
}
.menuoverlay .say-hello p, .menuoverlay .say-hello a {
  color: rgb(255, 255, 255);
}
.menuoverlay .say-hello a {
  font-weight: bold;
}

.mShow {
  right: 0;
  transition: right 300ms ease-out;
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2024 on Contao
    18.06.2024 - 12.00

    +++ FOOTER +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.client-list {
  padding: 10dvh 7.1428571429dvw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(4, 1fr);
  gap: 2.5dvh 3.5714285714dvw;
}
@media screen and (min-width: 601px) {
  .client-list {
    padding: 15dvh 14.2857142857dvw;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr 1fr;
  }
}
.client-list img {
  width: 100%;
  height: auto;
  aspect-ratio: 200/125;
  -o-object-fit: contain;
     object-fit: contain;
}

#footer {
  background-color: rgb(242, 242, 242);
  padding: 10dvh 7.1428571429dvw 5dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  #footer {
    padding: 10dvh 14.2857142857dvw;
  }
}
#footer .inside {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  #footer .inside {
    grid-template-columns: 8fr 5fr;
    gap: 10dvh 7.1428571429dvw;
  }
}
@media screen and (min-width: 1301px) {
  #footer .inside {
    grid-template-columns: 6fr 3fr 3fr;
  }
}
#footer .inside .content-text a {
  font-weight: bold;
  color: hsl(338, 0%, 5%);
}
#footer .inside .content-text a.link-mager {
  font-weight: normal;
}
#footer .inside .content-text a.link-mager:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
#footer .inside .full-width {
  border-top: thin solid rgb(117, 125, 133);
  padding-top: 0.5rem;
}
@media screen and (min-width: 601px) {
  #footer .inside .full-width {
    grid-column: 1/-1;
  }
}
#footer .inside .hl-form {
  font-weight: 900;
}
#footer .inside .smallprint p {
  font-size: 0.7rem;
  color: rgb(117, 125, 133);
}
#footer .inside img {
  display: inline-block;
  width: 1.5rem;
  height: auto;
  vertical-align: sub;
  margin-right: 0.5rem;
}
#footer .inside .f-imprint p a {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: bold;
  color: hsl(338, 0%, 5%);
}
#footer .footer-navigation {
  display: none;
}
@media screen and (min-width: 1301px) {
  #footer .footer-navigation {
    display: initial;
  }
}
#footer .footer-navigation a, #footer .footer-navigation .active {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: rgb(242, 242, 242);
  color: hsl(338, 0%, 5%);
  font-weight: normal;
}
#footer .footer-navigation a:hover, #footer .footer-navigation .active:hover {
  text-decoration-color: hsl(338, 0%, 5%);
  transition: text-decoration-color 350ms;
}
#footer .footer-navigation li {
  margin-bottom: 0.5rem;
}
#footer form label {
  display: none;
}
#footer form input {
  width: 100%;
  border: none;
  border-bottom: 1px solid hsl(338, 0%, 5%);
}
#footer form button {
  margin-top: 0.5rem;
}
#footer form p.error,
#footer form .captcha_text.error {
  font-size: 0.8rem;
  color: rgb(205, 25, 25);
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2024 on Contao
    21.06.2024 - 11.30

    +++ SLIDER +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.slider-wrap {
  overflow: hidden;
}

.slider-move {
  display: flex;
}

.slide {
  width: 100%;
  flex-shrink: 0;
}

.slider-move {
  position: relative;
  top: 0;
  right: 0;
}

@keyframes slide-horizontal {
  0% {
    right: 0;
  }
  15% {
    right: 0;
  }
  17% {
    right: 100%;
  }
  32% {
    right: 100%;
  }
  34% {
    right: 200%;
  }
  48% {
    right: 200%;
  }
  50% {
    right: 300%;
  }
  65% {
    right: 300%;
  }
  67% {
    right: 200%;
  }
  81% {
    right: 200%;
  }
  83% {
    right: 100%;
  }
  98% {
    right: 100%;
  }
  100% {
    right: 0;
  }
}
.slider-move {
  animation: slide-horizontal 37s infinite;
}

.slider-move:hover {
  animation-play-state: paused;
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2026 on Contao
    10.06.2026 - 9.15

    +++ HOME +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.hero-claim {
  position: relative;
  padding: 20dvh 7.1428571429dvw 5dvh 7.1428571429dvw;
}
@media screen and (min-width: 1301px) {
  .hero-claim {
    padding: 22.5dvh 7.1428571429dvw 5dvh 7.1428571429dvw;
  }
}
.hero-claim .content-headline {
  font-family: "Gotham", sans-serif;
  font-size: clamp(4rem, 5.5dvw, 4.5rem);
  text-align: left;
  margin-bottom: 1rem;
  opacity: 0;
}
.hero-claim h1.content-headline {
  animation: 1.5s ease-out 1s forwards fade-in;
  font-family: "GothamNarrow", sans-serif;
  font-size: clamp(2rem, 15dvw, 3rem);
}
@media screen and (min-width: 1301px) {
  .hero-claim h1.content-headline {
    font-family: "Gotham", sans-serif;
    font-size: clamp(4rem, 5.5dvw, 4.5rem);
  }
}
.hero-claim h5.content-headline {
  font-family: "GothamNarrow", sans-serif;
  font-style: italic;
  font-size: 0.75rem;
  line-height: 120%;
  animation: 1.5s ease-out 0.5s forwards fade-in;
}
@media screen and (min-width: 601px) {
  .hero-claim h5.content-headline {
    font-size: 1rem;
  }
}
.hero-claim .content-text {
  opacity: 0;
  margin-inline: 0dvw 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .hero-claim .content-text {
    margin-inline: 0 41.0714285714dvw;
  }
}
.hero-claim .content-text p {
  margin-bottom: 1.5rem;
}
.hero-claim .content-text a.button:first-of-type {
  margin-bottom: 0.5rem;
}
.hero-claim .content-text {
  animation: 1.5s ease-out 1.5s forwards fade-in;
}

.challenges {
  background: rgb(255, 255, 255);
  padding-bottom: 0;
  border-bottom: 10dvh solid oklch(92.6% 0.209 114.5deg);
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  -moz-column-gap: 0;
       column-gap: 0;
}
@media screen and (min-width: 601px) {
  .challenges {
    border-bottom: 12.5dvh solid oklch(92.6% 0.209 114.5deg);
  }
}
.challenges .content-image {
  grid-column: 6/-1;
  grid-row: 1/2;
  z-index: 25;
}
@media screen and (min-width: 601px) {
  .challenges .content-image {
    grid-column: 8/-1;
  }
}
.challenges .content-image figure,
.challenges .content-image picture,
.challenges .content-image img {
  height: 100%;
  width: auto;
}
.challenges .content-text {
  grid-column: 1/11;
  grid-row: 1/2;
  z-index: 50;
  margin-top: 10dvh;
  padding: 5dvh 7.1428571429dvw 0 7.1428571429dvw;
  background-color: oklch(92.6% 0.209 114.5deg);
  background-image: url();
}
@media screen and (min-width: 601px) {
  .challenges .content-text {
    grid-column: 1/8;
    border-top: 0;
    padding: 10dvh 7.1428571429dvw 0 7.1428571429dvw;
  }
}

.business-offers {
  position: relative;
  padding: 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .business-offers {
    padding-top: 12.5dvh;
  }
}
.business-offers .bu-offer {
  position: relative;
  display: grid;
  align-items: center;
  margin-bottom: 10dvh;
}
@media screen and (min-width: 601px) {
  .business-offers .bu-offer {
    margin-bottom: 10dvh;
  }
}
.business-offers .bu-offer:last-of-type {
  margin-bottom: 0;
}
.business-offers .bu-offer .content-image {
  margin-bottom: 1.5rem;
}
.business-offers .bu-offer .content-image figure, .business-offers .bu-offer .content-image picture, .business-offers .bu-offer .content-image img {
  width: 100%;
}
.business-offers .bu-offer .content-image img {
  filter: drop-shadow(rgb(229, 245, 0) 0.5rem 0.5rem);
}
.business-offers .bu-offer .content-text {
  border-left: none;
  padding-left: 0.5rem;
}
.business-offers .bu-offer h2, .business-offers .bu-offer h3 {
  font-size: clamp(1.5rem, 3vh, 2.25rem);
  padding-block: 0rem 1rem;
}
.business-offers .bu-offer:nth-child(odd) .content-image {
  grid-row: 1/2;
  margin-right: 7.1428571429dvw;
}
.business-offers .bu-offer:nth-child(even) .content-image {
  grid-row: 2/-1;
  margin-left: 7.1428571429dvw;
}
.business-offers .bu-offer:nth-child(even) .content-text {
  margin-left: 7.1428571429dvw;
}
@media screen and (min-width: 1301px) {
  .business-offers .bu-offer::before {
    position: absolute;
    top: 0;
    right: 7.1428571429dvw;
    width: 3.5714285714dvw;
    height: 3.5714285714dvw;
    border-top: 0.5rem solid rgb(229, 245, 0);
    border-right: 0.5rem solid rgb(229, 245, 0);
    content: "";
  }
  .business-offers .bu-offer::after {
    position: absolute;
    bottom: 0;
    right: 7.1428571429dvw;
    width: 3.5714285714dvw;
    height: 3.5714285714dvw;
    border-bottom: 0.5rem solid rgb(229, 245, 0);
    border-right: 0.5rem solid rgb(229, 245, 0);
    content: "";
  }
  .business-offers .bu-offer {
    margin-bottom: 10dvh;
  }
  .business-offers .bu-offer .content-image {
    margin-bottom: 0;
  }
  .business-offers .bu-offer .content-image img {
    filter: none;
  }
  .business-offers .bu-offer .content-text {
    margin-inline: 7.1428571429dvw;
    border: none;
    padding-left: 0;
  }
  .business-offers .bu-offer .content-text p:first-of-type {
    margin-bottom: 1rem;
  }
  .business-offers .bu-offer:nth-child(odd) {
    grid-template-columns: 5.5fr 6.5fr;
  }
  .business-offers .bu-offer:nth-child(odd) .content-text {
    margin-inline: 3.5714285714dvw 10.7142857143dvw;
  }
  .business-offers .bu-offer:nth-child(odd) .content-image {
    grid-row: unset;
    margin-right: 0;
    margin-left: 7.1428571429dvw;
  }
  .business-offers .bu-offer:nth-child(even) {
    grid-template-columns: 6.5fr 5.5fr;
  }
  .business-offers .bu-offer:nth-child(even) .content-image {
    grid-row: unset;
    margin-right: 7.1428571429dvw;
    margin-left: 0;
  }
  .business-offers .bu-offer:nth-child(even) .content-text {
    margin-inline: 10.7142857143dvw 3.5714285714dvw;
    text-align: right;
  }
  .business-offers .bu-offer:nth-child(even)::before, .business-offers .bu-offer:nth-child(even)::after {
    left: 7.1428571429dvw;
    border-left: 0.5rem solid rgb(229, 245, 0);
    border-right: none;
  }
  .business-offers .bu-offer h2, .business-offers .bu-offer h3 {
    font-size: clamp(1.5rem, 3dvw, 2.5rem);
  }
}

.reasons {
  position: relative;
  margin: 0 0 5dvh 0;
  padding-block: 10dvh;
}
@media screen and (min-width: 1301px) {
  .reasons {
    margin: 0 0 10dvh 0;
    padding-bottom: 10dvh;
  }
}
.reasons {
  background-color: oklch(92.6% 0.209 114.5deg);
}
@media screen and (max-width: 600px) {
  .reasons::before {
    position: absolute;
    width: 28.5714285714dvw;
    height: 5dvh;
    top: 0;
    right: 0;
    background-color: rgb(255, 255, 255);
    content: " ";
  }
}
.reasons .content-headline {
  margin-inline: 7.1428571429dvw;
}
@media screen and (min-width: 1301px) {
  .reasons {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0;
  }
  .reasons .content-headline {
    margin-inline: 7.1428571429dvw 3.5714285714dvw;
  }
}
.reasons .reason-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem 3.5714285714dvw;
  margin-inline: 7.1428571429dvw;
  margin-top: 2rem;
}
@media screen and (min-width: 1301px) {
  .reasons .reason-container {
    grid-template-columns: 1fr 1fr;
    gap: 0 0;
    margin-left: 0;
    margin-top: 0;
  }
}
.reasons .reason-container .reason-detail {
  background-image: url(../../files/Theme-03/icons/icon-arrow-right.svg);
  background-size: 1rem auto;
  background-repeat: no-repeat;
  background-position: left 0.15rem;
  border-bottom: 1px solid hsl(338, 0%, 5%);
}
.reasons .reason-container .reason-detail:last-of-type {
  border-bottom: 0;
}
.reasons .reason-container .reason-detail {
  padding: 0 0 1rem 2rem;
}
@media screen and (min-width: 1301px) {
  .reasons .reason-container .reason-detail p {
    margin-bottom: 0;
  }
  .reasons .reason-container .reason-detail {
    border: none;
  }
  .reasons .reason-container .reason-detail:nth-of-type(1) {
    padding: 0 0 2rem 2rem;
    margin: 0 2rem 0 0;
    border-bottom: 2px solid hsl(338, 0%, 5%);
    background-position: 0% 0.15rem;
  }
  .reasons .reason-container .reason-detail:nth-of-type(2) {
    padding: 0 0 0 4rem;
    margin: 0 0 2rem 0;
    border-left: 2px solid hsl(338, 0%, 5%);
    background-position: 2rem 0.15rem;
  }
  .reasons .reason-container .reason-detail:nth-of-type(3) {
    padding: 0 2rem 0 2rem;
    margin: 2rem 0 0 0;
    border-right: 2px solid hsl(338, 0%, 5%);
    background-position: 0% 0.15rem;
  }
  .reasons .reason-container .reason-detail:nth-of-type(4) {
    padding: 2rem 0 0 2rem;
    margin: 0 0 0 2rem;
    border-top: 2px solid hsl(338, 0%, 5%);
    background-position: 0% 2.15rem;
  }
}
.reasons .reason-container .reason-detail h3, .reasons .reason-container .reason-detail h4 {
  position: relative;
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  font-size: 1rem;
}
@media screen and (min-width: 601px) {
  .reasons .reason-container .reason-detail h3, .reasons .reason-container .reason-detail h4 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1301px) {
  .reasons .reason-container .reason-detail h3, .reasons .reason-container .reason-detail h4 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 2001px) {
  .reasons .reason-container .reason-detail h3, .reasons .reason-container .reason-detail h4 {
    font-size: 1rem;
  }
}
.reasons .reason-container .reason-detail h3, .reasons .reason-container .reason-detail h4 {
  font-weight: 700;
  margin: 0;
  padding: 0.5rem 0 0.75rem 0;
  color: hsl(338, 0%, 5%);
  line-height: 1.2;
  letter-spacing: 0;
  hyphens: none;
  text-wrap: balance;
}
.reasons .reason-container .reason-detail h3:first-of-type, .reasons .reason-container .reason-detail h4:first-of-type {
  padding-top: 0;
}

.cases {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20dvh, rgb(242, 242, 242) 20dvh, rgb(242, 242, 242) 100%);
  padding: 0 7.1428571429dvw 10dvh 7.1428571429dvw;
  display: grid;
  grid-template-columns: 1fr;
  gap: 5dvh;
}
@media screen and (min-width: 601px) {
  .cases {
    padding: 0 14.2857142857dvw 15dvh 14.2857142857dvw;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }
}
.cases .hl-top {
  margin-top: 1rem;
  font-size: 0.9rem;
  font-weight: normal;
  color: rgb(117, 125, 133);
  letter-spacing: 0.08rem;
}
.cases .spacer-top {
  margin-top: 10dvh;
}
.cases .spacer-right {
  margin-right: 14.2857142857dvw;
}
@media screen and (min-width: 601px) {
  .cases .spacer-right {
    margin-right: 7.1428571429dvw;
  }
}
.cases .spacer-left {
  margin-left: 14.2857142857dvw;
}
@media screen and (min-width: 601px) {
  .cases .spacer-left {
    margin-left: 7.1428571429dvw;
  }
}
.cases .img-hoch img {
  width: 100%;
  aspect-ratio: 225/300;
}
.cases .img-quer img {
  width: 100%;
  aspect-ratio: 300/200;
}

.testimonials {
  background: oklch(92.6% 0.209 114.5deg);
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 0;
       column-gap: 0;
}
@media screen and (min-width: 601px) {
  .testimonials {
    grid-template-columns: 8fr 5fr;
  }
}
.testimonials {
  background-image: url("../../files/Theme-03/icons/icon-quote-trans.svg");
  background-position: 3.5714285714dvw 20dvh;
  background-size: auto 20dvh;
  background-repeat: no-repeat;
}
@media screen and (min-width: 601px) {
  .testimonials {
    background-position: 10.7142857143dvw 20dvh;
  }
}
.testimonials .container {
  border-top: 5dvh solid rgb(242, 242, 242);
  padding: 10dvh 7.1428571429dvw 15dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .testimonials .container {
    border-top: 10dvh solid rgb(242, 242, 242);
    padding: 10dvh 7.1428571429dvw 10dvh 14.2857142857dvw;
  }
}
.testimonials .container .content-text {
  border: none;
  padding: 0;
}
.testimonials .container .content-text p {
  font-size: 1.5rem;
}
.testimonials .container .content-text p.name {
  padding-top: 0.5rem;
  font-weight: bold;
  font-size: 0.9rem;
  text-transform: uppercase;
  line-height: 115%;
}
.testimonials .container .content-text span.funktion {
  font-weight: normal;
  font-size: 0.8rem;
  text-transform: uppercase;
  color: rgb(50, 55, 60);
}
@media screen and (max-width: 600px) {
  .testimonials .content-image {
    display: none;
  }
}
.testimonials .content-image figure, .testimonials .content-image picture, .testimonials .content-image img {
  height: 100%;
  width: auto;
}
.testimonials .content-image img {
  padding-bottom: 10dvh;
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2026 on Contao
    28.06.2026 - 15.00

    +++ PRODUKT- UND HR-MARKETING +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.hero-marketing {
  background-color: oklch(92.6% 0.209 114.5deg);
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20dvh, oklch(92.6% 0.209 114.5deg) 20dvh, oklch(92.6% 0.209 114.5deg) 100%);
  padding: 13.33dvh 0 0 0;
}
@media screen and (min-width: 601px) {
  .hero-marketing {
    background-image: none;
  }
}
.hero-marketing {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
}
.hero-marketing .content-image {
  grid-column: 1/13;
}
.hero-marketing .content-image figure, .hero-marketing .content-image picture, .hero-marketing .content-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 601px) {
  .hero-marketing .content-image {
    grid-column: 8/15;
    grid-row: 1/2;
  }
}
.hero-marketing .content-text {
  grid-column: 1/13;
  padding: 1.5rem 0 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .hero-marketing .content-text {
    grid-column: 1/8;
    grid-row: 1/2;
    padding: 0 7.1428571429dvw 10dvh 14.2857142857dvw;
    border-bottom: 10dvh solid rgb(255, 255, 255);
  }
}
.hero-marketing .content-text h1 {
  padding-bottom: 2rem;
}
.hero-marketing .hero-headline {
  padding-top: 5dvh;
}

@media screen and (min-width: 601px) {
  .hero-marketing--rechts .content-image {
    grid-column: 1/8;
    grid-row: 1/2;
  }
}
@media screen and (min-width: 601px) {
  .hero-marketing--rechts .content-text {
    grid-column: 8/15;
    grid-row: 1/2;
    padding: 0 14.2857142857dvw 10dvh 7.1428571429dvw;
    border-bottom: 10dvh solid rgb(255, 255, 255);
  }
}
.hero-marketing--rechts .hero-headline {
  padding-top: 5dvh;
}

.intro-produkt,
.intro-hr {
  padding: 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .intro-produkt,
  .intro-hr {
    padding: 10dvh 21.4285714286dvw;
  }
}
.intro-produkt h3,
.intro-hr h3 {
  padding-top: 0;
}
.intro-produkt ul,
.intro-hr ul {
  list-style-type: none;
  list-style-position: inside;
}
@media screen and (min-width: 601px) {
  .intro-produkt ul,
  .intro-hr ul {
    list-style-position: outside;
  }
}
.intro-produkt ul li,
.intro-hr ul li {
  position: relative;
  padding-bottom: 0.5rem;
  margin-left: 2rem;
}
@media screen and (min-width: 601px) {
  .intro-produkt ul li,
  .intro-hr ul li {
    margin-left: 0;
  }
}
.intro-produkt ul li:last-of-type,
.intro-hr ul li:last-of-type {
  padding-bottom: 0;
}
.intro-produkt ul li::before,
.intro-hr ul li::before {
  position: absolute;
  left: -2rem;
  top: 0.1rem;
  width: 1rem;
  content: url("../../files/Theme-03/icons/icon-arrow-right.svg") " ";
}
.intro-produkt .container-aussagen,
.intro-hr .container-aussagen {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem 2rem;
}
@media screen and (min-width: 601px) {
  .intro-produkt .container-aussagen,
  .intro-hr .container-aussagen {
    grid-template-columns: 1fr 1fr;
  }
}
.intro-produkt .container-aussagen .aussage,
.intro-hr .container-aussagen .aussage {
  background-color: rgb(242, 242, 242);
  background-image: url(../../files/Theme-03/icons/icon-warning-bg.svg);
  background-position: calc(100% + 2rem) 50%;
  background-size: auto calc(100% - 2rem);
  background-repeat: no-repeat;
  padding: 1rem 1.5rem;
}
.intro-produkt .container-aussagen .aussage p,
.intro-hr .container-aussagen .aussage p {
  font-style: italic;
}
.intro-produkt .container-aussagen .aussage p span.fett,
.intro-hr .container-aussagen .aussage p span.fett {
  font-style: normal;
  font-weight: 700;
  font-size: 0.9rem;
}

.situationen-produkt,
.journey-hr {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 5dvh, oklch(92.6% 0.209 114.5deg) 5dvh, oklch(92.6% 0.209 114.5deg) 100%);
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 601px) {
  .situationen-produkt,
  .journey-hr {
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 10.01dvh, oklch(92.6% 0.209 114.5deg) 10dvh, oklch(92.6% 0.209 114.5deg) 100%);
  }
}
.situationen-produkt,
.journey-hr {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  padding-bottom: 10dvh;
}
.situationen-produkt .situationen-foto,
.situationen-produkt .journey-foto,
.journey-hr .situationen-foto,
.journey-hr .journey-foto {
  grid-column: 3/13;
}
@media screen and (min-width: 601px) {
  .situationen-produkt .situationen-foto,
  .situationen-produkt .journey-foto,
  .journey-hr .situationen-foto,
  .journey-hr .journey-foto {
    grid-column: 1/6;
    grid-row: 1;
  }
}
.situationen-produkt .situationen-foto img,
.situationen-produkt .journey-foto img,
.journey-hr .situationen-foto img,
.journey-hr .journey-foto img {
  min-width: 100%;
}
@media screen and (min-width: 601px) {
  .situationen-produkt .journey-foto,
  .journey-hr .journey-foto {
    grid-column: 10/15;
  }
}
.situationen-produkt .situationen-container,
.situationen-produkt .journey-container,
.journey-hr .situationen-container,
.journey-hr .journey-container {
  grid-column: 2/14;
  padding-block: 5dvh 0;
}
@media screen and (min-width: 601px) {
  .situationen-produkt .situationen-container,
  .situationen-produkt .journey-container,
  .journey-hr .situationen-container,
  .journey-hr .journey-container {
    grid-column: 7/13;
    grid-row: 1;
    padding-block: 20dvh 0;
  }
}
.situationen-produkt .situationen-container .journey-intro,
.situationen-produkt .journey-container .journey-intro,
.journey-hr .situationen-container .journey-intro,
.journey-hr .journey-container .journey-intro {
  margin-bottom: 5dvh;
}
.situationen-produkt .situationen-container .anlaesse-container,
.situationen-produkt .situationen-container .steps-container,
.situationen-produkt .journey-container .anlaesse-container,
.situationen-produkt .journey-container .steps-container,
.journey-hr .situationen-container .anlaesse-container,
.journey-hr .situationen-container .steps-container,
.journey-hr .journey-container .anlaesse-container,
.journey-hr .journey-container .steps-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem 2rem;
}
@media screen and (min-width: 601px) {
  .situationen-produkt .situationen-container .anlaesse-container,
  .situationen-produkt .situationen-container .steps-container,
  .situationen-produkt .journey-container .anlaesse-container,
  .situationen-produkt .journey-container .steps-container,
  .journey-hr .situationen-container .anlaesse-container,
  .journey-hr .situationen-container .steps-container,
  .journey-hr .journey-container .anlaesse-container,
  .journey-hr .journey-container .steps-container {
    grid-template-columns: 1fr 1fr;
  }
}
.situationen-produkt .situationen-container .anlass,
.situationen-produkt .journey-container .anlass,
.journey-hr .situationen-container .anlass,
.journey-hr .journey-container .anlass {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
}
.situationen-produkt .situationen-container .anlass figure,
.situationen-produkt .journey-container .anlass figure,
.journey-hr .situationen-container .anlass figure,
.journey-hr .journey-container .anlass figure {
  grid-row: 1/2;
}
.situationen-produkt .situationen-container .anlass h4,
.situationen-produkt .journey-container .anlass h4,
.journey-hr .situationen-container .anlass h4,
.journey-hr .journey-container .anlass h4 {
  grid-row: 2/3;
}
.situationen-produkt .situationen-container .anlass .rte,
.situationen-produkt .journey-container .anlass .rte,
.journey-hr .situationen-container .anlass .rte,
.journey-hr .journey-container .anlass .rte {
  grid-row: 3/4;
}
.situationen-produkt .situationen-container .cj-step,
.situationen-produkt .journey-container .cj-step,
.journey-hr .situationen-container .cj-step,
.journey-hr .journey-container .cj-step {
  background-image: url("../../files/Theme-03/icons/icon-step-line.svg");
  background-repeat: no-repeat;
  background-position: left 2rem;
  background-size: auto 0.7rem;
}
.situationen-produkt .situationen-container .cj-step p.step,
.situationen-produkt .journey-container .cj-step p.step,
.journey-hr .situationen-container .cj-step p.step,
.journey-hr .journey-container .cj-step p.step {
  font-size: 0.85rem;
  text-transform: uppercase;
  padding-bottom: 2rem;
}
@media screen and (min-width: 601px) {
  .situationen-produkt .journey-container,
  .journey-hr .journey-container {
    grid-column: 2/9;
  }
}

.produkt-services,
.hr-services {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  padding-block: 10dvh;
}
@media screen and (min-width: 601px) {
  .produkt-services,
  .hr-services {
    padding-block: 15dvh;
  }
}
.produkt-services .content-headline,
.hr-services .content-headline {
  grid-column: 2/14;
}
@media screen and (min-width: 1301px) {
  .produkt-services .content-headline,
  .hr-services .content-headline {
    grid-column: 3/6;
  }
}
.produkt-services .service-container,
.hr-services .service-container {
  grid-column: 2/14;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem 1rem;
}
@media screen and (min-width: 1301px) {
  .produkt-services .service-container,
  .hr-services .service-container {
    grid-template-columns: 1fr 1fr;
    grid-column: 7/13;
    gap: 1rem 1rem;
  }
}
.produkt-services .service-container .content-text,
.hr-services .service-container .content-text {
  background-color: rgb(242, 242, 242);
  padding: 1rem 1.5rem;
}
.produkt-services .service-container .content-text h3,
.hr-services .service-container .content-text h3 {
  position: relative;
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  font-size: 1rem;
}
@media screen and (min-width: 601px) {
  .produkt-services .service-container .content-text h3,
  .hr-services .service-container .content-text h3 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1301px) {
  .produkt-services .service-container .content-text h3,
  .hr-services .service-container .content-text h3 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 2001px) {
  .produkt-services .service-container .content-text h3,
  .hr-services .service-container .content-text h3 {
    font-size: 1rem;
  }
}
.produkt-services .service-container .content-text h3,
.hr-services .service-container .content-text h3 {
  font-weight: 700;
  margin: 0;
  padding: 0.5rem 0 0.75rem 0;
  color: hsl(338, 0%, 5%);
  line-height: 1.2;
  letter-spacing: 0;
  hyphens: none;
  text-wrap: balance;
}
.produkt-services .service-container .content-text h3:first-of-type,
.hr-services .service-container .content-text h3:first-of-type {
  padding-top: 0;
}
.produkt-services .service-detail,
.hr-services .service-detail {
  display: grid;
  grid-template-areas: "image" "headline" "copy";
}
.produkt-services .service-detail h3,
.hr-services .service-detail h3 {
  grid-area: headline;
}
.produkt-services .service-detail figure,
.hr-services .service-detail figure {
  grid-area: image;
  padding-bottom: 2rem;
}
.produkt-services .service-detail figure img,
.hr-services .service-detail figure img {
  width: 4rem;
  height: auto;
}
@media screen and (min-width: 1301px) {
  .produkt-services .service-detail figure img,
  .hr-services .service-detail figure img {
    width: 4.7571428571dvw;
  }
}
.produkt-services .service-detail .rte,
.hr-services .service-detail .rte {
  grid-area: copy;
}

.weg-zum-film,
.unser-ansatz {
  margin: 0;
  padding-block: 10dvh;
  padding-inline: 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .weg-zum-film,
  .unser-ansatz {
    padding-block: 10dvh;
    padding-inline: 14.2857142857dvw;
  }
}
.weg-zum-film,
.unser-ansatz {
  background-color: rgb(242, 242, 242);
}
.weg-zum-film .weg-schritt,
.unser-ansatz .weg-schritt {
  background-image: url("../../files/Theme-03/icons/icon-step-1.svg");
  background-repeat: no-repeat;
  background-position: top left 0rem;
  background-size: 1.75rem auto;
}
@media screen and (min-width: 601px) {
  .weg-zum-film .weg-schritt,
  .unser-ansatz .weg-schritt {
    background-size: 2rem auto;
  }
}
.weg-zum-film .weg-schritt,
.unser-ansatz .weg-schritt {
  padding: 0 0 2.5dvh 10.7142857143dvw;
}
@media screen and (min-width: 601px) {
  .weg-zum-film .weg-schritt,
  .unser-ansatz .weg-schritt {
    padding: 0 0 2.5dvh 5.3571428571dvw;
  }
}
.weg-zum-film .weg-schritt:nth-of-type(2),
.unser-ansatz .weg-schritt:nth-of-type(2) {
  background-image: url("../../files/Theme-03/icons/icon-step-2.svg");
}
.weg-zum-film .weg-schritt:nth-of-type(3),
.unser-ansatz .weg-schritt:nth-of-type(3) {
  background-image: url("../../files/Theme-03/icons/icon-step-3.svg");
}
.weg-zum-film .weg-schritt:nth-of-type(4),
.unser-ansatz .weg-schritt:nth-of-type(4) {
  background-image: url("../../files/Theme-03/icons/icon-step-4.svg");
}
.weg-zum-film .weg-schritt:nth-of-type(5),
.unser-ansatz .weg-schritt:nth-of-type(5) {
  background-image: url("../../files/Theme-03/icons/icon-step-5.svg");
}

.cta-produkt .container,
.cta-hr .container {
  margin: 0;
  padding: 0 7.1428571429dvw 15dvh 7.1428571429dvw;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3.5714285714dvw;
}
@media screen and (min-width: 601px) {
  .cta-produkt .container,
  .cta-hr .container {
    padding: 0 14.2857142857dvw 15dvh 14.2857142857dvw;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.cta-produkt .container,
.cta-hr .container {
  background-color: rgb(242, 242, 242);
  overflow: clip;
}
.cta-produkt .blocker,
.cta-hr .blocker {
  padding-inline: 7.1428571429dvw;
  padding-block: 0 7.5dvh;
}
@media screen and (min-width: 601px) {
  .cta-produkt .blocker,
  .cta-hr .blocker {
    padding-inline: 14.2857142857dvw;
  }
}
.cta-produkt .blocker,
.cta-hr .blocker {
  background-color: rgb(242, 242, 242);
}
.cta-produkt .blocker p,
.cta-hr .blocker p {
  margin: 0 auto;
  text-align: center;
  border-bottom: 1px solid hsl(338, 0%, 5%);
}
.cta-produkt .blocker span.invers,
.cta-hr .blocker span.invers {
  background-color: hsl(338, 0%, 5%);
  color: rgb(255, 255, 255);
  font-size: 0.85rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 10%;
  padding: 0.1rem 0.5rem 0.15rem;
}
.cta-produkt .karte-produkt,
.cta-hr .karte-produkt {
  min-width: 0;
  overflow-wrap: anywhere;
  border: none;
  background-color: rgb(255, 255, 255);
  transition: 500ms background-color ease;
  padding: 1.25rem 1.75rem;
  box-shadow: 0.33rem 0.33rem 1.33rem 0px rgba(117, 125, 133, 0.2);
  display: grid;
  min-height: 100%;
}
.cta-produkt .karte-produkt:hover,
.cta-hr .karte-produkt:hover {
  background-color: oklch(92.6% 0.209 114.5deg);
  transition: 500ms background-color ease;
}
.cta-produkt .karte-produkt h3,
.cta-hr .karte-produkt h3 {
  position: relative;
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  font-size: clamp(1.5rem, 3dvw, 2.5rem);
}
@media screen and (min-width: 601px) {
  .cta-produkt .karte-produkt h3,
  .cta-hr .karte-produkt h3 {
    font-size: clamp(1.5rem, 3dvw, 2.5rem);
  }
}
@media screen and (min-width: 1301px) {
  .cta-produkt .karte-produkt h3,
  .cta-hr .karte-produkt h3 {
    font-size: clamp(1.5rem, 2.5dvw, 2.25rem);
  }
}
@media screen and (min-width: 2001px) {
  .cta-produkt .karte-produkt h3,
  .cta-hr .karte-produkt h3 {
    font-size: clamp(1.5rem, 2.5dvw, 2.25rem);
  }
}
.cta-produkt .karte-produkt h3,
.cta-hr .karte-produkt h3 {
  font-weight: 900;
  margin: 0;
  padding: 0.5rem 0 0.75rem 0;
  color: hsl(338, 0%, 5%);
  line-height: 1.2;
  letter-spacing: 0;
  hyphens: none;
  text-wrap: balance;
}
.cta-produkt .karte-produkt h3:first-of-type,
.cta-hr .karte-produkt h3:first-of-type {
  padding-top: 0;
}
.cta-produkt .karte-produkt p.preis,
.cta-hr .karte-produkt p.preis {
  font-size: 0.85rem;
  font-weight: 700;
  color: rgb(117, 125, 133);
}
.cta-produkt .karte-produkt p.linie,
.cta-hr .karte-produkt p.linie {
  margin-block: 1rem 1.75rem;
}
.cta-produkt .karte-produkt p.anfrage-button,
.cta-hr .karte-produkt p.anfrage-button {
  align-self: end;
}

.beispiele-produkt,
.beispiele-hr {
  background: linear-gradient(180deg, rgb(242, 242, 242) 0%, rgb(242, 242, 242) 5dvh, rgb(255, 255, 255) 5dvh, rgb(255, 255, 255) 100%);
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 601px) {
  .beispiele-produkt,
  .beispiele-hr {
    background: linear-gradient(180deg, rgb(242, 242, 242) 0%, rgb(242, 242, 242) 10.01dvh, rgb(255, 255, 255) 10dvh, rgb(255, 255, 255) 100%);
  }
}
.beispiele-produkt .beispiel-element,
.beispiele-hr .beispiel-element {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  padding-bottom: 5dvh;
}
.beispiele-produkt .beispiel-element:last-of-type,
.beispiele-hr .beispiel-element:last-of-type {
  padding-bottom: 0;
}
@media screen and (min-width: 601px) {
  .beispiele-produkt .beispiel-element,
  .beispiele-hr .beispiel-element {
    padding-bottom: 10dvh;
  }
}
@media screen and (min-width: 601px) {
  .beispiele-produkt .beispiel-element figure,
  .beispiele-hr .beispiel-element figure {
    grid-row: 1/2;
    z-index: 50;
  }
}
.beispiele-produkt .beispiel-element img,
.beispiele-hr .beispiel-element img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: thin solid rgb(242, 242, 242);
}
.beispiele-produkt .beispiel-element .rte,
.beispiele-hr .beispiel-element .rte {
  align-content: center;
}
@media screen and (min-width: 601px) {
  .beispiele-produkt .beispiel-element .rte,
  .beispiele-hr .beispiel-element .rte {
    grid-row: 1/2;
    z-index: 100;
  }
}
.beispiele-produkt .beispiel-element .content-text, .beispiele-produkt .beispiel-element .content-youtube,
.beispiele-hr .beispiel-element .content-text,
.beispiele-hr .beispiel-element .content-youtube {
  grid-row: 1/2;
}
.beispiele-produkt .case-land figure,
.beispiele-hr .case-land figure {
  grid-column: 2/12;
}
@media screen and (min-width: 601px) {
  .beispiele-produkt .case-land figure,
  .beispiele-hr .case-land figure {
    grid-column: 3/9;
  }
}
.beispiele-produkt .case-land img,
.beispiele-hr .case-land img {
  aspect-ratio: 420/297;
}
.beispiele-produkt .case-land .rte,
.beispiele-hr .case-land .rte {
  grid-column: 2/12;
  padding-top: 0.5rem;
}
@media screen and (min-width: 601px) {
  .beispiele-produkt .case-land .rte,
  .beispiele-hr .case-land .rte {
    grid-column: 9/13;
    padding-left: 3.5714285714dvw;
    padding-top: 0;
  }
}
.beispiele-produkt .case-land-right figure,
.beispiele-hr .case-land-right figure {
  grid-column: 4/14;
}
@media screen and (min-width: 601px) {
  .beispiele-produkt .case-land-right figure,
  .beispiele-hr .case-land-right figure {
    grid-column: 7/13;
  }
}
.beispiele-produkt .case-land-right img,
.beispiele-hr .case-land-right img {
  aspect-ratio: 420/297;
}
.beispiele-produkt .case-land-right .rte,
.beispiele-hr .case-land-right .rte {
  grid-column: 4/14;
  padding-top: 0.5rem;
}
@media screen and (min-width: 601px) {
  .beispiele-produkt .case-land-right .rte,
  .beispiele-hr .case-land-right .rte {
    grid-column: 3/7;
    padding-right: 3.5714285714dvw;
    padding-top: 0;
  }
}

.beispiele-produkt {
  padding-bottom: 10dvh;
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2024 on Contao
    18.06.2024 - 12.00

    +++ AGENTUR +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.hero-agentur .content-image firgure, .hero-agentur .content-image img {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 500/250;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 601px) {
  .hero-agentur .content-image firgure, .hero-agentur .content-image img {
    aspect-ratio: 500/150;
  }
}
.hero-agentur .content-image figure:after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 85.7142857143dvw;
  border-top: 6.66dvh solid oklch(92.6% 0.209 114.5deg);
  content: " ";
}
@media screen and (min-width: 601px) {
  .hero-agentur .content-image figure:after {
    width: 64.2857142857dvw;
    border-top: 10dvh solid oklch(92.6% 0.209 114.5deg);
  }
}
.hero-agentur .content-text {
  background-color: oklch(92.6% 0.209 114.5deg);
  padding: 0 7.1428571429dvw 10dvh 21.4285714286dvw;
}
@media screen and (min-width: 601px) {
  .hero-agentur .content-text {
    padding: 0 7.1428571429dvw 10dvh 42.8571428571dvw;
  }
}
.hero-agentur .content-text .rte {
  margin-top: 5dvh;
}

.values {
  background-color: rgb(242, 242, 242);
  padding: 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .values {
    padding: 10dvh 14.2857142857dvw;
  }
}
.values .content-text {
  border-top: 1px solid rgb(50, 55, 60);
  padding-block: 1.5rem;
}
@media screen and (min-width: 601px) {
  .values .content-text {
    padding-block: 1rem;
  }
}
@media screen and (min-width: 601px) {
  .values .content-text .rte {
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 3.5714285714dvw;
         column-gap: 3.5714285714dvw;
  }
}
.values .content-text .rte p {
  margin: 0;
}
.values .content-text:first-of-type {
  border-top: none;
  padding-top: 0;
  padding-bottom: 5dvh;
}
.values .content-text:first-of-type .rte {
  -moz-columns: 1;
       columns: 1;
}
.values .content-text:last-of-type {
  border-bottom: 1px solid rgb(50, 55, 60);
}
.values .content-text h3 {
  font-size: 1rem;
}

.history {
  background-color: oklch(92.6% 0.209 114.5deg);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media screen and (min-width: 601px) {
  .history {
    grid-template-columns: 8fr 6fr;
  }
}
.history .container {
  position: relative;
  border-top: 10dvh solid rgb(255, 255, 255);
  padding: 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .history .container {
    padding: 10dvh 7.1428571429dvw 10dvh 14.2857142857dvw;
  }
}
.history .container .headline {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 601px) {
  .history .container .headline {
    position: absolute;
    top: 10dvh;
    left: 14.2857142857dvw;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    padding: 0;
  }
}
.history .container .year {
  padding-left: 0;
  background-image: url();
  background-repeat: no-repeat;
  background-position: top left;
}
@media screen and (min-width: 601px) {
  .history .container .year {
    padding-left: 7.1428571429dvw;
  }
}
.history .content-image {
  display: none;
}
@media screen and (min-width: 601px) {
  .history .content-image {
    display: block;
    padding-bottom: 10dvh;
    align-self: stretch;
    justify-self: stretch;
  }
  .history .content-image figure, .history .content-image picture, .history .content-image img {
    height: 100%;
    width: auto;
  }
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2024 on Contao
    24.06.2024 - 12.00

    +++ HOME +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.hero-cases-list .content-image firgure, .hero-cases-list .content-image img {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 500/250;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 601px) {
  .hero-cases-list .content-image firgure, .hero-cases-list .content-image img {
    aspect-ratio: 500/150;
  }
}
.hero-cases-list .content-image figure:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 57.1428571429dvw;
  border-top: 6.66dvh solid oklch(92.6% 0.209 114.5deg);
  content: " ";
}
@media screen and (min-width: 601px) {
  .hero-cases-list .content-image figure:after {
    border-top: 10dvh solid oklch(92.6% 0.209 114.5deg);
  }
}
.hero-cases-list .content-text {
  background-color: oklch(92.6% 0.209 114.5deg);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: center;
}
@media screen and (min-width: 601px) {
  .hero-cases-list .content-text {
    grid-template-columns: 8fr 6fr;
  }
}
.hero-cases-list .content-text h1 {
  padding: 6.66dvh 0 6.66dvh 7.1428571429dvw;
  margin: 0;
}
@media screen and (min-width: 601px) {
  .hero-cases-list .content-text h1 {
    padding: 0 0 15dvh 7.1428571429dvw;
  }
}
.hero-cases-list .content-text .rte {
  padding: 0 7.1428571429dvw 6.66dvh 14.2857142857dvw;
}
@media screen and (min-width: 601px) {
  .hero-cases-list .content-text .rte {
    padding: 5dvh 14.2857142857dvw 5dvh 0;
  }
}

.hero-cases-details {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 13.33dvh, oklch(92.6% 0.209 114.5deg) 13.33dvh, oklch(92.6% 0.209 114.5deg) 100%);
  padding-bottom: 10dvh;
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  gap: 0;
}
.hero-cases-details .content-text {
  grid-column: 2/10;
  padding: 16.66dvh 0 0 0;
}
@media screen and (min-width: 601px) {
  .hero-cases-details .content-text {
    grid-column: 3/8;
    padding: 20dvh 0 0 0;
  }
}
.hero-cases-details .content-text h1 {
  font-size: clamp(2.5rem, 4dvw, 4rem);
  padding-bottom: 2rem;
}
.hero-cases-details .content-text p.category {
  padding-top: 3rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.8rem;
  color: rgba(12.75, 12.75, 12.75, 0.8);
}
.hero-cases-details .content-image {
  grid-column: 11/15;
}
.hero-cases-details .content-image figure, .hero-cases-details .content-image picture, .hero-cases-details .content-image img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 601px) {
  .hero-cases-details .content-image {
    grid-column: 9/15;
  }
  .hero-cases-details .content-image figure, .hero-cases-details .content-image picture, .hero-cases-details .content-image img {
    width: 100%;
    height: auto;
  }
}

.cases-list {
  background-color: rgb(242, 242, 242);
  background: linear-gradient(180deg, oklch(92.6% 0.209 114.5deg) 0%, oklch(92.6% 0.209 114.5deg) 5dvh, rgb(242, 242, 242) 5dvh, rgb(242, 242, 242) 100%);
  padding: 0 0 10dvh 0;
}
.cases-list .mod_newslist {
  display: grid;
  grid-template-columns: repeat(28, 1fr);
  gap: 6.66dvh 0;
}
@media screen and (min-width: 601px) {
  .cases-list .mod_newslist {
    gap: 5dvh 0;
  }
}
.cases-list .mod_newslist .case-detail {
  grid-column: 3/25;
}
@media screen and (min-width: 601px) {
  .cases-list .mod_newslist .case-detail {
    grid-column: 5/14;
  }
}
.cases-list .mod_newslist .case-detail:nth-of-type(even) {
  grid-column: 5/27;
}
@media screen and (min-width: 601px) {
  .cases-list .mod_newslist .case-detail:nth-of-type(even) {
    grid-column: 16/25;
    margin-top: 10dvh;
  }
}
.cases-list .mod_newslist .image-container, .cases-list .mod_newslist img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.cases-list .mod_newslist h2 {
  font-size: clamp(1.5rem, 2.5dvw, 2rem);
  hyphens: auto;
  margin-top: 1rem;
}
@media screen and (max-width: 600px) {
  .cases-list .mod_newslist h2 {
    padding-bottom: 1rem;
  }
}
.cases-list .mod_newslist p.info,
.cases-list .mod_newslist .ce_text {
  display: none;
}

.assignment {
  padding: 10dvh 14.2857142857dvw;
}
@media screen and (min-width: 601px) {
  .assignment {
    padding: 15dvh 21.4285714286dvw;
  }
}
.assignment h2 {
  font-size: clamp(1.5rem, 2.5dvw, 2rem);
}

.insight-container {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 5dvh, rgb(242, 242, 242) 5dvh, rgb(242, 242, 242) 100%);
  background-color: rgb(242, 242, 242);
}
@media screen and (min-width: 601px) {
  .insight-container {
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 10.01dvh, rgb(242, 242, 242) 10dvh, rgb(242, 242, 242) 100%);
  }
}
.insight-container .insight-element {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  padding-bottom: 5dvh;
}
@media screen and (min-width: 601px) {
  .insight-container .insight-element {
    padding-bottom: 10dvh;
  }
}
@media screen and (min-width: 601px) {
  .insight-container .insight-element figure {
    grid-row: 1/2;
    z-index: 50;
  }
}
.insight-container .insight-element img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: thin solid rgb(242, 242, 242);
}
.insight-container .insight-element .rte {
  align-content: center;
}
@media screen and (min-width: 601px) {
  .insight-container .insight-element .rte {
    grid-row: 1/2;
    z-index: 100;
  }
}
.insight-container .insight-element .content-text, .insight-container .insight-element .content-youtube {
  grid-row: 1/2;
}
.insight-container .case-port figure {
  grid-column: 2/10;
}
@media screen and (min-width: 601px) {
  .insight-container .case-port figure {
    grid-column: 3/7;
  }
}
.insight-container .case-port img {
  aspect-ratio: 210/297;
}
.insight-container .case-port .rte {
  grid-column: 2/12;
  padding-top: 0.5rem;
}
@media screen and (min-width: 601px) {
  .insight-container .case-port .rte {
    grid-column: 7/13;
    padding-left: 3.5714285714dvw;
    padding-top: 0;
  }
}
.insight-container .case-port-right figure {
  grid-column: 4/12;
}
@media screen and (min-width: 601px) {
  .insight-container .case-port-right figure {
    grid-column: 9/13;
  }
}
.insight-container .case-port-right img {
  aspect-ratio: 210/297;
}
.insight-container .case-port-right .rte {
  grid-column: 4/14;
  padding-top: 0.5rem;
}
@media screen and (min-width: 601px) {
  .insight-container .case-port-right .rte {
    grid-column: 3/9;
    padding-right: 3.5714285714dvw;
    padding-top: 0;
  }
}
.insight-container .case-land figure {
  grid-column: 2/12;
}
@media screen and (min-width: 601px) {
  .insight-container .case-land figure {
    grid-column: 3/9;
  }
}
.insight-container .case-land img {
  aspect-ratio: 420/297;
}
.insight-container .case-land .rte {
  grid-column: 2/12;
  padding-top: 0.5rem;
}
@media screen and (min-width: 601px) {
  .insight-container .case-land .rte {
    grid-column: 9/13;
    padding-left: 3.5714285714dvw;
    padding-top: 0;
  }
}
.insight-container .case-land-right figure {
  grid-column: 4/14;
}
@media screen and (min-width: 601px) {
  .insight-container .case-land-right figure {
    grid-column: 7/13;
  }
}
.insight-container .case-land-right img {
  aspect-ratio: 420/297;
}
.insight-container .case-land-right .rte {
  grid-column: 4/14;
  padding-top: 0.5rem;
}
@media screen and (min-width: 601px) {
  .insight-container .case-land-right .rte {
    grid-column: 3/7;
    padding-right: 3.5714285714dvw;
    padding-top: 0;
  }
}
.insight-container .case-video figure {
  grid-column: 2/12;
}
@media screen and (min-width: 601px) {
  .insight-container .case-video figure {
    grid-column: 3/9;
  }
}
.insight-container .case-video img {
  aspect-ratio: 16/9;
}
.insight-container .case-video .rte {
  grid-column: 2/12;
  padding-top: 0.5rem;
}
@media screen and (min-width: 601px) {
  .insight-container .case-video .rte {
    grid-column: 9/13;
    padding-left: 3.5714285714dvw;
    padding-top: 0;
  }
}
.insight-container .case-video-right figure {
  grid-column: 4/14;
}
@media screen and (min-width: 601px) {
  .insight-container .case-video-right figure {
    grid-column: 7/13;
  }
}
.insight-container .case-video-right img {
  aspect-ratio: 16/9;
}
.insight-container .case-video-right .rte {
  grid-column: 4/14;
  padding-top: 0.5rem;
}
@media screen and (min-width: 601px) {
  .insight-container .case-video-right .rte {
    grid-column: 3/7;
    padding-right: 3.5714285714dvw;
    padding-top: 0;
  }
}
.insight-container .case-youtube-right .content-text {
  grid-column: 4/14;
}
@media screen and (min-width: 601px) {
  .insight-container .case-youtube-right .content-text {
    grid-column: 3/7;
  }
}
.insight-container .case-youtube-right .content-text {
  display: grid;
}
.insight-container .case-youtube-right .content-text .rte {
  padding-top: 0.5rem;
  justify-self: center;
  align-self: center;
}
@media screen and (min-width: 601px) {
  .insight-container .case-youtube-right .content-text .rte {
    padding-top: 0;
    padding-right: 3.5714285714dvw;
  }
}
.insight-container .case-youtube-right .content-youtube {
  grid-column: 4/14;
}
@media screen and (min-width: 601px) {
  .insight-container .case-youtube-right .content-youtube {
    grid-column: 7/13;
  }
}
.insight-container .case-square figure {
  grid-column: x/x;
}
@media screen and (min-width: 601px) {
  .insight-container .case-square figure {
    grid-column: 3/7;
  }
}
.insight-container .case-square img {
  aspect-ratio: 1/1;
}
.insight-container .case-square .rte {
  grid-column: x/y;
}
@media screen and (min-width: 601px) {
  .insight-container .case-square .rte {
    grid-column: 9/13;
  }
}
.insight-container .case-YT-quadrat {
  padding: 0 7.1428571429dvw 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .insight-container .case-YT-quadrat {
    padding: 5dvh 14.2857142857dvw 10dvh 14.2857142857dvw;
  }
}
.insight-container .case-YT-quadrat {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .insight-container .case-YT-quadrat {
    grid-template-columns: 1fr 1fr;
    row-gap: calc(10dvh - 2rem);
  }
}
@media screen and (min-width: 601px) {
  .insight-container .case-YT-quadrat .content-youtube.down {
    margin-top: 2rem;
  }
}
.insight-container .case-video-linkedin {
  padding: 0 7.1428571429dvw 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .insight-container .case-video-linkedin {
    padding: 5dvh 14.2857142857dvw 10dvh 14.2857142857dvw;
  }
}
.insight-container .case-video-linkedin {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 10dvh 3.5714285714dvw;
}
@media screen and (min-width: 601px) {
  .insight-container .case-video-linkedin {
    grid-template-columns: 1fr 1fr;
    row-gap: calc(10dvh - 2rem);
  }
}
@media screen and (min-width: 1301px) {
  .insight-container .case-video-linkedin {
    grid-template-columns: repeat(4, 1fr);
  }
}
.insight-container .case-video-linkedin .content-player {
  width: 100%;
}
.insight-container .case-video-linkedin .content-player video {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 601px) {
  .insight-container .case-video-linkedin .content-player.down {
    margin-top: inherit;
  }
}

.customer-details {
  padding: 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .customer-details {
    padding: 10dvh 14.2857142857dvw;
  }
}
.customer-details {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
}
@media screen and (min-width: 601px) {
  .customer-details {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}
.customer-details figure img {
  width: 50dvw;
  height: auto;
  margin-bottom: 5dvh;
}
@media screen and (min-width: 601px) {
  .customer-details figure img {
    width: 21.4285714286dvw;
    margin-bottom: 0;
  }
}
.customer-details .rte strong {
  color: rgb(50, 55, 60);
}

.project-form {
  background-color: oklch(92.6% 0.209 114.5deg);
  padding: 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .project-form {
    padding: 10dvh 14.2857142857dvw;
  }
}
.project-form h2, .project-form h3 {
  padding-bottom: 2rem;
}
.project-form form .formbody {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .project-form form .formbody {
    grid-template-columns: 1fr 1fr;
  }
}
.project-form form .formbody .ff-idea {
  grid-column: 1/-1;
}
.project-form label {
  display: none;
}
.project-form input, .project-form textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid hsl(338, 0%, 5%);
  background-color: oklch(83.34% 0.209 114.5deg);
}
.project-form textarea {
  resize: vertical;
}

.other-projects {
  background-color: rgb(255, 255, 255);
  padding: 10dvh 7.1428571429dvw;
  display: grid;
  grid-template-columns: 1fr;
  gap: 5dvh 3.5714285714dvw;
}
@media screen and (min-width: 601px) {
  .other-projects {
    background: linear-gradient(180deg, oklch(92.6% 0.209 114.5deg) 0%, oklch(92.6% 0.209 114.5deg) 10dvh, rgb(255, 255, 255) 10dvh, rgb(255, 255, 255) 100%);
    padding: 0 14.2857142857dvw 15dvh 14.2857142857dvw;
    grid-template-columns: 5fr 4fr;
    padding-bottom: 5dvh;
  }
}
@media screen and (min-width: 1301px) {
  .other-projects {
    grid-template-columns: 1fr 1fr 1fr;
    padding-bottom: 10dvh;
  }
}
.other-projects .content-headline {
  align-self: end;
  padding-block: 0;
}
@media screen and (min-width: 601px) and (max-width: 1300px) {
  .other-projects .content-headline {
    grid-row: 1/3;
    align-self: center;
  }
}
.other-projects .content-hyperlink {
  position: relative;
}
.other-projects .content-hyperlink h4 {
  position: absolute;
  bottom: 0.5rem;
  left: 1rem;
  color: rgb(255, 255, 255);
  z-index: 100;
}
.other-projects .content-hyperlink figure, .other-projects .content-hyperlink img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 50;
}
@media screen and (max-width: 600px) {
  .other-projects .content-hyperlink figure, .other-projects .content-hyperlink img {
    width: 71.4285714286dvw;
    height: auto;
    aspect-ratio: 1/1;
  }
  .other-projects .content-hyperlink:nth-of-type(even) {
    margin-left: 14.2857142857dvw;
  }
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2024 on Contao
    24.06.2024 - 12.00

    +++ HOME +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.hero-blog-list .content-image firgure, .hero-blog-list .content-image img {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 500/250;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 601px) {
  .hero-blog-list .content-image firgure, .hero-blog-list .content-image img {
    aspect-ratio: 500/150;
  }
}
.hero-blog-list .content-image figure:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 57.1428571429dvw;
  border-top: 6.66dvh solid oklch(92.6% 0.209 114.5deg);
  content: " ";
}
@media screen and (min-width: 601px) {
  .hero-blog-list .content-image figure:after {
    border-top: 10dvh solid oklch(92.6% 0.209 114.5deg);
  }
}
.hero-blog-list .content-text {
  background-color: oklch(92.6% 0.209 114.5deg);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: center;
}
@media screen and (min-width: 601px) {
  .hero-blog-list .content-text {
    grid-template-columns: 8fr 6fr;
  }
}
.hero-blog-list .content-text h1 {
  padding: 6.66dvh 0 6.66dvh 7.1428571429dvw;
  margin: 0;
}
@media screen and (min-width: 601px) {
  .hero-blog-list .content-text h1 {
    padding: 0 0 10dvh 7.1428571429dvw;
  }
}
.hero-blog-list .content-text .rte {
  padding: 0 7.1428571429dvw 6.66dvh 14.2857142857dvw;
}
@media screen and (min-width: 601px) {
  .hero-blog-list .content-text .rte {
    padding: 5dvh 14.2857142857dvw 5dvh 0;
  }
}

.hero-blog-post {
  position: relative;
  z-index: 50;
}
.hero-blog-post .content-image figure, .hero-blog-post .content-image img {
  position: relative;
  width: 100%;
  height: 25dvh;
  aspect-ratio: 500/250;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 601px) {
  .hero-blog-post .content-image figure, .hero-blog-post .content-image img {
    aspect-ratio: 500/150;
  }
}
.hero-blog-post::after {
  position: absolute;
  z-index: 100;
  left: 0;
  bottom: 0;
  height: 5dvh;
  width: 64.2857142857dvw;
  background-color: rgb(255, 255, 255);
  content: "";
}

.blog-list {
  background-color: rgb(255, 255, 255);
}
.blog-list .mod_newslist {
  margin: 10dvh 14.2857142857dvw;
}
.blog-list .mod_newslist div.blogpost {
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 601px) {
  .blog-list .mod_newslist div.blogpost {
    grid-template-columns: 3fr 5fr;
    -moz-column-gap: 3.5714285714dvw;
         column-gap: 3.5714285714dvw;
  }
}
.blog-list .mod_newslist div.blogpost {
  margin-bottom: 10dvh;
}
.blog-list .mod_newslist div.blogpost:last-of-type {
  margin-bottom: 0;
}
.blog-list .mod_newslist div.blogpost:nth-of-type(odd) {
  margin-left: 0;
  margin-right: 7.1428571429dvw;
}
.blog-list .mod_newslist div.blogpost:nth-of-type(even) {
  margin-left: 7.1428571429dvw;
  margin-right: 0;
}
.blog-list .mod_newslist .image-container, .blog-list .mod_newslist img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/5;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-list .mod_newslist div.container {
  align-self: center;
}
.blog-list .mod_newslist h2 {
  font-size: clamp(1.5rem, 2.5dvw, 2rem);
  hyphens: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 601px) {
  .blog-list .mod_newslist h2 {
    padding-top: 0;
  }
}
.blog-list .mod_newslist p.info {
  display: none;
}

.blogpost {
  margin: 5dvh 14.2857142857dvw 10dvh 14.2857142857dvw;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
}
@media screen and (min-width: 601px) {
  .blogpost {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto auto auto;
  }
}
.blogpost .content-image,
.blogpost .linkedin-video {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media screen and (min-width: 601px) {
  .blogpost .content-image,
  .blogpost .linkedin-video {
    grid-column: 1/4;
    grid-row: 1/2;
  }
}
.blogpost .content-image figure, .blogpost .content-image img, .blogpost .content-image video,
.blogpost .linkedin-video figure,
.blogpost .linkedin-video img,
.blogpost .linkedin-video video {
  width: 100%;
  height: auto;
  aspect-ratio: 4/5;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 601px) {
  .blogpost .content-text {
    display: grid;
    grid-column: 1/9;
    grid-row: 1/3;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    grid-column: 2/9;
  }
}
@media screen and (min-width: 1301px) {
  .blogpost .content-text {
    grid-column: 3/9;
  }
}
.blogpost .content-text h2 {
  margin-top: 2rem;
}
@media screen and (min-width: 601px) {
  .blogpost .content-text h2 {
    grid-column: 3/8;
    grid-row: 1/2;
    align-self: end;
    margin: 0 0 5dvh 3.5714285714dvw;
    grid-column: 3/8;
  }
}
@media screen and (min-width: 1301px) {
  .blogpost .content-text h2 {
    grid-column: 2/7;
    margin-bottom: 10dvh;
  }
}
@media screen and (min-width: 601px) {
  .blogpost .content-text .rte {
    grid-column: 1/9;
    grid-row: 2/3;
    margin-top: 5dvh;
    grid-column: 1/7;
  }
}
@media screen and (min-width: 1301px) {
  .blogpost .content-text .rte {
    grid-column: 1/5;
    margin-top: 10dvh;
  }
}
@media screen and (min-width: 601px) {
  .blogpost .content-hyperlink {
    grid-column: 1/5;
    grid-row: 3/4;
    grid-column: 2/6;
  }
}
@media screen and (min-width: 1301px) {
  .blogpost .content-hyperlink {
    grid-column: 3/7;
  }
}
.blogpost .content-hyperlink a {
  margin-top: 2rem;
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2026 on Contao
    08.07.2026 - 14.15

    +++ CONTACT / PRODUKTANFRAGE +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.hero-contact .content-image firgure, .hero-contact .content-image img {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 500/300;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 601px) {
  .hero-contact .content-image firgure, .hero-contact .content-image img {
    aspect-ratio: 500/150;
  }
}
.hero-contact .content-image figure:after {
  position: absolute;
  bottom: 0;
  right: left;
  width: 64.2857142857dvw;
  border-top: 6.66dvh solid oklch(92.6% 0.209 114.5deg);
  content: " ";
}
@media screen and (min-width: 601px) {
  .hero-contact .content-image figure:after {
    border-top: 10dvh solid oklch(92.6% 0.209 114.5deg);
  }
}
.hero-contact .content-headline {
  background-color: oklch(92.6% 0.209 114.5deg);
  padding: 0 28.5714285714dvw 5dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .hero-contact .content-headline {
    padding: 0 35.7142857143dvw 5dvh 14.2857142857dvw;
  }
}

.contact,
.produkt-contact {
  padding: 10dvh 7.1428571429dvw;
  background-color: rgb(242, 242, 242);
}
@media screen and (min-width: 601px) {
  .contact,
  .produkt-contact {
    padding: 10dvh 14.2857142857dvw;
  }
}
@media screen and (min-width: 601px) {
  .contact .formbody,
  .produkt-contact .formbody {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 3.5714285714dvw;
  }
}
.contact .formbody .widget-text label,
.contact .formbody .widget-textarea label,
.produkt-contact .formbody .widget-text label,
.produkt-contact .formbody .widget-textarea label {
  display: none;
}
.contact .formbody .widget-text input,
.contact .formbody .widget-text textarea,
.contact .formbody .widget-textarea input,
.contact .formbody .widget-textarea textarea,
.produkt-contact .formbody .widget-text input,
.produkt-contact .formbody .widget-text textarea,
.produkt-contact .formbody .widget-textarea input,
.produkt-contact .formbody .widget-textarea textarea {
  width: 100%;
  border-bottom: 1px solid hsl(338, 0%, 5%);
}
.contact .formbody .widget-text input:focus,
.contact .formbody .widget-text textarea:focus,
.contact .formbody .widget-textarea input:focus,
.contact .formbody .widget-textarea textarea:focus,
.produkt-contact .formbody .widget-text input:focus,
.produkt-contact .formbody .widget-text textarea:focus,
.produkt-contact .formbody .widget-textarea input:focus,
.produkt-contact .formbody .widget-textarea textarea:focus {
  background-color: rgb(229.9, 229.9, 229.9);
}
.contact .formbody .widget-textarea,
.produkt-contact .formbody .widget-textarea {
  grid-column: 1/3;
}
.contact .formbody .widget-radio,
.produkt-contact .formbody .widget-radio {
  grid-column: 1/3;
}
.contact .formbody .widget-radio label,
.produkt-contact .formbody .widget-radio label {
  font-weight: normal;
  font-size: 1rem;
}
.contact .formbody .widget-radio .radio_container.anfrage-radio,
.produkt-contact .formbody .widget-radio .radio_container.anfrage-radio {
  padding: 0.25rem 0.5rem;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid hsl(338, 0%, 5%);
}
.contact .formbody .widget-radio .radio_container.anfrage-radio span,
.produkt-contact .formbody .widget-radio .radio_container.anfrage-radio span {
  margin-right: 0.8rem;
}
.contact .formbody .widget-select label,
.produkt-contact .formbody .widget-select label {
  font-weight: normal;
  font-size: 1rem;
}
.contact .formbody .widget-select.anfrage-datum,
.produkt-contact .formbody .widget-select.anfrage-datum {
  padding: 0.25rem 0.5rem;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid hsl(338, 0%, 5%);
}
.contact .formbody .anfrage-datum option,
.produkt-contact .formbody .anfrage-datum option {
  font-weight: normal;
}
.contact .anfrage-hinweise,
.produkt-contact .anfrage-hinweise {
  margin-top: 2rem;
}
.contact .anfrage-hinweise p,
.produkt-contact .anfrage-hinweise p {
  font-size: 0.85rem;
  font-style: italic;
}
.contact .anfrage-hinweise p strong,
.produkt-contact .anfrage-hinweise p strong {
  color: hsl(338, 0%, 5%);
}

.imprint {
  padding-block: 10dvh;
  display: grid;
  grid-template-columns: repeat(14, 1fr);
}
.imprint .content-text {
  grid-column: 2/10;
  align-self: center;
}
@media screen and (min-width: 601px) {
  .imprint .content-text {
    grid-column: 3/7;
  }
}
.imprint .content-image {
  grid-column: 11/15;
}
@media screen and (min-width: 601px) {
  .imprint .content-image {
    grid-column: 8/15;
  }
}
.imprint .content-image figure, .imprint .content-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}
.imprint .content-image picture {
  height: 100%;
}
.imprint .content-image img {
  border-left: 0.5rem solid oklch(92.6% 0.209 114.5deg);
}

.data-protection {
  padding: 10dvh 7.1428571429dvw;
  background-color: rgb(242, 242, 242);
}
@media screen and (min-width: 601px) {
  .data-protection {
    padding: 10dvh 14.2857142857dvw;
  }
}
.data-protection .content-text {
  padding: 0 0 2.5dvh 0;
  border-bottom: 1px solid rgb(117, 125, 133);
  margin: 0 0 2.5dvh 0;
}
.data-protection .content-text h4 {
  color: oklch(61.547% 0.1047 201.47deg);
}
@media screen and (min-width: 601px) {
  .data-protection .content-text .rte {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 3.5714285714dvw;
         column-gap: 3.5714285714dvw;
  }
}
.data-protection .content-text:last-of-type {
  border: none;
}
.data-protection ul {
  list-style-type: square;
  list-style-position: inside;
  padding-left: 1rem;
}
.data-protection ul li {
  text-indent: -1rem;
}
.data-protection ul li::marker {
  color: oklch(61.547% 0.1047 201.47deg);
}

.credits {
  padding: 2.5dvh 0;
  background: rgb(255, 255, 255) repeating-linear-gradient(-90deg, rgb(255, 255, 255), rgb(255, 255, 255) 1rem, rgb(242, 242, 242) 1rem, rgb(242, 242, 242) 2rem) repeat scroll 0 0;
}
.credits .inner-box {
  padding: 10dvh 7.1428571429dvw;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 601px) {
  .credits .inner-box {
    padding: 10dvh 14.2857142857dvw;
  }
}
.credits h4 {
  font-size: 1.5rem;
}
@media screen and (min-width: 601px) {
  .credits .rte {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 3.5714285714dvw;
         column-gap: 3.5714285714dvw;
  }
}
.credits .rte p {
  font-size: 0.9rem;
}
.credits strong {
  color: rgb(50, 55, 60);
}

/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2024 on Contao
    13.09.2024 - 12.00

    +++ PAGE NOT FOUND +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.errorpage {
  margin: 15dvh 7.1428571429dvw 10dvh 0;
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 601px) {
  .errorpage {
    margin: 15dvh 0 10dvh 0;
    grid-template-columns: 4fr 8fr;
  }
}
.errorpage .content-headline {
  background-color: oklch(92.6% 0.209 114.5deg);
  border-bottom: 10dvh solid oklch(92.6% 0.209 114.5deg);
  padding: 10dvh 7.1428571429dvw 0 7.1428571429dvw;
  text-align: right;
  line-height: 90%;
}
@media screen and (min-width: 601px) {
  .errorpage .content-headline {
    border-bottom: 10dvh solid rgb(255, 255, 255);
  }
}
.errorpage .content-text {
  padding: 5dvh 7.1428571429dvw;
}
@media screen and (min-width: 601px) {
  .errorpage .content-text {
    padding: 10dvh 14.2857142857dvw 10dvh 7.1428571429dvw;
  }
}
.errorpage .content-text strong {
  color: hsl(338, 0%, 5%);
}
.errorpage .content-text ul {
  list-style: square inside;
}
.errorpage .content-text ul a {
  text-decoration: none;
}
.errorpage .content-text ul a:hover {
  text-decoration: underline;
  text-decoration-color: oklch(61.547% 0.1047 201.47deg);
}
@media screen and (max-width: 600px) {
  .errorpage .content-text li {
    padding-bottom: 0.5rem;
  }
}
.errorpage .content-text li::marker {
  color: oklch(61.547% 0.1047 201.47deg);
}/*# sourceMappingURL=style.css.map */