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%}
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}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@charset "UTF-8";
/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    Nulldrei 2024 on Contao
    17.06.2024 - 15.15

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

    Nulldrei 2024 on Contao
    17.06.2024 - 15.15

    +++ COMPONENTS +++

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

    Nulldrei 2024 on Contao
    17.06.2024 - 15.30

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

    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/fonts/GothamNarrow-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamNarrow";
  src: url("../../files/theme/fonts/GothamNarrow-Book-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "GothamNarrow";
  src: url("../../files/theme/fonts/GothamNarrow-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamNarrow";
  src: url("../../files/theme/fonts/GothamNarrow-Bold-Italic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "GothamNarrow";
  src: url("../../files/theme/fonts/GothamNarrow-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gotham";
  src: url("../../files/theme/fonts/Gotham-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
/* 
*   ==============================================================================   
*   Nulldrei 2023
*   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: 501px) {
  .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: 500px) {
  .for-medium-up {
    display: none;
  }
}

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

    Nulldrei 2024 on Contao
    17.06.2024 - 15.15

    +++ SPACER +++

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

    Nulldrei 2024 on Contao
    23.06.2024 - 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;
  }
}
.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;
  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;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
@media screen and (min-width: 501px) {
  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;
  }
}

h1, h2, h3, h4, h5, h6,
p, q, blockquote, sub, sup {
  font-kerning: auto;
  font-variant-ligatures: common-ligatures;
  font-variant-numeric: proportional-nums;
  -webkit-hyphens: auto;
          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);
  font-weight: 900;
  margin: 0;
  padding: 0rem 0 0rem 0;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  letter-spacing: 0;
  -webkit-hyphens: none;
          hyphens: none;
  text-wrap: balance;
}
@media screen and (min-width: 501px) {
  h1 {
    font-size: clamp(3.5rem, 7dvw, 7rem);
  }
}
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);
  font-weight: 900;
  margin: 0;
  padding: 1rem 0 2rem 0;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  letter-spacing: 0;
  -webkit-hyphens: none;
          hyphens: none;
  text-wrap: balance;
}
@media screen and (min-width: 501px) {
  h2 {
    font-size: clamp(2.5rem, 4dvw, 4rem);
  }
}
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);
  font-weight: 900;
  margin: 0;
  padding: 1rem 0 1rem 0;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  letter-spacing: 0;
  -webkit-hyphens: none;
          hyphens: none;
  text-wrap: balance;
}
@media screen and (min-width: 501px) {
  h3 {
    font-size: clamp(1.5rem, 3dvw, 2.5rem);
  }
}
h3:first-of-type {
  padding-top: 0;
}

h4 {
  position: relative;
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  padding: 0.5rem 0 0.75rem 0;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  letter-spacing: 0;
  -webkit-hyphens: none;
          hyphens: none;
  text-wrap: balance;
}
@media screen and (min-width: 501px) {
  h4 {
    font-size: 1rem;
  }
}
h4: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 rgb(0, 0, 0);
  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 rgb(0, 0, 0);
  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 rgb(0, 0, 0);
  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 rgb(0, 0, 0);
  content: "";
}

p {
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  font-size: 1rem;
  color: rgb(0, 0, 0);
  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: rgb(0, 0, 0);
}
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: rgb(229, 245, 0);
}

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

.black {
  color: rgb(0, 0, 0);
}

.hyphen {
  -webkit-hyphens: auto !important;
          hyphens: auto !important;
}

.ul-pri {
  -webkit-text-decoration: underline solid rgb(229, 245, 0);
          text-decoration: underline solid rgb(229, 245, 0);
}

.ul-sec {
  -webkit-text-decoration: underline solid rgb(0, 180, 188);
          text-decoration: underline solid rgb(0, 180, 188);
}

a {
  text-decoration: none;
  color: rgb(0, 0, 0);
}

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 rgb(0, 0, 0);
  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/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: rgb(0, 180, 188);
  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/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 {
  display: inline-block;
  padding: 1rem 2rem;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  transition: all 400ms;
  font: normal normal 700 100%/140% "GothamNarrow", sans-serif;
}
button:hover, .button:hover,
.button a:hover {
  background-color: rgb(0, 180, 188);
  cursor: pointer;
  transition: all 400ms;
}

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

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

    Nulldrei 2024 on Contao
    19.06.2024 - 11.00

    +++ FORMS +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
form {
  width: 100%;
}
form input, form textarea {
  font: normal normal 400 100%/140% "GothamNarrow", sans-serif;
  color: rgb(0, 0, 0);
  background-color: rgb(240, 240, 240);
  padding: 0.25rem 0.5rem;
  margin: 0 0 1rem 0;
}
form input:focus, form textarea:focus {
  outline: none;
}
form label {
  font: normal normal 700 80%/120% "GothamNarrow", sans-serif;
}
form button,
form .submit {
  padding: 0.75rem 1.5rem;
}

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

    Nulldrei 2024 on Contao
    20.06.2024 - 12.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: 3.5rem;
  width: auto;
}
@media screen and (min-width: 501px) {
  #header .menubar .logo img {
    height: 4rem;
  }
}
#header .menubar .hamburger {
  justify-self: end;
  align-self: center;
}
#header .menubar .hamburger img {
  height: 1.5rem;
  width: auto;
}
#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: rgb(0, 0, 0);
  padding: 6.6666666667dvh 7.1428571429dvw 0 6.4285714286dvw;
}
@media screen and (min-width: 501px) {
  .menuoverlay {
    right: -42.8571428571dvw;
    width: 42.8571428571dvw;
  }
}
.menuoverlay .content-image img {
  width: 32.1428571429dvw;
  height: auto;
  filter: grayscale(100%);
}
@media screen and (min-width: 501px) {
  .menuoverlay .content-image img {
    width: 10.7142857143dvw;
  }
}
.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: 501px) {
  .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(240, 240, 240);
  padding: 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 501px) {
  #footer {
    padding: 10dvh 14.2857142857dvw;
  }
}
#footer .inside {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5dvh 7.1428571429dvw;
}
@media screen and (min-width: 501px) {
  #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: rgb(0, 0, 0);
}
#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: 501px) {
  #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: rgb(0, 0, 0);
}
#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(240, 240, 240);
  color: rgb(0, 0, 0);
  font-weight: normal;
}
#footer .footer-navigation a:hover, #footer .footer-navigation .active:hover {
  text-decoration-color: rgb(0, 0, 0);
  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 rgb(0, 0, 0);
}
#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 2024 on Contao
    18.06.2024 - 12.00

    +++ HOME +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.hero-claim,
.hero-claim-test {
  position: relative;
  padding: 22.5dvh 0 10dvh 0;
}
.hero-claim .content-headline,
.hero-claim-test .content-headline {
  font-family: "Gotham", sans-serif;
  font-size: clamp(3.75rem, 8dvw, 8rem);
  text-align: center;
  margin-bottom: 1rem;
}
.hero-claim .content-headline span.first,
.hero-claim-test .content-headline span.first {
  display: block;
  padding-inline: 10.7142857143dvw 0;
  text-align: left;
  opacity: 0;
  animation: 0.7s ease-out 250ms forwards slide-in-left;
}
@media screen and (min-width: 501px) {
  .hero-claim .content-headline span.first,
  .hero-claim-test .content-headline span.first {
    text-align: center;
    padding-inline: 0 3ch;
  }
}
.hero-claim .content-headline span.second,
.hero-claim-test .content-headline span.second {
  display: block;
  padding-inline: 21.4285714286dvw 0;
  text-align: left;
  opacity: 0;
  animation: 0.7s ease-out 750ms forwards slide-in-right;
}
@media screen and (min-width: 501px) {
  .hero-claim .content-headline span.second,
  .hero-claim-test .content-headline span.second {
    text-align: center;
    padding-inline: 3ch 0;
  }
}
@media screen and (max-width: 500px) {
  .hero-claim .content-headline .blank::before,
  .hero-claim-test .content-headline .blank::before {
    content: "_";
    color: rgb(255, 255, 255);
  }
}
.hero-claim .content-text,
.hero-claim-test .content-text {
  opacity: 0;
  margin-inline: 14.2857142857dvw 21.4285714286dvw;
  animation: 1.5s ease-out 1.5s forwards fade-in;
}
@media screen and (min-width: 501px) {
  .hero-claim .content-text,
  .hero-claim-test .content-text {
    margin-inline: 49.7dvw 14.2857142857dvw;
  }
}
.hero-claim .content-text p,
.hero-claim-test .content-text p {
  margin-bottom: 1.5rem;
}

.hero-claim-test {
  background-image: none;
}

.at-a-glance {
  background: rgb(255, 255, 255);
  padding-bottom: 0;
  border-bottom: 10dvh solid rgb(229, 245, 0);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  -moz-column-gap: 0;
       column-gap: 0;
}
@media screen and (min-width: 501px) {
  .at-a-glance {
    border-bottom: 15dvh solid rgb(229, 245, 0);
  }
}
.at-a-glance .content-image {
  grid-column: 1/10;
  grid-row: 1/2;
  z-index: 25;
}
@media screen and (min-width: 501px) {
  .at-a-glance .content-image {
    grid-column: 1/6;
  }
}
.at-a-glance .content-image figure,
.at-a-glance .content-image picture,
.at-a-glance .content-image img {
  height: 100%;
  width: auto;
}
.at-a-glance .content-text {
  grid-column: 4/-1;
  grid-row: 1/2;
  z-index: 50;
  margin-top: 10dvh;
  padding: 5dvh 7.1428571429dvw 0 7.1428571429dvw;
  background-color: rgb(229, 245, 0);
}
@media screen and (min-width: 501px) {
  .at-a-glance .content-text {
    grid-column: 6/-1;
    border-top: 0;
    padding: 10dvh 14.2857142857dvw 0 7.1428571429dvw;
  }
}

.business-units {
  padding-block: 10dvh 5dvh;
}
@media screen and (min-width: 501px) {
  .business-units {
    padding-block: 15dvh;
  }
}
@media screen and (min-width: 1301px) {
  .business-units {
    padding-bottom: 20dvh;
  }
}
.business-units .bu-unit {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
}
.business-units .bu-unit .content-image {
  grid-row: 1/2;
  z-index: 50;
  justify-self: stretch;
  align-self: stretch;
}
.business-units .bu-unit .content-image figure, .business-units .bu-unit .content-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.business-units .bu-unit .content-text {
  grid-row: 1/2;
  z-index: 100;
  justify-self: stretch;
  align-self: center;
  background-color: rgb(255, 255, 255);
}
.business-units .bu-content {
  margin-bottom: 10dvh;
}
.business-units .bu-content .content-image {
  grid-column: 10/15;
}
@media screen and (min-width: 501px) {
  .business-units .bu-content .content-image {
    grid-column: 8/13;
  }
}
.business-units .bu-content .content-text {
  grid-column: 1/10;
  padding: 5dvh 7.1428571429dvw;
  border-right: 0.5rem solid rgb(229, 245, 0);
}
@media screen and (min-width: 501px) {
  .business-units .bu-content .content-text {
    grid-column: 3/9;
    padding: 3.3333333333dvh 7.1428571429dvw 3.3333333333dvh 0;
  }
}
@media screen and (min-width: 1301px) {
  .business-units .bu-content .content-text {
    padding: 5dvh 7.1428571429dvw 5dvh 0;
  }
}
.business-units .bu-video .content-image {
  grid-column: 1/6;
}
@media screen and (min-width: 501px) {
  .business-units .bu-video .content-image {
    grid-column: 3/8;
  }
}
.business-units .bu-video .content-text {
  grid-column: 6/15;
  padding: 5dvh 7.1428571429dvw;
  border-left: 0.5rem solid rgb(229, 245, 0);
}
@media screen and (min-width: 501px) {
  .business-units .bu-video .content-text {
    grid-column: 7/13;
    padding: 3.3333333333dvh 0 3.3333333333dvh 7.1428571429dvw;
  }
}
@media screen and (min-width: 1301px) {
  .business-units .bu-video .content-text {
    padding: 5dvh 0 5dvh 7.1428571429dvw;
  }
}

.cases {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20dvh, rgb(240, 240, 240) 20dvh, rgb(240, 240, 240) 100%);
  padding: 0 7.1428571429dvw 10dvh 7.1428571429dvw;
  display: grid;
  grid-template-columns: 1fr;
  gap: 5dvh;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .cases .spacer-right {
    margin-right: 7.1428571429dvw;
  }
}
.cases .spacer-left {
  margin-left: 14.2857142857dvw;
}
@media screen and (min-width: 501px) {
  .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: rgb(229, 245, 0);
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 0;
       column-gap: 0;
  background-image: url("../../files/theme/icons/icon-quote-trans.svg");
  background-position: 3.5714285714dvw 20dvh;
  background-size: auto 20dvh;
  background-repeat: no-repeat;
}
@media screen and (min-width: 501px) {
  .testimonials {
    grid-template-columns: 8fr 5fr;
  }
}
@media screen and (min-width: 501px) {
  .testimonials {
    background-position: 10.7142857143dvw 20dvh;
  }
}
.testimonials .container {
  border-top: 5dvh solid rgb(240, 240, 240);
  padding: 10dvh 7.1428571429dvw 15dvh 7.1428571429dvw;
}
@media screen and (min-width: 501px) {
  .testimonials .container {
    border-top: 10dvh solid rgb(240, 240, 240);
    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: 500px) {
  .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 2024 on Contao
    28.06.2024 - 15.00

    +++ VIDEO +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.hero-video,
.hero-marketing {
  background-color: rgb(229, 245, 0);
  background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20dvh, rgb(229, 245, 0) 20dvh, rgb(229, 245, 0) 100%);
  padding: 13.33dvh 0 0 0;
  display: grid;
  grid-template-columns: repeat(14, 1fr);
}
@media screen and (min-width: 501px) {
  .hero-video,
  .hero-marketing {
    background-image: none;
  }
}
.hero-video .content-image,
.hero-marketing .content-image {
  grid-column: 1/13;
}
.hero-video .content-image figure, .hero-video .content-image picture, .hero-video .content-image img,
.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: 501px) {
  .hero-video .content-image,
  .hero-marketing .content-image {
    grid-column: 1/8;
    grid-row: 1/2;
  }
}
.hero-video .content-text,
.hero-marketing .content-text {
  grid-column: 1/13;
  padding: 1.5rem 0 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 501px) {
  .hero-video .content-text,
  .hero-marketing .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-video .content-text h1,
.hero-marketing .content-text h1 {
  padding-bottom: 2rem;
}

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

.video-text,
.marketing-text {
  padding: 10dvh 14.2857142857dvw;
}
@media screen and (min-width: 501px) {
  .video-text,
  .marketing-text {
    padding: 10dvh 21.4285714286dvw;
  }
}

.products {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  gap: 0;
  background-color: rgb(240, 240, 240);
  padding-block: 0 15dvh;
}
.products figure, .products picture, .products img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.products .content-image {
  border-bottom: 5dvh solid rgb(240, 240, 240);
}
@media screen and (min-width: 501px) {
  .products .content-image {
    z-index: 50;
    grid-row: 1/2;
    border-bottom: 10dvh solid rgb(240, 240, 240);
  }
}
.products .content-text {
  background-color: rgb(240, 240, 240);
  align-self: end;
  position: relative;
}
.products .content-text h2 {
  padding-bottom: 1rem;
}
@media screen and (min-width: 501px) {
  .products .content-text {
    grid-row: 1/2;
    z-index: 100;
  }
  .products .content-text h2 {
    padding-bottom: 2rem;
  }
}
.products .content-text::after {
  position: absolute;
  top: 0;
  width: 7.1428571429dvw;
  height: 5dvh;
  border-top: 0.5rem solid rgb(229, 245, 0);
  content: "";
}
@media screen and (min-width: 501px) {
  .products .content-text::after {
    height: 10dvh;
  }
}

.product-background {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 10dvh, rgb(240, 240, 240) 10dvh, rgb(240, 240, 240) 100%);
}

.product-left .content-image {
  grid-column: 2/14;
}
@media screen and (min-width: 501px) {
  .product-left .content-image {
    grid-column: 3/10;
  }
}
.product-left .content-text {
  grid-column: 4/14;
  padding: 3.33dvh 0 0 7.1428571429dvw;
}
.product-left .content-text::after {
  left: 0;
  border-left: 0.5rem solid rgb(229, 245, 0);
}
@media screen and (min-width: 501px) {
  .product-left .content-text {
    grid-column: 6/13;
    padding: 3.33dvh 0 0 3.5714285714dvw;
  }
}

.product-right .content-image {
  grid-column: 2/14;
}
@media screen and (min-width: 501px) {
  .product-right .content-image {
    grid-column: 6/13;
  }
}
.product-right .content-text {
  grid-column: 2/12;
  padding: 3.33dvh 3.5714285714dvw 0 0;
}
.product-right .content-text::after {
  right: 0;
  border-right: 0.5rem solid rgb(229, 245, 0);
}
@media screen and (min-width: 501px) {
  .product-right .content-text {
    grid-column: 3/10;
  }
}

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

    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: 501px) {
  .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 rgb(229, 245, 0);
  content: " ";
}
@media screen and (min-width: 501px) {
  .hero-agentur .content-image figure:after {
    width: 64.2857142857dvw;
    border-top: 10dvh solid rgb(229, 245, 0);
  }
}
.hero-agentur .content-text {
  background-color: rgb(229, 245, 0);
  padding: 0 7.1428571429dvw 10dvh 21.4285714286dvw;
}
@media screen and (min-width: 501px) {
  .hero-agentur .content-text {
    padding: 0 7.1428571429dvw 10dvh 42.8571428571dvw;
  }
}
.hero-agentur .content-text .rte {
  margin-top: 5dvh;
}

.services {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  padding-block: 15dvh;
}
.services .content-headline {
  grid-column: 2/14;
}
@media screen and (min-width: 1301px) {
  .services .content-headline {
    grid-column: 3/6;
  }
}
.services .service-container {
  grid-column: 2/14;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem 1rem;
}
@media screen and (min-width: 1301px) {
  .services .service-container {
    grid-template-columns: 1fr 1fr;
    grid-column: 7/13;
    gap: 1rem 1rem;
  }
}
.services .service-container .content-text {
  background-color: rgb(240, 240, 240);
  padding: 1rem 1.5rem;
}
.services .service-container .content-text h3 {
  font-size: 1rem;
}
.services .service-detail {
  display: grid;
  grid-template-areas: "image" "headline" "copy";
}
.services .service-detail h3 {
  grid-area: headline;
}
.services .service-detail figure {
  grid-area: image;
  padding-bottom: 2rem;
}
.services .service-detail figure img {
  width: 4rem;
  height: auto;
}
@media screen and (min-width: 1301px) {
  .services .service-detail figure img {
    width: 4.7571428571dvw;
  }
}
.services .service-detail .rte {
  grid-area: copy;
}

.values {
  background-color: rgb(240, 240, 240);
  padding: 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .values .content-text {
    padding-block: 1rem;
  }
}
@media screen and (min-width: 501px) {
  .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: rgb(229, 245, 0);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .history .container {
    padding: 10dvh 7.1428571429dvw 10dvh 14.2857142857dvw;
  }
}
.history .container .headline {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .history .container .year {
    padding-left: 7.1428571429dvw;
  }
}
.history .content-image {
  display: none;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .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 rgb(229, 245, 0);
  content: " ";
}
@media screen and (min-width: 501px) {
  .hero-cases-list .content-image figure:after {
    border-top: 10dvh solid rgb(229, 245, 0);
  }
}
.hero-cases-list .content-text {
  background-color: rgb(229, 245, 0);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: center;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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, rgb(229, 245, 0) 13.33dvh, rgb(229, 245, 0) 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: 501px) {
  .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(0, 0, 0, 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: 501px) {
  .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(240, 240, 240);
  background: linear-gradient(180deg, rgb(229, 245, 0) 0%, rgb(229, 245, 0) 5dvh, rgb(240, 240, 240) 5dvh, rgb(240, 240, 240) 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: 501px) {
  .cases-list .mod_newslist {
    gap: 5dvh 0;
  }
}
.cases-list .mod_newslist .case-detail {
  grid-column: 3/25;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .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, 3dvw, 2.5rem);
  -webkit-hyphens: auto;
          hyphens: auto;
  margin-top: 1rem;
}
@media screen and (max-width: 500px) {
  .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: 501px) {
  .assignment {
    padding: 15dvh 21.4285714286dvw;
  }
}
.assignment h2 {
  font-size: clamp(1.5rem, 3dvw, 2.5rem);
}

.insight-container {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 5dvh, rgb(240, 240, 240) 5dvh, rgb(240, 240, 240) 100%);
  background-color: rgb(240, 240, 240);
}
@media screen and (min-width: 501px) {
  .insight-container {
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 10.01dvh, rgb(240, 240, 240) 10dvh, rgb(240, 240, 240) 100%);
  }
}
.insight-container .insight-element {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  padding-bottom: 5dvh;
}
@media screen and (min-width: 501px) {
  .insight-container .insight-element {
    padding-bottom: 10dvh;
  }
}
@media screen and (min-width: 501px) {
  .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(240, 240, 240);
}
.insight-container .insight-element .rte {
  align-content: center;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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;
  display: grid;
}
@media screen and (min-width: 501px) {
  .insight-container .case-youtube-right .content-text {
    grid-column: 3/7;
  }
}
.insight-container .case-youtube-right .content-text .rte {
  padding-top: 0.5rem;
  justify-self: center;
  align-self: center;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .insight-container .case-square .rte {
    grid-column: 9/13;
  }
}
.insight-container .case-YT-quadrat {
  padding: 0 7.1428571429dvw 10dvh 7.1428571429dvw;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 501px) {
  .insight-container .case-YT-quadrat {
    padding: 5dvh 14.2857142857dvw 10dvh 14.2857142857dvw;
  }
}
@media screen and (min-width: 501px) {
  .insight-container .case-YT-quadrat {
    grid-template-columns: 1fr 1fr;
    row-gap: calc(10dvh - 2rem);
  }
}
@media screen and (min-width: 501px) {
  .insight-container .case-YT-quadrat .content-youtube.down {
    margin-top: 2rem;
  }
}
.insight-container .case-video-linkedin {
  padding: 0 7.1428571429dvw 10dvh 7.1428571429dvw;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 10dvh 3.5714285714dvw;
}
@media screen and (min-width: 501px) {
  .insight-container .case-video-linkedin {
    padding: 5dvh 14.2857142857dvw 10dvh 14.2857142857dvw;
  }
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .insight-container .case-video-linkedin .content-player.down {
    margin-top: inherit;
  }
}

.customer-details {
  padding: 10dvh 7.1428571429dvw;
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
}
@media screen and (min-width: 501px) {
  .customer-details {
    padding: 10dvh 14.2857142857dvw;
  }
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .customer-details figure img {
    width: 21.4285714286dvw;
    margin-bottom: 0;
  }
}
.customer-details .rte strong {
  color: rgb(50, 55, 60);
}

.project-form {
  background-color: rgb(229, 245, 0);
  padding: 10dvh 7.1428571429dvw;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .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 rgb(0, 0, 0);
  background-color: #e5f500;
}
.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: 501px) {
  .other-projects {
    background: linear-gradient(180deg, rgb(229, 245, 0) 0%, rgb(229, 245, 0) 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: 501px) 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: 500px) {
  .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: 501px) {
  .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 rgb(229, 245, 0);
  content: " ";
}
@media screen and (min-width: 501px) {
  .hero-blog-list .content-image figure:after {
    border-top: 10dvh solid rgb(229, 245, 0);
  }
}
.hero-blog-list .content-text {
  background-color: rgb(229, 245, 0);
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: center;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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;
  margin-bottom: 10dvh;
}
@media screen and (min-width: 501px) {
  .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: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, 3dvw, 2.5rem);
  -webkit-hyphens: auto;
          hyphens: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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: 501px) {
  .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 2024 on Contao
    03.07.2024 - 11.00

    +++ CONTACT +++

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.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: 501px) {
  .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 rgb(229, 245, 0);
  content: " ";
}
@media screen and (min-width: 501px) {
  .hero-contact .content-image figure:after {
    border-top: 10dvh solid rgb(229, 245, 0);
  }
}
.hero-contact .content-headline {
  background-color: rgb(229, 245, 0);
  padding: 0 35.7142857143dvw 5dvh 14.2857142857dvw;
}

.contact {
  padding: 10dvh 7.1428571429dvw;
  background-color: rgb(240, 240, 240);
}
@media screen and (min-width: 501px) {
  .contact {
    padding: 10dvh 14.2857142857dvw;
  }
}
@media screen and (min-width: 501px) {
  .contact .formbody {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 3.5714285714dvw;
  }
}
.contact .formbody .widget-text label,
.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 {
  width: 100%;
  border-bottom: 1px solid rgb(0, 0, 0);
}
.contact .formbody .widget-text input:focus,
.contact .formbody .widget-text textarea:focus,
.contact .formbody .widget-textarea input:focus,
.contact .formbody .widget-textarea textarea:focus {
  background-color: #e8e8e8;
}
.contact .formbody .widget-textarea {
  grid-column: 1/3;
}

.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: 501px) {
  .imprint .content-text {
    grid-column: 3/7;
  }
}
.imprint .content-image {
  grid-column: 11/15;
}
@media screen and (min-width: 501px) {
  .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 rgb(229, 245, 0);
}

.data-protection {
  padding: 10dvh 7.1428571429dvw;
  background-color: rgb(240, 240, 240);
}
@media screen and (min-width: 501px) {
  .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: rgb(0, 180, 188);
}
@media screen and (min-width: 501px) {
  .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: rgb(0, 180, 188);
}

.credits {
  padding: 2.5dvh 0;
  background: rgb(255, 255, 255) repeating-linear-gradient(-90deg, rgb(255, 255, 255), rgb(255, 255, 255) 1rem, rgb(240, 240, 240) 1rem, rgb(240, 240, 240) 2rem) repeat scroll 0 0;
}
.credits .inner-box {
  padding: 10dvh 7.1428571429dvw;
  background-color: rgb(255, 255, 255);
}
@media screen and (min-width: 501px) {
  .credits .inner-box {
    padding: 10dvh 14.2857142857dvw;
  }
}
.credits h4 {
  font-size: 1.5rem;
}
@media screen and (min-width: 501px) {
  .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: 501px) {
  .errorpage {
    margin: 15dvh 0 10dvh 0;
    grid-template-columns: 4fr 8fr;
  }
}
.errorpage .content-headline {
  background-color: rgb(229, 245, 0);
  border-bottom: 10dvh solid rgb(229, 245, 0);
  padding: 10dvh 7.1428571429dvw 0 7.1428571429dvw;
  text-align: right;
  line-height: 90%;
}
@media screen and (min-width: 501px) {
  .errorpage .content-headline {
    border-bottom: 10dvh solid rgb(255, 255, 255);
  }
}
.errorpage .content-text {
  padding: 5dvh 7.1428571429dvw;
}
@media screen and (min-width: 501px) {
  .errorpage .content-text {
    padding: 10dvh 14.2857142857dvw 10dvh 7.1428571429dvw;
  }
}
.errorpage .content-text strong {
  color: rgb(0, 0, 0);
}
.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: rgb(0, 180, 188);
}
@media screen and (max-width: 500px) {
  .errorpage .content-text li {
    padding-bottom: 0.5rem;
  }
}
.errorpage .content-text li::marker {
  color: rgb(0, 180, 188);
}/*# sourceMappingURL=style.css.map */