/********* Compiled - Do not edit *********/
@font-face {
font-family:"Korolev";
src:url(/wp-content/uploads/2022/11/Korolev.woff2), url(/wp-content/uploads/2022/11/Korolev.woff);font-weight:700;
font-display:swap;
}
:root{--color-primary:#f13c46;--color-gradient-start:#f42958;--color-gradient-stop:#e4442a;}.woocommerce ul.products, .woocommerce-page ul.products{margin-left:-15px;margin-right:-15px;}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-left:15px;padding-right:15px;}body{font-family:Barlow;font-weight:400;line-height:28px;font-size:18px;color:#000000;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:inherit;}.h1,h1{font-family:Korolev;font-weight:700;line-height:46px;font-size:40px;color:#000000;}.h2,h2{font-family:Korolev;font-weight:700;line-height:46px;font-size:40px;color:#000000;}.h3,h3{font-family:Korolev;font-weight:700;line-height:32px;font-size:30px;color:#000000;}.h4,h4{font-family:Korolev;font-weight:700;line-height:30px;font-size:24px;color:#000000;}.h5,h5{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:21px;color:#1e73be;}.h6,h6{font-family:Korolev;font-weight:700;line-height:22px;font-size:18px;color:#000000;}.titlebar-inner h1{}.titlebar-inner p{}@media ( min-width: 1200px ){.main-header .is-stuck{background:rgba(255, 255, 255, 0.75) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a, .mainbar-wrap.is-stuck .header-module .ld-module-trigger, .mainbar-wrap.is-stuck .main-nav > li > a, .mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a{color:rgb(0, 0, 0) !important;}.mainbar-wrap.is-stuck .mainbar-wrap.is-stuck .header-module .nav-trigger .bar{background-color:rgb(0, 0, 0) !important;}.mainbar-wrap.is-stuck .header-module .ld-module-trigger-icon, .mainbar-wrap.is-stuck .header-module .ld-module-trigger-txt{color:inherit !important;}.mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input{border-color:rgb(0, 0, 0) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a:hover, .mainbar-wrap.is-stuck .main-nav > li > a:hover, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a:hover{color:rgb(0, 0, 0) !important;}}@media screen and (max-width: 1199px){.main-header .navbar-header{background:rgb(255, 255, 255);}.main-header .ld-module-trigger, .main-header .ld-search-form .input-icon{color:rgb(0, 0, 0);}.main-header .nav-trigger .bar{background-color:rgb(0, 0, 0);}body[data-mobile-nav-style=classic] .navbar-collapse, body[data-mobile-nav-style=minimal] .navbar-collapse{background:rgb(255, 255, 255);color:rgb(0, 0, 0);}ul.nav.main-nav > li > a, ul.nav.main-nav > li > a:hover, .main-nav .children > li.active > a, .main-nav .children > li.current-menu-item > a, .main-nav .children > li.current-menu-ancestor > a, .main-nav .children > li:hover > a, .nav-item-children > li.active > a, .nav-item-children > li.current-menu-item > a, .nav-item-children > li.current-menu-ancestor > a, .nav-item-children > li:hover > a{color:inherit !important;}ul.nav.main-nav > li > a{border-color:rgb(0, 0, 0);}}/* Hide image titles on hover */
img {
pointer-events:none;
}
/* Youtube Player */
.wpb_video_widget {
    margin-bottom: 0 !important;
}

/* NAVBAR CSS */
.is-stuck {
    background-color: #ffffff !important;
}
.main-nav > li > a{
    color: #000000 !important;
}
.main-nav > li > a:hover {
    text-decoration: underline !Important;
}
@media screen and (max-width: 991px) {
    .mainbar,
    .mainbar .is-stuck {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07) !important;
    }
}


@media screen and (max-width: 767px) {
    img.logo-default {
        max-width: 125px !important;
    }
}
/** Kundengeschichten CSS **/
@media screen and (max-width: 797px){
   .story-projekt-row .vc_col-sm-3 {
        width: 100% !important;
    } 
}
@media screen and (min-width: 768px) and (max-width: 991px){
   .story-projekt-row .vc_col-sm-3 {
        width: 50% !important;
    } 
}
@media screen and (min-width: 992px) and (max-width: 1199px){
   .story-projekt-row .vc_col-sm-3 {
        width: 33.3% !important;
    } 
}



