/********* Compiled - Do not edit *********/
: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:Roboto Slab;font-weight:400;line-height:1.7em;letter-spacing:14;font-size:18px;color:#020202;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:inherit;}.h1,h1{font-family:Source Sans Pro;font-weight:400;line-height:1.2em;font-size:50px;color:#000000;}.h2,h2{font-family:Source Sans Pro;font-weight:400;line-height:1.2em;font-size:50px;color:#000000;}.h3,h3{font-family:Source Sans Pro;font-weight:400;line-height:1.2em;font-size:35px;color:#000000;}.h4,h4{font-family:Source Sans Pro;font-weight:600;line-height:1.2em;font-size:28px;color:#000000;}.h5,h5{font-family:Source Sans Pro;font-weight:400;line-height:1.2em;font-size:22px;color:#000000;}.h6,h6{font-family:Source Sans Pro;font-weight:700;line-height:1.2em;font-size:18px;color:#ffffff;}.main-header .navbar-brand{max-width:350px !important;}.titlebar-inner h1{}.titlebar-inner p{}@media ( min-width: 1200px ){.main-header .is-stuck{background:rgb(255, 255, 255) !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=modern]:before{background:rgb(80, 161, 171);}body[data-mobile-nav-style=modern] .navbar-collapse-clone ul .nav-item-children > li > a, body[data-mobile-nav-style=modern] .navbar-collapse-clone ul > li > a, body[data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav .nav-item-children > li > a, body[data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav > li > a, .main-nav > li{color:rgb(255, 255, 255);}[data-mobile-nav-style=modern] .navbar-collapse-clone ul .nav-item-children > li > a:hover, [data-mobile-nav-style=modern] .navbar-collapse-clone ul > li > a:hover, [data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav .nav-item-children > li > a:hover, [data-mobile-nav-style=modern] .navbar-collapse-clone ul.nav.main-nav > li > a:hover{color:inherit !important;}}/* Hide image titles on hover */
img {
pointer-events:none;
}

/* EYE-ABLE Assistant*/
#eyeAble_CVDfilter {
    height: 1px !important;
}

/** HELPER CSS **/
@font-face,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-display: swap !Important;
}


.laf_zero_margin-Image {
    margin-bottom: 0 !important;
}

/*
/* Anchor Link Fix 
html {
    scroll-padding-top: 120px !important;
}
*/


.laf_petrol_line .vc_sep_holder .vc_sep_line {
    border-color: #50a1ab !important;
}


/** HEADER ROW CSS **/
@media screen and (min-width: 768px){
   .laf_second_header_row {
        margin-top: -75px !important;
        margin-bottom: 40px !important;
    } 
}

@media screen and (min-width: 992px){
   .laf_second_header_row {
        margin-top: -75px !important;
        margin-bottom: 0 !Important;
    } 
}

@media screen and (min-width: 1200px){
    .laf_second_header_row {
        margin-top: -75px !important;
    }
}

.laf_second_header_row .wpb_column {
    box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.16) !important;
    -webkit-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.16) !important;
}

.laf_signet-image img {
    padding: 15px !important;
}

/** COLUM SWITCH MOBILE **/

@media screen and (max-width: 991px){
    .laf-mobile-switch-left {
        order: 1 !important;
    }
    .laf-mobile-switch-right {
        order: 2 !important;
    }
    
    .laf-mobile-three-left {
        order: 1 !important;
    }
    .laf-mobile-three-middle {
        order: 2 !important;
    }
    .laf-mobile-three-right {
        order: 3 !important;
    }
}

/** BUTTON WITH ICON CSS **/

.ws_custom_button span {
    padding: 0 !important;
}
.ws_custom_button .btn-txt {
    padding: 18px 20px !Important;
    background-color: #50a1ab !important;
    font-family: Source Sans Pro !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 24px !Important;
}

.ws_custom_button .btn-icon {
    padding: 15px !Important;
    background-color: #000000 !important;
    margin: 0 !important;
}
.btn-solid {
    background-color: none !Important;
    border: 0px solid !important;
}

@media screen and (max-width: 400px) {
    .laf_mobile_icon_button .btn-icon {
        display:none !Important;
    }
}


