/*!
Theme Name:    co:listic childtheme
Author:        co:listic
Author URI:    https://colistic.de
Description:   co:listic Theme
Version:       1.0.0
License:       GNU General Public License v3 or later
License URI:   https://www.gnu.org/licenses/gpl-3.0.html
Template:      page-builder-framework
Text Domain:   page-builder-framework-child
*/



/* ########## Typografie ########## */ 

body, .wpbf-page p, .wpbf-page span, .wpbf-page a span, .wpbf-page a, form, input, textarea{
	font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1600 - 320))) !important;
   }
   
   .wpbf-page h1, .wpbf-page h1 span{
	   font-size: calc(30px + (50 - 30) * ((100vw - 320px) / (1600 - 320))) !important;
   }
   
   .wpbf-page h2, .wpbf-page h2 span{
	   font-size: calc(22px + (40 - 22) * ((100vw - 320px) / (1600 - 320))) !important;
   }
   
   .wpbf-page .header-sub-intro h2, .wpbf-page .header-sub-intro h2 span,
   .wpbf-page .header-sub-intro-2 h2, .wpbf-page .header-sub-intro-2 h2 span{
	   font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (1600 - 320))) !important;
   }
   
   .wpbf-page h3, .wpbf-page h3 span{
	   font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (1600 - 320))) !important;
   }
   
   .wpbf-page h4, .wpbf-page h4 span{
	   font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1600 - 320))) !important;
   }
   
   
   #bewerbungsformular h2{
	   font-size: calc(30px + (50 - 30) * ((100vw - 320px) / (1600 - 320))) !important;
   }
   
   #bewerbungsformular label{
	   font-size: calc(26px + (40 - 26) * ((100vw - 320px) / (1600 - 320))) !important;
   }
   
   .fl-number-string,
   .fl-number-string span{
	   font-size: calc(30px + (50 - 30) * ((100vw - 320px) / (1600 - 320))) !important;
   }
   
   #benefits h3,
   #benefits h3 span{
	   font-size: calc(22px + (40 - 22) * ((100vw - 320px) / (1600 - 320))) !important;
}
   
/* ########## Typografie ########## */ 


select{
	background-image:none !important;
}

/* ########## Base ########## */ 
.fas { font-weight:900 !important; }

/* ########## Row Shape ########## */ 
.fl-node-423ogchbj1tq .fl-builder-bottom-edge-layer > * {
    width: 15%;
    left: auto;
    right: 36%;
    height: 80%;
    top: auto;
    bottom: 0;
    transform: skewX(-39deg) scaleX(1) scaleY(1);
}
/* ########## Panel ########## */ 

.pp-image-panels-wrap .pp-panel-item .pp-panel-title {
    bottom: 40px;
    position: absolute;
    width: 100%;
}
.pp-image-panels-wrap .pp-panel-item .pp-panel-title h3 {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    left: -30px;
    width: 100%;
    text-align: left;
    padding-left: 50px!important;
    background-image: url(https://krone-group.com/wp-content/uploads/2022/05/nutzfahrzeuge-path.svg);
}
.pp-image-panels-wrap .pp-panel-item .pp-panel-title h3 {
    font-size: 28px;
    text-transform: uppercase;
    padding: 16px;
    position: relative;
}
@media (min-width: 1440px) {
	.pp-image-panels-wrap .pp-panel-item .pp-panel-title h3 {
		background-position:-80px!important;
	}
}
/* ########## Row Shape ########## */ 

/* ########## Navigation ########## */ 
.fl-node-5rcvmqk2j07x .pp-advanced-menu .menu > li:last-child a,
.fl-node-ae93cnbmqjod .pp-advanced-menu .menu > li:last-child a { padding-right: 0; }
/* ########## Navigation ########## */ 

/* ########## Header ########## */ 
.header-intro span span { font-weight: 100; }
.header-sub-intro { display: flex; justify-content: center; }
.header-sub-intro > div {
	width: fit-content;
	background: #fff;
    clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0 100%);
    -webkit-clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0 100%);
    padding: 5px 20px;
}
.header-intro span span { font-weight: 100; }
.header-sub-intro-2 { display: flex; justify-content: center; }
.header-sub-intro-2 > div {
	width: fit-content;
	background: #fff;
    clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0 100%);
    -webkit-clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0 100%);
    padding: 5px 20px;
	box-shadow: 0px 0px 20px #00000029;
}

.header-sub-intro span span { font-weight: 600; }

.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky,
.fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky):not(.fl-builder-content-editing) {
	z-index:1000;
}

.pp-advanced-menu .pp-menu-overlay{
	z-index:1100;
}

