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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
.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}
.cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}.cookiebar__analytics{margin-right:1.5em}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px}
@charset "UTF-8";
html {
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0;
  height: 100%;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:focus {
  outline: none;
}

.max-width {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.image_container {
  line-height: 0;
}

.dont-flex {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 100% !important;
          flex: 0 0 100% !important;
  max-width: 100% !important;
}

.desktopNO {
  display: none;
}

.mobileNO {
  display: none;
}

.ce_image.cover .image_container {
  height: 100%;
  width: 100%;
}
.ce_image.cover .image_container img {
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  max-width: none;
  -o-object-position: center;
     object-position: center;
}

.margin-t0 {
  margin-top: 0 !important;
}

.margin-t10 {
  margin-top: 10px !important;
}

.margin-t20 {
  margin-top: 20px !important;
}

.margin-t30 {
  margin-top: 30px !important;
}

.margin-t40 {
  margin-top: 40px !important;
}

.margin-t50 {
  margin-top: 50px !important;
}

.margin-t60 {
  margin-top: 60px !important;
}

.margin-t70 {
  margin-top: 70px !important;
}

.margin-t80 {
  margin-top: 80px !important;
}

.margin-t90 {
  margin-top: 90px !important;
}

.margin-t100 {
  margin-top: 100px !important;
}

.margin-t-10 {
  margin-top: -10px !important;
}

.margin-t-20 {
  margin-top: -20px !important;
}

.margin-t-30 {
  margin-top: -30px !important;
}

.margin-t-40 {
  margin-top: -40px !important;
}

.margin-t-50 {
  margin-top: -50px !important;
}

.margin-t-60 {
  margin-top: -60px !important;
}

.margin-t-70 {
  margin-top: -70px !important;
}

.margin-t-80 {
  margin-top: -80px !important;
}

.margin-t-90 {
  margin-top: -90px !important;
}

.margin-t-100 {
  margin-top: -100px !important;
}

.margin-b0 {
  margin-bottom: 0 !important;
}

.margin-b10 {
  margin-bottom: 10px !important;
}

.margin-b20 {
  margin-bottom: 20px !important;
}

.margin-b30 {
  margin-bottom: 30px !important;
}

.margin-b40 {
  margin-bottom: 40px !important;
}

.margin-b50 {
  margin-bottom: 50px !important;
}

.margin-b60 {
  margin-bottom: 60px !important;
}

.margin-b70 {
  margin-bottom: 70px !important;
}

.margin-b80 {
  margin-bottom: 80px !important;
}

.margin-b90 {
  margin-bottom: 90px !important;
}

.margin-b100 {
  margin-bottom: 100px !important;
}

.padding-t0 {
  padding-top: 0 !important;
}

.padding-t10 {
  padding-top: 10px !important;
}

.padding-t20 {
  padding-top: 20px !important;
}

.padding-t30 {
  padding-top: 30px !important;
}

.padding-t40 {
  padding-top: 40px !important;
}

.padding-t50 {
  padding-top: 50px !important;
}

.padding-t60 {
  padding-top: 60px !important;
}

.padding-t70 {
  padding-top: 70px !important;
}

.padding-t80 {
  padding-top: 80px !important;
}

.padding-t90 {
  padding-top: 90px !important;
}

.padding-t100 {
  padding-top: 100px !important;
}

.padding-b0 {
  padding-bottom: 0 !important;
}

.padding-b10 {
  padding-bottom: 10px !important;
}

.padding-b20 {
  padding-bottom: 20px !important;
}

.padding-b30 {
  padding-bottom: 30px !important;
}

.padding-b40 {
  padding-bottom: 40px !important;
}

.padding-b50 {
  padding-bottom: 50px !important;
}

.padding-b60 {
  padding-bottom: 60px !important;
}

.padding-b70 {
  padding-bottom: 70px !important;
}

.padding-b80 {
  padding-bottom: 80px !important;
}

.padding-b90 {
  padding-bottom: 90px !important;
}

.padding-b100 {
  padding-bottom: 100px !important;
}

.flex-item {
  width: 50vw;
}

.pic-w50 {
  right: 0;
}
.pic-w50 .image_container {
  height: 100%;
}
.pic-w50 .image_container img {
  opacity: 0.7;
  -webkit-transition: opacity 0.3s 0.25s ease-out, -webkit-transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  transition: opacity 0.3s 0.25s ease-out, -webkit-transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  -o-transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.3s 0.25s ease-out;
  transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.3s 0.25s ease-out;
  transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1), opacity 0.3s 0.25s ease-out, -webkit-transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  will-change: transform, opacity;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.pic-w50.is-visible img {
  opacity: 1;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.intro-logo {
  top: 40vh;
  margin: 0 auto;
  width: 50%;
  z-index: 50;
  position: absolute;
}
.intro-logo img {
  margin: 0 20%;
}

@-webkit-keyframes example {
  0% {
    width: 25%;
    top: 0;
    right: 60vw;
  }
  100% {
    right: 0;
    top: 0;
    width: 210px;
  }
}

@keyframes example {
  0% {
    width: 25%;
    top: 0;
    right: 60vw;
  }
  100% {
    right: 0;
    top: 0;
    width: 210px;
  }
}
.intro-logo.sticky {
  position: fixed;
  top: 0;
  right: 0;
  padding: 30px;
  width: 210px;
  -webkit-animation-name: example;
          animation-name: example;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-transition: 3s ease-in-out;
  -o-transition: 3s ease-in-out;
  transition: 3s ease-in-out;
}
.intro-logo.sticky img {
  margin: 0;
}

.sticky + .content {
  padding-top: 102px;
}

/*
.intro-logo {
  opacity: 0.7;
  will-change: opacity;
  margin: 45vh 30% 0 20%;
  transition: opacity 2s .25s ease-out;
}
*/
.intro-logo.is-visible {
  opacity: 1;
}

.text-auf-dunkel.is-visible, .text-auf-hell.is-visible {
  -webkit-transform: translateY(-5vh);
      -ms-transform: translateY(-5vh);
          transform: translateY(-5vh);
}

#header-logo, #header-logo-on {
  width: 150px;
  right: 0;
  position: fixed;
  display: block;
  z-index: 5;
  margin: 30px;
}

#header-logo {
  opacity: 0;
}

#header-logo-on {
  opacity: 1;
}

