/*!
Theme Name: Trinidat
Theme URI: http://underscores.me/
Author: Florian Strasser - Webdesign & Programmierung
Author URI: http://www.florian-strasser.de
Description: Ein wunderschönes OnPage optimiertes Wordpress Theme <3
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: trinidat-2018
Tags: custom-menu, featured-images, threaded-comments, translation-ready
*/

/* BEGINN FONTS */
/* roboto-slab-100 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-slab-v7-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'),
       url('fonts/roboto-slab-v7-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v7-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v7-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v7-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v7-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-slab-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Light'), local('RobotoSlab-Light'),
       url('fonts/roboto-slab-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v7-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-slab-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
       url('fonts/roboto-slab-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v7-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-slab-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
       url('fonts/roboto-slab-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v7-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* jost-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/jost-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/jost-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/jost-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/jost-v15-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ENDE FONTS */
body{
	font-family: 'Roboto Slab', serif;
	font-size:15px;
	font-weight:300;
	color: #666666;
}
body.page-template-landingpage-2024, body.page-template-konfigurator-page{
  background:#001c20;
}
body.page-template-landingpage-2024, body.page-template-landingpage-2024 .contentblock{
  color:#FFF;
  font-size: 14px;
  font-size: clamp(14px, 1.0416vw, 23px);
  font-weight:400;
  font-family: 'Jost', sans-serif;
  z-index:10;
}
body.page-template-konfigurator-page .contentblock{
  color:#FFF;
  font-size: 19px;
  font-weight:400;
  font-family: 'Jost', sans-serif;
  z-index:10;
}
body.page-template-landingpage-2024 .container, body.page-template-konfigurator-page .container{
  padding-left:9em;
  padding-right:9em;
}
body.page-template-konfigurator-page .container h1, body.page-template-konfigurator-page .container h2{
  font-size:3.5rem !important;
}
body.page-template-konfigurator-page .contentblock{
  position:relative;
  height:100vh;
}
body .brlbs-cmpnt-container .brlbs-mx-2{
  margin-left:0;
  margin-right:0;
}
.page-template-konfigurator-page #page-wrapper .btn.btn-primary{
  background:#3BE4AA;
  color:#FFF;
  border-radius:9999px;
}
.page-template-konfigurator-page #page-wrapper .btn.btn-primary.previous{
  background:none;
}
.page-template-konfigurator-page #page-wrapper .btn.btn-primary.previous:hover{
  background:#000;
}
.konfigurator-question{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
  text-align:center;
  opacity:0;
  transition: opacity 0.5s 0s, 0s 0.5s transform;
  transform:translateX(100%);
}
.konfigurator-question.active{
transition: opacity 0.5s 0.5s, 0s 0.5s transform;
  transform:translateX(0%);
  opacity:1;
}
.konfigurator-question .container{
  position:relative;
  min-height:100%;
  display:flex;
  flex-direction: column;
  justify-content:center;
  padding-top:4em;
  padding-bottom:4em;
}
.konfigurator-question .btn + .btn{
  margin-left:1em;
}
.konfigurator-question .konfigurator-akkordion.ui-accordion .ui-accordion-content{
  background:none;
  border: 0 !important;
  overflow: visible;
}
.konfigurator-question .konfigurator-akkordion.ui-accordion .ui-accordion-content .konfigurator-input-group > .konfigurator-value label{
  color:#FFF;
}
.konfigurator-question .konfigurator-akkordion .konfigurator-input-group{
  margin-top:0;
  justify-content:start;
  font-family:'Jost',sans-serif;
}
.konfigurator-question .overflow-hidden{
  overflow:hidden;
}
.konfigurator-question .konf-form-control{
  margin-bottom:1em;
  padding:1em 1.5em;
  border-radius:0.5em;
  border:0.25em #818F91 solid;
  background:transparent !important;
  color:#818F91;
  transition:0.3s border-color, 0.3s color;
  outline:0 !important;
}
.konfigurator-question .konf-form-control::placeholder{
  color:#818F91;
  transition:0.3s color;
}
.konfigurator-question .konf-form-control:hover, .konfigurator-question .konf-form-control:focus {
  border-color:#3BE4AA !important;
  color:#FFF;
}
.konfigurator-question .konf-form-control:hover::placeholder, .konfigurator-question .konf-form-control:focus::placeholder{
  color:#FFF;
}
.konfigurator-input-group{
  display:flex;
  flex-wrap:wrap;
  margin-left:-0.5em;
  margin-right:-0.5em;
  margin-top:1.5em;
  margin-bottom:2em;
  justify-content:center;
}
.konfigurator-input-group > .konfigurator-value{
  padding:0.5em;
  position:relative;
}
.konfigurator-input-group > .konfigurator-value input{
  display:none;
}
.konfigurator-input-group > .konfigurator-value label, .konfigurator-question .konfigurator-akkordion.ui-accordion .ui-accordion-header{
  padding:1.5em;
  background:#818F91;
  border-radius:1em;
  border:0.25em #818F91 solid;
  position:relative;
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  transition: 0.3s border, 0.3s box-shadow, 0.3s background, 0.3s transform;
}
.contentblock.konfigurator{
  width:100%;
}
.embed-responsive .BorlabsCookie{
  position:absolute;
  top:0;
  left:0;
  width:100%;
}
.animated{
  opacity:0;
  transform:translateY(4rem);
  position:relative;
}
.konfigurator-question .konfigurator-akkordion.ui-accordion .ui-accordion-header{
  display:block;
  padding-left:1em !important;
  padding-right:2em !important;
  font-family:'Jost', sans-serif;
  font-weight:400;
}
.konfigurator-question .konfigurator-akkordion.ui-accordion .ui-accordion-content + .ui-accordion-header{
  margin-top:1em;
}
.konfigurator-input-group > .konfigurator-value input + label:hover, .konfigurator-question .konfigurator-akkordion.ui-accordion .ui-accordion-header:hover{
  border-color:#3BE4AA;
  transform:scale(1.05);
}
.konfigurator-question .konfigurator-akkordion.ui-accordion .ui-accordion-header-icon{
  background:none !important;
  position:absolute;
  top:50%;
  right:1.25em;
  width:auto;
  height:auto;
  transform:translateY(-50%);
}
.konfigurator-question .konfigurator-akkordion.ui-accordion .ui-accordion-header-icon::before{
  font-family: Font Awesome\ 5 Pro;
  font-weight: 400;
  display:block;
  content:"\f107";
  text-indent:0;
  margin-top:0;
}
.konfigurator-question .konfigurator-akkordion.ui-accordion
{
  background:#818F91;
  border-radius:1em;
}
.konfigurator-question .konfigurator-akkordion.ui-accordion .ui-accordion-content{
  padding-left:1em;
  padding-right:1em;
}
.konfigurator-input-group > .konfigurator-value input:checked + label, .konfigurator-question .konfigurator-akkordion.ui-accordion .ui-accordion-header.ui-accordion-header-active{
  background:#3BE4AA;
  border-color:#3BE4AA;
}
.konfigurator-input-group.grid-cols-2 > .konfigurator-value{
  width:50%;
  flex-basis:50%;
}
.konfigurator-input-group.grid-cols-3 > .konfigurator-value{
  width:33.33%;
  flex-basis:33.33%;
}
.konfigurator-input-group.grid-cols-4 > .konfigurator-value{
  width:25%;
  flex-basis:25%;
}
.konfigurator-input-group.grid-cols-5 > .konfigurator-value{
  width:20%;
  flex-basis:20%;
}
.konfigurator-input-list .konfigurator-value > input{
  display:none;
}
.konfigurator-input-list .konfigurator-value > input + label{
  position:relative;
  display:flex;
  align-items:center;
}
.konfigurator-input-list .konfigurator-value > input + label::before{
  width: 1.5em;
  height: 1.5em;
  background:#FFF;
  border-radius:9999px;
  display:block;
  content:"";
  flex-shrink: 0;
  flex-grow: 0;
  margin-right:0.3em;
}
.konfigurator-input-list .konfigurator-value > input + label::after{
  position:absolute;
  top:0.75em;
  left:0.75em;
  width:1.3em;
  height:1.3em;
  background:#3BE4AA;
  border-radius:9999px;
  display:block;
  content:"";
  transform:translate(-50%,-50%) scale(0);
  transition:0.3s transform;
}
.konfigurator-input-list .konfigurator-value > input:checked + label::after{
  transform:translate(-50%,-50%) scale(1);
}
body.page-template-landingpage-2024 h1, body.page-template-landingpage-2024 h2, body.page-template-landingpage-2024 h3, body.page-template-landingpage-2024 h4, body.page-template-landingpage-2024 h5, body.page-template-landingpage-2024 h6, body.page-template-konfigurator-page h1, body.page-template-konfigurator-page h2, body.page-template-konfigurator-page h3, body.page-template-konfigurator-page h4, body.page-template-konfigurator-page h5, body.page-template-konfigurator-page h6{
  color:#FFF;
  font-family: 'Roboto Slab', serif;
  font-weight:400;
}
body.page-template-landingpage-2024 h1, body.page-template-landingpage-2024 .h1{
  font-size:6em !important;
}
body.page-template-landingpage-2024 .h2-bigger{
  font-size:4em !important;
}
body.page-template-landingpage-2024 h2, body.page-template-landingpage-2024 .h2{
  font-size:3em !important;
}
body.page-template-landingpage-2024 .contentblock h3, body.page-template-landingpage-2024 .contentblock .h3{
  font-size:2em;
}
body.page-template-landingpage-2024 .contentblock.hintergrund-primary{
  background:#015342;
}