.filtershadow{
	filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.16));
}
/* ########## Navigation CTA ########## */ 
.cta-item {
	background-image: url(https://krone-group.com/wp-content/uploads/2022/05/Path-4227.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.nav_cta_subpages .cta-item {
	background-image: url(https://krone-group.com/wp-content/uploads/2022/05/cta-gray.svg)!important;
}
.cta-item a span {
	  padding: 20px;
    text-align: center;
    left: 10px;
    position: relative;
}
/* ########## Navigation ########## */ 

@media (min-width: 801px) {
.fl-node-ae93cnbmqjod .menu li:first-child {
    border: none;
    margin-right: 20px;
}
}
.current_page_item {
	text-decoration: underline;
}
#rightmenu .pp-advanced-menu ul,
#rightmenu .pp-advanced-menu li:first-child {
	margin-right: 20px
}

/* ########## Modal Karriere ########## */ 

.pp-modal .pp-modal-content-inner, #modal-ljtkyuwrs95q .pp-modal .pp-modal-content-inner {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
/* ########## Contact Form 7 ########## */ 
.wpcf7-list-item{
	margin:0;
}

#bewerbungsformular label {
	font-size:36px;
	font-weight:300;
}
#bewerbungsformular select { font-size: 16px; }
#bewerbungsformular textarea, 
#bewerbungsformular select, 
#bewerbungsformular input[type=text], 
#bewerbungsformular input[type=password], 
#bewerbungsformular input[type=email], 
#bewerbungsformular input[type=url], 
#bewerbungsformular input[type=search], 
#bewerbungsformular input[type=tel], 
#bewerbungsformular input[type=number], 
#bewerbungsformular input[type=datetime],
#bewerbungsformular input[type=select] {
	font-size: 32px !important;
	/* font-size: calc(26px + (40 - 26) * ((100vw - 320px) / (1600 - 320))) !important; */
    -webkit-appearance: none;
    width: fit-content;
    max-width: 300px;
    padding: 0px;
    font-weight: 300;
    outline: none;
    line-height: 1;
    border-bottom: 1px dashed black!important;
    border: 0px;
}
#bewerbungsformular .wpbf-button, 
#bewerbungsformular input[type=submit] {
	border: 2px solid #7F7F7F!important;
	border-radius:50px!important;
	background:transparent!important;
	font-size: 24px;
	font-style: italic;
	text-align: center;
	margin-top: 40px;
}
.wpcf7-not-valid { background: rgba(255 0 0 / 5%) !important; }
.wpcf7-not-valid-tip { display: none; }

.pp-hover-card-container {
	background-position:center;
	margin:0 !important;
	overflow:hidden;
	width: 25% !important;
}
.agb .pp-hover-card-container {
	width: 50% !important;
}
.agb .pp-hover-card-container .pp-hover-card-title h3 { background-position: -60px !important; }


	.agb .fl-node-ds903vuwtgxn .pp-hover-card-container { background-size: cover !important; }


.pp-hover-card-container .pp-hover-card-title h3{
    color: #fff !important;
    background: url(/wp-content/uploads/2024/06/nutzfahrzeuge-path-new.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
	text-align:left;
	padding:10px 50px 10px 60px;
	position:absolute;
	left:-40px;
	bottom:20px;
	width:100%;
}
@media (min-width:992px) and (max-width:1280px) {
	.pp-hover-card-container .pp-hover-card-title h3 {
		padding: 5px 50px 5px 60px;
}
}
.pp-hover-card-inner:before{
	content:" ";
	width:100% !important;
	height:66%;
	position:absolute;
	bottom:0;
	left:0;
	margin:0 !important;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.pp-hover-card-container.hover-card-0 .pp-hover-card-title h3{
	background-position: -140px;
}

.pp-hover-card-container.hover-card-1 .pp-hover-card-title h3{
	background-position: -90px;
}

.pp-hover-card-container.hover-card-2 .pp-hover-card-title h3{
	background-position: -55px;
}

.pp-hover-card-container.hover-card-3 .pp-hover-card-title h3{
	background-position: -175px;
}

.pp-hover-card-container{
    background-color: #262626 !important;
	height:55vh !important;
   transition: transform 0.5s; 
    background-size: auto 100% !important;
    transition: background-size 1s ease-in-out;
    -moz-transition: background-size 1s ease-in-out;
    -webkit-transition: background-size 1s ease-in-out;
}

.pp-hover-card-container:hover{
	 background-size: auto 110% !important;
}

.pp-hover-card-wrap{
	background-color:#262626 !important;
}

/* MODAL */
.pp-modal-content #bewerbungsformular h2{
	margin-bottom:5%;
}

.pp-modal-content #bewerbungsformular .wpcf7-submit{
	font-weight:500;
	font-style: normal;
	text-transform:uppercase;
	font-size:inherit;
}