/** DOWNLOAD CTA CSS **/
.laf_download_cta .liquid-overlay-link {
    z-index: 5 !Important;
    width: 89% !Important;
    height: 51.5% !Important;
    top: 24% !Important;
    left: 5% !Important;
}

/** WORKAREA CTA CSS **/

.laf_workarea_cta h5,
.laf_workarea_cta h4 {
    margin-bottom: 0 !important;
}

.laf_workarea_cta .laf_workarea_box {
    -webkit-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.16);
}

.laf_workarea_box {
    border-bottom: 8px solid #50a1ab !important;
    background-color: #ffffff !important;
}

.laf_workarea_cta .liquid-overlay-link {
    z-index: 5 !Important;
}

/* Workarea CTA Overlay Link Size */
@media screen and (max-width: 449px){
    .laf_workarea_cta .liquid-overlay-link {
        width: 92%;
        height: 81%;
        left: 14px;
    }  
}

@media screen and (min-width: 450px) and (max-width: 549px){
    .laf_workarea_cta .liquid-overlay-link {
        width: 94%;
        height: 81%;
        left: 14px;
    }  
}

@media screen and (min-width: 550px) and (max-width: 767px){
    .laf_workarea_cta .liquid-overlay-link {
        width: 96%;
        height: 88%;
        left: 14px;
    }  
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .laf_workarea_cta .liquid-overlay-link {
        width: 347px;
        height: 88%;
        left: 14px;
    }  
}

@media screen and (min-width: 992px) and (max-width: 1199px){
    .laf_workarea_cta .liquid-overlay-link {
        width: 295px;
        height: 83%;
        left: 14px;
    }  
}

@media screen and (min-width: 1200px) and (max-width: 1319px){
    .laf_workarea_cta .liquid-overlay-link {
        width: 363px;
        height: 89%;
        left: 14px;
    }  
}

@media screen and (min-width: 1320px){
   .laf_workarea_cta .liquid-overlay-link {
        width: 402px;
        height: 87%;
        left: 14px;
    } 
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .laf_workarea_cta h4 {
        font-size: 20px !Important;
    }
    .laf_workarea_cta h5 {
        font-size: 17px !Important;
    }
}


/** LIST CSS **/

.content ul {
    list-style-position: outside !Important;
    padding-left: 18px !important;
}
.content li {
    margin-bottom: 12px !Important;
}
/** Content full width Image for each Side **/