/** Post Grid CSS **/
.laf_projekt_title {
    font-family: Korolev !important;
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    color: #95C11F !important;
    text-transform: uppercase !important;
}
.laf_projekt_kunde {
    font-family: Korolev !important;
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-bottom: 25px !Important;
}
.laf_projekt_teaser {
    margin-bottom: 25px !Important;
}


.laf_story_projekt_title {
    font-family: Korolev !important;
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-bottom: 20px !Important;
}
.laf_story_projekt_teaser {
    margin-bottom: 20px !Important;
}

/** Header 1 CSS **/

.laf-header-1 {
  -webkit-clip-path: polygon(19% 0%,100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(19% 0%,100% 0%, 100% 100%, 0% 100%);
}
.laf-sub-header-row {
    z-index: 40 !Important;
}

@media screen and (min-width: 1270px) {
    .laf_header_1_contact_head,
    .laf_header_1_contact_text {
        padding-left: 20px !important;
    } 
}

/** Content full width Image for each Side **/

@media screen and (max-width: 767px) {
    .LAF_img_right_2 > .vc_column-inner
    {
           margin-right: -15px !important;
    }
    .LAF_img_left_2 > .vc_column-inner {
        margin-left: -15px !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .LAF_img_right_2 > .vc_column-inner
    {
        margin-right: calc(-1* ((100vw - 720px)/2)) !important;
    }
    .LAF_img_left_2 > .vc_column-inner {
        margin-left: calc(-1* ((100vw - 720px)/2)) !important;
    }
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    .LAF_img_right > .vc_column-inner
    {
           margin-right: calc(-1* ((100vw - 941px)/2)) !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1429px) {
    .LAF_img_right > .vc_column-inner
    {
           margin-right: calc(-1* ((100vw - 1140px)/2)) !important;
    }
}
@media screen and (min-width: 1430px) {
    .LAF_img_right > .vc_column-inner
    {
           margin-right: calc(-1* ((100vw - 1370px)/2)) !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .LAF_img_left > .vc_column-inner
    {
           margin-left: calc(-1* ((100vw - 941px)/2)) !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1429px) {
    .LAF_img_left > .vc_column-inner
    {
           margin-left: calc(-1* ((100vw - 1140px)/2)) !important;
    }
}
@media screen and (min-width: 1430px)  {
    .LAF_img_left > .vc_column-inner
    {
           margin-left: calc(-1* ((100vw - 1370px)/2)) !important;
    }
}

/** Header 4 CSS **/

.laf-header-4 {
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 60%, 12% 0);
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 60%, 12% 0);
}
.laf-sub-header-row {
    z-index: 40 !Important;
}

/** Header 3 **/
.laf-header-3 {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 40%, 81% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 40%, 81% 100%, 0 100%);
}

/** General CSS **/
.lafcolor,
.lafcolor h6 {
    color: #95C11F !important;
}

.lafgreen {
    color: #95C11F !important;
}
.lafblue,
.lafblue h6 {
    color: #009a94 !important;
}
.white-text {
    color: #ffffff !important;
}

/** Home CSS **/
.laf-all-project-col > .vc_column-inner {
    margin-bottom: -44px !Important;
}
@media (min-width: 1200px) {
    .laf-project-row-left > .container,
    .laf-project-row-right > .container {
        margin-top: -75px !Important;
    }
}
@media (max-width: 1199px) {
    .laf-project-row-left > .container,
    .laf-project-row-right > .container {
        margin-top: 40px !Important;
    }
}

@media screen and (max-width: 1199px) {
    .laf_m_or_col_3 {
        order: 3 !important;
    }    
}

@media screen and (max-width: 991px) {
   .laf_lm_or_col_3 {
        order: 3 !important;
        flex-shrink: 0 !important;
   }
   .laf_lm_or_col_2 {
        order: 2 !important;
        flex-shrink: 0 !important;
   }
   .laf_lm_or_col_1 {
        order: 1 !important;
        margin-bottom: 30px !important;
        flex-shrink: 0 !important;
   }
   .laf_lm_hide {
       display: none !Important;
   }
}

@media screen and (max-width: 767px) {
   .laf_m_or_col_3 {
        order: 3 !important;  
   }
   .laf_m_or_col_2 {
        order: 2 !important;
   }
   .laf_m_or_col_1 {
        order: 1 !important;
        margin-bottom: 30px !important;
   }
   .laf_m_hide {
       display: none !Important;
   }
}
@media screen and (max-width: 991px) {
    .laf_m_or_ref_col_2 {
        order: 2 !important;
   }
   .laf_m_or_ref_col_1 {
        order: 1 !important;
        margin-bottom: 30px !important;
   }    
}

.laf-left-image-fw {
    -webkit-clip-path: polygon(100% 0, 100% 66%, 91% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 66%, 91% 100%, 0 100%, 0 0);
}

@media screen and (min-width: 1920px) {
    .laf_fancy_img_02 {
        bottom: -60% !important;
        left: 40% !important;
    }
}


/** BUTTON CSS **/

.laf-button {
    font-family: Korolev !important;
    font-size: 20px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
    color: #95C11F !important;
}
.laf-button > span::before {
    content: url(/wp-content/uploads/2022/11/Pfeil_rechts.svg);
    padding-right: 15px;
}

.laf-test-button > span::before {
    content: url(/wp-content/uploads/2022/11/Pfeil_rechts.svg);
    padding-right: 15px;
    animation: hithere 3s ease infinite;
}

@keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }

}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