.circle-img {
	border: 3px solid #fff;
	border-radius: 50%;
}
.timeline .wp-caption-text {
	color: #fff;
	font-size: 15px;
}
.normal-link a { color: #7F7F7F; transition: all .35s; }
.normal-link a:focus,
.normal-link a:hover { color: #595959; transition: all .35s; }
.auszeichnung-mobile { display: none; }
@media (max-width: 1199px) {
	.timeline .timeline-persons { grid-template-columns: repeat(1, 1fr) !important; }
}
@media (max-width: 850px) {
	.header-auszeichnung-mobile { display: none; }
	.auszeichnung-mobile { position: absolute; z-index: 99; left: 0; display: block; margin-top: -170px }
}
@media (max-width: 375px) {
	.page-id-245 .auszeichnung-mobile { margin-top: -130px }
	.page-id-245 .auszeichnung-mobile img { width: 120px; }
	.page-id-311 .auszeichnung-mobile { margin-top: -75px }
}

.no-padding .fl-col-content { padding: 0; }

/* .linebreaker .fl-row-content { z-index: 2; }
.linebreaker .fl-row-content-wrap::before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
    left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to bottom, rgb(0,0,0,.5), transparent);
} */

.agb-desktop > .fl-row-content-wrap {
    background-size: 70% auto;
}

.agb-mobile { display: none; }
@media (max-width: 850px) {
	.agb-desktop { display: none; }
	.agb-mobile { display: block; }
}

.page-id-719 .fl-node-krj8hl2wyisn > .fl-row-content-wrap { background-size: cover; }
@media (max-width: 850px) {
	.page-id-245 .fl-node-vr04cawlkb7j > .fl-row-content-wrap { background-position-x: 50%; }
	.page-id-245 .fl-node-b98tlhsa6gi3 > .fl-row-content-wrap { background-position-x: 55%; }
	.page-id-311 .fl-node-4i7tgla1k2zw > .fl-col-content { background-position: center right; }
	.page-id-719 .fl-node-krj8hl2wyisn > .fl-row-content-wrap { background-position-x: 50%; }
}

#menu-footer li a { font-size: 12px !important; }

.datenschutz-checkbox span { font-size: 16px; }
.datenschutz-checkbox a { color: #7f7f7f; }

.wpcf7-submit {
	font-weight: 600;
    text-transform: uppercase;
    border: 1px solid rgba(243,0,0,0);
    border-style: solid;
    border-width: 0;
    background-clip: border-box;
	border: 2px solid #7F7F7F;
    border-radius: 50px;
	padding: 12px 40px;
}

.wpcf7-select { padding-right: 40px; }
@media (max-width: 800px) {
	#bewerbungsformular label, #bewerbungsformular textarea, #bewerbungsformular select, #bewerbungsformular input[type=text], #bewerbungsformular input[type=password], #bewerbungsformular input[type=email], #bewerbungsformular input[type=url], #bewerbungsformular input[type=search], #bewerbungsformular input[type=tel], #bewerbungsformular input[type=number], #bewerbungsformular input[type=datetime], #bewerbungsformular input[type=select] {
		font-size: 18px !important;
	}
}

.pp-carousel-image-container { background-size: 200px !important; }

@media (max-width: 375px) {
	.fl-node-86bmxrkdsavp { display: none; }
}
/* ########## Privacy Links ########## */
.privacy-links a {
	font-size:12px!important;
	text-align:right!important;
	display: block!important;
	line-height: 0;
}
@media (max-width:768px) {
	.privacy-links a {
		text-align: left;
	}
}

.suchergebnisse .fl-post-feed-post { border: 0; }
.suchergebnisse .fl-post-feed-more {
	padding-right: 10px;
	border: 2px solid #7f7f7f;
	    padding: 12px 24px;
	display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
	font-weight: 600;
	text-transform: uppercase;
    text-decoration: none;
    text-shadow: none;
	border-radius: 23px;
}

/* Compliance Styles */
.page-id-1224 a{
	color:#7f7f7f;
}

.fl-module-pp-file-download .pp-button-width-full a.pp-button{
	color:#fff;
	text-align:left;
}

.fl-module-pp-file-download .pp-button-width-full a.pp-button .pp-button-icon{
	float:right;
    padding: 10px 0px;
}

@media (max-width: 390px) {
	.fl-node-c9xpzhbevkty,
	.fl-node-80o15rn6vp3w { display: none; }
}
@media (max-width: 375px) {
	.fl-node-5mi2upc4zvd9 { margin-top: 50px; }
}

@media (max-width: 600px) {
	.job-result-wrapper .job-result { display: flex !important; flex-direction: column !important; }
	.job-result-wrapper .job-result .details { max-width: fit-content; }
	.job-result-wrapper .job-result .details .subline { flex-direction: column; margin-top: 1rem; }
	.job-result-wrapper .job-result .details .subline span { white-space: normal !important; }
}



/* ### Mobile-Navigation ### */
@media (max-width:768px) {
 .pp-advanced-menu .menu > li > a, .pp-advanced-menu .menu > li > .pp-has-submenu-container > a {
    padding-top: 10px;
    padding-right: 10px!important;
    padding-bottom: 10px;
    padding-left: 0px;
}
}
/* ### Mobile-Navigation ### */


/* ### Map ### */
/* Map CSS Reverse */
#wpsl-wrap .wpsl-search { background: none; }
#wpsl-wrap .wpsl-search,
#wpsl-wrap #wpsl-result-list,
#wpsl-wrap #wpsl-result-list ul li,
#wpsl-wrap #wpsl-result-list p,
#wpsl-search-wrap div,
#wpsl-search-wrap div label,
#wpsl-search-btn,
#wpsl-search-wrap input { padding: 0 !important; margin: 0 !important; }
#wpsl-search-btn,
#wpsl-search-wrap,
#wpsl-search-wrap div { float: none; display: block; }
#wpsl-search-input { width: 100% !important; }
#wpsl-search-wrap div label { line-height: 0; }
#wpsl-wrap #wpsl-result-list li { border: 0; overflow: inherit; }
#wpsl-checkbox-filter.wpsl-checkbox-3-columns li, .wpsl-custom-checkboxes.wpsl-checkbox-3-columns li { width: auto; }
#wpsl-checkbox-filter, .wpsl-custom-checkboxes { float: none; display: flex; }
/* Map CSS Reverse */

#wpsl-wrap { display: flex; height: 85vh; margin: 0; }
#wpsl-wrap #wpsl-location-container,
#wpsl-wrap #wpsl-search-container { width: 100%; }
#wpsl-wrap #wpsl-search-input-container { display: flex; }
#wpsl-wrap #wpsl-result-list { width: 100%; }
#wpsl-wrap #wpsl-result-list p { line-height: normal; }

#wpsl-wrap .wpsl-input { /* display: inline-flex; */ display: none; width: 100%; }

#wpsl-gmap, #wpsl-result-list { min-height: 85vh; }
#wpsl-wrap #wpsl-result-list { height: 85vh; padding: 35px 0 !important; }
#wpsl-wrap #wpsl-result-list h3 { margin-bottom: 0; }
#wpsl-stores { min-height: calc(85vh - 125.59px) !important; }

#wpsl-stores::-webkit-scrollbar { width: 12px; }
#wpsl-stores::-webkit-scrollbar-track { background: rgba(104 100 93 / 10%); }
#wpsl-stores::-webkit-scrollbar-thumb {
	background-clip: padding-box;
	background-color: #7F7F7F;
	border: 3px solid rgba(0, 0, 0, 0);
}

#wpsl-gmap { float: none; width: 66.66%; min-width: -webkit-fill-available; }
#wpsl-gmap .wpsl-container { display: grid; }
#wpsl-gmap #wpsl-result-list { width: 33.33%; }
#wpsl-wrap #wpsl-search-wrap div label {
	/* display: flex; */
	display: none;
	align-items: center;
	font-size: 15px;
	font-weight: bolder;
	line-height: normal;
	width: 100%;
	margin-bottom: 10px !important;
}
#wpsl-wrap #wpsl-search-wrap span.bold-font-weight { font-size: 15px; font-weight: bolder; margin-bottom: 10px; }