body.page-template-landingpage-2024 .contentblock.hintergrund-gradient-dark-primary{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001c20+0,015342+100 */
  background: linear-gradient(to bottom,  #001c20 0%,#015342 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.lp-aboutblock, .lp-highlightblock{
  position:relative !important;
  overflow:visible !important;
  z-index:20 !important;
}
.contentblock.lp-highlightblock{
  padding-bottom:16%;
}
.contentblock.lp-aboutblock{
  padding-top:16%;
}
.lp-aboutblock .container, .lp-highlightblock .container{
  position:relative;
  z-index:20;
}
.lp-aboutblock::after, .lp-highlightblock::after{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:0;
  width:100%;
  display:block;
  content:"";
  height:0;
  padding-bottom:100%;
  background-image:url(img/overlay_background.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  z-index:10;
  pointer-events:none;
}
.lp-aboutblock::after{
  top:63%;
}
.lp-highlightblock::after{
  top:33%;
}
.lp-highlightblock .row + .row{
  margin-top:3em;
}
.lp-highlightblock .giant-cta-btn{
  padding:7em 6em;
  display:block;
  position:relative;
  border-radius:3.5em;
  color:#FFF !important;
  transition:0.3s color;
}
.lp-highlightblock .giant-cta-btn .lp-btn-primary{
  transition:0.3s color;
}
.lp-highlightblock .giant-cta-btn:hover .lp-btn-primary{
  color:#000 !important;
}
.lp-highlightblock .giant-cta-btn .lp-btn-primary::before{
  transition:0.3s color, 0.3s background;
}
.lp-highlightblock .giant-cta-btn:hover .lp-btn-primary::before{
  color:#FFF !important;
  background:#000 !important;
}
.lp-highlightblock .giant-cta-btn .giant-cta-btn-text{
  position:relative;
  z-index:10;
}
.lp-highlightblock .giant-cta-btn:hover, .lp-highlightblock .giant-cta-btn h2{
  transition:0.3s color;
}
.lp-highlightblock .giant-cta-btn:hover, .lp-highlightblock .giant-cta-btn:hover h2{
  color:#000 !important;
}
.lp-highlightblock .giant-cta-btn .giant-cta-bg{
  border:1px rgba(255,255,255,0.6) solid;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:3.5em;
  overflow:hidden;
  z-index:5;
}
.lp-highlightblock .giant-cta-btn .giant-cta-bg::before{
  position:absolute;
  top:0;
  left:0;
  background:rgba(255,255,255,0.6);
  display:block;
  content:"";
  width:100%;
  height:100%;
  transition:0.3s transform;
  transform:translateX(-100%);
}
.lp-highlightblock .giant-cta-btn:hover .giant-cta-bg::before{
  transform:translateX(-0%);
}
.lp-highlightblock .giant-cta-btn .giant-btn-images{
  position:absolute;
  right:0;
  bottom:0;
  transform:translate(-33%,20%);
  width:18em;
  z-index:9;
  transition:0.3s transform, 0.3s opacity;
  opacity:0;
  pointer-events:none;
}
.lp-highlightblock .giant-cta-btn:hover .giant-btn-images{
  transform:translate(33%,20%);
  opacity:1;
}
.lp-highlightblock .giant-cta-btn .giant-btn-images .smaller-btn-image{
  position:absolute;
  bottom:0;
  left:0;
  transform:translate(-75%,16%);
  transition:0.3s transform;
  width:66.66%;
}
.lp-highlightblock .giant-cta-btn:hover .giant-btn-images .smaller-btn-image{
  transform:translate(-50%,33%);
}
.lp-highlightblock .highlight-item{
  display:flex;
  align-items:center;
}
.lp-highlightblock .highlight-item .highlight-icon{
  width:12em;
  flex-grow:0;
  flex-shrink:0;
}
.lp-kundenstimmen .kunden-carousel .kundenstimme, .lp-kundenstimmen .kunden-carousel .active + .active .kundenstimme, .lp-kundenstimmen .kunden-carousel .active + .active + .owl-item .kundenstimme{
  transition:0.3s transform, 0.3s opacity;
  transform: scale(0.75);
  opacity:0.35;
}
.lp-kundenstimmen .kunden-carousel .kundenstimme{
  opacity:0;
}
#lp24-footer{
  padding:5em 0;
}
body.page-template-landingpage-2024 .contentblock.contentblock-workflow{
  padding-top:0;
  overflow:visible;
  position:relative;
  z-index:20;
}
body.page-template-landingpage-2024 .contentblock.contentblock-workflow .text-carousel .workflow-item{
  padding-left:0.3em;
}
.page-template-landingpage-2024 .number-bubble{
  position:absolute;
  top:50%;
  left:0;
  transform:translate(-33%,-50%);
  font-size:7vw;
  text-align:center;
  width:60%;
}
#lp24-footer::before{
  position:absolute;
  bottom:0;
  left:0;
  width:14em;
  height:14em;
  display:block;
  content:"";
  background-image:url('img/Banderole_25_jahre.svg');
  background-size:contain;
  background-position:bottom;
  background-repeat:no-repeat;
  pointer-events:none;
}
.page-template-landingpage-2024 .number-bubble::before{
  position:relative;
  display:block;
  content:"";
  height:0;
  padding-bottom:100%;
  width:100%;
  background-image:url('img/circle.svg');
  background-size:contain;
  background-position:center;
}
.page-template-landingpage-2024 .number-bubble .owl-carousel{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:0;
  width:100%;
}
.page-template-landingpage-2024 .number-bubble .owl-carousel .owl-dots{
  display:none;
}
.page-template-landingpage-2024 .owl-carousel{
  position:relative;
}
.page-template-landingpage-2024 .owl-carousel .owl-nav .owl-prev, .page-template-landingpage-2024 .owl-carousel .owl-nav .owl-next{
  top:auto;
  bottom:0;
  left:0.5em;
  background:none;
  transform:translate(-50%, 0%);
  width:1em;
  height:1em;
  font-size:1em;
  display:flex;
  justify-content:center;
  align-items:center;
}
.page-template-landingpage-2024 .owl-carousel .owl-nav .owl-next{
  left:8.5em;
}
.page-template-landingpage-2024 .owl-carousel .owl-nav .owl-next{
  transform:translate(50%, 0%);
  right:-0.5em;
}
.page-template-landingpage-2024 .owl-carousel .owl-dots{
  display:flex;
  margin-top:3em;
  padding-left:1.5em;
}
.page-template-landingpage-2024 .owl-carousel .owl-dots .owl-dot{
  width:2em;
  height:1em;
  position:relative;
  padding:0;
  border:0;
  margin-right:0.4em;
  opacity:0.35;
  transition:0.3s opacity;
  display:flex;
  justify-content:center;
  align-items:center;
  background:none;
}
.page-template-landingpage-2024 .owl-carousel .owl-dots .owl-dot::before{
  position:relative;
  width:100%;
  height:1px;
  background:#FFF;
  display:block;
  content:"";
}
.page-template-landingpage-2024 .owl-carousel .owl-dots .owl-dot.active{
  opacity:1;
}
.lp-kundenstimmen .kunden-carousel .active .kundenstimme{
  transform: scale(1);
  opacity:1;
}
.lp-kundenstimmen .owl-carousel .owl-stage-outer{
  overflow:visible;
}
.contentblock.lp-kundenstimmen {
  padding-top:16%;
}
.contentblock ul.lp-vorteil-list{
  list-style:none;
  padding:0;
  margin:0;
}
.lp-vorteil-list li{
  display:flex;
  align-items:center;
}
.lp-vorteil-list li .vorteil-icon{
  position:relative;
  width:6em;
  flex-shrink:0;
  flex-grow:0;
  margin-right:1em;
}
.lp-vorteilblock .image-area{
  position:relative;
  height:0;
  padding-bottom:140%;
  border-radius:4.5em;
  overflow:hidden;
}
.parallax-outer{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.parallax-inner{
  position:absolute;
  width:100%;
  height:120%;
  top:0;
  left:0;
}
.parallax-inner img{
  position:relative;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.contentblock .parallax-inner img{
  height:100% !important;
}
.lp-vorteil-list li + li{
  margin-top:2em;
}
.image-collage{
  position:relative;
  height:0;
  padding-bottom:110%;
}
.image-collage .image-area{
  position:absolute;
  top:0;
  right:0;
  display:block;
  width:60%;
  border-radius:3em;
  overflow:hidden;
}
.page-template-landingpage-2024 .text-large{
  font-size:2em;
}
.page-template-landingpage-2024 .text-medium{
  font-size:1.5em;
}
.image-collage .image-area::before{
  position:relative;
  height:0;
  padding-bottom:120%;
  display:block;
  content:"";
}
.image-collage .image-area.small-image{
  width:80%;
  right:auto;
  left:0;
  top:auto;
  bottom:0;
}
.image-collage .image-area.small-image::before{
  padding-bottom:77.75%;
}
.image-collage .image-area .parallax-outer{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:hidden;
}
.image-collage .image-area .parallax-outer .parallax-inner{
  position:relative;
  width:100%;
  height:140%;
}
.image-collage .image-area img{
  position:absolute;
  top:0;
  left:0;
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  object-position:center;
}
body.page-template-landingpage-2024 .heroarea{
  min-height:100vh;
  padding-top:120px;
  padding-bottom:120px;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
}
body.page-template-landingpage-2024 .ansprechpartner-wrapper{
  display:flex;
  align-items:center;
  text-align:left;
}
body.page-template-landingpage-2024 .ansprechpartner-wrapper .contact-form-image{
  width:7em;
  height:7em;
  border-radius:9999px;
  padding-bottom:0;
  flex-shrink:0;
  flex-grow:0;
  margin-right:2em;
}
body.page-template-landingpage-2024 .heroarea .logo{
  width:18em;
  display:block;
  max-width:100%;
  margin-bottom:2em;
}
body.page-template-landingpage-2024 .heroarea .logo svg path, body.page-template-landingpage-2024 .heroarea .logo svg rect{
  fill:#FFF !important;
}
body.page-template-landingpage-2024 .heroarea .heroarea-row{
  display:flex;
  justify-content:center;
  margin-top:2em;
}
body.page-template-landingpage-2024 .heroarea .heroarea-row .text-column{
  width:100%;
  max-width:18em;
  text-align:right;
  margin-right:2em;
}
body.page-template-landingpage-2024 .heroarea .heroarea-headline{
  width:100%;
  max-width:56em;
}
.page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .form-control, .page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .form-control:hover, .page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .form-control:focus, .page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .form-control:active{
  background:none;
  border-radius:0;
  border:0;
  padding:0;
  padding-bottom:0.5em;
  color:rgba(255,255,255,1);
  font-size:1.1em !important;
  border-bottom:2px #FFF solid;
  outline:0 !important;
  box-shadow:none !important;
}
#lp24-footer img{
  width:13em;
  max-width:100%;
}
#lp24-footer .nav li a{
  font-size:1.4em;
  color:#FFF !important;
  text-decoration:underline;
}
#lp24-footer .nav{
  margin-top:2em;
  margin-bottom:1em;
}
#lp24-footer .nav li + li{
  margin-left:1.4em;
}
.page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .form-control::placeholder{
  color:rgba(255,255,255,0.35);
}
.page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .form-control:hover::placeholder, .page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .form-control:focus::placeholder{
  color:rgba(255,255,255,1);
}
.page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .form-control:hover, .page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .form-control:focus{
  color:rgba(255,255,255,1);
}
.page-template-landingpage-2024 input::-webkit-contacts-auto-fill-button{
  background:rgba(255,255,255,0.35) !important;
}
.page-template-landingpage-2024 input::-webkit-contacts-auto-fill-button:hover{
  background:rgba(255,255,255,1) !important;
}
.lp-btn-primary{
  font-size:1.11em;
  display:flex;
  align-items:center;
  color:#3be4aa !important;
  border:0;
  background: none !important;
}
.lp-btn-primary::before{
  display:flex;
  content:"\f178";
  width:2em;
  height:2em;
  justify-content:center;
  align-items:center;
  margin-right:1em;
  border-radius:9999px;
  background:#3be4aa;
  color:#0A261F;
  font-family: Font Awesome\ 5 Pro;
  font-weight: 300;
  flex-shrink:0;
  flex-grow:0;
}
.lp-btn-white{
  background:#FFF;
  border-radius:9999px;
  background:#FFF;
  padding:0.5em 1.5em;
  color:#0A261F;
  display:inline-block;
  border:0;
}
body.page-template-landingpage-2024 .heroarea .container{
  z-index:10;
  position:relative;
}
body.page-template-landingpage-2024 .heroarea-background-video{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  z-index:5;
}
body.page-template-landingpage-2024 .heroarea-background-video::before{
  position:absolute;
  bottom:0;
  left:0;
  height:120px;
  width:100%;
  display:block;
  content:"";
  z-index:20;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001c20+0,001c20+100&0+0,1+100 */
  background: linear-gradient(to bottom,  rgba(0,28,32,0) 0%,rgba(0,28,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
body.page-template-landingpage-2024 .heroarea-background-video video{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  object-fit:cover;
}
.headline-jost{
  font-family: 'Jost', serif !important;
  font-weight:400 !important;
  font-size:1em !important;
  text-transform:uppercase;
  opacity:0.39;
}
body .bigger_font{
	font-size:20px;
}
a, a:hover, a:focus, a:active{
	color: #007d34;
	text-decoration:none;
}
body.single-post #hero-image .hero-image-container{
    background-position: center;
}
.zertifikat-nav{
	display:flex;
	list-style:none;
	padding-left:0 !important;
	margin-left:-14px;
	margin-right:-14px;
}
.page-template-landingpage-2022 .fancybox-slide--iframe .fancybox-content {
    width  : 1384px !important;
    max-width  : 85%;
    margin: 0 auto !important;
	border-radius:50px;
	border:11px #f0f0f0 solid;

	position: relative;
	display: inline-block;
	overflow:hidden;
}
.fancybox-close-small{
	color:#000;
	top:11px;
	right:11px;
}
.contentblock.leistungs-slider{
    position: relative;
    padding-top:12%;
    padding-bottom:12%;
}
.leistungs-slider .container h2{
    position: relative;
    z-index:20;
    color:#007d34;
}
.leistungs-slider .owl-carousel{
    position: static;
}
.leistungs-slider .owl-carousel .owl-stage-outer, .leistungs-slider .owl-carousel .owl-dots{
    position: relative;
    overflow: visible;
    z-index:20;
}
.leistungs-slider .background-image{
    position: absolute;
    top:50%;
    height: 100%;
    right:0;
    width:100%;
    transform:translateY(-50%);
    z-index:5;
}
.leistungs-slider .background-image img{
    width:100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center right;
    display:block;
}
.leistungs-slider .leistung-item{
    display:block;
    padding:20px 30px;
    background:#FFF;
    text-align:center;
    color:#000;
    text-decoration:none;
    box-shadow:0px 4px 12px rgba(0,0,0,0.15);
}
.leistungs-slider .leistung-item .icon-wrapper img{
    position: relative;
    height: 120px !important;
    width: auto !important;
    margin:0 auto;
}
.zertifikat-nav > li{
	width:25%;
	flex-basis:25%;
	padding-left:14px;
	padding-right:14px;
}
.zertifikat-link{
	padding:0;
	margin:0;
	width:100%;
	border:0;
	border-bottom:8px #FAFAFA solid;
	position: relative;
	transition:0.5s border;
}
.zertifikat-link:hover, .zertifikat-link.active{
	border-bottom:8px #007d34 solid;
}
.post-template-default.single .gallery{
	display:flex;
	flex-wrap:wrap;
	margin-left:-10px;
	margin-right:-10px;
}
.post-template-default.single .gallery .gallery-item{
	flex-basis:100%;
	width:100%;
	padding:10px;
}
.post-template-default.single .gallery .gallery-item img{
	margin-top:0;
	margin-bottom:0;
}
.post-template-default.single .gallery.gallery-columns-2 .gallery-item{
	flex-basis:50%;
	width:50%;
}
.post-template-default.single .gallery.gallery-columns-3 .gallery-item{
	flex-basis:33.33%;
	width:33.33%;
}
.post-template-default.single .gallery.gallery-columns-4 .gallery-item{
	flex-basis:25%;
	width:25%;
}
.zertifikat-link::before{
	position:absolute;
	bottom:-8px;
	left:50%;
	transform:translateX(-50%);
	border-left:12px transparent solid;
	border-right:12px transparent solid;
	border-top:12px #FAFAFA solid;
	display:block;
	content:"";
	opacity:0;
	transition:0.5s opacity, 0.5s bottom, 0.5s border;
}
.zertifikat-link:hover::before, .zertifikat-link.active::before{
	border-top:12px #007d34 solid;
	opacity:1;
	bottom:-20px;
}
.zertifikat-content{
	display:none;
}
.zertifikat-content strong{
	color:#000;
}
.zertifikat-content.active{
	display:block;
}
.min-h-screen{
	min-height: calc(100vh - 140px);
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
}
.technologien-wrapper{
	margin-bottom: 30px;
}
.technologien-wrapper > div{
	position: relative;
}
.technologien-wrapper .technologie-bubble{
	background: #f6f6f6;
	padding: 54px 60px;
	min-height: 100%;
	border-radius:29px;
}
.technologien-wrapper .technologie-bubble p{
	color:#007d34;
	font-size:30px;
	line-height: 1.05;
}
.technologien-wrapper .technologie-bubble .technologie-list{
	margin-bottom: 0;
	list-style: none;
	padding-left:0;
	display:flex;
	flex-wrap:wrap;
	margin-left:-15px;
	margin-right:-15px;
}
.technologieblock + .technologieblock{
	padding-top:0;
}
.technologien-wrapper .technologie-bubble .technologie-list li{
	position: relative;
	width:100%;
	flex-basis: 100%;
	padding-left:35px;
	padding-right:15px;
}
.technologien-wrapper .col-lg-12 .technologie-bubble .technologie-list li{
	width:33.33%;
	flex-basis: 33.33%;
}
.technologien-wrapper .technologie-bubble .technologie-list li::before{
	position: absolute;
	top: 0;
	left: 15px;
	content: "»";
	display: block;
	color: #007d34;
}
.technologie-icons{
	display:flex;
	flex-wrap:wrap;
	margin:0px -15px;
}
.technologie-icons .technologie-icon{
	width:16.66%;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;
	position:relative;
	transform:translateY(-0px);
	box-shadow:0px 0px 5px rgba(0,0,0,0.0);
	transition:0.5s all;
}
.technologie-icons .technologie-icon:hover{
	transform:translateY(-5px);
	box-shadow:0px 5px 20px rgba(0,0,0,0.3);
}
.technologie-icons .technologie-icon .technologie-icon-box{
	position: relative;
	display:block;
	content:"";
	width:100%;
	height: 0px;
	padding-bottom:75%;
}
.technologie-icons .technologie-icon img{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
	display:block;
	object-fit: contain;
	object-position: center;
	opacity:0.5;
	transition:0.5s opacity;
}
.technologie-icons .technologie-icon:hover img{
	opacity:1;
}
.combined-col{
	position:relative;
	margin-bottom: 30px;
}
.vergleich-section-content + .vergleich-section-content{
	margin-top:30px;
}
.vergleich-section-content{
	padding:3.5em 4.8em;
	border-radius:38px;
	font-size:20px;
	position: relative;
	border: 8px solid #F6F6F6;
	color:#000;
}
.vergleich-section-heading img{
	width:3em;
	height: auto;
	max-width:80%;
	margin:0 auto;
	margin-bottom:0.5em;
	display:block;
}
.hintergrund-grau .vergleich-section-content{
	border-color:#FFF;
}
.vergleich-section-content .vergleich-section-headline{
	font-size:1.2em;
}
.combined-col .vergleich-section-content{
	min-height: 100%;
}
.vergleich-section-content .vergleich-section-img{
	position: absolute;
	width:4.8em;
	top:50%;
	left:0;
	transform:translate(-50%,-50%);
}
.vergleich-section-content.vergleich-section-content-filled{
	background:#F6F6F6;
}
.hintergrund-grau .vergleich-section-content.vergleich-section-content-filled{
	background:#FFF;
}
.vergleich-section-content.vergleich-section-content-filled .vergleich-section-img{
	left:auto;
	right:0;
	transform:translate(50%,-50%);
}
.video-container{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index:1;
}
.video-container video{
	position: absolute;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: auto !important;
height: auto !important;
}
.btn-primary{
	background-color: #007d34;
	border:0;
}
.btn-primary:hover,.btn.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled):active{
	background-color:#00Ad34;
}
::selection{
	background-color: #007d34;
	color:#FFF;
}
::-moz-selction{
	background-color: #007d34;
	color:#FFF;
}
.content-spacer{
	display:block;
	content:"";
	width:100%;
	height:80px;
}
.content_block.text_block .img-fluid{
	margin-top:30px;
}
.featured_block table{
	margin-bottom:1rem;
}
.contentblock.factsblock .row > div{
    margin-bottom:30px;
}
.contentblock.teamstimmenheader .container{
	position: relative;
	z-index:10;
}
.contentblock.teamstimmenheader .background-image{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index:5;
}
.contentblock.teamstimmenheader .background-image img{
	position: relative;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	opacity:0.2;
	pointer-events: none;
}
.contentblock.teamstimmenheader .teamslide-text, .contentblock.teamstimmenheader .white-box h2{
	font-size:52px;
	font-weight:bold;
	color:#000;
}
.contentblock.teamstimmenheader .teamslide-text{
	font-size:36px;
}
.contentblock.teamstimmenheader{
	font-size:24px;
}
.bestcase-heroarea, .wiki-heroarea{
    background-image:url("img/title_background.svg");
    background-position: top left;
    background-repeat: no-repeat;
    background-size:contain;
    padding-top:160px;
}
.wiki-heroarea{
    background-image:url("img/wiki_title_background.svg");
    background-position: top right;
    padding-bottom:100px;
}
.contentblock.contentblock-projectslider .image-wrapper{
    position: relative;
    padding:10px;
    background:#FAFAFA;
}
.contentblock.contentblock-projectslider img{
    width:100% !important;
}
.contentblock.dreier_highlightbox h2, .contentblock.dreier_highlightbox h3{
    font-size:34px;
    font-weight:700;
    color:#000;
}
.contentblock.dreier_highlightbox h3{
    color:#007d34;
}
.contentblock.dreier_highlightbox .row > div{
    position:relative;
}
.contentblock.dreier_highlightbox .white-box{
    padding:35px;
    background:#FFF;
    border-radius:19px;
    position: relative;
    min-height: 100%;
}
.contentblock.dreier_highlightbox.hintergrund-weiss .white-box{
    background:#F6F6F6;
}
.wiki-heroarea + .contentblock{
    padding-top:0;
}
.wpml-ls-legacy-list-horizontal{
    padding:0;
    border:0;
}
.zeitbalken-bar{
    border-radius:9999px;
    color:#FFF;
    padding:5px 20px;
    position: relative;
    overflow:hidden;
}
.zeitbalken-bar.animated{
    opacity:1 !important;
    transform:none !important;
}
.zeitbalken-bar.animated::before{
    border-radius:9999px;
    background:#007d34;
    position: absolute;
    top:0;
    right:0;
    width:0%;
    height: 100%;
    transition:0.5s width;
    display:block;
    content:"";
    z-index:5;
}
.zeitbalken-bar.animated.inView::before{
    width:100%;
}
.zeitbalken-bar.animated span{
    position:relative;
    display:block;
    z-index:10;
    transform:translateX(50%);
    transition: 0.5s 0.25s transform, 0.5s 0.25s opacity;
    opacity:0;
    font-size:120%;
}
.zeitbalken-bar.animated.inView span{
    transform:translateX(0%);
    opacity:1;
}
.zeitbalken-bar.animated span strong{
    color:#FFF !important;
}
.zeit-item + .zeit-item{
    margin-top:50px;
}
.zeit-item a{
    transition:0.5s color, 0.5s bottom, 0.5s opacity;
}
.zeit-item a strong{
    transition:0.5s color;
}
.zeit-item a:hover, .zeit-item a:hover strong{
    color:#000 !important;
}
.zeit-item .row:first-child p.animated{
    padding-right:20px;
    transition:0.5s color, 0.5s bottom, 0.5s left;
}
.zeit-item strong{
    color:#007d34;
}
.karriere-heroarea{
    background-image:url("img/title_background.svg");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size:contain;
    padding-top:160px;
    margin-top:80px;
}
.karriere-heroarea{
    padding-bottom:120px;
}
.kenntnisse{
    display:flex;
    flex-wrap:wrap;
    margin-left:-15px;
    margin-right:-15px;
}
.kenntnisse .kenntniss{
    width:50%;
    flex-basis:50%;
    padding-left:15px;
    padding-right:15px;
}
.kenntnisse .kenntniss p{
    margin-bottom: 0;
}
.kenntniss-grid{
    display:flex;
    padding:10px 20px;
    background:#F6F6F6;
}
.contentblock.textblock p:last-child{
	margin-bottom:0;
}
.contentblock.hintergrund-weiss + .contentblock.hintergrund-weiss.textblock{
    padding-top:0;
}
.kenntniss-grid .kenntniss-icon + .kenntniss-icon{
    margin-left:10px;
}
.contentblock.megaheadlineblock h2.mega-headline{
    color:#000;
    font-size:52px;
    font-weight: 700;
    margin-bottom:0;
}
.icon_block small{
    color:#000;
}
.contentblock.megaheadlineblock h3{
    font-weight: 700;
    color:#000;
    font-size:34px;
}
.kontakt-highlight{
    background:#FFF;
    width:637px;
    max-width:calc(100% - 100px);
    position: absolute;
    right:50px;
    bottom:0;
    transform:translateY(50%);
    z-index:12;
    padding:25px 30px;
    box-shadow:0px 10px 20px rgba(0,0,0,0.11);
    color:#007d34;
    font-size:19px;
    border-radius:15px;
    text-align:left;
}
.kontaktarea, .hintergrund-weiss + .kontaktarea:last-child .kontaktarea-inner{
    padding-bottom:120px;
}
.hintergrund-weiss + .kontaktarea{
    padding-bottom: 0;
}
.hintergrund-weiss + .kontaktarea .kontaktarea-inner{
    background:#F6F6F6;
}
.kontaktarea .kontakt-highlight{
    position: relative;
    transform:none;
    margin:0 auto;
    right:0;
    max-width:100% !important;
}
.kontaktarea .animated{
    z-index:10;
}
.kontaktarea .kontaktarea-inner{
    background:#FFF;
    position: relative;
}
.kontaktarea .kontaktarea-inner::before{
    position: absolute;
    z-index:1;
    background:#F6F6F6;
    display:block;
    content:"";
    height:50%;
    top:0;
    left:0;
    width:100%;
}
.hintergrund-weiss + .kontaktarea .kontaktarea-inner::before{
    background:#FFF;
}
.kontakt-highlight svg{
    max-width:100%;
}
.kontakt-highlight .row{
    align-items:center;
}
.kontakt-highlight .btn.btn-prime{
    color:#FFF !important;
}
.kontakt-highlight h2{
    font-weight: 700;
    color:#007d34;
    font-size:30px;
	margin-bottom: .5rem !important;
}
.owl-carousel .owl-item .fallbeispiel-image{
    position: relative;
    height: 0px;
    padding-bottom:43%;
}
.owl-carousel .owl-item .fallbeispiel-image img{
    position: absolute;
    top:0;
    left:0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
body.fallbeispiel-template-single-fallbeispiel-neu, body.page-template-karriere{
    color:#000;
}
.contentblock.teamblock, .contentblock.leistungsblock + .leistungsblock{
	padding-top:0;
}
.contentblock.teamblock h3, .contentblock.leistungsblock h3{
	color:#007d34 !important;
}
.contentblock.teamblock .bubble, .contentblock.leistungsblock .bubble{
	height:0px;
	padding-bottom: 100%;
	position: relative;
	overflow:hidden;
	border-radius:50%;
}
.contentblock.teamblock .row, .contentblock.leistungsblock .row{
	align-items:center;
}
.contentblock.teamblock.teamblock-right .row, .contentblock.leistungsblock.leistungsblock-right .row{
	flex-direction: row-reverse;
}
.contentblock.teamblock.teamblock-right .row .offset-lg-1, .contentblock.leistungsblock.leistungsblock-right .row .offset-lg-1{
	margin-left:0;
	margin-right:8.333333%;
}

.absolute-feature.row{
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    right:0;
    width:100%;
    margin-left:0;
    margin-right:0;
    pointer-events: none;

}
.absolute-feature.row img{
    pointer-events: all;
}
.absolute-feature.row > div{
    padding-left:0;
    padding-right:0;
}
.absolute-feature img{
    margin:0 auto;
    display:block;
}
.fact-holder{
    background:#c0daba;
    color:#FFF;
    padding:40px 20px;
    border-radius:30px;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    min-height: 100%;
}
.fact-holder .fact-zahl{
    font-weight:bold;
    font-size:300%;
}
strong{
	font-weight:bold;
}
#inhalt strong{
	color: #007d34;
}
#inhalt h1 strong, #inhalt h2 strong, #inhalt h3 strong, #inhalt h4 strong, #inhalt h4 strong, #inhalt h5 strong, #inhalt h6 strong{
	color:#333;
}
#inhalt .parallax_block h2 strong{
	color:#FFF;
}
#inhalt h2 + ul{
	margin-top:30px;
}

.contentblock ul + h2{
    margin-top:60px;
}
.contentblock ul{
    padding-left:23px;
}
#inhalt .owl-carousel .owl-item a strong{
    color:#FFF;
}
#inhalt .ui-tabs .ui-tabs-nav li a.ui-tabs-anchor strong{
	color:#333;
}
#inhalt .ui-tabs .ui-tabs-nav li.ui-state-active a.ui-tabs-anchor strong{
	color:#FFF;
}
.content_block .janolaw-text p:last-child{
	margin-bottom:15px;
}
.contentblock .background-graphic{
    position:absolute;
    max-width:33.33%;
    top:50%;
    transform:translateY(-50%);
    z-index:1;
}
.contentblock.megaheadlineblock .container{
	position:relative;
	z-index:5;
}
.fallbeispiel-template .contentblock .container{
    position: relative;
    z-index:5;
}
.contentblock .background-graphic img{
    width:100%;
}
.contentblock.statistik_block{
    padding-bottom: 0;
}
.contentblock .background-graphic.background-graphic-left{
    left:0;
}
.contentblock .background-graphic.background-graphic-right{
    right:0;
}
.contentblock.text_block_zweigeteilt .background-graphic.background-graphic-right{
	height: 100%;
	width: 100%;
}
.contentblock.text_block_zweigeteilt .background-graphic.background-graphic-right img{
	position: absolute;
	top:0;
	left:0;
	width: 100% !important;
	height: 100% !important;
	object-fit: contain;
	object-position: top right;
}
.contentblock hr.small-hr{
    border-top:4px solid #007D34;
    width:163px;
    max-width:50%;
    margin-left:0;
    margin-right:auto;
    display:block;
}
.contentblock hr.small-hr:first-child{
	margin-top:0;
}
.contentblock.featured_block{
	position:relative;
	padding:100px 0;
}