@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: 1320px) {
    .LAF_img_right > .vc_column-inner
    {
           margin-right: calc(-1* ((100vw - 1140px)/2)) !important;
    }
}
@media screen and (min-width: 1321px) {
    .LAF_img_right > .vc_column-inner
    {
           margin-right: calc(-1* ((100vw - 1260px)/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: 1320px) {
    .LAF_img_left > .vc_column-inner
    {
           margin-left: calc(-1* ((100vw - 1140px)/2)) !important;
    }
}
@media screen and (min-width: 1321px) {
    .LAF_img_left > .vc_column-inner
    {
           margin-left: calc(-1* ((100vw - 1260px)/2)) !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;
}

label {
	font-weight: 400 !important;
	font-size:  18px !Important;
}
.wpcf7-response-output {
    bottom: -25px !important;
    position: absolute !important;
    border: none !Important;
}

/* 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: #50a1ab !important;
}

.dsgvo-link {
	color: #50a1ab !important; 
}

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

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

.button-col .wpcf7-submit {
	width: auto !important;
	float: right !important;
	border: none !important;
	background-color: #50a1ab !important;
	color: #ffffff !important;
	padding: 15px !important;
    font-family: Source Sans Pro !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 24px !important;
    letter-spacing: 0px !Important;
}


/* Row CSS */
.formrow {
	width: 100% !important;
}
.f12_captcha-142 {
    margin-top: 20px !important;
}

/* Basic Column classes*/
.formcol {
	float: left !important;
	margin-bottom: 30px !important;
}

.formcol-input {

}

.contactform p {
    font-family: Source Sans Pro !important;
}

.formcol-input input {
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !Important;
	border-bottom: 1px !important;
	border-color: #EBEBEB !important;
	border-style: solid !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	padding-left: 0 !important;
	background-color: transparent !important;
}

.formcol-input input:focus-visible{
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !Important;
	border-bottom: 1px !important;
	border-color: #50a1ab !important;
	border-style: solid !important;
	outline: none !important;
}

.formcol-input input::placeholder {
	color: #707070 !important;
	font-family: Source Sans Pro !important;
}
.formcol-input textarea::placeholder {
	color: #707070 !important;
	font-family: Source Sans Pro !important;
}

.formcol-input textarea {
	border: 1px solid #EBEBEB !important;
	padding: 12px !important;
	background-color: #EBEBEB !important;
}
.formcol-input textarea:focus-visible {
	outline: none !important;
	border-color: #50a1ab !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-40 {
	width: 40% !important;
}

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

.width-60 {
	width: 60% !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;
	}
}
.contactform label {
    font-family: Source Sans Pro !important;
}
/** FORM CSS END **/


/** MOBILE FONT SIZE CSS **/

@media screen and (max-width: 767px) {
    h1,
    h2 {
        font-size: 35px !Important;
    }
    
    p,
    li {
        font-size: 15px !Important;
    }
    h3 {
        font-size: 26px !Important;
    }
    
    .ws_custom_button .btn-txt,
    .laf_form_button input,
    h4 {
        font-size: 20px !important;
    }
    
    h5 {
        font-size: 16px !Important;
    }
    h6 {
        font-size: 14px !important;
    }
}

/** Stellenanzeigen CSS **/

@media screen and (max-width: 900px){
    .job-post .job-content,
    .job-post .job-side {
        width: 100% !Important;
    }
}
@media screen and (max-width: 767px) {
    .job-post .job-content .job-content-wrap {
        padding: 0 !important;
    }
}

.job-content-wrap a {
    color: #50a1ab !important;
}

.job-content-wrap a:hover {
    text-decoration: underline !important;
}

.job-content-wrap {
    border-radius: 0 !important;
    border-width: 0 !important;
    padding: 30px !important;
}

.job-cta .apply-btn {
    padding: 15px 20px !important;
    background-color: #50a1ab !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    border-width: 0 !important;
    font-size: 24px !important;
    line-height: 24px !Important;
    font-weight: 600 !Important;
    text-transform: none !important;
    float: right !important;
    font-family: Source Sans Pro !important;
    width: auto !important;
}
.job-preview {
    border-radius: 0 !important;
    border-width: 0 !important;
    background-color: #ffffff !important;
    box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.16) !important;
    -webkit-box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.16) !important;
}

.job-content span {
    font-size: 24px !important;
    line-height: 24px !Important;
    font-weight: 600 !Important;
    font-family: Source Sans Pro !important;
}

@media screen and (max-width: 767px){
    .job-content span {
        font-size: 18px !important;
        line-height: 18px !Important;
    }
    .job-cta .apply-btn {
        width: 100% !Important;
        margin-bottom: 25px !important;
    }
    .job-cta {
        padding-left: 25px !Important;
    }
}

/** Header Menu CSS **/
.lang-item .txt {
    text-transform: uppercase !Important;
}

.menu-item {
    font-size: 18px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    font-family: Source Sans Pro !important;
    color: #000000 !important;
}

.main-nav > li > a {
    padding-left: 20px !Important;
    padding-right: 20px !important;
}


@media screen and (min-width: 1200px) {
    .main-nav > li {
        align-items: center !important;
        height: 35% !important;
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .is-stuck .lang-item a .txt,
    .lang-item a .txt {
        color: #9B9B9B;
    }
    .is-stuck .current-lang .txt,
    .current-lang .txt {
        color: #000000 !important;
    }
    
    .is-stuck .main-nav li a,
    .main-nav li a{
        color: #000000 !important;
    }
    .is-stuck .main-nav li a:hover,
    .main-nav li a:hover{
        color: #000000 !important;
    }
    

    #menu-item-300-de a,
    #menu-item-496-de a{
        margin-left: 30px !important;
        padding-left: 50px !Important;
        border-left-width: 2px !important;
        border-left-style: solid !important;
        border-color: #ebebeb !important;
        padding-right: 0 !important;
    }
    
    .is-stuck {
        background-color: #ffffff !important;
    }
}

@media screen and (max-width: 1199px){
    [data-mobile-header-scheme="gray"] .main-header .navbar-header {
        background-color: #ffffff !important;
    }
}

.mainbar-wrap,
.is-stuck {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07) !important;   
    background-color: #ffffff !important;
}