#wpsl-stores .wpsl-store-thumb {
	float: none;
	width: 100% !important;
    border-radius: 0;
    margin: 0 0 15px 0;
}
.wpsl-directions,
.store-locator-button {
	display: inline-block;
	color: #7F7F7F;
	letter-spacing: 1px;
	border: 2px solid #7F7F7F !important;
	border-radius: 25px;
	padding: 5px 20px;
	margin-top: 15px;
	transition: all .35s;
}
.wpsl-directions { padding-left: 12px; }
.wpsl-directions:not(:empty) { font-size: 0 !important; }
.wpsl-directions:after { content: 'PLAN ROUTE'; font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1600 - 320))) !important; }
.wpsl-directions:focus,
.wpsl-directions:hover,
.store-locator-button:focus,
.store-locator-button:hover {
	color: #fff;
	background: #7F7F7F;
	transition: all .35s;
}

#wpsl-wrap #wpsl-result-list p { margin-top: 10px !important; }
#wpsl-wrap #wpsl-result-list p strong,
.wpsl-info-window p strong { display: block; margin-bottom: 10px !important; }
.wpsl-info-actions { display: none !important; }

.wpsl-info-window .grid {
    display: flex;
    gap: 7px;
}
.wpsl-info-window .grid > span:after {
	content: '';
	border-right: 1px solid #7F7F7F;
    margin-left: 7px;
}