.contentblock.feature_block .feature-block-image{
    position:absolute;
    top:0;
    left:0;
    width:calc(50% - 60px);
    height: 100%;
    z-index:5;
}
.contentblock.feature_block.right .feature-block-image{
    left:auto;
    right:0;
}
.contentblock.feature_block .feature-block-image img{
    position: relative;
    width:100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
.contentblock.text_block + .contentblock.featured_block{
	margin-top:0;
}
.contentblock.featured_block + .contentblock.parallax_block,.contentblock.featured_block{
	margin-top:150px;
}
.contentblock.textblock + .contentblock.featured_block{
    margin-top:0;
}
.contentblock.textblock h2, .contentblock.text_block_zweigeteilt h2{
    font-weight:700;
    font-size:34px;
}
.contentblock.textblock .container, .contentblock.text_block_zweigeteilt .container{
    position: relative;
    z-index:3;
}
.contentblock.featured_block .text-area{
	width:50%;
	display:block;
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:80px;
}
.contentblock.featured_block.right .text-area{
	padding-left:80px;
	padding-right:0;
	margin-left:auto;
}
.contentblock.featured_block .featured-image{
	position:absolute;
	top:-25px;
	right:50px;
	width:calc(50% - 50px);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:100%;
}
.page-template-landingpage-2022 .contentblock.featured_block .featured-image{
	top:0 !important;
}
.page-template-landingpage-2022 .fact-holder{
	color:#000 !important;
	background:none !important;
	border-radius:0;
	border:2px rgba(0,0,0,0.3) solid;
}
.page-template-landingpage-2022 .fact-holder .fact-zahl{
	color:#007d34 !important;
}
.contentblock + .contentblock.tabs_block{
	margin-top:3.5%;
}
.contentblock.tabs_block .tabs{
	margin-top:50px;
}
.contentblock.featured_block.right .featured-image{
	right: auto;
	left:50px;
}
.more_posts{
	padding:80px 0px;
	background:#FFF;
}
.text_block + .more_posts, .text_block + .kontaktaufnahme_block{
	background:#F6F6F6;
}
.text_block + .more_posts + .kontaktaufnahme_block{
	background:#FFF;
}
.wiki .more_posts h2{
	margin-bottom:30px;
}
.wiki .title, .fallbeispiel .title{
	background:#F6F6F6;
	font-weight:bold;
	font-size:16px;
	padding:10px 15px;
}
.wiki .text_block + .more_posts .item .title{
	background:#FFF;
}
.wiki .wiki-image,.fallbeispiel .fallbeispiel-image{
	height:0px;
	padding-bottom:42.25%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center;
}
.wiki .more_posts a{
	color:#222;
	border:0;
}
.modalwindow{
    display:none;
    width:640px;
    max-width:100%;
    padding:40px 60px;
}
.modalwindow p:last-child{
    margin-bottom: 0;
}
#header .navbar-collapse{
	display:block;
	float:right;
	position:relative;
	height:100%;
}
#header .navbar-collapse ul{
	position:relative;
	height:100%;
}
#header .navbar-collapse ul li{
	float:left;
	display:block;
	position:relative;
	height:100%;
}
#header .navbar-collapse ul li a{
	position:relative;
	height:100%;
	padding-left:15px;
	padding-right:15px;
	display:block;
	color:#333;
	font-size:18px;
	text-decoration:none;
}
#header .navbar-collapse ul li a::after{
	height:2px;
	background:#007d34;
	width:calc(100% - 30px);
	position:absolute;
	bottom:22%;
	left:15px;
	transition:0.5s all;
	opacity:0.0;
	display:block;
	content:"";
}
#header.scrolled .navbar-collapse ul li a::after{
	bottom:0px;
	width:100%;
	left:0px;
}
#header .navbar-collapse ul li a:hover::after, #header .navbar-collapse ul li.current_page_item a::after{
	opacity:1.0;
}
#header .navbar-collapse ul li a span{
	position:relative;
	top:50%;
	transform:translateY(-50%);
	display:block;
}
#header .navbar-collapse ul li:last-child a{
	padding-right:0;
}
#header .navbar-collapse ul li:last-child a::after{
	width:calc(100% - 15px);
}
#header.scrolled .navbar-collapse ul li:last-child a::after{
	width:100%;
}
#header{
	background:rgba(255,255,255,0.1);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:0px;
	z-index:100;
	transition:0.5s all;
	border-bottom:1px solid rgba(255,255,255,0.25);
}
#header.scrolled{
	background:rgba(255,255,255,0.95);
	border-bottom: 1px solid #e1e1e1;
}
#header .container{
	padding-top:0px;
	padding-bottom:0px;
	height:80px;
}
#header .site-branding{
	width:174px;
	height:80px;
	position:absolute;
	top:0px;
	left:50px;
}
#header .site-branding #logo{
	position:relative;
	width:100%;
	height:100%;
}
#header .site-branding #logo a{
	background-image:url(img/trinidat-logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
h1, h2 ,h3, h4, h5, h6{
	color:#222222;
	font-weight:300;
}
img.alignleft{
	margin-right:30px;
	margin-bottom:20px;
	float:left;
}
.container{
	padding-left:50px;
	padding-right:50px;
	width:100%;
	max-width:1200px;
}
.container.full-size{
    max-width: 100%;
}
.inner-contact-form{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.inner-contact-form .inner-contact-form-image{
    width:25%;
    flex-basis:25%;
    position: relative;
    border-radius:30px;
    overflow: hidden;
}
.inner-contact-form .inner-contact-form-image .ansprechpartner-title{
    background:rgba(255,255,255,0.75);
    color:#000 !important;
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:16px 20px;
    text-align:center;
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
}
.inner-contact-form .inner-contact-form-area{
    width:75%;
    flex-basis:75%;
    text-align:left;
    padding-left:50px;
}

.whitepaper .inner-contact-form .inner-contact-form-image{
  width:35%;
  flex-basis:35%;
}
.whitepaper .inner-contact-form .inner-contact-form-area{
  width:65%;
  flex-basis:65%;
}
.ui-tabs{
	padding:0;
}
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right;}
.ui-tabs .ui-tabs-nav{
	padding:0;
	border:0;
	background:#d8e6d4;
	position:relative;
}
.ui-tabs.tabs_h p{
	line-height:1.6;
}
.ui-tabs.tabs_v{
	padding-left:0px;
	position:relative;
}
.ui-tabs.tabs_v::before{
	display:block;
	content:"";
	clear:both;
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
	height: 100%;
	z-index:1;
	background: #d8e6d4;
}
.ui-tabs.tabs_v::after{
	display:block;
	content:"";
	clear:both;
}
.ui-tabs.tabs_v .ui-tabs-nav{
	width: 250px;
	top:0px;
	left:0px;
	height:100%;
	display: block;
	z-index:2;
}
.ui-tabs.tabs_v .ui-tabs-nav li{
	float:none;
	display:block;
	border-right:0px !important;
}
.ui-tabs.tabs_v .ui-tabs-nav li a.ui-tabs-anchor{
	float:none;
	display:block;
}
.ui-tabs .ui-tabs-nav li{
	white-space: normal;
}
.ui-tabs .ui-tabs-nav li{
	margin:0px !important;
	border:0px !important;
	background:none;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a.ui-tabs-anchor{
	background:#97b690;
	display:block;
	float:none;
	padding:20px 20px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	margin-bottom:0;
	padding-bottom:0;
}
.ui-tabs .ui-tabs-nav li a.ui-tabs-anchor{
	background:none;
	padding:20px 20px;
	font-family: 'Roboto Slab', serif;
}
.ui-widget-content{
	background:#97b690;
}
.ui-tabs .ui-widget-content{
	color:#FFF;
	padding:20px 20px;
	font-family: 'Roboto Slab', serif;
	width:auto;
	display:block;
}
.ui-tabs.tabs_v .ui-widget-content{
	box-sizing: content-box;
	height: auto !important;
	width:calc(100% - 290px);
}
.ui-widget.ui-widget-content{
	border:0;
}
.contentblock-leistungsubersicht-detail .row .animated h3, .contentblock.contentblock-leistungsubersicht-detail .row > div.animated > .leistungsubersicht-read-more::after{
	transition-delay: calc(250ms * var(--element-index)) !important;
}
#hero-image h1, #hero-image .h2{
	font-size:30px;
	color:#FFF; margin-top:0 !important;
}
#hero-image{
	min-height:600px;
	height: 0;
	padding-bottom:46.25%;
	background-size:cover;
	background-attachment:fixed;
	background-position: top center;
	position:relative;
	padding-top:0px !important;
	color:#FFF;
}
#hero-image h1 + p{
	margin-top:10px;
}
body.single .contentblock.text_block img{
	width:auto !important;
	height: auto !important;
	margin:30px auto;
	max-width:100%;
	display:block;
}
body.single .contentblock.text_block .wp-caption img{
	margin-top:0;
	margin-bottom:0;
}
body.single .zitat-bubble{
	background:#F6F6F6;
	padding:35px;
	border-radius:29px;
	text-align:center;
	position: relative;
	margin-bottom:50px;
	color:#000;
	font-weight:700;
}
body.single .zitat-autor{
	color:#000;
}
body.single-referenz .content_block{
	color:#000;
}
.fancybox-slide{
	padding:25px;
}
.modal-newsletter{
	display:none;
	padding:42px 50px;
	border-radius:20px;
	width: 640px;
	max-width: 100%;
	overflow:visible;
	background-image:url('/wp-content/uploads/2022/08/kontakt-oben-bg.svg');
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}
.modal-newsletter .fancybox-close-small{
	top:0;
	right:0;
	transform:translate(50%,-50%);
	background:#007d34 !important;
	color:#FFF !important;
	width:50px;
	height: 50px;
}
.modal-newsletter h2{
	color:#007d34;
	font-family: 'Roboto Slab',serif;
	font-weight: 700;
}
.newsletter-hint{
	position: fixed;
	bottom:36px;
	left:50px;
	width:80%;
	max-width:420px;
	display:flex;
	align-items:center;
	z-index:99;
	opacity:0;
	transform:translateY(100%);
	transition:0.4s transform, 0.4s opacity;
}
.newsletter-hint.visible{
	opacity:1;
	transform:translateY(0%);
}
.newsletter-hint .newsletter-widget-image{
	width:8em;
	height: 7em;
	flex-shrink:0;
	border-radius:10px;
	box-shadow: 0px 8px 16px rgba(0,0,0,0.14);
	flex-grow:0;
	display:block;
	position: relative;
	z-index:20;
	overflow:hidden;
}
.newsletter-hint .newsletter-widget-text{
	background:#FFF;
	border-top-right-radius:9999px;
	border-bottom-right-radius:9999px;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
	display:block;
	position: relative;
	z-index:10;
	padding:1em 1.5em;
	padding-right:4.3em;
	color:#000 !important;
	font-weight:700;
}
.newsletter-hint .newsletter-widget-text .fal{
	position: absolute;
	right:1.4em;
	width: 2.5em;
	height: 2.5em;
	top:50%;
	transform:translateY(-50%);
	background:#007d34;
	display:flex;
	justify-content: center;
	align-items: center;
	border-radius:9999px;
	color:#FFF !important;
}
.newsletter-hint .newsletter-widget-image img{
	position: relative;
	width:100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}
body.single.single-referenz.referenz-template-single-referenz-neu-php h1{
	font-size:52px;
	color:#007d34;
	line-height: 1;
	font-weight:bold;
}
body.single .zitat-bubble::after{
	position:absolute;
	display:block;
	content:"";
	bottom:-40px;
	left:50%;
	transform:translateX(-50%);
	border-left:40px transparent solid;
	border-right:40px transparent solid;
	border-top:40px #F6F6F6 solid;
}
.content_block.slider_block.fallbeispiel_slider a.item{
	display:block;
	height: 0px;
	padding-bottom: 46.25%;
	position: relative;
}
.content_block.slider_block.fallbeispiel_slider a.item img{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
body.single-information #page{
	padding-top:130px;
}
body.single-information.iframe #page{
	padding-top:0;
}
.wpex-timeline>li:after,.wpex-timeline > li .wpex-timeline-icon .fa{
	background:#97b690 !important;
}
.wpex-timeline.style-center > li:nth-child(odd) .wpex-timeline-label{
	border-right-color: #97b690 !important;
}
.wpex-timeline.style-center > li:nth-child(odd) .wpex-timeline-label:before, .wpex-timeline-list.show-icon .style-center > li:nth-child(odd) .wpex-timeline-label:after,.wpex-timeline > li .wpex-timeline-label{
	border-left-color: #97b690 !important;
}
.wpex-timeline.style-center > li:nth-child(even) .wpex-timeline-label{
	border-left-color: #97b690 !important;
}
.wpex-timeline.style-center > li:nth-child(even) .wpex-timeline-label:before, .wpex-timeline-list.show-icon .style-center > li:nth-child(even) .wpex-timeline-label:after{
	border-right-color: #97b690 !important;
}
.wpex-timeline > li .wpex-timeline-time span:last-child{
	color:#97b690 !important;
}
.category-nav{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 0;
	list-style: none;
	margin-bottom: 30px;
}
.category-nav a{
	padding: 10px 15px;
	opacity: 0.5;
	transition: 0.5s opacity;
}
.category-nav .current-cat a,.category-nav .current-cat a:hover, body.blog .category-nav .cat-item-all a{
	opacity:1;
}
.blog-post{
	position: relative;
	padding-left:480px !important;
	padding-top:50px !important;
	padding-bottom:50px !important;
	padding-right:60px !important;
	display:block;
	box-shadow:0px 0px 30px 15px rgba(0,0,0,0.07);
	background:#FFF;
	font-size:18px !important;
}
.blog-post p{
	margin-bottom:24px;
}
.blog-post h2{
	font-size:28px !important;
}
.blog-post + .blog-post{
	margin-top:50px;
}
.blog-post > .image-container{
	position:absolute;
	top:0;
	left:0;
	width:420px;
	height: 100%;
}
.blog-post > .image-container > img{
	position: absolute;
	top:0;
	left:0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}
.wp-caption{
	width:100% !important;
}
.wp-caption .wp-caption-text{
	font-size:14px;
	padding-top:5px;
}
body.single .contentblock.text_block .wp-caption{
	margin-top:30px;
	margin-bottom:30px;
}
#hero-image .hero-image-container{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-size:cover;
	background-position: top center;
}
#hero-image .hero-image-container::before, #hero-image .video-container::before{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	content:"";
	background:#1c1c1c;
	opacity:0.5;
    z-index:4;
}
#hero-image .hero-container{
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:5;
}
#hero-image > .hero-container > .container{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	transform:translate(-50%,-50%);
}
#hero-image > .hero-container > .container.align-unten{
	top:75%;
}
#hero-image .hero-image-container.without-overlay::before, #hero-image .video-container.without-overlay::before{
    opacity:0.25;
}
#hero-image .hero-image-text{
	background:rgba(100, 100, 100, 0.5);
	color:#FFF;
	position:absolute;
	width:100%;
	left:0px;
	bottom:0px;
	height:auto;
}
#hero-image .hero-image-text .container{
	padding:40px 50px;
}
.content_block h2{
	margin-bottom:20px;
	font-size:24px;
}
.text_block ul{
	margin-left:0;
	padding-left:20px;
}
.text_block, .rueckruf_block, .kontakt_block, .teaser_block, .icon_block, .kontaktaufnahme_block{
	position:relative;
	padding:80px 0px;
}

.icon_block{
	text-align:center;
}
.contentblock.icon_block .text-column{
    margin-top:40px;
}
.content_block.icon_block + .icon_block{
	background:#F6F6F6;
}
.icon_block h2{
	text-transform:uppercase;
}
.contentblock.icon_block h2{
    text-transform: none;
}
.page-template-landingpage-2022 .heroarea_fullsize + a + .contentblock.textblock, .page-template-sea-landingpage-2022 .heroarea_fullsize + a + .contentblock.textblock, .page-template-sea-landingpage-2022 .heroarea_fullsize + a + .contentblock.front_featureblock{
    margin-top:80px;
}