.flex-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.referenz-teaser {
  width: 33.33%;
  height: 33.34%;
  text-shadow: 0px 0px 5px #000000;
}
.referenz-teaser .inside {
  height: 100%;
  width: 100%;
}
.referenz-teaser .image_container {
  position: absolute;
  -webkit-filter: brightness(50%);
          filter: brightness(50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  height: 100%;
}
.referenz-teaser .image_container:hover {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}
.referenz-teaser .image_container img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.referenz-teaser .content {
  position: absolute;
  padding: 10px 20px;
  width: 100%;
  top: 40%;
  text-align: center;
}
.referenz-teaser .content p {
  color: #ffffff;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
}
.referenz-teaser .content p strong {
  color: #A0D5C1;
}

/*
.hell .content {
  background-color: $color3;
  transition: all 0.4s;
  &:hover p {
    color: $color2;
  }
}

.dunkel .content{
  background-color: $color2;
  transition: all 0.4s;
  &:hover p {
    color: $color3;
  }
}

*/
.referenz .ce_sliderStart {
  width: 100%;
  max-width: 800px;
  position: relative;
  margin: 5% auto 0 auto;
}
.referenz .ce_sliderStart .content-slider {
  position: relative;
}
.referenz .ce_sliderStart .ce_image {
  height: 65vh;
}
.referenz .ce_sliderStart .image_container {
  line-height: 0;
  display: block;
  background-color: #5A747D;
}
.referenz .referenztext {
  max-width: 800px;
  margin: 0 auto;
  color: #5A747D;
  width: 100%;
  padding: 30px;
  background-color: #ffffff;
}
.referenz .referenztext h2 {
  color: #A0D5C1;
  margin: 0 0 15px 0;
}
.referenz .referenztext p {
  margin: 0;
}
.referenz .referenztext a:visited {
  color: #A0D5C1;
}
.referenz .referenztext a {
  color: #A0D5C1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.referenz .referenztext a:hover {
  color: #5A747D;
}
.referenz .back {
  margin: 10px auto 50px auto;
  background-color: #A0D5C1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  cursor: pointer;
  width: 100%;
  max-width: 800px;
}
.referenz .back a {
  text-align: center;
  color: #ffffff;
  width: 100%;
  max-width: 800px;
  display: block;
  margin: 0 auto;
}
.referenz .back:hover {
  background-color: #5A747D;
}

.slider-control {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.slider-control .slider-prev, .slider-control .slider-next {
  z-index: 9999;
  height: 40px;
  width: 40px;
  text-indent: -5000px;
  white-space: nowrap;
  display: block;
  margin-top: -35%;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  opacity: 0.5;
}
.slider-control .slider-prev:after, .slider-control .slider-next:after {
  color: #ffffff;
  pointer-events: none;
  font-size: 36px;
  position: absolute;
  text-indent: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}
.slider-control .slider-prev:hover, .slider-control .slider-next:hover {
  opacity: 1;
}
.slider-control .slider-next {
  right: 0;
}
.slider-control .slider-next:after {
  content: "";
  left: -10px;
}
.slider-control .slider-prev {
  left: 0;
}
.slider-control .slider-prev:after {
  content: "";
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  right: -10px;
}
.slider-control .slider-menu {
  top: -10px;
  width: 50%;
  left: 50%;
  margin-left: -25%;
  font-size: 27px;
  text-align: center;
}
.slider-control .slider-menu b {
  color: #ffffff;
  margin: 0 2px;
}
.slider-control .slider-menu b.active {
  color: #A0D5C1;
}

.kontaktformular {
  margin: 0 70px 0 120px;
}
.kontaktformular input, .kontaktformular button, .kontaktformular textarea {
  font-family: sweet-sans-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  border-width: 0;
  padding: 5px 20px;
  margin-bottom: 10px;
  width: 100%;
}
.kontaktformular input::-webkit-input-placeholder, .kontaktformular button::-webkit-input-placeholder, .kontaktformular textarea::-webkit-input-placeholder {
  color: #5A747D;
}
.kontaktformular input::-moz-placeholder, .kontaktformular button::-moz-placeholder, .kontaktformular textarea::-moz-placeholder {
  color: #5A747D;
}
.kontaktformular input:-ms-input-placeholder, .kontaktformular button:-ms-input-placeholder, .kontaktformular textarea:-ms-input-placeholder {
  color: #5A747D;
}
.kontaktformular input::-ms-input-placeholder, .kontaktformular button::-ms-input-placeholder, .kontaktformular textarea::-ms-input-placeholder {
  color: #5A747D;
}
.kontaktformular input::placeholder, .kontaktformular button::placeholder, .kontaktformular textarea::placeholder {
  color: #5A747D;
}
.kontaktformular button {
  background-color: #A0D5C1;
  color: #5A747D;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.kontaktformular button:hover {
  background-color: #ffffff;
  color: #5A747D;
}
.kontaktformular .explanation {
  text-align: right;
  color: #ffffff;
  font-size: 14px;
}

.box {
  margin: 0 120px 70px 120px !important;
  padding: 20px 40px !important;
  border: 2px solid #A0D5C1;
}
.box p {
  padding-left: 0 !important;
}

.cta-box {
  padding: 20px 40px !important;
  margin: 0 120px 70px 120px !important;
  border: 2px solid #A0D5C1;
  color: #ffffff;
  width: calc(100% - 240px);
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  font-size: 24px;
}
.cta-box:hover {
  background-color: #ffffff;
  color: #5A747D;
  border: 2px solid #ffffff;
}

.hell {
  border: 2px solid #5A747D;
  color: #5A747D;
}
.hell:hover {
  background-color: #ffffff !important;
  color: #5A747D !important;
}

#lightcase-info {
  width: 100%;
}
#lightcase-info #lightcase-title {
  display: none !important;
}
#lightcase-info #lightcase-sequenceInfo {
  text-align: center;
}