@media (max-width: 959px) {
	#wpsl-wrap { display: grid; height: 100%; }
	#wpsl-gmap,
	#wpsl-gmap #wpsl-result-list { width: 100%; }
	
	#wpsl-gmap, #wpsl-result-list, #wpsl-stores { min-height: 100%; width: 100%; }
}

#wpsl-wrap #wpsl-result-list .wpsl-container { padding: 35px 0 35px 35px; }
#wpsl-search-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 450px;
	padding: 0 35px;
}
#wpsl-wrap #wpsl-result-list #wpsl-location-container:after {
	content: '';
	display: block;
	height: 2px;
	width: 100%;
	background: var(--off-white);
	margin-top: 20px;
}
#wpsl-wrap #wpsl-result-list #wpsl-location-container p,
#wpsl-wrap #wpsl-result-list #wpsl-search-container p { font-family: 'Clear Sans Bold'; margin-bottom: 15px !important; }

#wpsl-search-wrap form { width: 100%; }

/* #################### FILTER #################### */
/* #wpsl-checkbox-filter { display: flex; gap: 15px; padding-bottom: 20px; margin-bottom: 0; margin-bottom: 20px; border-bottom: 2px solid var(--off-white); }
#wpsl-checkbox-filter label { display: flex; font-family: 'Clear Sans Bold'; font-size: 13px; text-transform: uppercase; }
#wpsl-checkbox-filter li:first-child label { color: var(--green); }
#wpsl-checkbox-filter li:last-child label { color: var(--blue); }
#wpsl-checkbox-filter input[type="checkbox"] {
	position: relative;
	height: 20px;
	width: 20px;
	background: #fff;
	border-radius: 0;
	margin-right: 5px !important;
	appearance: none;
	opacity: 1;
}
#wpsl-checkbox-filter li:first-child input[type="checkbox"] { border: 2px solid var(--green); }
#wpsl-checkbox-filter li:last-child input[type="checkbox"] { border: 2px solid var(--blue); }
#wpsl-checkbox-filter li:first-child input[type="checkbox"]:checked { border: 2px solid var(--green); background: var(--green); }
#wpsl-checkbox-filter li:last-child input[type="checkbox"]:checked { border: 2px solid var(--blue); background: var(--blue); }
#wpsl-checkbox-filter input[type="checkbox"]:checked:before,
#wpsl-checkbox-filter input[type="checkbox"]:checked:after { content: ''; position: absolute; height: 2px; background: #fff; }
#wpsl-checkbox-filter input[type="checkbox"]:focus { outline: none; } */
/* #################### FILTER #################### */

@media (max-width: 959px) {
	#wpsl-wrap { display: flex; flex-direction: column-reverse; gap: 35px; }
	#wpsl-wrap #wpsl-result-list .wpsl-container { padding: 0 20px; }
	#wpsl-search-wrap { width: -webkit-fill-available; padding-top: 0; }
}

#wpsl-wrap #wpsl-search-input {
	color: var(--text);
	font-family: 'Clear Sans Regular';
	height: 36px;
	border: 2px solid var(--green);
	border-radius: 25px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding: 0 15px !important;
}
#wpsl-wrap #wpsl-search-input.wpsl-error { border-width: 2px !important; }
#wpsl-wrap #wpsl-search-btn {
	color: var(--white);
	font-family: 'Clear Sans Bold';
	font-size: 13px;
	text-transform: uppercase;
	height: 40px;
	background: var(--green);
	border: 2px solid var(--green);
	border-left: 0;
	border-radius: 25px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 0 10px !important;
}

#wpsl-wrap #wpsl-stores { border-top: 2px solid var(--off-white); border-bottom: 2px solid var(--off-white); margin-top: 30px !important; }
#wpsl-wrap #wpsl-stores ul li { padding: 20px 0 !important; border-bottom: 2px solid var(--off-white); }
#wpsl-wrap #wpsl-stores ul li:last-child { border: 0; }
#wpsl-wrap #wpsl-stores ul li > div > p:last-child { margin-top: 10px !important; }
/* ### Map ### */