.page-template-landingpage-2022 .contentblock h2, .fallbeispiel-template .contentblock h2,.page-template-landingpage-2022 .contentblock h2, .page-template-sea-landingpage-2022 .contentblock.icon_block h2, .page-template-sea-landingpage-2022 .contentblock h2, .contentblock.whitepaper h1{
    font-size:34px;
    font-weight:700;
}
.icon_block .icon-holder{
	position:relative;
	padding-bottom:36.25%;
    margin-bottom:10px;
}
.icon_block .icon-holder img{
	width:auto !important;
	height: auto !important;
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	display:block;
}
.icon_block p{
	padding-top:12px;
}
.icon_block .row > div{
	margin-top:15px;
	margin-bottom:15px;
}
.contentblock.front_featureblock p > strong{
    color:#000;
}
.contentblock.front_featureblock .row {
    align-items:center;
}
.page-template-landingpage-2022 .heroarea_fullsize + a + .contentblock.front_introblock, .page-template-sea-landingpage-2022 .heroarea_fullsize + a + .contentblock.front_introblock, .page-template-sea-landingpage-2022 .contentblock.slim-pageheader + .contentblock.front_featureblock, .page-template-sea-landingpage-2022 .heroarea_fullsize + a + .contentblock.front_featureblock{
    padding-top:150px;
}
.contentblock.front_introblock{
	overflow:visible;
}
.contentblock.front_leistungsuebersicht{
    position: relative;
    padding-top:0;
}
.contentblock.front_leistungsuebersicht .row{
    margin-left: -14px;
    margin-right: -14px;
}
.contentblock.front_leistungsuebersicht .row > div{
    padding-left:14px;
    padding-right:14px;
    margin-bottom:28px;
    position:relative;
}
.contentblock.front_leistungsuebersicht .leistungs-tile{
    background:#F6F6F6;
    text-align:center;
    display:block;
    padding:40px;
    padding-top:30px;
    position: relative;
    min-height: 100%;
    overflow: hidden;
}
.contentblock.front_leistungsuebersicht .leistungs-tile::before{
    position:absolute;
    top:50%;
    left:50%;
    width:300%;
    height:300%;
    transform:translate(-150%,-150%) rotate(45deg);
    transition:1s transform;
    background:#007d34;
    display:block;
    content:"";
    z-index:5;
}
.contentblock.front_leistungsuebersicht h2, .contentblock.front_introblock h2{
    color:#007d34;
    font-size:48px;
    line-height: 1.1;
    margin-top:20px;
}
.modal-leistung h2{
    color:#007d34;
    font-size:34px;
    font-weight:700;
}
.intro-icon-block{
    position: relative;
    padding-left:90px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    min-height: 70px;
}
.contentblock .intro-icon-block > img{
    position: absolute;
    top:0;
    left:0;
    width:80px !important;
    height: 100% !important;
    object-fit: contain;
    object-position: top center;
}
.contentblock.front_leistungsuebersicht .leistungs-tile p > strong{
    transition:1s color;
}
.contentblock.front_leistungsuebersicht .leistungs-tile:hover p > strong{
    color:#FFF;
}
.contentblock.front_leistungsuebersicht .leistungs-tile svg path{
    transition:1s fill;
}
.contentblock.front_leistungsuebersicht .leistungs-tile:hover svg path{
    fill:#FFF !important;
}
.contentblock.front_leistungsuebersicht .leistungs-tile:hover::before{
    transform:translate(-50%,-50%) rotate(45deg);
}
.contentblock.front_leistungsuebersicht .leistungs-tile svg, .contentblock.front_leistungsuebersicht .leistungs-tile p{
    position: relative;
    z-index:15;
}
.contentblock.front_leistungsuebersicht .leistungs-tile p{
    margin-bottom:0;
}
.contentblock.front_leistungsuebersicht::before{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    height: 100px;
    background:#F6F6F6;
    display:block;
    content:"";
}
.contentblock.front_leistungsuebersicht .white-bg{
    background:#FFF;
    position:relative;
    z-index:15;
    padding:68px 85px;
    padding-bottom:40px;
}
.modal-leistung{
    display:none;
    padding:68px 85px;
    width:560px;
    max-width:100%;
}
.page-template-landingpage-2022 .fancybox-bg, .page-template-sea-landingpage-2022 .fancybox-bg, .single.single-post .fancybox-bg{
    background:#000;
}
.page-template-landingpage-2022 .fancybox-slide, .page-template-sea-landingpage-2022 .fancybox-slide, .single.single-post .fancybox-slide{
    background:none;
}
.review_block{
	text-align:center;
	color:#FFF;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top:120px;
	padding-bottom:120px;
	position:relative;
}
.review_block h2{
	margin-bottom:0;
}
.review_block h2, .review_block h2 strong{
	color:#FFF !important;
}
.review_block .owl-carousel .item{
	padding:30px 30px;
}
.review_block .owl-carousel .author{
	font-weight:bold;
}
.review_block::before{
	position:absolute;
	display:block;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#007d34;
	opacity:0.5;
}
.uebersichtsblock .row > div{
  position:relative;
}
.uebersichtsblock .uebersichts-kachel{
  display:flex;
  flex-direction:column;
  position:relative;
  min-height:100%;
  font-size:0.85em;
  color:#000;
}
.uebersichtsblock .uebersichts-kachel .img-wrapper{
  position:relative;
  height:0;
  padding-bottom:56.25%;
  overflow:hidden;
  flex-shrink:0;
  flex-grow:0;
}
.uebersichtsblock .uebersichts-kachel .img-wrapper > img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100% !important;
  object-fit:cover;
  object-position:center;
}
.contentblock.uebersichtsblock{
  font-size: 14px;
  font-size: clamp(14px, 0.98vw, 19px);
}
.contentblock.uebersichtsblock .row{
  margin-left:-1.5em;
  margin-right:-1.5em;
}
.contentblock.uebersichtsblock .row > div{
  padding-left:1.5em;
  padding-right:1.5em;
  margin-bottom:3em;
}
.contentblock.uebersichtsblock h2{
  font-size:3.5em !important;
  color:#007d34;
}
.uebersichtsblock .uebersichts-kachel .d-flex img{
  width:3.5em;
  flex-shrink:0;
  flex-grow:0;
}
.uebersichtsblock .uebersichts-kachel .uebersichts-kachel-text{
  padding:1em 1em;
  padding-bottom:3em;
  flex-grow:1;
  flex-shrink:0;
}
.uebersichtsblock .uebersichts-kachel .d-flex h3{
  font-size:1.5em;
  color:#007d34;
}
.text_block + .text_block, .rueckruf_block + .text_block, .text_block + .rueckruf_block, .text_block + .kontakt_block, .kontakt_block + .text_block, .text_block + .teaser_block{
	padding-top:0px;
}
.contentblock.hintergrund-grau, .page-template-landingpage-2022 .contentblock.featured_block{
	background:#F6F6F6;
}
.hintergrund-grau{
    background:#F6F6F6;
}
.contentblock.hintergrund-grau + .contentblock.hintergrund-grau{
    padding-top:0;
}
.contentblock-appslider a.entry, .contentblock-appslider div.entry{
	transform: scale(1);
	display:block;
	position: relative;
	transition:0.5s transform;
	box-shadow:0px 5px 10px 5px rgba(0,0,0,0.12);
}
.contentblock-appslider .owl-dots{
	padding-top:10%;
	text-align: center;
}
.contentblock-appslider .owl-dots .owl-dot{
	width:24px;
	height: 24px;
	border-radius:12px;
	background:#007d34;
	border:0;
	transition:0.5s width;
}
.contentblock-appslider .owl-dots .owl-dot + .owl-dot{
	margin-left:10px;
}
.contentblock-appslider .owl-dots .owl-dot.active{
	width:48px;
}
.contentblock-appslider .owl-carousel{
	padding:7vw 0px;
}
.contentblock.kontaktaufnahme_block{
	padding-top: 140px;
	padding-bottom: 8.5%;
}
.contentblock-appslider .owl-carousel .owl-stage-outer{
	overflow:visible;
}
.contentblock-appslider .container{
	max-width:65%;
}
.contentblock.contentblock-leistungsubersicht-detail .row > div{
	position:relative;
	margin-top:15px;
	margin-bottom:15px;
	min-height: 270px;
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more{
	position: relative;
	min-height: 100%;
	color:#FFF;
	padding:30px 40px;
	display:block;
	font-size:12px;
	padding-bottom:60px;
}
.contentblock.contentblock-leistungsubersicht-detail .row > div.animated > .leistungsubersicht-read-more::after{
	position:absolute;
	bottom:20px;
	right:20px;
	background:#FFF;
	width:24px;
	height:24px;
	border-radius:50%;
	display:flex;
	justify-content: center;
	align-items: center;
	content:"+";
	font-weight: 700;
	opacity:0;
	transform:translateY(100%) rotate(180deg);
	transition: 0.5s opacity, 0.5s transform;
	color:#000;
}
.contentblock.contentblock-leistungsubersicht-detail .row > div.animated.inView > .leistungsubersicht-read-more::after{
	opacity:1;
	transform:translateY(0%) rotate(0deg);
}
.contentblock.contentblock-leistungsubersicht-detail .row > div.animated.inView > .leistungsubersicht-read-more:hover::after{
	transform:translateY(0%) rotate(-90deg);
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more .background{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(1);
	opacity:1;
	width:100%;
	height: 100%;
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more .background::before{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,125,52,0.65);
	z-index:4;
	display:block;
	content:"";
	opacity:0;
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(6px);
	transition:0.5s opacity;
}
.contentblock.contentblock-leistungsubersicht-detail .row{
	justify-content: flex-end;
	margin-bottom: 30px;
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more .background::after{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgb(34,34,34);
	background: -moz-linear-gradient(153deg, rgba(34,34,34,0.6) 0%, rgba(34,34,34,0) 100%);
	background: -webkit-linear-gradient(153deg, rgba(34,34,34,0.6) 0%, rgba(34,34,34,0) 100%);
	background: linear-gradient(153deg, rgba(34,34,34,0.6) 0%, rgba(34,34,34,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222222",endColorstr="#222222",GradientType=1);
	z-index:4;
	display:block;
	content:"";
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more a{
	color:#FFF;
	font-weight:400;
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more:hover .background::before, .contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more.active .background::before
{
	opacity:1;
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more .background img{
	position: absolute;
	width: 100%;
	left: 0;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
	z-index:3;
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more .inner{
	position: relative;
	z-index:10;
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more .inner .read-more{
	opacity:0;
	transition:0.5s opacity, 0.5s transform;
	transform:translateY(20px);
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more:hover .inner .read-more, .contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more.active .inner .read-more{
	opacity:1;
	transform:translateY(0px);
}
.contentblock.contentblock-leistungsubersicht-detail .row > div.animated > .leistungsubersicht-read-more h3{
	color:#FFF;
	font-size:16px;
	margin-bottom:8px;
	opacity:0;
	transition: 0.5s transform, 0.5s opacity;
	transform:translateX(-25%);
}
.contentblock.contentblock-leistungsubersicht-detail .row > div.animated.inView > .leistungsubersicht-read-more h3{
	opacity:1;
	transform:translateX(-0%);
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more h3 span{
	padding-bottom:5px;
	overflow:hidden;
	display:inline-block;
	position: relative;
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more h3 span::before{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background:#FFF;
	transition:0.5s transform;
	transform:translateX(-100%);
	display:block;
	content:"";
}
.contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more:hover h3 span::before, .contentblock.contentblock-leistungsubersicht-detail .row > div > .leistungsubersicht-read-more.active h3 span::before{
	transform:translateX(-0%);
}
.modalbox{
	display:none;
	padding:40px 60px;
	width:640px;
	max-width:90%;
}
.contentblock-appslider .active a.entry,.contentblock-appslider .active div.entry{
	transform: scale(1.1);
	border-radius:20px;
	overflow:hidden;
	z-index:5;
}
.contentblock-appslider .active.center a.entry, .contentblock-appslider .active.center div.entry{
	transform: scale(1.2);
	z-index:10;
}

	.contentblock.contentblock-front-prozess .contact-navi{
		display:flex;
	}
	.contentblock.contentblock-front-prozess .contact-navi a svg{
		height:90px !important;
		width:auto !important;
		display:block;
	}
.contentblock.contentblock-front-prozess .contact-navi a + a{
	margin-left:30px;
}
.contentblock.contentblock-front-prozess .row > div .d-flex{
	margin-bottom:20px;
}
.contentblock.contentblock-front-prozess .row > div .d-flex > div:first-child{
	margin-right:15px;
}
.contentblock.contentblock-front-prozess .row > div .d-flex > div img{
	height:180px !important;
	width:auto !important;
}
.contentblock.contentblock-front-prozess h2{
	font-size:72px !important;
	color:#007d34;
	margin-bottom:0;
}
.contentblock.contentblock-front-prozess .subline{
	font-size:34px !important;
	color:#b4c4a4;
	font-weight:400;
	margin-bottom:50px;
}
.contentblock.contentblock-front-prozess .row{
	margin-left:-20px;
	margin-right:-20px;
}
.contentblock.contentblock-front-prozess .row > div{
	padding-left:20px;
	padding-right:20px;
}
.contentblock.contentblock-front-prozess h3{
	color:#007d34;
}
.contentblock.contentblock-front-prozess .prozess-schritte h3{
	margin-bottom:0;
}
.contentblock.contentblock-front-prozess a svg path{
	transition:0.5s fill;
}
.contentblock.contentblock-front-prozess a:hover svg path{
	fill:#000;
}
.contentblock.contentblock-front-prozess .front-prozess-item + .front-prozess-item{
	margin-top:90px;
}
.contentblock.contentblock-front-prozess .prozess-schritte{
	margin-bottom:90px;
}
.contentblock.contentblock-front-prozess p strong{
	color:#007d34;
}
.contentblock.contentblock-front-prozess p:last-child{
	margin-bottom:0;
}
.contentblock.contentblock-prozess .container > h2, .contentblock.contentblock-prozess .container > p{
	text-align:center;
}
.contentblock.contentblock-prozess .container > p{
	margin-bottom:30px;
	font-size:26px;
}
.contentblock.contentblock-prozess .bottom-line{
	margin-top:40px;
	text-align: center;
}
.contentblock.contentblock-prozess .bottom-line strong{
	font-size:25px;
}
.contentblock.contentblock-prozess .bottom-line p:first-child{
	margin-bottom:0px;
}
.contentblock.contentblock-prozess .row > div{
	position: relative;
}
.contentblock.contentblock-prozess .prozess-item{
	background:#FFF;
	padding:40px;
	position: relative;
	min-height: 100%;
	text-align:center;
    color:#000;
}
.contentblock.contentblock-prozess .prozess-item .bubble-box{
	width:100px;
	margin:0 auto;
	margin-bottom:30px;
}
.contentblock.contentblock-prozess .prozess-item .bubble-box .bubble{
	height: 0px;
	padding-bottom: 100%;
	border-radius: 50%;
	background:#007d34;
	color:#FFF;
	position: relative;
	font-size:20px;
	font-weight:bold;
}
.contentblock.contentblock-prozess .prozess-item .bubble-box .bubble .number{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.contentblock.contentblock-prozess .prozess-item h3{
	font-size:22px;
}
form .row .col-md-4, form .row .col-sm-6{
	position:relative;
}
.invalid-feedback{
	position: absolute;
	bottom: 0px;
	left:15px;
	width:100%;
	opacity:0.0;
	display:block;
	transition:0.5s all;
}
.teaser_block .owl-carousel .owl-dots, .teaserblock .owl-carousel .owl-dots, .review_block .owl-carousel .owl-dots, .logo_block .owl-carousel .owl-dots, .contentblock-fallbeispiele .owl-carousel .owl-dots, .contentblock-newsslider .owl-carousel .owl-dots, .more_posts .owl-carousel .owl-dots{
	padding-top:40px;
	text-align:center;
}
.review_block .owl-carousel .owl-dots{
	padding-top:0;
}
.teaser_block .owl-carousel .owl-dot, .teaserblock .owl-carousel .owl-dot, .review_block .owl-carousel .owl-dot, .logo_block .owl-carousel .owl-dot, .contentblock-fallbeispiele .owl-carousel .owl-dot, .contentblock-newsslider .owl-carousel .owl-dot, .more_posts .owl-carousel .owl-dot{
	display:inline-block;
	margin-right:12px;
	padding:0;
	border:0;

}
.teaser_block .owl-carousel .owl-dot:last-child, .teaserblock .owl-carousel .owl-dot:last-child, .review_block .owl-carousel .owl-dot:last-child,.logo_block .owl-carousel .owl-dot:last-child,.contentblock-newsslider .owl-carousel .owl-dot:last-child, .more_posts .owl-carousel .owl-dot:last-child{
	margin-right:0;
}
.teaser_block .owl-carousel .owl-dot span, .teaserblock .owl-carousel .owl-dot span, .review_block .owl-carousel .owl-dot span, .logo_block .owl-carousel .owl-dot span, .contentblock-fallbeispiele .owl-carousel .owl-dot span, .contentblock-newsslider .owl-carousel .owl-dot span, .more_posts .owl-carousel .owl-dot span{
	display:block;
	width:12px;
	height:9px;
	background:#222;
	transition:0.5s all;
}
#page-header .add-navi{
	position: fixed;
	right:62px;
	top:36px;
    z-index:100;
}
.page-template-sea-landingpage-2022 #page-header .add-navi{
	display:flex;
	align-items: center;
}
#page-header .add-navi ul{
	display:flex;
	list-style:none;
    align-items: center;
}
.page-template-sea-landingpage-2022 #page-header .add-navi ul{
	margin-bottom:0;
}
#page-header .add-navi ul + .btn{
	margin-left:1em;
}
#page-header .add-navi ul li + li{
	margin-left:14px;
}
#page-header .add-navi ul li a{
	font-size:24px;
	opacity:0.7;
	transition:0.5s opacity;
	color:#FFF !important;
	text-shadow:0px 2px 5px rgba(0,0,0,1);
}
#page-header .add-navi ul li a:hover{
	opacity:1;
}
.more_posts .owl-carousel .owl-stage-outer .owl-stage{
	display:flex;
}
.more_posts .owl-carousel .owl-stage-outer .owl-stage .owl-item{
	position:relative;
}
.more_posts .owl-carousel .owl-stage-outer .owl-stage .owl-item .item{
	position: relative;
	min-height: 100%;
	background:#F6F6F6;
}
.teaser_block .owl-carousel .owl-dot.active span, .teaserblock .owl-carousel .owl-dot.active span,.logo_block .owl-carousel .owl-dot.active span,.contentblock-fallbeispiele .owl-carousel .owl-dot.active span,.contentblock-newsslider .owl-carousel .owl-dot.active span, .more_posts .owl-carousel .owl-dot.active span{
	background:#007d34;
}
.review_block .owl-carousel .owl-dot.active span{
	background:#FFF;
}
.custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip, .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip {
	bottom:10px;
	opacity:1.0;
}
.parallax_block{
	padding:160px 0px;
	background-size:cover;
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:45px;
	height:60px;
	vertical-align:middle;
	line-height: 60px;
	background:rgba(0,0,0,0.3);
	color:#FFF;
	transition:0.5s all;
	font-size:36px;
	width:60px;
	text-align:center;
	border-radius:3px;
	padding:0;
	appearance: none;
	border:0;
	-webkit-appearance: none;
    -moz-appearance: none;
}
.logo_block .owl-carousel .owl-nav .owl-prev, .logo_block .owl-carousel .owl-nav .owl-next, .more_posts .owl-carousel .owl-nav .owl-prev, .more_posts .owl-carousel .owl-nav .owl-next{
	background:none !important;
	color: #97b690;
	width:20px;
	height:40px;
	left:-30px;
}
.logo_block .owl-carousel .owl-nav .owl-next, .more_posts .owl-carousel .owl-nav .owl-next{
	left:auto;
	right:-30px;
}
.owl-carousel .owl-nav .owl-prev .fa, .owl-carousel .owl-nav .owl-next .fa{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.owl-carousel .owl-nav .owl-next{
	left:auto;
	right:45px;
}
.owl-carousel .img-note{
	position:absolute;
	bottom:0px;
	background-color: rgba(0, 0, 0, 0.239216);
	width:100%;
	color:#FFF;
	height:90px;
}
.owl-carousel .img-note .container{
	position:relative;
	height:100%;
}
.owl-carousel .img-note .container .text{
	position:absolute;
	top:50%;
	width:100%;
	text-align:center;
	transform:translateY(-50%);
}
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover{
	background:rgba(0,0,0,0.6);
}
iframe.fancybox-iframe body #header{
	display:none;
}
a.scroll_bottom, a.scroll-bottom{
	position:absolute;
	bottom:-60px;
	left:50%;
	transform:translateX(-50%);
	animation: bouncing 1s linear infinite;
	-moz-animation: bouncing 1s linear infinite;
	-webkit-animation: bouncing 1s linear infinite;
	-o-animation: bouncing 1s linear infinite;
	-ms-animation: bouncing 1s linear infinite;
	animation-direction: alternate;
	-moz-animation-direction: alternate;
	-webkit-animation-direction: alternate;
	-o-animation-direction: alternate;
	-ms-animation-direction: alternate;
	cursor:pointer;
	color:#007d35;
	font-size:30px;
	padding-left:10px;
	padding-right:10px;
	z-index:11;
}
a.scroll_bottom i::before, a.scroll-bottom i::before{
	color:#007d35;
	font-size:42px;
}
.fancybox-button.fancybox-button--fullscreen{
	display:none !important;
}
.fancybox-button{
	background:#FFF !important;
	color:#222 !important;
	border-radius:22px;
	top:30px;
	right:30px;
	transform:rotate(0deg);
	transition:0.5s all;
}
.fancybox-button:hover{
	transform:rotate(360deg);
    color:#FFF !important;
    background:#222 !important;
}
body.single.fallbeispiel-template-default{
	padding-top:81px;
}
body.single.single-wiki{
	padding-top:0;
}
body.single.single-wiki #content,body.single.fallbeispiel-template-default #content{
	padding-bottom:0px;
}
body.iframe{
	padding:40px;
}
body.single.iframe{
	padding-top:40px;
}
body.single h1{
	font-size: 30px;
	line-height: 30px;
	font-weight:400;
	margin-bottom:0px;
}
.wiki-area .site-main{
	margin:0px;
	padding-top:100px;
	padding-bottom:80px;
}
.wiki-area article{
	float:left;
	width:33.33%;
	padding:0px 15px;
	margin-bottom:30px;
}
.wiki-area article.blog-post{
	float:none;
	width:100%;
	flex-basis:100%;
}
.wiki-area .article-image{
	height:0px;
	padding-bottom:36.25%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
body.single h1,body.single h2,body.single h3, body.single h4, body.single h5, body.single h6{
	margin-bottom:0;
}
body.single.wiki-template-single-wiki-neu h1, body.single.wiki-template-single-wiki-neu h2, body.single.wiki-template-single-wiki-neu h3, body.single.wiki-template-single-wiki-neu h4, body.single.wiki-template-single-wiki-neu h5, body.single.wiki-template-single-wiki-neu h6{
    font-weight:700;
}
body.single.wiki-template-single-wiki-neu h1 strong, body.single.wiki-template-single-wiki-neu h2 strong, body.single.wiki-template-single-wiki-neu h3 strong, body.single.wiki-template-single-wiki-neu h4 strong, body.single.wiki-template-single-wiki-neu h5 strong, body.single.wiki-template-single-wiki-neu h6 strong, body.page-template-sea-landingpage-2022 h2 strong, .zertifikatsblock h2 strong, .megaheadlineblock h2.mega-headline strong, .contentblock.teamstimmenheader h2 strong{
    color:#007d34;
}
body.single h1 + p,body.single h2 + p,body.single h3 + p, body.single h4 + p, body.single h5 + p, body.single h6 + p, body.single h2 + .row, body.single h3 + .row{
	margin-top:30px;
}
body.single p + h1, body.single p + h2, body.single p + h3, body.single p + h4, body.single p + h5, body.single p + h6{
	margin-top:45px;
}
.single #header{
	border-bottom: 1px solid #e1e1e1;
	background: rgba(255,255,255,0.95);
}
.nav-links{
    display:flex;
    width:100%;
    justify-content: space-between;
    flex-wrap: wrap;
}
.nav-links a{
    transition:0.5s color;
}
.nav-links a:hover{
    color:#000 !important;
}
.nav-links .nav-previous a::before{
    display:inline-block;
    content: "\f060";
    font-family: Font Awesome\ 5 Pro;
    font-weight: 300;
    margin-right:8px;
}
.nav-links .nav-next a::after{
    display:inline-block;
    content: "\f061";
    margin-left:8px;
    font-family: Font Awesome\ 5 Pro;
    font-weight: 300;
}
body.iframe #header, body.iframe #footer, body.iframe #lower-footer{
	display:none;
}
.wpex.horizontal-timeline .wpex-timeline-label h2,.wpex.horizontal-timeline .wpex-timeline-label h2 a{
	font-weight:400;
	font-size:22px;
}
.wpex.horizontal-timeline .horizontal-nav li.ex_s_lick-current + li.prev_item a:before, .wpex.horizontal-timeline .horizontal-nav li a i, .wpex.horizontal-timeline .horizontal-nav li a:before{
	border-color:#97b690;
}
.content_block .horizontal-timeline p{
	font-size:15px;
	margin-top:15px;
}
.content_block.teaser_block .owl-carousel a, .contentblock.teaserblock .owl-carousel a{
	display:block;
	position:relative;
	padding-bottom:5%;
	padding-left:40%;
}
.content_block.teaser_block .owl-carousel a .teaser-text, .contentblock.teaserblock .owl-carousel a .teaser-text{
	position:absolute;
	left:0;
	bottom:0;
	width:45%;
	background:#659d67;
	color:#FFF;
	padding:40px;
	z-index:100;
}
.contentblock.teaserblock .owl-carousel a .teaser-text{
	font-size:15px;
}
.contentblock.teaserblock .container .animated + .animated{
	margin-top:50px;
}
.referenz-verlinkung{
    position: relative;
    padding:2em 2.5em;
    background:#F6F6F6;
    display:flex;
    justify-content: space-between;
    align-items: center;
    border-radius:20px;
    overflow:hidden;
    flex-wrap:wrap;
    gap:1em;
}
.referenz-verlinkung .verlinkung-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:5;
}
.referenz-verlinkung .referenz-verlinkung-text, .referenz-verlinkung .btn{
    position: relative;
    z-index:10;
}
.referenz-verlinkung .referenz-verlinkung-text{
    padding-left:7em;
}
.referenz-verlinkung .referenz-verlinkung-text .referenz-verlinkung-icon{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:6em;
}
.referenz-verlinkung .referenz-verlinkung-text .referenz-verlinkung-icon img{
    width:100%;
    height: auto;
}
.referenz-verlinkung .verlinkung-bg img{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content_block.teaser_block .owl-carousel a .teaser-image, .contentblock.teaserblock .owl-carousel a .teaser-image{
	display:block;
	content:"";
	height:0;
	padding-bottom:46.25%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.content_block.teaser_block .owl-carousel a .teaser-text h2,.contentblock.teaserblock .owl-carousel a .teaser-text h2{
	font-weight:bold;
	color:#FFF;
}
.contentblock.teaserblock .owl-carousel a .teaser-text h2{
	margin-bottom: 20px;
	font-size: 24px;
}
#lower-footer .navbar{
	display:block;
	padding-left:0;
	padding-right:0;
}
#lower-footer .navbar::after{
	display:block;
	content:"";
	clear:both;
}
#lower-footer .navbar .nav{
	display:block;
	float:right;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
#lower-footer a, #footer a{
	color:#fff;
	text-decoration:none;
}
#footer a{
	color:#FFF;
	text-decoration:none;
	display:block;
	margin-top:15px;
}
#footer .fa{
	margin-right:10px;
}
.wpex.horizontal-timeline .horizontal-nav li a{
	font-family:'Roboto Slab', sans-serif;
}
.wpex-timeline > li .wpex-timeline-label h2,.wpex.horizontal-timeline .wpex-timeline-label h2{
	text-transform:none;
}
.wpex .wpex-dates a, .wpex h2, .wpex h2 a, .wpex-single-timeline h1.tl-title, .wpex .timeline-details h2, .wpex .timeline-details h2{
	font-family:'Roboto Slab', sans-serif;
	font-weight:bold;
	font-size:24px;
}
.wpex-timeline-list{
text-align:left;
}
.wpex-timeline-list, .wpex{
	font-family:'Roboto Slab', sans-serif;
}
.fancybox-bg{
	background:#FFF;
	opacity:1.0;
}
.fancybox-slide{
	background:#FFF;
}
.wiki-template-default .fancybox-bg{
    background:#1c1c1c;
}
.wiki-template-default .fancybox-slide{
    background:none;
}
.wpex.horizontal-timeline.tl-hozsteps .timeline-hr{
	border-color:#EEE;
	left:0px;
}
.wpex.horizontal-timeline.tl-hozsteps .timeline-pos-select{
	border-color:#97b690;
	left:0px;
}
.wpex.horizontal-timeline .horizontal-nav li a i{
	transition:0.5s all;
}
.wpex-timeline > li .wpex-timeline-time span.info-h{
	display:none;
}
.wpex.horizontal-timeline.tl-hozsteps .horizontal-nav li.ex_s_lick-current a i, .wpex.horizontal-timeline.tl-hozsteps .horizontal-nav li.prev_item a i{
	background:#97b690;
	border-color:#97b690 !important;
}
.wpex.horizontal-timeline.tl-hozsteps .horizontal-nav li a i::before{
	display:none;
}
.wpex.horizontal-timeline.tl-hozsteps .ex_s_lick-arrow{
	display:none !important;
}
.contentblock-vorteil + .contentblock.textblock.hintergrund-grau{
	margin-top:3.5%;
}
.fancybox-content{
	position:absolute;
	top:0px;
	left:0px;
	width:100% !important;
	margin:0 !important;
	display:block;
	overflow: hidden;
	overflow-y: scroll;
}
.progress{
	position:relative;
	height:auto;
	border-radius:0px;
	background:none;
	margin-bottom:30px;
}
.progress p{
	opacity:0.0;
	position:absolute;
	transition:0.5s all 0.5s;
	bottom:-100%;
	color:#FFF;
	left:0px;
	padding:0px 15px;
	margin-bottom:0;
	transform:translateY(50%);
	z-index:10;
	width:100%;
}
.progress.inView p{
	bottom:50%;
	opacity:1.0;
}
.progress::after{
	display:block;
	content:"";
	width:0%;
	height:48px;
	line-height:48px;
	padding:0;
	transition:0.5s all;
	background:#97b690;
	position:relative;
	z-index:5;
	border-radius:8px;
}
.akkordion .ui-accordion .ui-accordion-header.ui-state-active{
	background:#007d34;
	border-color:#007d34;
	color:#FFF;
}
.page-template-landingpage-2022 .contentblock.akkordion .ui-accordion .ui-accordion-header.ui-state-active{
	color:#000;
	background:#FFF;
}
.akkordion .container{
	position: relative;
	z-index:10;
}
.page-template-landingpage-2022 .contentblock.akkordion{
	padding-top:0;
}
.page-template-landingpage-2022 .contentblock.akkordion::before{
	position: absolute;
	top:0;
	left:0;
	z-index:5;
	display:block;
	content:"";
	background:#F6F6F6;
	height: 160px;
	width:100%;
}
.page-template-landingpage-2022 .front-intro-white-box{
	position: relative;
	background:#FFF;
	padding:30px 50px;
	transform:translateY(-122px);
	z-index:20;
}
.page-template-landingpage-2022 .contentblock.textblock{
	overflow:visible;
}
.page-template-landingpage-2022 .contentblock.textblock .background-graphic{
	z-index:15;
}
.page-template-landingpage-2022 .contentblock.textblock .container{
	z-index:20;
	position:relative;
}
.page-template-landingpage-2022 .contentblock.front_introblock.shrinked-block{
	padding-top:0;
	padding-bottom:0;
}
.page-template-landingpage-2022 .contentblock.front_introblock.shrinked-block + .contentblock.textblock{
	padding-top:0;
}
.page-template-landingpage-2022 .contentblock.akkordion .ui-accordion .ui-accordion-header, .page-template-landingpage-2022 .contentblock.akkordion .ui-accordion .ui-accordion-content{
	border:0 !important;
	color:#000;
}
.contentblock.akkordion .ui-accordion .ui-accordion-content{
	padding-left:0;
}
.page-template-landingpage-2022 .contentblock.akkordion .ui-accordion .ui-accordion-header, .contentblock.akkordion .ui-accordion .ui-accordion-content > *{
	padding-left:96px;
}
.contentblock.akkordion .ui-accordion .ui-accordion-content > ul{
	padding-left:116px;
}
.page-template-landingpage-2022 .contentblock.akkordion .ui-accordion .ui-accordion-content{
	padding-top: 0 !important;
}
.page-template-landingpage-2022 .contentblock.akkordion .ui-accordion .ui-accordion-header::before{
	position:absolute;
	top:50%;
	transform:translateY(-50%) rotate(0deg);
	width:21px;
	height:4px;
	background:#007d34;
	display:block;
	content:"";
	left:48px;
	transition:0.5s transform;
}
.page-template-landingpage-2022 .contentblock.akkordion .ui-accordion .ui-accordion-header::after{
	position:absolute;
	top:50%;
	transform:translateY(-50%) rotate(90deg);
	width:21px;
	height:4px;
	background:#007d34;
	display:block;
	content:"";
	left:48px;
	transition:0.5s transform;
}
.page-template-landingpage-2022 .contentblock.akkordion .ui-accordion .ui-accordion-header.ui-state-active::before{
	transform:translateY(-50%) rotate(180deg);
}
.page-template-landingpage-2022 .contentblock.akkordion .ui-accordion .ui-accordion-header.ui-state-active::after{
	transform:translateY(-50%) rotate(180deg);
}
.page-template-landingpage-2022 .contentblock.akkordion .ui-accordion .ui-accordion-header .ui-icon{
	display:none;
}
.page-template-landingpage-2022 .contentblock.akkordion .ui-widget-content + .ui-accordion-header{
	margin-top:0;
}
.page-template-landingpage-2022 .contentblock.akkordion .ui-accordion .ui-accordion-header.ui-corner-top{
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.page-template-landingpage-2022 .contentblock.akkordion .ui-accordion .ui-accordion-header.ui-corner-all, .page-template-landingpage-2022 .contentblock.akkordion .ui-widget-content{
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.akkordion .ui-state-active:focus{
	outline:0 !important;
}
.akkordion .ui-accordion .ui-accordion-header{
	padding:1.4em 2.2em;
	padding-right:3.9em;
	position: relative;
	transition:0.5s border-radius, 0.5s background, 0.5s color;
	color:#222;
	font-family:'Roboto Slab',serif;
	font-size:18px !important;
	background:#FFF;
}
.akkordion .ui-accordion .ui-accordion-header.ui-corner-all{
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.akkordion .ui-accordion .ui-accordion-header.ui-corner-top{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.akkordion .ui-accordion .ui-accordion-header .ui-icon{
	position:absolute;
	top:50%;
	right:2.2em;
	width:0px;
	height:0px;
	border-left:10px transparent solid;
	border-right:10px transparent solid;
	border-bottom:12px #222 solid;
	transition:0.5s transform, 0.5s border;
}
.contentblock.kontaktaufnahme_block .required-terms{
	margin-bottom:27px;
}
.kontaktaufnahme_block .form-control{
    border-color:#FFF;
}
.contentblock.kontaktaufnahme_block.hintergrund-weiss .form-control, .contentblock.kontaktaufnahme_block.hintergrund-weiss .form-control:hover, .contentblock.kontaktaufnahme_block.hintergrund-weiss .form-control:active, .contentblock.kontaktaufnahme_block.hintergrund-weiss .form-control:focus{
    background:#f6f6f6;
}
.wiki-slide-image{
    position: relative;
    height: 0px;
    padding-bottom:46.25%;
    background-size:cover;
    background-position: center;
}
.contentblock.more-wiki{
    color:#000;
    font-size:20px;
}
.contentblock.more-wiki p strong{
    font-size:24px;
}
.contentblock.kontaktaufnahme_block .form-control, .contentblock.kontaktaufnahme_block .form-control:hover, .contentblock.kontaktaufnahme_block .form-control:active, .contentblock.kontaktaufnahme_block .form-control:focus, .modal-newsletter .form-control, .modal-newsletter .form-control:hover, .modal-newsletter .form-control:focus, .whitepaper .form-control, .whitepaper .form-control:hover, .whitepaper .form-control:focus .whitepaper .form-control:active{
	background:#FFF;
	color:#222;
	font-size:20px;
    padding:20px 36px;
    border-radius:36px;
}
.contentblock.whitepaper:first-child{
  padding-top:160px;
}
.contentblock.whitepaper .form-control{
  color:#222 !important;
  background:#FFF !important;
}
.contentblock.whitepaper .form-control::placeholder{
  color:#222 !important;
}
.contact-form-image{
    width:100%;
    height: 0px;
    padding-bottom:100%;
    border-radius:50%;
    position: relative;
    overflow:hidden;
}
.contentblock .contact-form-image img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
.contentblock.kontaktaufnahme_block .form-control::placeholder, .modal-newsletter .form-control::placeholder{
	color:#222;
}
.contentblock.kontaktaufnahme_block .required-terms input[type=checkbox], .konfigurator-question .required-terms input[type=checkbox]{
	display:none;
}
.contentblock.kontaktaufnahme_block .required-terms input[type=checkbox] + label, .contentblock.kontaktaufnahme_block input[type=checkbox] + .wpcf7-list-item-label, .konfigurator-question input[type=checkbox] + .wpcf7-list-item-label{
	position: relative;
	display:block;
	padding-left:48px;
}
.contentblock.kontaktaufnahme_block .required-terms input[type=checkbox] + label .pseudo-checkbox, .contentblock.kontaktaufnahme_block input[type=checkbox] + .wpcf7-list-item-label .pseudo-checkbox, .konfigurator-question input[type=checkbox] + .wpcf7-list-item-label .pseudo-checkbox{
	position: absolute;
	top:3px;
	left:0;
	width:32px;
	height:32px;
	border-radius:50%;
	border:1px #CCC solid;
	background:#FFF;
}
.konfigurator-question .checkbox-text-wrapper a{
  color:#3BE4AA;
}
.konfigurator-question .required-terms label{
  display:flex;
}
.konfigurator-question .required-terms input[type=checkbox] + label .pseudo-checkbox{
  flex-shrink:0;
  flex-grow:0;
  margin-right:1em;
}
.page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .required-terms input[type=checkbox] + label .pseudo-checkbox, .page-template-landingpage-2024 .contentblock.kontaktaufnahme_block input[type=checkbox] + .wpcf7-list-item-label .pseudo-checkbox, .konfigurator-question .required-terms input[type=checkbox] + label .pseudo-checkbox{
  width:1.1em;
  height:1.1em;
  top:0.1em;
  background:transparent;
  border:2px #FFF solid;
  position:relative;
}
.page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .required-terms input[type=checkbox] + label .pseudo-checkbox, .page-template-landingpage-2024 .contentblock.kontaktaufnahme_block input[type=checkbox] + .wpcf7-list-item-label .pseudo-checkbox{
  position:absolute;
}
.page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .required-terms input[type=checkbox] + label, .page-template-landingpage-2024 .contentblock.kontaktaufnahme_block input[type=checkbox]+.wpcf7-list-item-label, .konfigurator-question input[type=checkbox]+.wpcf7-list-item-label{
  padding-left:2em;
}
.page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .required-terms input[type=checkbox] + label a, .page-template-landingpage-2024 .contentblock.kontaktaufnahme_block input[type=checkbox]+.wpcf7-list-item-label a, .konfigurator-question input[type=checkbox]+.wpcf7-list-item-label a{
  color:#FFF !important;
  text-decoration:underline;
}
.page-template-landingpage-2024 .contentblock.kontaktaufnahme_block .required-terms input[type=checkbox] + label .pseudo-checkbox svg path, .konfigurator-question input[type=checkbox] + label .pseudo-checkbox svg path{
  fill:#FFF;
}
.contentblock.kontaktaufnahme_block input[type=checkbox] + .wpcf7-list-item-label .pseudo-checkbox svg path{
  fill:#007d34;
}
.contentblock.kontaktaufnahme_block .required-terms input[type=checkbox] + label .pseudo-checkbox svg, .contentblock.kontaktaufnahme_block input[type=checkbox] + .wpcf7-list-item-label .pseudo-checkbox svg, .konfigurator-question .required-terms input[type=checkbox] + label .pseudo-checkbox svg{
	position: absolute;
	width:50%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(0);
	transition:0.5s transform;
}
.contentblock.kontaktaufnahme_block .required-terms input[type=checkbox]:checked + label .pseudo-checkbox svg, .contentblock.kontaktaufnahme_block input[type=checkbox]:checked + .wpcf7-list-item-label .pseudo-checkbox svg, .konfigurator-question .required-terms input[type=checkbox]:checked + label .pseudo-checkbox svg{
	transform:translate(-50%,-50%) scale(1);
}
.contentblock.kontaktaufnahme_block input[type=checkbox]{
	display:none;
}
.contentblock.kontaktaufnahme_block .qbutton{
	background:none;
	color:#007d34 !important;
	border:0;
	padding-left:0;
	padding-right:0;
}
.contentblock.kontaktaufnahme_block .wpcf7-list-item{
	margin-left:0;
}

.akkordion .ui-accordion .ui-accordion-header.ui-state-active .ui-icon{
	transform:rotate(180deg);
	border-bottom-color:#FFFF;
}
.akkordion .ui-widget-content{
	background:#FFF;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	font-family:'Roboto Slab',serif;
	font-size:16px !important;
}
.akkordion .ui-widget-content a{
	color:#007d34;
}

.akkordion .ui-widget-content + .ui-accordion-header{
	margin-top:30px;
}
.progress.progress-5.inView::after{
	width:5%;
}
.progress.progress-10.inView::after{
	width:10%;
}
.progress.progress-15.inView::after{
	width:15%;
}
.progress.progress-20.inView::after{
	width:20%;
}
.progress.progress-25.inView::after{
	width:25%;
}
.progress.progress-30.inView::after{
	width:30%;
}
.progress.progress-35.inView::after{
	width:35%;
}
.progress.progress-40.inView::after{
	width:40%;
}
.progress.progress-45.inView::after{
	width:45%;
}
.progress.progress-50.inView::after{
	width:50%;
}
.progress.progress-55.inView::after{
	width:55%;
}
.progress.progress-60.inView::after{
	width:60%;
}
.progress.progress-65.inView::after{
	width:65%;
}
.progress.progress-70.inView::after{
	width:70%;
}
.progress.progress-75.inView::after{
	width:75%;
}
.progress.progress-80.inView::after{
	width:80%;
}
.progress.progress-85.inView::after{
	width:85%;
}
.progress.progress-90.inView::after{
	width:90%;
}
.progress.progress-95.inView::after{
	width:95%;
}
.progress.progress-100.inView::after{
	width:100%;
}
.animated.featured-image{
	opacity:0.0;
}
.animated.featured-image.inView{
	opacity:1.0;
}
.google-maps{
	position:relative;
	overflow:hidden;
	height:400px !important;
	width: 100%;
}
.google-maps iframe{
	position:absolute;
	top:0px;
	left:0px;
	width:100% !important;
	height:100% !important;
}
.parallax_block h2{
	color:#FFF;
}
.parallax_block p{
	color:#FFF;
	text-shadow: 0px 0px 10px #000;
}
.content_block p:last-child{
	margin-bottom:0;
}
.form-control, .form-control:hover, .form-control:active, .form-control:focus{
	border-color: #e1e1e1;
	background-color: #d8e6d4;
	color:#FFF;
	margin-bottom:30px;
}
.form-control, .form-control:hover, .form-control:active, .form-control:focus{
	background-color: #b6ccaf;
	margin-bottom:30px;
}
.form-control::placeholder{
	color:#FFF;
}
#footer{
	background:#659d67;
	color:#FFF;
	padding:30px 0px;
}
.widget-area{
	margin-left:-15px;
	margin-right:-15px;
}
.widget-area::after{
	display:block;
	clear:both;
	content:"";
}
.widget-area .widget{
	float:left;
	width:25%;
	padding-left:15px;
	padding-right:15px;
}
#lower-footer{
	background-color: #97b690;
	color: #ffffff;
}

/* BEGINN FRONT */
.contentblock.contentblock-newsslider .owl-carousel .owl-stage-outer{
	overflow: visible;
}
.contentblock.contentblock-newsslider .owl-carousel .owl-item{
	position: relative;
}
.contentblock.contentblock-newsslider .owl-carousel .owl-item .blog-post{
	position: relative;
	min-height: 100%;
}
.contentblock.contentblock-newsslider .owl-carousel .owl-stage{
	display:flex;
}
.contentblock.contentblock-newsslider-front .owl-carousel .owl-stage{
	align-items: flex-start;
}
.slider_block .owl-carousel .owl-dots{
	display:none;
}
.heroarea_fullsize,.kontaktarea_fullsize{
    color:#FFF;
    height:100vh;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align:center;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    position:relative;
    font-size:24px;
}
.kontaktarea_fullsize{
    overflow: visible;
}
.heroarea_fullsize.heroarea_slim{
	height: auto;
	padding-top:16%;
	padding-bottom:16%;
	min-height: 480px;
}
.heroarea_fullsize h1,.kontaktarea_fullsize h2{
    color:#FFF;
    font-weight:bold;
    font-size:40px;
}
.page-template-landingpage-2022 .heroarea_fullsize, .page-template-sea-landingpage-2022 .heroarea_fullsize{
    height: auto;
    padding-top:210px;
    padding-bottom:247px;
}
.page-template-sea-landingpage-2022 .contentblock.slim-pageheader{
    padding-top:100px;
    padding-bottom:187px;
}
.page-template-landingpage-2022 .heroarea_fullsize h1, .page-template-sea-landingpage-2022 .heroarea_fullsize h1{
    font-size:64px;
    font-weight: 700;
}
.page-template-landingpage-2022 .heroarea_fullsize h1 strong, .page-template-sea-landingpage-2022 .heroarea_fullsize h1 strong{
    color:#007d34;
}
.page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .text, .page-template-sea-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .text{
    padding-top:24px;
}
.page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider h2, .page-template-landingpage-2022 .contentblock.contentblock-projectslider h2, .page-template-landingpage-2022 .contentblock.contentblock-newsslider-front h2, .page-template-sea-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider h2, .page-template-sea-landingpage-2022 .contentblock.contentblock-projectslider h2, .page-template-sea-landingpage-2022 .contentblock.contentblock-newsslider-front h2{
    font-size:48px;
    font-weight:700;
    color:#000;
    line-height: 1.1;
}
.page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .owl-carousel .owl-dots, .page-template-sea-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .owl-carousel .owl-dots, .contentblock.contentblock-newsslider-front .owl-carousel .owl-dots, .leistungs-slider .owl-carousel .owl-dots{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    margin-top:20px;
}
.leistungs-slider .owl-carousel .owl-dots{
    justify-content: flex-start;
}
.page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .owl-carousel .owl-dots .owl-dot, .page-template-sea-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .owl-carousel .owl-dots .owl-dot, .contentblock.contentblock-newsslider-front .owl-carousel .owl-dots .owl-dot, .contentblock.contentblock-front-prozess .owl-carousel .owl-dots .owl-dot, .leistungs-slider .owl-carousel .owl-dots .owl-dot{
    width:24px;
    height: 24px;
    border:2px #007d34 solid;
    border-radius:9999px;
    background:none;
    margin-left:6px;
    margin-right:6px;
    position: relative;
}
.leistungs-slider .owl-carousel .owl-dots .owl-dot{
    margin-left:0;
    margin-right:12px;
}
.page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .owl-carousel .owl-dots .owl-dot::before, .page-template-sea-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .owl-carousel .owl-dots .owl-dot::before, .contentblock.contentblock-newsslider-front .owl-carousel .owl-dots .owl-dot::before, .contentblock.contentblock-front-prozess .owl-carousel .owl-dots .owl-dot::before, .leistungs-slider .owl-carousel .owl-dots .owl-dot::before{
    position:absolute;
    width:12px;
    height: 12px;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(0);
    border-radius:9999px;
    background:#007d34;
    transition:0.5s transform;
    display:block;
    content:"";
}
.contentblock.front_highlightblock{
    margin-top: 100px;
    margin-bottom: 100px;
    background:url(img/highlight-bg.svg) top right no-repeat;
    background-size:contain;
}
.contentblock.front_highlightblock .white-box, .contentblock.text_auf_bild .white-box.animated{
    background:#FFF;
    box-shadow:0px 10px 40px 20px rgba(0,0,0,0.11);
    padding:50px 65px;
}
.contentblock.front_highlightblock .highlight-image{
    position: absolute;
    top:0;
    left:0;
    width:50%;
    height: 100%;
}
.contentblock.front_highlightblock .highlight-image img{
    position: relative;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
.contentblock.front_highlightblock + .kontaktarea .kontaktarea-inner::before, .zertifikatsblock + .kontaktarea .kontaktarea-inner::before, .zeitstrahl + .kontaktarea .kontaktarea-inner::before, .page-template-landingpage-2022 .akkordion + .kontaktarea .kontaktarea-inner::before{
    display:none;
}
.contentblock.zeitstrahl .container{
	position: relative;
	z-index:5;
}
.contentblock.zeitstrahl .wpex .wptl-excerpt{
	border-top:0;
}
.contentblock.zeitstrahl .wpex.horizontal-timeline .wpex-timeline-label h2, .contentblock.zeitstrahl .wpex.horizontal-timeline .wpex-timeline-label h2 a{
	font-weight:700;
	margin-bottom:0;
	font-size:48px;
}
.page-template-landingpage-2022 .contentblock.factsblock h2, .page-template-landingpage-2022 .contentblock.zeitstrahl h2, .page-template-landingpage-2022 .contentblock.featured_block h2{
	font-size:48px;
}
.page-template-landingpage-2022 .contentblock h2 strong{
	color:#007d34;
}
.contentblock.zeitstrahl .wpex.horizontal-timeline.tl-hozsteps .timeline-pos-select{
	border-color:#007d34;
}
.contentblock.zeitstrahl .wpex.horizontal-timeline .wpex-timeline-label{
	margin-left:-15px;
	margin-right:-15px;
	text-align:left;
}
.contentblock.zeitstrahl .wpex.horizontal-timeline.tl-hozsteps .timeline-hr{
	border-color:#b4c4a4;
}
.contentblock.zeitstrahl .wpex.horizontal-timeline .wpex-timeline-label .timeline-details{
	width:100%;
	padding-left:15px;
	padding-right:15px;
	margin:0 auto;
}
.contentblock.zeitstrahl .wpex.horizontal-timeline.tl-hozsteps .horizontal-nav li.ex_s_lick-current a i, .contentblock.zeitstrahl .wpex.horizontal-timeline.tl-hozsteps .horizontal-nav li.prev_item a i{
	background:#007d34;
	border-color:#007d34 !important;
}
.contentblock.text_auf_bild{
	padding-top: 0 !important;
}
.contentblock.text_auf_bild .image-area{
	position:relative;
	height: 0;
	padding-bottom:46.25%;
}
.contentblock.text_auf_bild .image-area img{
	position:absolute;
	top:0;
	left:0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}
.contentblock.technologieblock + .kontaktarea{
	margin-top:50px;
}
.contentblock.technologieblock + .kontaktarea .kontaktarea-inner{
	background:none !important;
}
.contentblock.front_highlightblock + .kontaktarea .kontakt-highlight, .page-template-landingpage-2022 .contentblock.akkordion.hintergrund-weiss + .kontaktarea .kontakt-highlight{
    background:#F6F6F6;
    box-shadow: none !important;
}
.page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .owl-carousel .owl-dots .owl-dot.active::before, .page-template-sea-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .owl-carousel .owl-dots .owl-dot.active::before, .contentblock.contentblock-newsslider-front .owl-carousel .owl-dots .owl-dot.active::before, .contentblock.contentblock-front-prozess .owl-carousel .owl-dots .owl-dot.active::before, .leistungs-slider .owl-carousel .owl-dots .owl-dot.active::before{
    transform:translate(-50%,-50%) scale(1);
}
.page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider h2 strong, .page-template-landingpage-2022 .contentblock.contentblock-projectslider h2 strong, .page-template-landingpage-2022 .contentblock.contentblock-newsslider-front h2 strong, .page-template-sea-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider h2 strong, .page-template-sea-landingpage-2022 .contentblock.contentblock-projectslider h2 strong, .page-template-sea-landingpage-2022 .contentblock.contentblock-newsslider-front h2 strong{
    font-weight:700;
    color:#007d34;
}
.page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider h3, .page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .hashtag, .page-template-sea-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider h3, .page-template-sea-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .hashtag{
    font-size:32px;
    color:#000;
}
.page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider h3, .page-template-sea-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider h3{
    font-weight:700;
}
.btn.btn-prime, .btn.btn-outline-prime, .btn.btn-outline-white{
    padding:5px 30px;
    border-radius:9999px;
}
.btn.btn-outline-prime{
    border:2px #007d34 solid;
}
.btn.btn-outline-white{
    border:2px #FFF solid;
    color:#FFF;
    background:none !important;
}
.btn.btn-prime{
    background:#007d34;
    color:#FFF;
}
.heroarea_fullsize .btn + .btn{
    margin-left:30px;
}
.heroarea_fullsize::after,.kontaktarea_fullsize::after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#1c1c1c;
    opacity:0.5;
    display:block;
    content:"";
    z-index:10;
}
.heroarea_fullsize .container,.kontaktarea_fullsize .container{
    position:relative;
    z-index:30;
}
.contentblock{
    position:relative;
    padding:100px 0px;
    font-size:20px;
    overflow:hidden;
}
.contentblock.zeitstrahl .wpex .wptl-excerpt{
	font-size:20px;
}
.contentblock.slim-pageheader{
    position: relative;
    overflow: visible;
    z-index:15;
    padding-top: 160px;
}
.contentblock.teamstimmenheader{
	padding-top: 160px;
	padding-bottom:0;
}
.contentblock.teamstimmenheader .white-box{
	padding-top:100px;
	padding-bottom:50px;
	background:#FFF;
}
.contentblock.teamstimmenheader .slider-area{
	position: relative;
	z-index:10;
}

.contentblock.slim-pageheader.overlapping{
	padding-bottom:160px;
}
.contentblock.slim-pageheader.overflow-hidden{
	overflow:hidden;
}
.contentblock.slim-pageheader .container, .contentblock.kontaktformular-2022 .container, .contentblock.kontaktdaten-2022 .container{
    position: relative;
    z-index:25;
}
.contentblock.slim-pageheader.align-elements-right .row{
    flex-direction: row-reverse;
}
.contentblock.slim-pageheader .background-image, .contentblock.kontaktformular-2022 .background-image{
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    width:100%;
    pointer-events: none;
    z-index:20;
}
.contentblock.slim-pageheader .background-image img{
	width:100% !important;
}
.page-template-sea-landingpage-2022 .contentblock.slim-pageheader .background-image{
	top:0;
	transform:none;
	height: 100%;
	z-index:6;
}
.page-template-sea-landingpage-2022 .contentblock.slim-pageheader .background-image img{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}
.contentblock.kontaktformular-2022 .background-image{
	top:0;
	transform: none;
}
.contentblock.kontaktformular-2022 .background-image.left{
	width:40%;
	height: 60%;
	top:50%;
	transform:translateY(-50%);
}
.contentblock.slim-pageheader .background-image.text-right{
	top:0;
	transform:none !important;
	height: 100%;
}
.contentblock.slim-pageheader .background-image.text-right img{
	height: 100% !important;
	object-fit: contain;
	object-position: top right;
}
.contentblock.kontaktdaten-2022{
	padding:8.5% 0px;
}
.contentblock.kontaktformular-2022 h1{
	font-weight:700 !important;
	color:#007d34;
}
.contentblock.kontaktdaten-2022 h2{
	font-weight:700 !important;
	color:#000;
}
.contentblock.kontaktdaten-2022 .background-image{
	position: absolute;
    bottom:0%;
    left:0;
    width:50%;
	height: 100%;
    pointer-events: none;
    z-index:20;
}
.contentblock.kontaktdaten-2022 .background-image img, .contentblock.kontaktformular-2022 .background-image.left img{
	position: relative;
	width:100% !important;
	height:100% !important;
	object-fit: contain;
	object-position: bottom left;
}
.contentblock.kontaktformular-2022 .background-image.left img{
	object-position: center left;
}
.contentblock.kontaktformular-2022 .form-control, .modal-newsletter .form-control{
	box-shadow:0px 2px 4px rgba(0,0,0,0.11);
}
.contentblock.kontaktdaten-2022 .background-image.right{
	left:auto;
	right:0;
	top:10%;
	height: 80%;
}
.contentblock.kontaktdaten-2022 .background-image.right img{
	object-position: bottom right;
}
.contentblock.slim-pageheader .row{
    align-items:center;
}
.contentblock .row.align-center{
    align-items: center;
}
.contentblock.galerieblock::before{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 142px;
    background:#F6F6F6;
    display:block;
    content:"";
}
.contentblock .galerie-image-box, .contentblock .square-image-box{
    position: relative;
    height: 0px;
    padding-bottom: 100%;
}
.contentblock .galerie-image-box img, .contentblock .square-image-box img{
    position: absolute;
    top:0;
    left:0;
    width:100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
.contentblock.galerieblock.hintergrund-grau::before{
    background:#FFF;
}
.contentblock h2, .contentblock h3, .contentblock.kontaktaufnahme_block h1{
    font-size:38px;
    font-weight:400;
    margin-top:0;
    margin-bottom:24px;
}
.contentblock img{
    max-width:100%;
    height:auto !important;
}
.contentblock.contentblock-offer img{
	max-height: 152px;
}
.contentblock.contentblock-about .row{
    align-items:center;
	margin-left:-25px;
	margin-right:-25px;
}
.contentblock.contentblock-about .row > div{
	padding-left:25px;
	padding-right:25px;
}
.contentblock.contentblock-leistungsubersicht{
    text-align:center;
    overflow:hidden;
    color:#1c1c1c;
}
.contentblock.contentblock-leistungsubersicht p{
    width:945px;
    max-width:100%;
    margin:0 auto;
}
.contentblock.contentblock-leistungsubersicht .background{
    position:absolute;
    top:-5%;
    left:-5%;
    width:110%;
    height:110%;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: blur(8px);
    -webkit-filter: grayscale(100%) blur(8px);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -moz-filter: grayscale(100%) blur(8px);
    -ms-filter: grayscale(100%) blur(8px);
    -o-filter: grayscale(100%) blur(8px);
    filter: grayscale(100%) blur(8px);
    z-index:5;
}
.contentblock.contentblock-leistungsubersicht .background::after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#FFF;
    opacity:0.75;
    display:block;
    content:"";
}
.scroll-bottom{
    display:none;
}
.contentblock.contentblock-leistungsubersicht .container{
    position:relative;
    z-index:30;
}
.contentblock.contentblock-leistungsubersicht a{
    color:#1c1c1c;
    transition:0.5s all;
    font-weight:400;
    text-decoration: none;
    margin-top:30px;
    margin-bottom:30px;
    cursor:pointer;
    display:block;
}
.contentblock.contentblock-leistungsubersicht a:hover, .contentblock.contentblock-leistungsubersicht a:focus, .contentblock.contentblock-leistungsubersicht a:active{
    color:#007d34;

    cursor:pointer;
}
.contentblock.contentblock-leistungsubersicht .bubble{
    position:relative;
    width:142px;
    overflow:hidden;
    display:block;
    margin:0 auto;
}
.contentblock.contentblock-leistungsubersicht .bubble > svg{
    width:100%;
    fill: url('#my-cool-gradient') #007d34;
    display:block;
}
.contentblock.contentblock-leistungsubersicht .bubble .bubble-icon{
    position: absolute;
    width:60%;
    height:50%;
    top:50%;
    left:50%;
}
.contentblock.contentblock-leistungsubersicht .bubble .bubble-icon svg{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:30;
	object-fit: contain;
	object-position: center;
}
.contentblock.contentblock-leistungsubersicht .animated .bubble .bubble-icon{
    transform: translate(-50%,-50%) rotate(360deg) scale(0.1);
    opacity:0;
    transition:1s 0.5s all;
}
.contentblock.contentblock-leistungsubersicht .animated.inView .bubble .bubble-icon{
    transform: translate(-50%,-50%) rotate(0deg) scale(1);
    opacity:1;
}
.contentblock.contentblock-leistungsubersicht .bubble .bubble-icon svg path, .contentblock.contentblock-leistungsubersicht .bubble .bubble-icon svg polygon{
    transition:0.5s fill;
}
.contentblock.contentblock-leistungsubersicht a:hover .bubble .bubble-icon svg path, .contentblock.contentblock-leistungsubersicht a:hover .bubble .bubble-icon svg polygon{
    fill:#FFF !important;
}
.contentblock.contentblock-leistungsubersicht .bubble > svg > path{
}
.contentblock.contentblock-leistungsubersicht .bubble > svg > circle{
    opacity:0;
    transition:0.5s opacity;
}
.contentblock.contentblock-leistungsubersicht a:hover .bubble > svg > circle{
    opacity:1;
}

.inner-fazit-block{
    padding:40px;
    border-radius:18px;
    background:#007d34;
    color:#FFF;
    font-size:24px;
    text-align:center;
    font-weight:400;
    margin-right:15px;
    box-shadow:15px 15px 0px #b4c4a4;
}
.fazit-author{
    text-align:right;
    padding-top:40px;
    padding-bottom:20px;
    padding-right:268px;
    position: relative;
    font-weight:400;
    color:#000;
}
.text-color-primary{
    color:#007d34;
}
p.feature-zitat{
    font-size:40px !important;
    font-weight:300 !important;
    color:#007d34 !important;
    text-align:center;
    padding:0px 50px;
    width:828px;
    max-width:100%;
    margin:0 auto;
}
.kundenstimmen .feature-zitat{
    width:100%;
    font-size:24px !important;
    margin-bottom: 40px;
}
.bestcase-heroarea, .wiki-heroarea{
    font-size:28px !important;
}
.bestcase-heroarea h1,.bestcase-heroarea p.hero-headline, .wiki-heroarea h1, .karriere-heroarea h1,.karriere-heroarea h2,.karriere-heroarea p.hero-headline, .contentblock.slim-pageheader h1{
    font-size:54px !important;
}
.page-template-landingpage-2022 .contentblock.slim-pageheader.overlapping h1{
	font-size:76px !important;
}
.page-template-landingpage-2022 .contentblock.slim-pageheader.overlapping .row{
	align-items: flex-start;
}
p.hero-headline{
    font-size:300;
    margin-bottom: 0 !important;
    line-height: 1 !important;
}
.bestcase-heroarea h1,.karriere-heroarea h1,.karriere-heroarea h2, .wiki-heroarea h1, .contentblock.slim-pageheader h1{
    font-weight:700 !important;
    line-height: 1 !important;
    margin-top:0 !important;
    margin-bottom:20px !important;
}
.wiki-heroarea p.hero-headline{
    color:#007d34;
}
.karriere-heroarea h1,.karriere-heroarea h2{
    margin-bottom:0 !important;
}
.bestcase-heroarea h1 strong,.karriere-heroarea h2, .slim-pageheader h1 strong{
    color:#007d34;
    font-weight:700 !important;
}
.slim-pageheader .container p{
    font-weight:700;
    color:#000;
}
.fazit-author .fazit-img-bubble{
    width:168px;
    height: 168px;
    border-radius:99999px;
    overflow:hidden;
    position: absolute;
    top:50%;
    right:60px;
    transform:translateY(-50%);
}
.fazit-author .fazit-img-bubble img{
    width:100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: top center;
}
.contentblock.contentblock-logoslider{
    text-align:center;
}
.contentblock.contentblock-logoslider h2{
    margin-bottom: 0;
}
.contentblock.contentblock-logoslider .owl-carousel{
    padding:50px 0px;
}
.contentblock.contentblock-logoslider .slogan{
    font-size:28px;
    color:#8bb189;
    font-weight:bold;
}
.contentblock.contentblock-logo-grid{
	position: relative;
	text-align:center;
}
.contentblock.contentblock-logo-grid .logo-grid{
	positon:relative;
	display:flex;
	flex-wrap:wrap;
	margin-left:-20px;
	margin-right:-20px;
}
.contentblock.contentblock-logo-grid .logo-grid .logo-grid-item{
	flex-basis:20%;
	width:20%;
	padding: 20px;
	transition-delay: calc(250ms * var(--char-index)) !important;
}
.contentblock.contentblock-logo-grid .logo-grid .logo-grid-item .logo-container{
	display:block;
	height:0px;
	width:100%;
	padding-bottom:100%;
	position: relative;
}
.contentblock.contentblock-logo-grid .logo-grid .logo-grid-item .logo-container img{
	position: absolute;
	top:10%;
	left:10%;
	width:80% !important;
	height:80% !important;
	object-fit: contain;
	object-position: center;
}
.contentblock.contentblock-logo-grid::before{
	position: absolute;
	width:100%;
	height: 100%;
	top:0;
	left:0;
	display:block;
	content:"";
	background:#FFF;
	opacity:0.75;
	z-index:6;
}
.contentblock.contentblock-logo-grid .image-container{
	position: absolute;
	width:100%;
	height: 100%;
	top:0;
	left:0;
	display:block;
	content:"";
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	z-index:5;
}
.contentblock.contentblock-logo-grid .container{
	position: relative;
	z-index:10;
}
.contentblock.hintergrund-weiss + .contentblock.contentblock-vorteilsgrid.hintergrund-weiss, .contentblock.hintergrund-weiss + .contentblock.icon_block.hintergrund-weiss, .contentblock.hintergrund-weiss + .contentblock.kundenstimmen.hintergrund-weiss{
    padding-top:0;
}
.contentblock.contentblock-vorteilsgrid .row > div{
    position: relative;
}
.vorteil-box{
    background:#F6F6F6;
    padding:20px 25px;
    position: relative;
    min-height: 100%;
    text-align:center;
    overflow:hidden;
    color:#000;
}
.vorteil-box .vorteil-icon{
    position: relative;
    height: 136px;
}
.vorteil-box .vorteil-text{
    margin-top:15px;
    text-align:center;
}
.vorteil-box .vorteil-icon img{
    position: absolute;
    top:0;
    left:0;
    width:100% !important;
    height: 100% !important;
    object-fit: contain;
}
.single-vorteil{
    position:relative;
    padding:100px 0px;
    margin-top:100px;
}
.single-vorteil + .single-vorteil{
    margin-top:150px;
}
.single-vorteil.animated{
    opacity:1;
}
.single-vorteil.animated .vorteil-image{
    position:absolute;
    width:calc(50% - 50px);
    height:100%;
    left:50px;
    top:-25px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow:0px 0px 30px 15px rgba(0,0,0,0.07);
    transition: 1s all;
    transform:scale(0);
	overflow: hidden;
    opacity:0;
}
.single-vorteil.animated.inView .vorteil-image{
    transform:scale(1);
    opacity:1;
}
.single-vorteil.animated .vorteil-image::before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#007d34;
	transform:translateY(0%);
	transition:1s 1s transform;
	display:block;
	content:"";
	z-index:5;
}
.single-vorteil.animated.inView .vorteil-image::before{
	transform:translateY(-100%);
}
.single-vorteil.animated .vorteil-image::after{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#1c1c1c;
	transform:translateY(0%);
	transition:1.1s 1.1s transform;
	display:block;
	content:"";
	z-index:4;
}
.single-vorteil.animated.inView .vorteil-image::after{
	transform:translateY(-100%);
}
.single-vorteil.single-vorteil-right .vorteil-image{
    left:auto;
    right:50px;
}
.single-vorteil.animated::before, .contentblock.featured_block.animated::before{
    position:absolute;
    width:calc(50% - 50px);
    height:100%;
    left:25px;
    top:0px;
    display:block;
    content:"";
    background:#c0daba;
    transition: 1s 0.5s all;
    transform:scale(0);
    opacity:0;
}
.contentblock.featured_block + .contentblock.hintergrund-grau{
    margin-top:150px;
}
.contentblock.featured_block.left.animated::before{
	left:auto;
	right:25px;
}
.single-vorteil.animated.inView::before, .contentblock.featured_block.animated.inView::before{
    transform:scale(1);
    opacity:1;
    left:0px;
    top:25px;
}
.page-template-landingpage-2022 .contentblock.featured_block.animated::before{
    display:none !important;
}
.page-template-landingpage-2022 .contentblock.featured_block .featured-image{
    width:50%;
    right:0;
}
.page-template-landingpage-2022 .contentblock.featured_block.right .featured-image{
    left:0;
}
.wiki-template-single-wiki-neu .kontaktarea{
    padding-bottom:0;
}
.wiki-template-single-wiki-neu .kontaktarea .kontaktarea-inner{
    background:#F6F6F6;
}
.wiki-template-single-wiki-neu .kontaktarea .kontaktarea-inner::before{
    background:#FFF;
}

.wiki-template-single-wiki-neu .hintergrund-grau + .kontaktarea .kontaktarea-inner, .page-template-landingpage-2022 .contentblock.akkordion.hintergrund-weiss + .kontaktarea .kontaktarea-inner{
    background:#FFF;
}
.wiki-template-single-wiki-neu .hintergrund-grau + .kontaktarea .kontaktarea-inner::before{
    background:#F6F6F6;
}
.wiki-template-single-wiki-neu .contentblock.hintergrund-weiss + .contentblock.hintergrund-weiss{
    padding-top:0;
}
.contentblock.featured_block.left.animated.inView::before{
	left:auto;
	right:0px;
    top:25px;
}
.single-vorteil.single-vorteil-right.animated::before{
    left:auto;
    right:25px;
}
.single-vorteil.single-vorteil-right.inView::before{
    left:auto;
    right:0px;
    top:25px;
}
.single-vorteil .vorteil-text{
    width:50%;
    margin-left:auto;
    margin-right:0;
    padding-right:40px;
    padding-left:90px;
}
.single-vorteil .vorteil-text ul{
	padding-left:22px;
}
.single-vorteil.single-vorteil-right .vorteil-text{
    margin-right:auto;
    margin-left:0;
    padding-left:40px;
    padding-right:90px;
}
.contentblock.contentblock-vorteil .container > h2{
    color:#007d34;
}
.contentblock.contentblock-fallbeispiele{
    padding:0;
    margin-top:75px;
}
.contentblock-prozess + .contentblock.contentblock-fallbeispiele, .contentblock.textblock + .contentblock.contentblock-fallbeispiele{
	margin-top:0 !important;
}
.container.container_fullsize{
    max-width: none;
    width:100%;
}
.container.container_fullwidth{
    max-width: none !important;
    width:100% !important;
}
.page-template-landingpage-2022 .container.container_fullsize, .page-template-sea-landingpage-2022 .container.container_fullsize{
    padding-left:50px;
    padding-right:50px;
    width:1420px !important;
    max-width:100% !important;
}
.contentblock.contentblock-fallbeispiele .slide-message{
    max-width:560px;
    width:100%;
    position:absolute;
    bottom:-25px;
    left:0px;
}
.contentblock.contentblock-fallbeispiele .owl-carousel .owl-nav .owl-prev{
    display:none;
}
.contentblock.contentblock-fallbeispiele .owl-carousel .owl-nav .owl-next{
    border:0;
    right:0 !important;
    border-radius:0 !important;
}
.contentblock.contentblock-fallbeispiele .slide-message .text{
    background:#007d34;
    color:#FFF;
    padding:35px 50px;
	display:block;
}
.logo-carousel{
  pointer-events:none;
}
.contentblock.contentblock-fallbeispiele .slide-message .text .hashtag{
    color:#b8d1bf;
}
.contentblock.contentblock-fallbeispiele .owl-item{
    padding-bottom:25px;
}
.contentblock.contentblock-fallbeispiele .owl-item .item{
    position:relative;
    display:block;
	height:0px;
	padding-bottom:46.25%;
	min-height: 420px;
}

	.contentblock.zeitstrahl .wpex ul{
		padding-left:0;
	}
.contentblock.contentblock-fallbeispiele .owl-item .item img{
	position: absolute;
	top:0;
	left:0;
	width:100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}
.contentblock.contentblock-fallbeispiele .slide-message .text strong{
    display:block;
}
.contentblock.contentblock-fallbeispiele .slide-message .kurzbeschreibung{
    background:#c0daba;
    color:#4d564b;
    padding:35px 50px;
	display:block;
}
.contentblock.text_block_zweigeteilt ul, .contentblock.contentblock-vorteilsgrid ul, .contentblock.textblock ul, .contentblock.featured_block ul, body.page-template-karriere .contentblock ul, .page-template-sea-landingpage-2022 .contentblock.contentblock-vorteilsgrid ul, .page-template-sea-landingpage-2022 .contentblock.front_featureblock ul{
    list-style:none;
    padding-left:0;
}
.contentblock.text_block_zweigeteilt ul > li, .contentblock.contentblock-vorteilsgrid ul > li, .contentblock.textblock ul > li, .contentblock.featured_block ul > li, body.page-template-karriere .contentblock ul > li, .page-template-sea-landingpage-2022 .contentblock.contentblock-vorteilsgrid ul > li, .page-template-sea-landingpage-2022 .contentblock.front_featureblock ul > li{
    position: relative;
    padding-left:20px;
    color:#007d34;
    font-weight:700;
}
.contentblock.text_block_zweigeteilt ul > li{
	color:#000;
    font-weight:300;
}
.contentblock.text_block_zweigeteilt ul > li b, .contentblock.text_block_zweigeteilt ul > li strong{
	font-weight:700;
}
.contentblock.front_featureblock .container{
	position:relative;
	z-index:5;
}
body.page-template-karriere .contentblock ul > li{
    color:#000;
    font-weight:300;
}
.page-template-sea-landingpage-2022 .contentblock.contentblock-vorteilsgrid ul > li, .page-template-sea-landingpage-2022 .contentblock.front_featureblock ul > li{
	font-weight:300;
	color:#000;
}
.contentblock.more-action a{
    display:flex;
    color:#000;
    align-items: center;
    justify-content: center;
}
.contentblock.more-action a svg{
    margin-right:16px;
}
.contentblock.text_block_zweigeteilt ul > li + li{
    margin-top:1rem;
}
.contentblock.text_block_zweigeteilt ul > li::before, .contentblock.contentblock-vorteilsgrid ul > li::before, .contentblock.textblock ul > li::before, .contentblock.featured_block ul > li::before, body.page-template-karriere .contentblock ul > li::before, .page-template-sea-landingpage-2022 .contentblock.contentblock-vorteilsgrid ul > li::before, .page-template-sea-landingpage-2022 .contentblock.front_featureblock ul > li::before{
    position: absolute;
    top:0;
    left:0;
    content:"»";
    display:block;
    color:#007d34;
}

.transformed-image{
    will-change:transform;
}
.transformed-image img{
    box-shadow:0px 0px 30px 15px rgba(0,0,0,0.07);
	border-radius:15px;
}
#page-wrapper .btn.btn-white{
    background:#FFF;
    border-radius:0;
    color:#1c1c1c !important;
    border:0;
}
#page-wrapper .btn.btn-primary{
    background:#007d34;
    border-radius:0;
    color:#FFF !important;
    border:0;
}
.text-primary{
    color:#007d34 !important;
}
.text-black{
    color:#000 !important;
}
.infografik img{
    position:relative;
    width:100% !important;
    height: auto !important;
}
#page-wrapper .btn.btn-primary, #page-wrapper .btn.btn-white{
    padding:20px 30px;
    border-radius:10px;
}
#page-wrapper .btn.btn-primary:hover, #page-wrapper .btn.btn-white:hover{
    background:#000;
    color:#FFF !important;
}
.contentblock.ergebnisslider{
    position: relative;
}
.contentblock.ergebnisslider .container{
    position: relative;
    z-index:20;
}
.contentblock.ergebnisslider::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45.5%;
    background:#F6F6F6;
    display:block;
    content:"";
    z-index:10;
}
.contentblock.ergebnisslider + .contentblock.ergebnis_block{
    padding-top:0;
}
.contentblock.ergebnisslider .owl-carousel .owl-dots, .contentblock.more-wiki .owl-carousel .owl-dots, .contentblock.kundenstimmen .owl-carousel .owl-dots, .contentblock.contentblock-front-prozess .owl-carousel .owl-dots{
    display:flex;
    justify-content: center;
}
.owl-carousel .owl-stage{
	display:flex;
	align-items: center;
}
.contentblock.contentblock-fallbeispiele-slider .owl-carousel .owl-stage{
	display:block;
}
.contentblock.ergebnisslider .owl-carousel .owl-dots .owl-dot, .contentblock.more-wiki .owl-carousel .owl-dots .owl-dot, .contentblock.kundenstimmen .owl-carousel .owl-dots .owl-dot{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border:2px #007d34 solid;
    background:none;
    position: relative;
}
.contentblock.ergebnisslider .owl-carousel .owl-dots .owl-dot::before, .contentblock.more-wiki .owl-carousel .owl-dots .owl-dot::before, .contentblock.kundenstimmen .owl-carousel .owl-dots .owl-dot::before{
    position: absolute;
    width:15px;
    height: 15px;
    border-radius:50%;
    background:#007d34;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(0);
    disply:block;
    content:"";
    transition:0.5s transform;
}
.contentblock.ergebnisslider .owl-carousel .owl-dots .owl-dot.active::before, .contentblock.more-wiki .owl-carousel .owl-dots .owl-dot.active::before, .contentblock.kundenstimmen .owl-carousel .owl-dots .owl-dot.active::before {
    transform:translate(-50%,-50%) scale(1);
}
.contentblock.ergebnisslider .owl-carousel .owl-dots .owl-dot + .owl-dot, .contentblock.more-wiki .owl-carousel .owl-dots .owl-dot + .owl-dot, .contentblock.kundenstimmen .owl-carousel .owl-dots .owl-dot + .owl-dot{
    margin-left:13px;
}
.contentblock.contentblock-prozess .bubble img{
    width:70% !important;
    height: 70% !important;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.contentblock.ergebnisslider .owl-carousel .owl-nav .owl-prev, .contentblock.ergebnisslider .owl-carousel .owl-nav .owl-next, .contentblock.contentblock-fallbeispiele-slider .owl-carousel .owl-nav .owl-prev, .contentblock.contentblock-fallbeispiele-slider .owl-carousel .owl-nav .owl-next, .contentblock.contentblock-newsslider-front .owl-carousel .owl-nav .owl-prev, .contentblock.contentblock-newsslider-front .owl-carousel .owl-nav .owl-next, .contentblock.kundenstimmen .owl-carousel .owl-nav .owl-prev, .contentblock.kundenstimmen .owl-carousel .owl-nav .owl-next{
    background:none !important;
    color:#007d34;
    width: 50px;
    height: 50px;
    left:0;
    transform:translate(-100%,-100%);
    font-size:60px;
    opacity:0.67 !important;
}
.contentblock.ergebnisslider .owl-carousel .owl-nav .owl-prev:hover, .contentblock.ergebnisslider .owl-carousel .owl-nav .owl-next:hover{
    opacity:1 !important;
}
.contentblock.ergebnisslider .owl-carousel .owl-nav .owl-prev.disabled, .contentblock.ergebnisslider .owl-carousel .owl-nav .owl-next.disabled{
    opacity:0 !important;
}
.contentblock.ergebnisslider .owl-carousel .owl-nav .owl-next, .contentblock.contentblock-fallbeispiele-slider .owl-carousel .owl-nav .owl-next, .contentblock.contentblock-newsslider-front .owl-carousel .owl-nav .owl-next, .contentblock.kundenstimmen .owl-carousel .owl-nav .owl-next{
    left:auto;
    right:0;
    transform:translate(100%,-100%);
}
.contentblock.kundenstimmen .owl-carousel .owl-nav .owl-prev, .contentblock.kundenstimmen .owl-carousel .owl-nav .owl-next{
    transform:translate(0%,-100%);
}
.blog-post-front .image-container{
    height:0px;
    padding-bottom:47%;
    position: relative;
    display:block;
    margin-bottom:20px;
}
.blog-post-front h3, .contentblock.teamstimmenheader h3{
    font-size:32px;
    color:#000 !important;
}
.blog-post-front h3 a{
    font-weight:400 !important;
    color:#000 !important;
}
.blog-post-front .blog-date{
    color:#000;
    opacity:0.2;
}
.blog-post-front .image-container img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
.mockup-wrapper{
  position:relative;
}
.mockup-wrapper::before{
  position:absolute;
  top:0;
  right:10%;
  width:40%;
  height: 0;
  padding-bottom:39.8%;
  background-image:url("img/mockup-bg-top.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size:contain;
  z-index:5;
  display:block;
  content:"";
  transform:translateY(-40%);
}
.mockup-wrapper::after{
  position:absolute;
  bottom:0;
  left:10%;
  width:40%;
  height: 0;
  padding-bottom:39.8%;
  background-image:url("img/mockup-bg-bottom.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size:contain;
  z-index:5;
  display:block;
  content:"";
  transform:translateY(8%);
  pointer-events:none;
}
.mockup-wrapper .mockup-desktop-screen{
  z-index:10;
}
.mockup-desktop-screen{
    position: relative;
    height: 0;
    padding-bottom:83.98%;
    background-image:url("img/imac_maske.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
}
#whitepaper-download .btn-primary{
  margin-left:auto;
  margin-right:auto;
  display:block;
  font-size:1.2em;
  padding:1em 2em;
  border-radius:9999px;
}
.owl-carousel .owl-item .mockup-desktop-screen img, .mockup-desktop-screen img{
    position: absolute;
    left:5.95%;
    width:87.14%;
    top:6.8%;
    height: auto !important;
}
.ergebnisslider .slide{
    display:flex;
    align-items: center;
}
.ergebnisslider .slide .slide-shotarea, .ergebnisslider .slide .slide-textarea{
    width:50%;
    flex-basis:50%;
}
.ergebnisslider .slide .slide-textarea img{
    width:66px;
    display:block;
    margin-left:0;
    margin-right:auto;
    margin-bottom:12px;
}
.ergebnisslider .slide .slide-textarea{
    padding-left:40px;
    padding-right:40px;
}
ul.ergebnis-list{
    display:flex;
    margin-left:-30px;
    margin-right:-30px;
    padding-left:0;
    flex-wrap:wrap;
    list-style: none;
}
ul.ergebnis-list li{
    width:50%;
    flex-basis:50%;
    padding-right:30px;
    padding-left:65px;
    font-size:130%;
    position: relative;
    color:#007d34;
    margin-bottom: 15px;
}
ul.ergebnis-list li::before{
    position: absolute;
    top:0;
    left:30px;
    display:block;
    content:"\f00c";
    font-family: Font Awesome\ 5 Pro;
    font-weight:400;
}
#page-footer.animated{
    padding:20px 50px;
    box-shadow:0px 0px 30px 15px rgba(0,0,0,0.17);
    position:relative;
    padding-right:830px;
    opacity:1;
}
#page-footer #footer-highlight{
    width:780px;
    max-width:100%;
    padding:60px 50px;
    background:#007d34;
    color:#FFF;
    position: absolute;
    bottom:0;
    right:0;
    box-shadow:0px 0px 30px 15px rgba(0,0,0,0.17);
    text-align:center;
    z-index:50;
}
#page-wrapper{
    overflow:hidden;
    position: relative;
}