#lightcase-case .lightcase-contentInner {
  height: auto !important;
}
#lightcase-case .lightcase-contentInner iframe {
  height: 800px !important;
  max-height: 800px !important;
}

#sidebarMenu ul li:before {
  content: none;
}

#datenschutz .text-auf-dunkel, #agb .text-auf-dunkel {
  padding-left: 50px;
  font-size: 16px;
  line-height: 26px;
  padding: 5% 120px 70px 70px;
}
#datenschutz .text-auf-dunkel p, #datenschutz .text-auf-dunkel a, #datenschutz .text-auf-dunkel #CookieDeclarationUserStatusLabelOff, #agb .text-auf-dunkel p, #agb .text-auf-dunkel a, #agb .text-auf-dunkel #CookieDeclarationUserStatusLabelOff {
  padding-left: 50px;
}
#datenschutz .text-auf-dunkel .CookieDeclarationType, #agb .text-auf-dunkel .CookieDeclarationType {
  border: 2px solid #A0D5C1;
  margin-left: 50px;
}
#datenschutz .text-auf-dunkel .CookieDeclarationType p, #agb .text-auf-dunkel .CookieDeclarationType p {
  padding: 0 20px;
}
#datenschutz .text-auf-dunkel .CookieDeclarationTableHeader, #datenschutz .text-auf-dunkel .CookieDeclarationTableCell, #agb .text-auf-dunkel .CookieDeclarationTableHeader, #agb .text-auf-dunkel .CookieDeclarationTableCell {
  border-bottom: 1px solid #ffffff;
}