@keyframes rotate-in-down-left {
  0% {
    transform-origin: left bottom;
    transform: rotate(-65deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}




.laf-button > span {
    padding: 10px 25px 10px 0px !Important;
}

.laf-button-under-image-1 img {
    width: 115px !Important;
    margin-left: 35px !Important;
}
.laf-button-under-image-2 img {
    width: 115px !Important;
    margin-left: 65px !Important;
}

/** Image Cuts **/

.laf-image-cut-down-right {
  -webkit-clip-path: polygon(100% 0, 100% 66%, 84% 100%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 66%, 84% 100%, 0 100%, 0 0);
}
.laf-image-cut-top-left {
  -webkit-clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%, 0 34%);
  clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%, 0 34%);
}

.laf-image-cut-top-left-and-down-right {
    -webkit-clip-path: polygon(11% 0%, 100% 0, 100% 48%, 89% 100%, 0 100%, 0% 52%);
    clip-path: polygon(11% 0%, 100% 0, 100% 48%, 89% 100%, 0 100%, 0% 52%);
}





/* Animation Test CSS */

.laf-button:hover {
    background-color: transparent !important;
    transform: none !Important;
    box-shadow: none !Important;
}

.laf-test-button {
	display: inline-block;
	color: white;
	min-width: 174px;
	text-decoration: none;
	margin-right: 50px;
	padding: 20px;
	position: relative;
	text-align: center;
	
	&:hover {
		.button-stroke:nth-child(2) {
			stroke-dashoffset: 0;
		}
	}
}