#page-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:100;
    padding:25px 0px;
}
#page-header ul li a{
    color:#1c1c1c;
    font-size:2.4vw;
    text-transform:uppercase;
    display:block;
    text-align:center;
    transition:0.5s all;
    font-weight: bold;
}
#page-header ul li a:hover{
    color:#007d34;
}
#page-header #logo{
    margin-top:5px;
    margin-bottom:5px;
}
#page-header #logo a{
    display:block;
    width:280px;
    height:52px;
}
#page-header #logo a svg rect,#page-header #logo a svg path{
    transition: fill .4s ease;
}
#page-header{
    background:rgba(255,255,255,0.0);
    box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.0);
    transition: background .4s ease, box-shadow .4s ease;
}
#page-header.scrolled{
    background:rgba(255,255,255,0.95);
    box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.11);
}
#page-header.header-white:not(.scrolled) #logo a svg rect,#page-header.header-white:not(.scrolled) #logo a svg path{
    fill:#FFFFFF !important;
}
#page-header .navbar-collapse{
    position:fixed;
    top:0px;
    right:-100%;
    width:100%;
    height:100vh !important;
    transition:0s all;
    display:block !important;
}
#page-header .navbar-collapse::after{
    position:fixed;
    top:0;
    right:0;
    width:0%;
    height: 100vh;
    display:block;
    content:"";
    background:#1c1c1c;
    opacity:0.0;
    transition: 1s opacity;
    z-index:130;
}
#page-header .navbar-collapse:not(.collapse), #page-header .navbar-collapse.show{
    right:0px;
    transition:0s 1s all;
}
#page-header .navbar-collapse .nav{
    position:fixed;
    right:-50%;
    top:0;
    width:50%;
    height: 100vh;
    background:rgba(255,255,255,0.75);
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
    opacity:0;
    transition:1s all;
    z-index:200;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}