.cookiebar {
  background-color: #ffffff;
  padding: 5px 15px;
  font-size: 16px;
  color: #5A747D;
}
.cookiebar .cookiebar__button {
  background-color: #A0D5C1;
}

.cookiebar__link {
  color: #5A747D;
  -webkit-transition: all 0.4 !important;
  -o-transition: all 0.4 !important;
  transition: all 0.4 !important;
}
.cookiebar__link:hover {
  color: #A0D5C1;
}

#intro, #ueber-uns, #leistungen, #referenzen, #kompetenz, #anspruch, #kontakt, #impressum {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#datenschutz, #agb {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#intro, #ueber-uns, #leistungen, #kontakt, .referenz, #datenschutz, #agb {
  background-color: #5A747D;
}

#kompetenz, #anspruch, #referenzen, #impressum {
  background-color: #A0D5C1;
}

.referenz {
  min-height: 100vh;
}

/*
Sweet Sans Pro Light
font-family: sweet-sans-pro,sans-serif;
font-weight: 500;
font-style: normal;

Sweet Sans Pro Regular
font-family: sweet-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;

Sweet Sans Pro Medium
font-family: sweet-sans-pro,sans-serif;
font-weight: 700;
font-style: normal;

*/
body {
  font-family: sweet-sans-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 40px;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

h1 {
  font-family: sweet-sans-pro, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 60px;
  line-height: 70px;
}

a {
  text-decoration: none;
}

ul {
  list-style-type: none;
  -webkit-padding-start: 75px;
          padding-inline-start: 75px;
}
ul li:before {
  content: "";
  display: block;
  color: #A0D5C1;
  position: absolute;
  margin: 3px 0 0 -25px;
  font-size: 12px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

.text-auf-hell {
  padding: 15% 120px 70px 70px;
  color: #5A747D;
  -webkit-transition: -webkit-transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  transition: -webkit-transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  -o-transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1), -webkit-transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  will-change: transform;
}
.text-auf-hell h1 {
  color: #5A747D;
  margin-bottom: 50px;
}
.text-auf-hell p {
  padding-left: 50px;
}
.text-auf-hell a {
  color: #5A747D;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.text-auf-hell a:hover {
  color: #ffffff;
}

.text-auf-dunkel {
  padding: 15% 120px 70px 70px;
  color: #ffffff;
  -webkit-transition: -webkit-transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  transition: -webkit-transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  -o-transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1), -webkit-transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1);
  will-change: transform;
}
.text-auf-dunkel h1 {
  color: #A0D5C1;
  margin-bottom: 50px;
}
.text-auf-dunkel p {
  padding-left: 50px;
}
.text-auf-dunkel a {
  color: #A0D5C1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.text-auf-dunkel a:hover {
  color: #ffffff;
}

.text-weiss {
  color: #ffffff;
}

.text-dunkel {
  color: #5A747D;
}

.text-hell {
  color: #A0D5C1;
}

.menu {
  position: fixed;
  z-index: 999;
  right: 0;
  text-align: right;
  top: 50vh;
}
.menu .trigger {
  width: 45px;
  height: 45px;
  background-color: #ffffff;
  right: 0;
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 14px;
  cursor: pointer;
  color: #A0D5C1;
}
.menu .trigger svg {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.menu .trigger:hover {
  color: #5A747D;
}
.menu .onepage_navigation__list {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 20px;
}
.menu .onepage_navigation__list li a {
  padding: 8px 30px 8px 15px !important;
  color: #5A747D !important;
  background-color: #A0D5C1 !important;
  margin-bottom: 10px !important;
  display: inline-block !important;
  font-size: 20px !important;
}
.menu .onepage_navigation__list li a:hover {
  background-color: #ffffff !important;
}

#sidebarMenu a {
  padding-right: 30px;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}
#sidebarMenu a:hover {
  color: #A0D5C1;
}

input[type=checkbox]:checked ~ #sidebarMenu {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

input[type=checkbox] ~ #sidebarMenu {
  width: 100%;
}