.button-stroke {
	display: block;
	width: calc(100% - 40px);
	min-height: 73px;
	stroke: #009a94;
	position: absolute;
	bottom: -20px;
	stroke-width: 3;
	
	&:nth-child(2) {
		stroke-dasharray: 650px;
		stroke-dashoffset: 650px;
		stroke: darken(#263238, 10%);
		stroke-width: 4;
		transition: stroke-dashoffset 400ms ease-out;
	}
}

@media screen and (max-width: 767px){
    
    .button-stroke {
        
        
        &:nth-child(2){
            stroke-dashoffset: 0 !important
        }
    }
}



@media screen and (max-width: 767px){
    h1, h2 {
        font-size: 30px !important;
        line-height: 34px !important;
    }
    h3 {
        font-size: 26px !important;
    }
    h4 {
        font-size: 22px !important;
    }
}




/** FORM CSS START **/

/* Basic Form CSS */
.wpcf7-form-control-wrap {
	width: 100% !important;
	display: inline-block !important;
}

.wpcf7-form-control {
    width: 100%;
}

.wpcf7 form.invalid .wpcf7-response-output {
	border: none !important;
	width: 100%;
	font-size: 16px;
	color: red;
}


/* Form Checkbox CSS */
.checkbox-col {
}

.checkbox-col .wpcf7-list-item {
	margin-left: 0 !important;
}

.checkbox-col .wpcf7-form-control-wrap {
	width: auto !important;
}

.checkbox-col input {
	accent-color: #95c11f !important;
}

.dsgvo-link {
	color: #95c11f !important; 
}

.dsgvo-link:hover {
	text-decoration: underline !important;
}

/* Form Button CSS */
.button-col {
}

.button-col .wpcf7-submit {
	width: auto !important;
	float: left !important;
	border: none !important;
	background-color: #95c11f !important;
	color: #ffffff !important;
	padding: 15px !important;
    font-family: Korolev !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    letter-spacing: 0px !Important;
    text-transform: uppercase !important;
}


.formrow label {
	font-family: Korolev !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 18px !important;
    letter-spacing: 0px !Important;
}

/* Row CSS */
.formrow {
	width: 100% !important;
	float: left  !important;
}


/* Basic Column classes*/
.formcol {
	float: left !important;
	margin-bottom: 30px !important;
}
@media screen and (max-width: 991px){
    .formcol {
        margin-bottom: 0px !important;
    }
}

.checkbox-col,
.formcol-captcha,
.button-col {
    margin-bottom: 30px !important;
}

.formcol-input {

}
.formcol-captcha input {
    border-left: 3px !important;
	border-right: 3px !important;
	border-top: 3px !Important;
	border-bottom: 3px !important;
	border-color: #ffffff !important;
	border-style: solid !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	background-color: #ffffff !important;
}
.formcol-captcha input:focus-visible {
	border-left: 3px !important;
	border-right: 3px !important;
	border-top: 3px !Important;
	border-bottom: 3px !important;
	border-color: #95c11f !important;
	border-style: solid !important;
	outline: none !important;
}


.formcol-input input {
	border-left: 3px !important;
	border-right: 3px !important;
	border-top: 3px !Important;
	border-bottom: 3px !important;
	border-color: #ffffff !important;
	border-style: solid !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	background-color: #ffffff !important;
	margin-top: 30px !important;
}

.formcol-input input:focus-visible {
	border-left: 3px !important;
	border-right: 3px !important;
	border-top: 3px !Important;
	border-bottom: 3px !important;
	border-color: #95c11f !important;
	border-style: solid !important;
	outline: none !important;
}

.formcol-input input::placeholder {
	color: #000000 !important;
}
.formcol-input textarea::placeholder {
	color: #000000 !important;
	
}

.formcol-input textarea {
	border-left: 3px !important;
	border-right: 3px !important;
	border-top: 3px !Important;
	border-bottom: 3px !important;
	border-color: #ffffff !important;
	border-style: solid !important;
	padding: 12px !important;
	padding-left: 10px !Important;
	margin-top: 30px !important;
}
.formcol-input textarea:focus-visible {
	border-left: 3px !important;
	border-right: 3px !important;
	border-top: 3px !Important;
	border-bottom: 3px !important;
	border-color: #95c11f !important;
	border-style: solid !important;
	outline: none !important;
}

.first-col {
	padding-right: 16px !important;
}

.middle-col {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.last-col {
	padding-left: 16px !Important;
}

@media screen and (max-width: 767px){
	.first-col,
	.middle-col,
	.last-col {
		padding: 0 !important;
	}
}


/* Column width classes */
.width-10 {
	width: 10% !important;
}

.width-20 {
	width: 20% !important;
}

.width-30 {
	width: 30% !important;
}

.width-33 {
	width: 33.3% !important;
}

.width-40 {
	width: 40% !important;
}

.width-50 {
	width: 50% !important;
}

.width-60 {
	width: 60% !important;
}

.width-66 {
	width: 66.6% !important;
}

.width-70 {
	width: 70% !important;
}

.width-80 {
	width: 80% !important;
}

.width-90 {
	width: 90% !important;
}

.width-100 {
	width: 100% !important;
}


/* mobile Column width */
@media screen and (max-width:  767px){
	.m-width-10 {
		width: 10% !important;
	}

	.m-width-20 {
		width: 20% !important;
	}

	.m-width-30 {
		width: 30% !important;
	}

	.m-width-40 {
		width: 40% !important;
	}

	.m-width-50 {
		width: 50% !important;
	}

	.m-width-60 {
		width: 60% !important;
	}

	.m-width-70 {
		width: 70% !important;
	}

	.m-width-80 {
		width: 80% !important;
	}

	.m-width-90 {
		width: 90% !important;
	}

	.m-width-100 {
		width: 100% !important;
	}
}
/** FORM CSS END **/