#page-header .navbar-collapse:not(.collapse) .nav, #page-header .navbar-collapse.show .nav{
    right:0%;
    opacity:1;
}
#page-header .navbar-collapse:not(.collapse)::after, #page-header .navbar-collapse.show::after{
    opacity:0.75;
    width:100%;
    display:block;
}
#page-header .navbar-collapse + .navbar-toggler{
    position: fixed;
    top:25px;
    right:50px;
    width:62px;
    height: 62px;
    border-radius:50%;
    overflow:hidden;
    z-index:250;
    transition:0.5s all;
    background:#000;
}
#page-header .navbar-collapse:not(.collapse) .nav, #page-header .navbar-collapse.show + .navbar-toggler, #page-header.scrolled .navbar-collapse + .navbar-toggler{
    background:#1c1c1c;
}
#page-header .navbar-collapse:not(.collapse) .nav, #page-header .navbar-collapse.show + .navbar-toggler .bar{
    top:50% !important;
    background:#FFF;
    transform: translate(-50%,-50%) rotate(45deg);
}
#page-header .navbar-collapse:not(.collapse) .nav, #page-header .navbar-collapse.show + .navbar-toggler .bar + .bar{
    opacity:0;
}
#page-header .navbar-collapse:not(.collapse) .nav, #page-header .navbar-collapse.show + .navbar-toggler .bar + .bar + .bar{
    opacity: 1;
    transform: translate(-50%,-50%) rotate(-45deg);
}
#page-header .navbar-collapse + .navbar-toggler .bar{
    width:32px;
    height:2px;
    border-top-left-radius:1px;
    border-bottom-left-radius:1px;
    border-top-right-radius:1px;
    border-bottom-right-radius:1px;
    background:#FFF;
    position:absolute;
    top:33%;
    left:50%;
    transition:0.5s all;
    transform: translate(-50%,-50%);
}
#page-header .navbar-collapse + .navbar-toggler .bar + .bar{
    top:50%;
}
#page-header .navbar-collapse + .navbar-toggler .bar + .bar + .bar{
    top:67%;
}
#page-header .container.full-size{
    max-width: none;
}
#page-footer #footer-highlight ul{
    list-style:none;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-bottom:14px;
}
#page-footer #footer-highlight ul a{
    color:#FFF;
    text-transform: uppercase;
    text-decoration:none;
    font-weight:bold;
    font-size:20px;
}
#page-footer #footer-highlight ul li + li{
    margin-left:20px;
}
#page-footer #footer-highlight p{
    margin-bottom:0;
}
#page-footer #footer-info p{
    margin-bottom:3px;
}
#page-footer #footer-info .footer-element{
    position:relative;
    padding-left:126px;
    color:#1c1c1c;
}
#page-footer #footer-info .footer-element + .footer-element{
    margin-left:50px;
}
#page-footer #footer-info .footer-element .text{
  padding-top:15px;
  min-height:100px;
}
#page-footer #footer-info .footer-element .text p:last-child{
  margin-bottom: 0;
}
#page-footer #footer-info .footer-element .bubble{
  width:100px;
  height:100px;
  position:absolute;
  top:0;
  left:0;
}
#page-footer #footer-info .footer-element .bubble svg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:80%;
    height:80%;
}
.hintergrund-grau + .contentblock.contentblock-fallbeispiele{
	margin-top:0;
}
@media(min-width:1200px){
    #page-header.header-alt .navbar-collapse{
        width:auto !important;
        height: auto !important;
        right:0;
        position:relative;
        z-index:99;
    }
	.col-custom-5{
		width:20%;
		max-width:20%;
	}
    #page-header.header-alt .navbar-collapse::after{
        display:none;
    }
    #page-header.header-alt .navbar-collapse .nav{
        position: relative;
        right:0;
        background:none;
        height: auto;
        opacity:1;
        flex-direction: row;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        width:auto;
        padding-right:180px;
    }
    #page-header.header-alt ul li a{
        font-size:16px;
        text-transform: none;
    }
    #page-header.header-white.header-alt:not(.scrolled) ul li a{
        color:rgba(255,255,255,0.8);
    }
    #page-header.header-white.header-alt:not(.scrolled) ul li a:hover{
        color:rgba(255,255,255,1);
    }
    #page-header.header-alt ul li + li{
        margin-left:16px;
    }
    #page-header.header-alt .container.full-size{
        display:flex;
        justify-content: space-between;
        align-items: center;
    }
    #page-header.header-alt .navbar-collapse::after{
        display:none;
    }
    #page-header.header-alt .navbar-collapse+.navbar-toggler{
        display:none;
    }
}