/* ### AZUBI ### */
.trainee-list h4 { text-transform: none; }
.training-item a { color: #7f7f7f; font-weight: 700; }
.training-item a span { font-weight: normal; }

.arbeitsumfeld-tabelle { width: 100%; border: 0; }
.arbeitsumfeld-tabelle td { vertical-align: baseline; border: 0; padding:0;}
.arbeitsumfeld-tabelle td:first-child { font-weight:bold; white-space: nowrap; padding: 10px 10px 0 0;}
.arbeitsumfeld-tabelle tr:first-child td:first-child {padding: 0 10px 0 0;}
@media (max-width: 768px) {
	.arbeitsumfeld-tabelle td { display:block;}
}

.trainee-accordion .fl-accordion-item { border: 0; }
.trainee-accordion .fl-accordion-button { display: flex; align-items: center; background: #f9f8f7; }
.trainee-accordion .fl-accordion-button a { color: #7f7f7f; font-style: italic; }
.trainee-accordion .fl-accordion-button .fl-accordion-button-icon { display: flex; align-items: center; margin-right: 10px; opacity: 1; }
.trainee-accordion .fl-accordion-button .fl-accordion-button-icon:before { color: #7f7f7f; }
.trainee-accordion .fl-accordion-content { padding: 20px 30px; }

.trainee_list_one .fl-accordion-item { background: rgba(68, 155, 214, 0.05); }
.trainee_list_two .fl-accordion-item { background: rgba(222, 53, 99, 0.05); }
.trainee_list_three .fl-accordion-item { background: rgba(74, 167, 144, 0.05); }
.trainee_list_four .fl-accordion-item { background: rgba(237, 140, 57, 0.05); }

.trainee_list_one .education-name { background: rgba(68, 155, 214, 0.3); }
.trainee_list_two .education-name { background: rgba(222, 53, 99, 0.3); }
.trainee_list_three .education-name { background: rgba(74, 167, 144, 0.3); }
.trainee_list_four .education-name { background: rgba(237, 140, 57, 0.3); }
.education-name { background: #f9f8f7; padding: 10px 15px; margin-bottom: 7px; letter-spacing:-1px; }

.fl-node-wsmk9nj45v2b { margin-bottom: 70px; }
.trainee_list_one .fl-node-content,
.trainee_list_two .fl-node-content { margin-bottom: 10px; }

.trainee-list_akkordeon h4 { margin: 0; padding: 10px 0; }
.trainee-list_akkordeon p { margin: 0; }
.trainee-list_akkordeon .fl-accordion-button .fl-accordion-button-icon { display: flex; align-items: center; margin-right: 10px; opacity: 1; }
.trainee-list_akkordeon .fl-accordion-button .fl-accordion-button-icon:before { color: #7f7f7f; }
.trainee-list_akkordeon .fl-accordion-small .fl-accordion-content { padding: 0 15px 8px 15px; }

.trainee-group { display: flex; justify-content: center; width: 100%; }

.ausbildungen-template-default .linebreaker:after { display: none; }
.ausbildungen-template-default .nav_cta_subpages .cta-item {
	background-image: url(/wp-content/uploads/2022/05/Path-4227.svg) !important;
}
.ausbildungen-template-default .pp-advanced-menu .menu > li > a { color: #fff; }
/* ### AZUBI ### */
/* ### Telefonnummer Darstellung iOS Geräte optimieren ### */

a[href^=tel], a[href*="(+49)"]{
    color:inherit!important;
    text-decoration:none;
}
/* ### Telefonnummer Darstellung iOS Geräte optimieren ### */


/* Header Line*/

.linebreaker:before{
	content:"";
	background:#fff;
	width:100%;
	left:0;
	height:2px;
	overflow:hidden;
	position:absolute;
	top:90px;
}

.linebreaker:after{
	content:"";
	background:#7f7f7f;
	width:calc(32% + 90px) !important;
	height:2px;
	overflow:hidden;
	position:absolute;
	right:0%;
	top:90px;
}

header{
	transition: all 0.5s ease;
}

.fl-theme-builder-header-scrolled .linebreaker:before,
.fl-theme-builder-header-scrolled .linebreaker:after{
	background:transparent;
	height:0px;
}

.fl-theme-builder-header-scrolled{
    background: rgba(38,38,38,0.85);
}

.fl-theme-builder-header-scrolled *{
	color:#fff;
}

.fl-theme-builder-header-scrolled .nav_cta_subpages .cta-item{
	border:2px solid #fff;
	background-image:url(/wp-content/uploads/2022/05/Path-4227.svg) !important;
}

.fl-theme-builder-header-scrolled #logo{
	padding:10px;
}

/* Intro Area */

body:not(.fl-builder-edit) .intro{
	overflow:hidden;
}


body:not(.fl-builder-edit) .intro .fl-row-content-wrap:before{
	content:"";
	display:block;
	background:#F9F9F9;
	width:calc(32% + 20px) !important;
	height:100%;
	position:absolute;
	right:0;
	bottom:0;
}

body:not(.fl-builder-edit) .intro .fl-row-content-wrap:after{
  -webkit-clip-path: polygon(100% -25%, 45% 100%, 100% 100%);
  clip-path: polygon(100% -25%, 45% 100%, 100% 100%);
	width:685px !important;
	right:32% !important;
	top: auto !important;
	top:-2px !important;
	height:1920px !important;
}

.pp-advanced-menu .menu > li:last-child a,
#rightmenu .pp-advanced-menu ul{
    padding-right: 0 !important;
	margin-right: 0 !important;
}

/* ########## Responsive ########## */ 
@media only screen and (max-width: 1024px) {
	.pp-hover-card-container {
		width: 50% !important;
	}
}

@media only screen and (max-width: 850px) {
	header .fl-row-content-wrap{
		border-bottom: 2px solid #fff !important;
	}
	
	.cta-item{
		display:none !important;
	}
	
	.fl-theme-builder-header-scrolled #logo{
		padding:0 !important;
	}
	
	.pp-advanced-menu .pp-menu-overlay .pp-menu-close-btn{
		top:30px !important;
	}
	
	.pp-advanced-menu .pp-menu-overlay > ul.menu{
		height:auto !important;
	}
	
	.pp-advanced-menu .menu > li > a{
		color:#fff !important;
	}
	
	.linebreaker:before,
	.linebreaker:after{
		display:none;
	}

	.pp-hover-card-container {
		width: 100% !important;
	}

	.pp-modal .pp-modal-content{
		padding:5% !important;
	}
	
	.pp-modal-close.win-top-right {
		top: 5% !important;
		right: 5% !important;
	}
}

/* ########## Career Plugin ########## */ 
.career-hero .pp-tilt-left { display: none; }
.fl-node-hzgi6smeoknp { width: 32%; }

.fl-node-5yt706nd2wzg .fl-col-content { padding: 0; }
.fl-node-rl3ik86bxga4 .fl-row-content-wrap { padding: 0; }
.fl-node-dfx1pqtvn8uo {
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 125px;
}
.fl-node-s8n6gd9wpuf2 {
	position: absolute;
    left: 30px;
    right: 0;
    margin: auto;
    bottom: 100px;
}

.fl-node-lsdgwc2h8oak .fl-slide-0 .fl-slide-bg-photo { background-position: left; }
.fl-node-hv1rjy4k30oa .fl-col-content { padding: 0; }
.fl-node-hzgi6smeoknp .fl-col-content { position: relative; z-index: 999; right: 10%; width: 500px; padding-right: 20px; }
.fl-node-hzgi6smeoknp .pp-col-separator:before, .fl-node-hzgi6smeoknp .pp-col-separator.pp-col-separator-left:before {
	content: '';
	z-index: 998;
  	-webkit-clip-path: polygon(100% -25%, 45% 100%, 100% 100%);
  	clip-path: polygon(100% -25%, 45% 100%, 100% 100%);
	width:685px !important;
    right: 89% !important;
    top: auto !important;
    top: -2px !important;
    height: 1000px !important;
    position: absolute;
    background: #F9F9F9;
}
@media (max-width: 1024px) {
	.fl-node-hzgi6smeoknp .pp-col-separator { display: block; }
}

@media (max-width: 1500px) {
	.fl-node-hzgi6smeoknp .pp-col-separator { display: unset; }
}
@media (max-width: 850px) { .career-hero { display: none; } }

.career-hero-slider .bx-viewport,
.career-hero-slider .fl-slide { min-height: 100vh }

.more-results button:hover,
.more-results button:focus {
	color: #fff !important;
	background: #7f7f7f !important;
	transition: all .35s !important;
}

.loading-wrapper {
	width: 60px;
	height: 60px;
	min-height: 100% !important;
	margin: 66px auto 0;
	border: solid 6px #7f7f7f;
	border-radius: 50%;
	border-right-color: transparent;
	border-bottom-color: transparent;
	 -webkit-transition: all 0.5s ease-in;
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 1.0s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	transition: all 0.5s ease-in;
    animation-name: rotate; 
    animation-duration: 1.0s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}
@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }
.loading-wrapper:after { display: none; }

/* ########## */

.textsearch input,
.location select { height: 45px; padding: 13px 15px; }

.search-filter-wrapper .job-levels { max-width: 50% !important; }

@media (max-width: 720px) {
	.wf-krone-career-search-wrapper .job-levels {
		max-width: 100% !important;
	    margin-bottom: 30px;
	}
}
@media (max-width: 600px) {
	.job-result { display: grid !important; justify-content: inherit !important; }
	.job-result .button-wrapper { padding: 0 1em 1em 1em !important; }
	.job-result .button-wrapper button { width: 100% !important; }
}

/* ########## */

.page-id-695 .linebreaker:after { display: none; }
.page-id-695 .nav_cta_subpages .cta-item {
	background-image: url(/wp-content/uploads/2022/05/Path-4227.svg) !important;
}
.page-id-695 .pp-advanced-menu .menu > li > a { color: #fff; }
.z-index-999 { position: relative; z-index: 999; }

.shadow-from-bottom { position: relative; }
.shadow-from-bottom:after {
	content: '';
	position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent, black) no-repeat bottom;
    background-size: 100% 50%;
}

/* ########## */

.job-result .details .title .hightlight {
	font-size: 1.1em !important;
    font-weight: 500;
	font-style: normal !important;    
}

/* ########## */

.job-wrapper { position: relative; }
.job-wrapper b,
.job-wrapper ul li span { color: #7f7f7f !important; }

.white-container {
	position: relative;
	background: #fff;
	padding: 100px 85px 75px;
	margin-top: -250px;
}

@media (max-width: 1199px) {
	.white-container { margin-top: -175px; }
}
@media (max-width: 767px) {
	.white-container { padding: 70px 30px 0; }
}

/* ########## */

.job-heading { position: absolute; top: -105.7px; }
.job-heading h2 { color: #fff; font-weight: 700; text-shadow: 2px 4px 3px rgb(0 0 0 / 50%); }

@media (max-width: 1049px) {
	.job-heading { top: -100px; }
}

/* ########## */

.go-back,
.apply {
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	background: #7F7F7F;
	height: 50px;
	padding: 0 30px;
	transition: all .35s;
}
.go-back:focus,
.go-back:hover,
.apply:focus,
.apply:hover { color: #fff; background: #76766f; transition: all .35s; }
.go-back {
	left: 0;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 92% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 92% 100%, 0% 100%);
	padding-right: 40px;
}
.apply {
	right: 0;
	-webkit-clip-path: polygon(2% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(2% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);
	padding-left: 40px;
}

/* ########## */

.job-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; border-bottom: 1px solid #7f7f7f; padding-bottom: 40px; }
.job-details div { display: flex; align-items: center; gap: 15px; }
.job-details div .fa-clock:before { font-size: 50px !important; }
.job-details div p { margin: 0 !important; }

@media (max-width: 1199px) { .job-details { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .job-details { grid-template-columns: repeat(1, 1fr); } }

/* ########## */

.job-desc { padding-top: 20px; }

/* ########## */

.contact-person {
	display: flex;
	gap: 30px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 50px;
    margin-top: 100px;
}

.contact-person img { height: 325px; object-fit: cover; }
.contact-person p { margin-bottom: 0 !important; }
.contact-person-apply {
	display: flex;
	align-items: center;
	background: #7F7F7F;
	border-radius: 25px;
	height: 50px;
	width: fit-content;
	padding: 0 30px;
	margin-top: 30px;
	transition: all .35s;
	line-height: 100%;
}
.contact-person-apply:focus,
.contact-person-apply:hover { color: #fff; background: #76766f; transition: all .35s; }

@media (max-width: 1199px) {
	.contact-person {
		flex-direction: column;
		gap: 50px;
		box-shadow: none;
		padding: 0;
	}
	.contact-person > div { width: 100%; }
}

.two-contact-persons {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 50px;
    margin-top: 100px;
}
.two-contact-persons > div { display: flex; gap: 30px; }

@media (max-width: 1199px) {
	.two-contact-persons { box-shadow: none; padding: 0; }
	.two-contact-persons > div { flex-direction: column; }
}

/* ########## Custom Code  ########## */ 
select { width: -webkit-fill-available !important; }

.pp-hover-card-container .pp-hover-card-title h3 { font-size: 18px !important; background-position: 6px!important; padding-right: 0 !important; }

@media (max-width: 375px) { .fl-node-0dt4zp7qf9ml .fl-heading-text br { display: none; } }

.more-results button {
	border: 2px solid #7f7f7f;
	cursor: pointer;
	font-weight: 600;
    text-transform: uppercase;
	border-radius: 50px;
	padding: 12px 24px;
	transition: all .35s;
}
.more-results button:focus,
.more-results button:hover {
	background: #7f7f7f;
	color: #fff;
	transition: all .35s;
}

html[lang="en-us"] .page-id-1030 .linebreaker:after { background: #fff; }
html[lang="en-us"] .page-id-1030 #menu-cta li a { color: #fff; }
html[lang="en-us"] .page-id-1030 .nav_cta_subpages .cta-item { background-image: url(/wp-content/uploads/2022/05/Path-4227.svg) !important; }
html[lang="en-us"] .fl-node-a8vpit2s9cxf > .fl-module-content { padding-left: 50px !important; padding-right: 50px !important; }