.menu input[type=checkbox] {
  -webkit-transition: all 3s;
  -o-transition: all 3s;
  transition: all 3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  max-width: 50%;
}

input[type=checkbox]:checked ~ .sidebarIconToggle .trigger svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

#sidebarMenu {
  position: fixed;
  z-index: 99999;
  right: 0;
  margin: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 500ms ease-in-out;
  transition: -webkit-transform 500ms ease-in-out;
  -o-transition: transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
}

/*
.mod_onepage_navigation {
    position: fixed;
    z-index: 999;
    right: 0;
    text-align: right;
    top: 50vh;

}
*/
@media (max-width: 1024px) {
  .flex-item {
    width: 100vw;
    display: block;
    position: relative;
    min-height: 50vh;
  }

  .pic-w50 img {
    height: 50vh;
  }

  @-webkit-keyframes example {
    0% {
      width: 40%;
      top: 0;
      right: 28%;
    }
    100% {
      right: 0;
      top: 0;
      width: 210px;
    }
  }

  @keyframes example {
    0% {
      width: 40%;
      top: 0;
      right: 28%;
    }
    100% {
      right: 0;
      top: 0;
      width: 210px;
    }
  }
  .intro-logo {
    top: 19vh;
    right: 28%;
    width: 40%;
  }
  .intro-logo img {
    margin: 0;
  }

  .sticky {
    top: 0 !important;
  }

  .text-auf-hell, .text-auf-dunkel {
    padding: 70px 110px 70px 70px;
  }

  .text-auf-dunkel.is-visible, .text-auf-hell.is-visible {
    -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
            transform: translateY(-40px);
  }

  .kontaktformular {
    margin: 0 70px;
  }
}
@media (max-width: 620px) {
  @-webkit-keyframes example {
    0% {
      width: 50%;
      top: 0;
      right: 24%;
    }
    100% {
      right: 0;
      top: 0;
      width: 150px;
    }
  }
  @keyframes example {
    0% {
      width: 50%;
      top: 0;
      right: 24%;
    }
    100% {
      right: 0;
      top: 0;
      width: 150px;
    }
  }
  .intro-logo {
    top: 19vh;
    right: 24%;
    width: 50%;
  }

  .intro-logo.sticky {
    position: fixed;
    top: 0;
    right: 0;
    padding: 15px;
    width: 150px;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
  }

  .menu {
    top: 30vh;
  }

  .cta-box {
    font-size: 20px;
    width: calc(100% - 100px);
    margin: 0 70px 70px 70px !important;
  }

  .text-auf-hell, .text-auf-dunkel {
    padding: 50px 50px 50px 50px;
  }
  .text-auf-hell p, .text-auf-dunkel p {
    padding-left: 20px;
  }

  .text-auf-dunkel.is-visible, .text-auf-hell.is-visible {
    -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
            transform: translateY(-40px);
  }

  body {
    font-size: 16px;
    line-height: 30px;
  }

  h1 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px !important;
  }

  .box {
    margin: 0 70px 70px 70px !important;
  }

  #referenzen .flex-item:nth-child(2) {
    height: 100vh;
  }

  .ce_sliderStart {
    margin: 0 auto !important;
  }
  .ce_sliderStart .ce_image {
    height: 55vh !important;
  }

  .referenz {
    min-height: 100vh !important;
  }

  /*
  #lightcase-case {
    .lightcase-contentInner {
      iframe {
        height: 80vh !important;
        max-height: auto !important;
      }
    }
  }
  .referenz {
    .ce_sliderStart {
      width: 100vw;
      img {
        width: 100%;
        height: auto;

      }
    }
  }*/
}
#CybotCookiebotDialog {
  color: #5A747D !important;
}
#CybotCookiebotDialog a {
  color: #5A747D !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #A0D5C1 !important;
  border-color: #A0D5C1 !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDecline {
  border-color: #A0D5C1 !important;
  color: #5A747D !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle,
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText {
  color: #5A747D !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #A0D5C1 !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetails a::after {
  color: #5A747D !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogHeader {
  display: none;
}
#CybotCookiebotDialog .CybotCookiebotDialogNavItemLink.active {
  border-bottom: 1px solid #A0D5C1 !important;
}
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover {
  color: #A0D5C1 !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonDescription:hover {
  color: #A0D5C1 !important;
}
#CybotCookiebotDialog input:focus-visible, #CybotCookiebotDialog span:focus-visible, #CybotCookiebotDialog :focus-visible, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible + span {
  outline: none !important;
}