@media(min-width:1400px){
    #page-header.header-alt ul li a{
        font-size:20px;
        text-transform: none;
    }
    #page-header.header-alt ul li + li{
        margin-left:20px;
    }
	.modal-leistung{
		width:65%;
		padding:8%;
		font-size:1.5vw;
	}
	.modal-leistung .fancybox-close-small{
		font-size:1.5vw;
		width:5vw;
		height:5vw;
	}
	.modal-leistung h2{
		font-size:3vw;
	}
}
/* ENDE FRONT */
@media (max-width: 320px) {
	.home #hero-image > .hero-container > .container{
		transform:translate(-50%,-25%);
		top:25%;
	}
}

@media (max-width: 575px) {
	#hero-image{
		padding-top:81px;
	}
  #page-footer #footer-highlight .menu-footer-container ul{
    display:block;
  }
  #page-footer #footer-highlight .menu-footer-container ul li + li{
    margin-left:0;
  }
	.home #hero-image h1{
		font-size:20px;
	}
}

@media (max-width: 767px) {
	.blog-post .blog-text p {
		display:none;
	}
	.wpex-timeline.style-center > li:nth-child(odd) .wpex-timeline-label:before{
		border-left-color:transparent !important;
		border-right-color:#97b690 !important;
	}
	.logo_block .owl-carousel .owl-nav .owl-prev, .logo_block .owl-carousel .owl-nav .owl-next{
		display:none;
	}
	.akkordion .ui-accordion .ui-accordion-header{
		font-size:16px !important;
	}
	.akkordion .ui-widget-content{
		font-size:14px !important;
	}
	.contentblock.contentblock-prozess .bottom-line strong{
		font-size:19px;
	}

}
@media (max-width: 991px) {
	.contentblock.akkordion .background-graphic{
		position:relative !important;
		top:0 !important;
		transform: none !important;
		max-width:85%;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
	}
    .inner-contact-form .inner-contact-form-image{
        display:none;
    }
	.contentblock.contentblock-front-prozess .row > div .d-flex > div img{
		height:120px !important;
	}
    .inner-contact-form .inner-contact-form-area{
        width:100%;
        flex-basis:100%;
    }
    .inner-contact-form .inner-contact-form-area h2, .inner-contact-form .inner-contact-form-area h2 + div{
        text-align:center;
    }
	.blog-post{
		padding:0 !important;
		padding-left:0 !important;
	}
	.blog-post .image-container{
		position: relative;
		height: 0px;
		padding-bottom: 64.25%;
		display:block;
		width:100%;
	}
	.blog-post .blog-text{
		padding:45px;
	}
	.contentblock-prozess .row > div + div{
		margin-top:30px;
	}
	.widget-area .widget{
		float:none;
		width:100%;
	}
	.wiki-area article{
		width:50%;
	}
    .ergebnisslider .slide{
        display:block;
    }
	.widget-area .widget + .widget{
		margin-top:30px;
	}
	#lower-footer{
		text-align:center;
	}
	#lower-footer .navbar .nav{
		float:none;
		display:block;
	}

    .contentblock, .contentblock.zeitstrahl .wpex .wptl-excerpt{
        font-size:16px;
    }
    .heroarea_fullsize, .kontaktarea_fullsize{
        font-size:18px;
    }
    .heroarea_fullsize h1, .kontaktarea_fullsize h2{
        font-size:27px !important;
    }
    body.single.wiki-template-single-wiki-neu h1{
        font-size:26px !important;
    }
    .contentblock h2, .contentblock h3, .contentblock.zeitstrahl .wpex.horizontal-timeline .wpex-timeline-label h2, .contentblock.zeitstrahl .wpex.horizontal-timeline .wpex-timeline-label h2 a{
        font-size:24px !important;
    }
    .contentblock h3.headline-jost{
      font-size:1em !important;
    }
	.contentblock.contentblock-front-prozess h2{
		font-size:52px !important;
	}
	.contentblock.contentblock-front-prozess .subline{
		font-size:25px !important;
	}
    .contentblock.contentblock-logoslider .slogan{
        font-size:18px;
    }
    .contentblock.contentblock-fallbeispiele .slide-message .kurzbeschreibung{
        display:none;
    }
}
.contentblock.infoslides .infoslide-kachel{
  padding:6em 8em;
  border:0.2em rgb(0,125,52) solid;
  border-radius:3em;
  min-height:24em;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.contentblock.infoslides .infoslide-kachel-wrapper + .infoslide-kachel-wrapper{
  margin-top:4em;
}
.contentblock.infoslides .infoslide-kachel h3{
  color:rgb(0,125,52);
}
#lower-footer .nav li{
	display:inline-block;
	margin-right:15px;
}
#lower-footer .nav li:last-child{
	margin-right:0;
}

.google-maps .BorlabsCookie,.google-maps .BorlabsCookie ._brlbs-content-blocker{
	position:relative;
	height: 100%;
}
.google-maps .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed._brlbs-google-maps{
	display:block;
	position:relative;
	height: 100%;
	margin-bottom:0;
}
.google-maps .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail{
	position: absolute;
	width:auto !important;
	height: auto !important;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	max-width: none;
}

.page-template-sea-landingpage-2022 #page-header .add-navi{
    right:50px !important;
    top:50%;
    transform:translateY(-50%);
    position: absolute !important;
}
@media(max-width:1420px){
    #page-footer.animated{
        padding:0;
    }
    #page-footer #footer-info{
        padding:20px 50px;
    }
    #page-footer #footer-info .row{
        justify-content: center;
    }
    #page-footer #footer-highlight{
        position:relative;
        margin:0 auto;
        width:100%;
        max-width:none;
    }
	#hero-image, #hero-image .hero-image-container{
		background-attachment:scroll;
	}
	.parallax_block{
		background-attachment:scroll;
	}
}
@media (max-width: 1199px) {
	.page-template-landingpage-2022 .contentblock.slim-pageheader.overlapping h1{
		font-size:64px !important;
	}

  body.page-template-konfigurator-page .container h1, body.page-template-konfigurator-page .container h2{
    font-size:3rem !important;
  }
  .technologien-wrapper .col-lg-12 .technologie-bubble .technologie-list li{
    width:50%;
    flex-basis:50%;
  }
  .konfigurator-input-group.grid-cols-4 > .konfigurator-value,
  .konfigurator-input-group.grid-cols-3 > .konfigurator-value{
    width:50%;
    flex-basis:50%;
  }
  .konfigurator-input-group.grid-cols-5 > .konfigurator-value{
    width:33%;
    flex-basis:33%;
  }
	#header .navbar-collapse{
		position:fixed;
		padding-top:91px;
		height:100vh;
		width:100%;
		max-width:360px;
		right:-360px;
		opacity:0;
		transition:0.5s all;
		z-index:9999;
		background: #659d67;
		display:block;
	}
    #page-header .add-navi{
        right:130px;
    }
	#header .navbar-collapse .nav{
		display:block;
	}
	#header .navbar-collapse ul li{
		display:block;
		float:none;
		height:auto;
		width:100%;
	}
	#header .navbar-collapse.show{
		right:0px;
		opacity:1.0;
	}
	#header .navbar-toggler{
		position:absolute;
		right:0px;
		top:50%;
		transform:translateY(-50%);
		width:40px;
		height:40px;
		padding:0;
		border:0;
		background:none;
		display:block;
		z-index:99999;
	}
	#header .navbar-toggler .bar{
		position:absolute;
		top:50%;
		transform:translate(-50%,-50%);
		display:block;
		content:"";
		width:40px;
		height:4px;
		background:#333;
		border-radius:2px;
		opacity:1.0;
		transition:0.5s all;
	}
	#header .navbar-toggler .bar + .bar{
		top:25%;
	}
	#header .navbar-toggler .bar + .bar + .bar{
		top:75%;
	}
	#header .navbar-collapse.show + .navbar-toggler .bar{
		top:50% !important;
		transform:translate(-50%,-50%) rotate(45deg);
		opacity:0.0;
	}
	#header .navbar-collapse.show + .navbar-toggler .bar + .bar{
		top:50% !important;
		transform:translate(-50%,-50%) rotate(45deg);
		opacity:1.0;
	}
	#header .navbar-collapse.show + .navbar-toggler .bar + .bar + .bar{
		top:50% !important;
		transform:translate(-50%,-50%) rotate(315deg);
		opacity:1.0;
	}
	#header .navbar-collapse ul li a::after, #header.scrolled .navbar-collapse ul li a::after{
		width:calc(100% - 30px) !important;
		bottom:0px !important;
		left:15px !important;
	}
	#header .navbar-collapse ul li a{
		height:40px;
		color:#FFF;
	}
	#header .navbar-collapse.show + .navbar-toggler .bar{
		background:#FFF;
	}
    .single-vorteil.animated.inView .vorteil-image{
        position:relative;
        height:0px;
        padding-bottom:56.25%;
        width:100%;
        left:0 !important;
        right:0 !important;
    }
    .single-vorteil + .single-vorteil{
        margin-top:0px;
    }
    .contentblock h2, .contentblock h3, .contentblock.zeitstrahl .wpex.horizontal-timeline .wpex-timeline-label h2, .contentblock.zeitstrahl .wpex.horizontal-timeline .wpex-timeline-label h2 a{
        font-size:34px;
    }
    .contentblock, .contentblock.zeitstrahl .wpex .wptl-excerpt{
        font-size:18px;
    }
    .single-vorteil .vorteil-text{
        margin:0 !important;
        width:100%;
        margin-top:80px !important;
        padding-left:30px !important;
        padding-right:30px !important;
    }
    .single-vorteil.animated::before{
        top:75px !important;
        width: calc(100% - 100px);
        height:calc((100vw - 100px) * 0.5625);
        left:50px !important;
    }
    .single-vorteil.animated.inView::before{
        top:125px !important;
        left:0px !important;
    }
	.single-vorteil.single-vorteil-right.animated::before{
		right:0px !important;
        left:auto !important;
	}
    .kontakt-highlight h2,.page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider h3, .page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .hashtag{
        font-size:24px !important;
    }

    body.page-template-konfigurator-page .contentblock{
      font-size:17px;
    }
}
@media(max-width:991px){
  .contentblock.infoslides .infoslide-kachel{
    padding: 4em 6em;
  }
  .whitepaper .inner-contact-form .inner-contact-form-area{
    width:100%;
    flex-basis:100%;
    padding-left:0;
  }
	.vergleich-section-content{
		font-size:18px;
	}
  body.page-template-landingpage-2024 h1, body.page-template-landingpage-2024 .h1{
    font-size:5em !important;
  }
  body.page-template-landingpage-2024 .h2-bigger{
    font-size:3em !important;
  }
  body.page-template-landingpage-2024 h2, body.page-template-landingpage-2024 .h2{
    font-size:2.5em !important;
  }
  .page-template-landingpage-2024 .text-large{
    font-size:1.4em;
  }
	.page-template-landingpage-2022 .contentblock.slim-pageheader.overlapping h1{
		font-size:52px !important;
	}
	.technologie-icons .technologie-icon{
		width:25%;
		flex-basis:25%;
	}
	.contentblock.slim-pageheader h1{
		font-size:46px !important;
	}
	.contentblock.teamstimmenheader{
		font-size:20px;
	}
	.contentblock.teamstimmenheader .white-box{
		padding-top:50px;
		padding-bottom:0;
	}
	.contentblock.teamstimmenheader .teamslide-text{
		font-size:30px !important;
	}
	.page-template-landingpage-2022 .contentblock.slim-pageheader.overlapping .text-right{
		text-align:left !important;
	}
	.content_block.teaser_block .owl-carousel a,.contentblock.teaserblock .owl-carousel a{
		padding-left:0;
		padding-bottom:0;
	}
	.contentblock.contentblock-front-prozess .row > div + div{
		margin-top:40px;
	}
    .contentblock.statistik_block .container > .row{
        flex-direction: column-reverse;
    }
    .absolute-feature.row{
        position: relative;
        transform: none;
    }
    .contentblock.feature_block .feature-block-image{
        position: relative;
        width:100%;
        height: 0;
        padding-bottom:75.46%;
    }
    .contentblock.feature_block .feature-block-image img{
        position: absolute;
        top:0;
        left:0;
    }
    .ergebnisslider .slide .slide-shotarea, .ergebnisslider .slide .slide-textarea{
        width:100%;
        flex-basis:100%;
    }
	.content_block.teaser_block .owl-carousel a .teaser-text,.content_block.teaserblock .owl-carousel a .teaser-text{
		position:relative;
		width:100%;
	}
	.teaser_block .owl-carousel .owl-stage-outer,.teaserblock .owl-carousel .owl-stage-outer{
		background:#659d67;
	}
	.ui-tabs.tabs_h .ui-tabs-nav li{
		float:none;
	}
	.ui-tabs.tabs_h .ui-tabs-nav li a{
		display:block;
		float:none;
	}
    .contentblock.feature_block{
        padding-top:0;
        padding-bottom:3rem;
    }
	.contentblock.featured_block{
		background:#FFF;
	}
	.contentblock.featured_block .text-area{
		width:100%;
		margin:0;
		padding-left:0px !important;
		padding-right:0px !important;
		padding-top:40px;
	}
	.contentblock.featured_block .featured-image, .page-template-landingpage-2022 .contentblock.featured_block .featured-image{
		display:block;
		width:100%;
		padding-bottom:56.25%;
		height: 0px;
		position:relative;
		content:"";
	}
	.featured_block + .text_block{
		padding-top:0px;
	}
    #page-header .navbar-collapse .nav{
        width:100%;
        right:-100%;
    }
    #page-header .navbar-collapse:not(.collapse) .nav, #page-header .navbar-collapse.show .nav{
        right:0%;
    }
    #page-header ul li a{
        font-size:3.4vw;
    }
    .contentblock.text_block_zweigeteilt.hintergrund-weiss + .contentblock.text_block_zweigeteilt.hintergrund-weiss, .contentblock.text_block_zweigeteilt + .contentblock.ergebnisslider{
        padding-top:0;
    }
    .contentblock.feature_block .background-graphic{
        top:70%;
    }
    .kontakt-highlight h2,.page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider h3, .page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .hashtag, .contentblock.teamstimmenheader h2{
        font-size:22px !important;
    }
    body.page-template-landingpage-2024 .container{
      padding-left:6em;
      padding-right:6em;
    }
    .page-template-landingpage-2024 .number-bubble{
      top:12.5%;
    }
    .page-template-landingpage-2024 .owl-carousel.image-carousel{
      transform:translateX(25%);
    }
    .konfigurator-input-group.grid-cols-5 > .konfigurator-value{
      width:50%;
      flex-basis:50%;
    }
}
@media (max-width:767px){
  .konfigurator-input-group.grid-cols-4 > .konfigurator-value, .konfigurator-input-group.grid-cols-3 > .konfigurator-value{
    width:100%;
    flex-basis:100%;
  }
  body.page-template-konfigurator-page .container h1, body.page-template-konfigurator-page .container h2{
    font-size:2.4rem !important;
  }
  body.page-template-konfigurator-page .contentblock{
    font-size:14px;
  }
  .konfigurator-input-group.grid-cols-5 > .konfigurator-value{
    width:100%;
    flex-basis:100%;
  }
  body.page-template-landingpage-2024{
    font-size:12px;
  }
  .technologien-wrapper .col-lg-12 .technologie-bubble .technologie-list li{
    width:100%;
    flex-basis:100%;
  }
	.vergleich-section-content{
		font-size:16px;
	}
	#page-header .add-navi ul + .btn{
		display:none;
	}
    .contentblock.front_highlightblock{
        padding-top:0;
        padding-bottom:0;
		margin-top:60px;
		margin-bottom:60px;
    }
	.technologie-icons .technologie-icon{
		width:33.33%;
		flex-basis:33.33%;
	}
	.contentblock{
		padding:60px 0px;
	}
	.contentblock.slim-pageheader h1{
		font-size:38px !important;
	}
    .kundenstimmen .feature-zitat, .contentblock.teamstimmenheader .teamslide-text{
        font-size:24px !important;
    }
	.contentblock.teamstimmenheader{
		font-size:16px !important;
	}
    .contentblock.front_highlightblock .highlight-image{
        position: relative;
        width:100% !important;
        height: 0px;
        padding-bottom: 56.25%;
    }
    .contentblock.front_highlightblock .highlight-image img{
        position: absolute;
        top:0;
        left:0;
    }.contentblock.front_highlightblock .white-box{
        padding-left:0;
        padding-right:0;
        box-shadow:none;
        background:none;
    }
    .contentblock.front_leistungsuebersicht .white-bg{
        padding-left:0;
        padding-right:0;
    }
    .contentblock.front_leistungsuebersicht::before{
        display:none;
    }
	.ui-tabs.tabs_v .ui-tabs-nav{
		position:relative;
		width:100%;
	}
	.ui-tabs.tabs_v::before{
		display:none;
	}
	.ui-tabs.tabs_v{
		padding-left:0;
	}
	.ui-tabs.tabs_v .ui-widget-content {
		height:auto !important;
		box-sizing:border-box;
		width:100% !important;
	}
	.container{
		max-width:85%;
		width:85%;
		margin:0 auto;
		padding-left:0;
		padding-right:0;
	}
    .wiki-template-default .container.container_fullsize{
		max-width:85%;
		width:85%;
		margin:0 auto;
		padding-left:0;
		padding-right:0;
    }
    .heroarea_fullsize .kontakt-highlight{
        width:85%;
		max-width:85%;
		margin:0 auto;
        right:7.5%;
    }
    .bestcase-heroarea h1, .bestcase-heroarea p.hero-headline, .karriere-heroarea h1, .karriere-heroarea h2, .karriere-heroarea p.hero-headline{
        font-size:25px !important;
    }

    .bestcase-heroarea{
        padding-top:100px !important;
        font-size:18px !important;
    }
    .bestcase-heroarea .row img{
        width:148px !important;
        margin-bottom:20px;
    }
    ul.ergebnis-list li{
        width:100%;
        flex-basis:100%;
    }
    .inner-fazit-block{
        font-size:14px;
        margin-right:8px;
        box-shadow: 8px 8px 0px #b4c4a4;

    }
    p.feature-zitat{
        font-size:23px !important;
        padding:0;
    }
    .fazit-author .fazit-img-bubble{
        width:93px;
        height: 93px;
        right:40px;
    }
    .fazit-author{
        padding-right:153px;
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .contentblock.ergebnisslider::after{
        height: 70%;
    }
    .ergebnisslider .slide .slide-textarea{
        padding-left:0;
        padding-right:0;
    }
    .contentblock.statistik_block .container, .wiki-template-single-wiki-neu .contentblock .container.container_fullsize{
        width:100%;
        max-width:100%;
        padding-left:7.5%;
        padding-right:7.5%;
    }
	#hero-image .hero-image-text{
        display:none !important;
	}
	#hero-image .hero-container{
		position:relative;
		background:#F6F6F6;
		text-align:center;
		padding:50px 0px;
		padding-bottom:120px;
		color:#333;
		height: auto;
	}
	#hero-image .hero-container h1, #hero-image .hero-container .h2{
		color:#333;
	}
	#hero-image .hero-container .container{
		position: relative;
		top:0 !important;
		left:0 !important;
		transform:none !important;
	}
	a.scroll_bottom{
		bottom:50px;
	}
	#hero-image{
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-bottom:0px;
		height: auto !important;
		min-height: 0 !important;
	}
	#hero-image .hero-image-container{
		position: relative;
		height: 0;
		padding-bottom: 60%;

	}
    .more_posts .owl-carousel .owl-nav .owl-next,.more_posts .owl-carousel .owl-nav .owl-prev{
        display:none !important;
    }
	#header .site-branding{
		left:0;
	}
	.wiki-area article{
		width:100%;
		float:none;
	}

    #page-header ul li a{
        font-size:27px;
    }
    .kontakt-highlight h2,.page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider h3, .page-template-landingpage-2022 .contentblock.contentblock-fallbeispiele-slider .hashtag{
        font-size:20px !important;
    }
    .kontakt-highlight, .contentblock.more-wiki{
        font-size:14px !important;
    }
    .page-template-sea-landingpage-2022 #page-header .add-navi{
        right:7.5% !important;
      }
    body.page-template-landingpage-2024 .container{
      padding-left:5em;
      padding-right:5em;
    }
    body.page-template-landingpage-2024 .heroarea .heroarea-row{
      display:block;
    }
    body.page-template-landingpage-2024 .heroarea .heroarea-row .text-column{
      max-width:100%;
      margin-right:0;
    }
}
@media(max-width:575px){
  .page-template-landingpage-2024 .text-medium{
    font-size:1.3em;
  }
  .contentblock.uebersichtsblock h2{
    font-size:3em !important;
  }
  body.page-template-landingpage-2024{
    font-size:10.5px;
  }
  .lp-vorteilblock .image-area{
    border-radius:3em;
  }
  .image-collage .image-area{
    border-radius:2em;
  }
  .lp-btn-primary{
    font-size:1em;
  }
  .lp-highlightblock .giant-cta-btn{
    padding:4em 3em;
  }
  body.page-template-landingpage-2024 .container{
    padding-left:4em;
    padding-right:4em;
  }
  body.page-template-landingpage-2024 h1, body.page-template-landingpage-2024 .h1{
    font-size:3em !important;
  }
  body.page-template-landingpage-2024 .h2-bigger{
    font-size:2.2em !important;
  }
  body.page-template-landingpage-2024 h2, body.page-template-landingpage-2024 .h2{
    font-size:1.8em !important;
  }
  .page-template-landingpage-2024 .text-large{
    font-size:1.25em;
  }
  .lp-highlightblock .highlight-item{
    display:block;
  }
  .lp-highlightblock .highlight-item .highlight-icon{
    margin-bottom:2em;
  }
	.vergleich-section-content{
		font-size:14px;
		padding:3em 4.11em;
	}
	.modal-leistung h2{
		font-size:24px;
	}
	.modal-leistung{
		padding:40px 50px;
	}
	.contentblock.contentblock-front-prozess .row > div .d-flex > div img{
		height:100px !important;
	}
	.page-template-landingpage-2022 .contentblock.slim-pageheader.overlapping h1{
		font-size:36px !important;
	}
    .page-template-sea-landingpage-2022 .btn.btn-prime{
        font-size:0.8rem;
        padding:4px 24px;
    }
    .heroarea_fullsize h1, .kontaktarea_fullsize h2{
        font-size:25px !important;
    }
    .page-template-landingpage-2022 .heroarea_fullsize{
        margin-bottom:100px;
        padding-top:136px;
    }
	.page-template-sea-landingpage-2022 .contentblock.slim-pageheader{
		margin-bottom:100px;
	}
    .page-template-landingpage-2022 .heroarea_fullsize + a + .contentblock.textblock{
        margin-top:0;
    }
    .page-template-landingpage-2022 .heroarea_fullsize .text-right{
        text-align:center !important;
    }
	.akkordion .ui-accordion .ui-accordion-header{
		font-size:14px !important;
	}
	.akkordion .ui-widget-content{
		font-size:12px !important;
	}
	#hero-image h1, #hero-image .h2{
		font-size:20px;
	}
    .contentblock.contentblock-fallbeispiele .slide-message .text .hashtag{
        display:none;

    }
    .contentblock.contentblock-fallbeispiele .slide-message .text{
        padding:10px 30px;
    }
    .contentblock h2, .contentblock h3, .contentblock.zeitstrahl .wpex.horizontal-timeline .wpex-timeline-label h2, .contentblock.zeitstrahl .wpex.horizontal-timeline .wpex-timeline-label h2 a{
        font-size:23px !important;
    }
    .kundenstimmen .feature-zitat{
        font-size:19px !important;
    }
	.contentblock.contentblock-front-prozess h2{
		font-size:32px !important;
	}
	.contentblock.contentblock-front-prozess .subline{
		font-size:16px !important;
	}
    .contentblock, .contentblock.kontaktaufnahme_block .form-control, .contentblock.kontaktaufnahme_block .form-control:hover, .contentblock.kontaktaufnahme_block .form-control:active, .contentblock.kontaktaufnahme_block .form-control:focus{
        font-size:14px;
    }
    .heroarea_fullsize .btn{
        display:block;
    }
    .heroarea_fullsize .btn + .btn{
        margin-top:20px;
        margin-left:0;
    }
    #page-header #logo a{
        width:180px;
        height:33px;
    }
    #page-header .navbar-collapse + .navbar-toggler{
        top:15px;
        right:7.5%;
    }
	#page-header .add-navi{
		top:26px;
		right:118px;
	}
    #page-footer.animated.inView #footer-info .footer-element{
        width:100%;
    }
    #page-footer.animated.inView #footer-info .footer-element + .footer-element{
        margin-top:20px;
        margin-left:0;
    }
}
@media(max-width:543px){
    .wiki-template-single-wiki-neu .contentblock .container.container_fullsize.container_slider{
        padding-left:0;
        padding-right:0;
    }
	.newsletter-hint .newsletter-widget-image{
		display:none !important;
	}
	.newsletter-hint .newsletter-widget-text{
		border-radius: 9999px;
		padding-left:2em;
	}
}
@media(max-width:457px){
	#page-header #logo a{
		width:140px;
		height:26px;
	}
    .page-template-landingpage-2022 .heroarea_fullsize, .page-template-sea-landingpage-2022 .contentblock.slim-pageheader{
        margin-bottom:120px;
    }
    .page-template-sea-landingpage-2022 .btn.btn-prime{
        font-size:0.7rem;
        padding:3px 18px;
    }
}
@media(max-width:413px){
  #lp24-footer{
    padding-bottom:9em;
  }
	#page-header #logo a{
		width:110px;
		height:20px;
	}
	#page-header .add-navi ul li a{
		font-size:19px;
	}
	#page-header .add-navi ul li + li{
		margin-left:11px;
	}
	#page-header .add-navi{
		right:90px;
	}
	#page-header .navbar-collapse + .navbar-toggler{
		width:48px;
		height: 48px;
		top:19px;
	}
	#page-header .navbar-collapse + .navbar-toggler .bar{
		width:25px;
	}
    .page-template-landingpage-2022 .heroarea_fullsize{
        margin-bottom:130px;
    }
	.page-template-landingpage-2022 .contentblock.slim-pageheader.overlapping h1{
		font-size:28px !important;
	}
}
@media(min-width: 576px){
	.contentblock.zeitstrahl .wpex.horizontal-timeline .wpex-timeline-label .timeline-details{
		width:50%;
	}
}
@keyframes bouncing {
	from {
		padding-bottom:0px;
		opacity:0.5;
	}
	to {
		padding-bottom:10px;
		opacity:1.0;
	}
}