/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* FONTS */
body, p, h1, h2, h3, h4, h5 {
	font-family: "mr-eaves-modern",sans-serif;
	font-weight: 200 !important;
	line-height: 1.2 !important;
}
h1, .marginbottomh1 h3 { padding-bottom: 45px !important; }
h3 { padding-bottom: 30px !important; }
h2 { padding-bottom: 35px !important; }
h1, h2 { text-transform: uppercase !important;  }
p { padding-bottom: .75em !important; }

@keyframes color-animation {
	0% {
       background: #fff;
    }
    35% {
       background: #fef0e3;
    }
    75% {
       background: #e3e9fe;
    } 
    100% {
       background: #e3fee5;
    } 
}

body.videoactive {
   animation: color-animation 5s infinite linear alternate;
}

/* HEADER */
#main-header {
	box-shadow: 0 1px 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0);
}
#main-header.et-fixed-header {
    box-shadow: 0 0 7px rgba(0,0,0,0)!important;
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0)!important;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0)!important;
}
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
    right: 34px;
    top: 24px;
}
.et_header_style_fullscreen ul#mobile_menu_slide { height: auto; }
.et_header_style_fullscreen .et_pb_fullscreen_nav_container {
	display: flex;
	align-items: center;
}
.mobile_menu_bar:before,
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before {
	width: 24px;
	height: 24px;
	content: '';
	background-image: url('/wp-content/uploads/2020/10/burger_karolick.svg');
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
}
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before {
	background-image: url('/wp-content/uploads/2020/10/cross_karolick.svg');
}
body.et_header_style_fullscreen .et_slide_in_menu_container { opacity: 1; transform: translateX(100%); }
body.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened { transform: translateX(0);opacity: 1; padding-top: 0 !important; background: rgba(0,0,0,.6);}
body.et_header_style_fullscreen .et_pb_fullscreen_nav_container {
    width: 34%;
    margin: 0 0 0 auto;
    background: #fff;
}
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a, .et_slide_in_menu_container #mobile_menu_slide li a { padding: 8px 0 !important; }
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a, .et_slide_in_menu_container #mobile_menu_slide li a,
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before, 
.et_header_style_fullscreen .et_slide_menu_top, .et_header_style_fullscreen .et_slide_menu_top a, 
.et_header_style_fullscreen .et_slide_menu_top button#searchsubmit_header:before {
	color: #000;
}
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li {
	text-align: left;
	padding-left: 10% !important;
}
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li a { font-size: 3vh; }
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li.current-menu-item a { font-weight: 400; }
.et_header_style_fullscreen .et_pb_fullscreen_nav_container .et_mobile_menu li.submenulink a { font-size: 2vh; }
.et_slide_in_menu_container { padding-top: 0 !important; }

/* CONTENT */
#main-content { padding-left: 40px; padding-right: 40px; }
.et_fullwidth_nav #main-header .container { padding-left: 37px; padding-right: 34px;}

/* Breadcrumb */
.breadcrumb-wrapper {
	position: absolute;
    bottom: -50px;
    z-index: 99999;
    font-size: 15px;
    display: flex;
    height: 50px;
    align-items: center;
    margin-bottom: 0 !important;
}

/* Customs */
strong { font-weight: 400; }
.et_pb_video_play {
	margin: 0 !important;
	transform: translate(-50%, -50%);
}
.et_pb_video_play:before {
	content: '';
	width: 100px;
	height: 100px;
	display: block;
	background-image: url('/wp-content/uploads/2020/10/Play-karolick.svg');
	background-position: center center;
	background-repeat: no-repeat;
}
.et_pb_scroll_top.et-pb-icon {
	border-radius: 0 !important;
	right: 10px;
	background: #fff;
	color: #000;
}
.et_pb_section_1 > div:last-child { padding-bottom: 0; }
.no-pad-bottom h1, .no-pad-bottom h2,
.no-pad-bottom h3 { padding-bottom: 0 !important;}
.entry-content .et_pb_section { background-color: transparent;  }
.et_pb_text_inner > ul,
.et-pb-contact-message > ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.et_pb_text_inner > ul li,
.et-pb-contact-message > ul li {
  padding-left: 15px;
  text-indent: -12px;
}

.et_pb_text_inner > ul li:before,
.et-pb-contact-message > ul li:before {
  content: "•";
  padding-right: 5px;
  position: relative;
  left: -3px;
}
@media (min-width: 981px) {
	div:not(.contact-section-center) .et_pb_gutters1.black-col-row .et_pb_column:not(.et_pb_column_4_4),
	div:not(.contact-section-center) .et_pb_gutters1.et_pb_row.black-col-row .et_pb_column:not(.et_pb_column_4_4) {
	    margin-right: 21px;
	}
	div:not(.contact-section-center) .et_pb_gutters1.et_pb_row.black-col-row > div {
		width: calc(50% - 11px);
	}

	.et_pb_section .et_pb_row.et_pb_gutters1 .et_pb_column:not(:last-child) { padding-right: 21px !important; }
}
span.arrow { letter-spacing: -4px; position: relative; left: -4px; top:0 ; margin-left: 10px; transition: all .4s ease-out; display: inline-block; transform-origin: right;}
.et_pb_column.et_clickable:hover span.arrow,
.et_pb_module.et_clickable:hover > .et_pb_text_inner span.arrow { transform: scale(1.4); margin-left: 18px; font-weight: 200 !important;}
.disable-lightbox .et_pb_gallery_image a { pointer-events: none; }
.disable-lightbox .et_overlay,
.disable-lightbox .et-pb-slider-arrows {
	display: none !important;
}

/* Custom Slider */
.disable-lightbox { overflow: visible; margin-bottom: 0 !important; }
.et_pb_section:not(.et_pb_section_0) .et-pb-slider { padding-bottom: 50px;}
.et-pb-controllers {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -1px !important;
    background: #fff;
	border-bottom: 1px solid #fff;
}
.et_pb_section_0 .et-pb-controllers { bottom: -50px !important; }
.et-pb-controllers a {
	pointer-events: auto !important;
	display: inline-block;
    background-color: #000 !important;
    text-indent: -9999px;
    border-radius: 0;
    width: 5px;
    height: 5px;
    margin-right: 20px;
    padding: 0;
    opacity: 1;
}
.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {
	background-color: transparent !important;
	border: 1px solid #000;
	height: 18px;
	width: 6px;
}
.disable-lightbox .counter {
	position: absolute;
    right: 5%;
    bottom: 0;
    color: #000;
    font-size: 15px;
    z-index: 9999;
    display: flex;
    height: 50px;
    align-items: center;
}
.et_pb_section_0 .disable-lightbox .counter { bottom: -50px; }
.disable-lightbox.single-counter .counter { display: none; }

/* HOME */
.overlay { pointer-events: none; }
.overlay .et_pb_gallery_item { position: relative; }
.overlay .et_pb_gallery_item:after {
	content: '';
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .95;
}
.overlay.ultrametlack .et_pb_gallery_item:after { background-image: url(/wp-content/uploads/2020/10/Ultrametlack-Overlay-karolick.png) !important; }
.overlay.ultrametlack .counter { display: none; }
.overlay.strukturlack .et_pb_gallery_item:after { background-image: url(/wp-content/uploads/2020/10/Strukturlack-Overlay-karolick.png) !important; }
.overlay.strukturlack .counter { display: none; }
.overlay.hydrolack .et_pb_gallery_item:after { background-image: url(/wp-content/uploads/2020/10/Hydrolack-Overlay-karolick.png) !important; }
.overlay.hydrolack .counter { display: none; }
.overlay.farblack .et_pb_gallery_item:after { background-image: url(/wp-content/uploads/2020/10/Farblack-Overlay-karolick.png) !important; }
.overlay.farblack .counter { display: none; }
.overlay.softlack .et_pb_gallery_item:after { background-image: url(/wp-content/uploads/2020/10/Softlack-Overlay-karolick.png) !important; }
.overlay.softlack .counter { display: none; }
.overlay.nextellack .et_pb_gallery_item:after { background-image: url(/wp-content/uploads/2020/10/Nextellack-Overlay-karolick.png) !important; }
.overlay.nextellack .counter { display: none; }
.overlay.lasertechnik .et_pb_gallery_item:after { background-image: url(/wp-content/uploads/2020/10/Lasertechnik-Overlay-karolick.png) !important; }
.overlay.lasertechnik .counter { display: none; }
.overlay.tampondruck .et_pb_gallery_item:after { background-image: url(/wp-content/uploads/2020/10/Tampondruck-Overlay-karolick.png) !important; }
.overlay.tampondruck .counter { display: none; }
.overlay.siebdruck .et_pb_gallery_item:after { background-image: url(/wp-content/uploads/2020/11/Siebdruck-Overlay-karolick.png) !important; }
.overlay.siebdruck .counter { display: none; }
.overlay.digitaldruck .et_pb_gallery_item:after { background-image: url(/wp-content/uploads/2020/11/Digitaldruck-Overlay-karolick.png) !important; }
.overlay.digitaldruck .counter { display: none; }

/* Contact Section */
.contact-section-center .et_pb_column_1_4 {
	align-items: flex-end;
	display: flex;
	justify-content: flex-end;
}
.contact-section-center .et_pb_column_1_4 .et_pb_text { padding: 0 0 42px 0 !important; }
.contact-section-center .et_pb_column_1_2 .et_pb_text_inner h3 {margin-bottom: 0; max-width: 70%; }
.contact-section-center .et_pb_column_1_2 > .et_pb_text:not(:first-of-type) .et_pb_text_inner p {max-width: 60%; }
.contact-section-center .et_pb_column_1_2 .et_pb_text_inner h2 {margin-top: 50px; }
.contact-section-center .et_pb_column_1_2 .et_pb_module:first-child { margin-bottom: 17px !important; }
.contact-section-center .et_pb_column_1_2 .et_pb_module:nth-child(2) {
	padding: 42px !important;
}
.contact-section-center .et_pb_text h2 a { color: #97c7ff !important; }


/* Unternehmen */
.videotextwrapper > div { display: flex; }
.videotextwrapper > div > div {
	padding-right: 0;
	text-align: center;
	mix-blend-mode: normal;
}
.videotextwrapper > div > div:hover img { opacity: 0; }
.videotextwrapper > div > div.handmade-icon {
	width: 51.3%;
	position: relative;
	z-index: 1;
}
body.videoactive .videotextwrapper > div > div.handmade-icon:hover > div {
	background-color: #fff;
    -webkit-mask: url(/wp-content/uploads/2020/09/handmade-Schwarz.svg) no-repeat center;
    mask: url(/wp-content/uploads/2020/09/handmade-Schwarz.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.videotextwrapper > div > div.by-icon {
	width: 11.88%;
	position: relative;
	z-index: 1;
}
body.videoactive .videotextwrapper > div > div.by-icon:hover > div {
	background-color: #fff;
    -webkit-mask: url(/wp-content/uploads/2020/09/by-Schwarz.svg) no-repeat center;
    mask: url(/wp-content/uploads/2020/09/by-Schwarz.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.videotextwrapper > div > div.karolick-icon {
	width: 36.82%; 
	position: relative;
	z-index: 1;
}
body.videoactive .videotextwrapper > div > div.karolick-icon:hover > div {
	background-color: #fff;
    -webkit-mask: url(/wp-content/uploads/2020/10/karolick-Schwarz.svg) no-repeat center;
    mask: url(/wp-content/uploads/2020/10/karolick-Schwarz.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.videotextwrapper > div > div > div { max-width: 95%; margin: 0 auto; }
.videotextwrapper > div > div.cursor-video {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transform: translate(-50%, -50%) scale(0);
	cursor: none;
	transition: transform .5s;
	width: 340px;
	height: 340px;
	/* display: none; */
	pointer-events: none;
}
.videotextwrapper > div > div.cursor-video.videoactive { 
	display: block; 
	mix-blend-mode: exclusion;
	transform: translate(-50%, -50%) scale(1);
}
.videotextwrapper > div > div.cursor-video video {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	position: static;
    -o-object-fit: cover;
    object-fit: cover;
}
.videotextwrapper > div > div.cursor-video video {
	
}

/* Industrielackierung */
body .et_pb_row.black-col-row { display: flex; }
body .et_pb_row.black-col-row:nth-child(2),
body .et_pb_row.black-col-row:nth-child(3) { padding-bottom: 0; }
body .black-col-row > .et_pb_column {
	padding: 42px;
	display: flex;
    flex-direction: column;

}
body .black-col-row > .et_pb_column h2 {
	padding: 0 !important;
	line-height: 1;
	color: #97c7ff !important
}
body .black-col-row .arrow-black-row {
	position: absolute;
	right: 42px;
	top: 32px;
	color: #fff;
	font-size: 37.5px;
}
body .black-col-row .arrow-black-row .arrow { letter-spacing: -7px; }
body .black-col-row .et_pb_space { height: 100px; flex-grow: 1;}

/* KARRIE */
.stellen-col.active-stelle { background: #fff; }
.stellen-col.active-stelle div,
.stellen-col.active-stelle p,
.stellen-col.active-stelle h2,
.stellen-col.active-stelle h3 { color: #000 !important; }
.stellen-col h3 { padding-bottom: 0 !important; }
.stellen-col > div:not(.hidden):hover { cursor: pointer; }
.stellen-col .hidden { 
	display: none; 
	visibility: hidden; 
	margin-top: 25px;
	opacity: 0.0;
}
.stellen-col .hidden ul { padding-bottom: 0 !important; }
.stellen-col .hidden.show { display: block; visibility: visible; opacity: 1;
	animation: fadeIn ease 1s;
	-webkit-animation: fadeIn ease 1s;}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-moz-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-o-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

@-ms-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}

/* KONTAKT */
#et_pb_contact_form_0 { display: flex; flex-direction: column; }
#et_pb_contact_form_0 > div:first-child { order: 2; font-size: 21px; margin-top: 50px; }
#et_pb_contact_form_0 > div:only-child {
	text-align: center;
	font-size: 52px;
	padding: 25px 0;
}
.et_contact_bottom_container {
	float: none; 
	width: 100%;
}
.et_contact_bottom_container button {
	width: 100%;
}
.et_pb_contact_field_options_title { font-size: 21px; font-weight: 200 !important; }
.et_pb_contact_field_checkbox label { position: relative; padding-left: 30px; }
.et_pb_contact_field_checkbox label i { position: absolute !important; left: 0; top: 4px; }
body.page-id-937 #page-container .et_pb_section .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_custom_button_icon.et_pb_button:after,
body.page-id-937 #page-container .et_pb_section.et_pb_login .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_custom_button_icon.et_pb_button:after {
	font-family: "mr-eaves-modern", sans-serif !important;
	font-weight: 200;
	line-height: 1.2 !important;
	content: '—›' !important;
	letter-spacing: -4px; 
	position: relative; 
}
.et_pb_contact_form_0.et_pb_contact_form_container .input, .et_pb_contact_form_0.et_pb_contact_form_container .input[type="checkbox"]+label i, .et_pb_contact_form_0.et_pb_contact_form_container .input[type="radio"]+label i {
	font-weight: 200 !important;
}
p.et_pb_contact_field { margin-bottom: 2% !important;}
.et_pb_contact p .et_contact_error { border-color: #d21414 !important; }
.et_pb_contact .et_pb_contact_form p.et_contact_error .et_pb_contact_field_radio_title, .et_pb_contact .et_pb_contact_form p.et_contact_error .et_pb_contact_field_radio label, .et_pb_contact .et_pb_contact_form p.et_contact_error input[type=checkbox]+label {
	color: #d21414 !important;
}
body #page-container .et_pb_section .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button { padding: 12px 0; }
.et_pb_contact_field_8 .et_pb_contact_field_checkbox label > a { font-weight: 300 !important; display: inline-block; }
body .grecaptcha-badge { bottom: 19% !important; }

/* Borlabs */
#BorlabsCookieBox ._brlbs-bar ._brlbs-h3 { display: inline-block;}
#CookieBoxTextDescription { text-align: center; }

/* eRecht24 */
.erecht24 h2,
.erecht24 h3,
.erecht24 h4 { padding-bottom: 0 !important; font-size: 21px !important; text-transform: none !important; font-weight: 700 !important; } 

@media ( max-width: 980px ) {	
	/* LAYOUT */
	#main-content .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module.et_pb_text { margin-bottom: 0; }
	.et_header_style_left .logo_container { left: 0; top: 0; padding-left: 18px;}
	.et_pb_column .et_pb_row_inner, .et_pb_row { padding: 0 !important; }
	.et_fullwidth_nav #main-header .container { padding-left: 20px; padding-right: 20px; width: 100%;}
	body.et_header_style_fullscreen .et_pb_fullscreen_nav_container {
	    width: 66%;
	}
	#main-content { padding-left: 20px; padding-right: 20px; }
	.et_pb_row {
		display: block !important;
	}
	.et_pb_gutters1 .et_pb_column, .et_pb_gutters1 .et_pb_column .et_pb_module, .et_pb_gutters1.et_pb_row .et_pb_column, .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module {
	    margin-bottom: 25px;
	}
	h1 { padding-bottom: 35px; }
	h2 { padding-bottom: 25px; }
	h3 { padding-bottom: 20px; }
	div:not(.et_pb_section_0) > div > div > div.disable-lightbox { margin-bottom: 100px !important; }
	.contact-section-center > div {
		display: flex !important;
		flex-direction: column-reverse !important;
	}
	.contact-section-center > div div.et_pb_column_1_4 { justify-content: flex-start; }
	.contact-section-center > div div.et_pb_column_1_4 p { text-align: left; }
	.contact-section-center > div div.et_pb_column_1_2 { margin-bottom: 14px !important; }
	.contact-section-center .et_pb_column_1_2 .et_pb_text_inner h3 {margin-bottom: 0; max-width: 330px; }
	.black-col-row.et_pb_gutters1 > div:first-child { margin-bottom: 21px !important; }
	.et_pb_row.black-col-row > div:last-child { margin-bottom: 21px !important; }
	.page-id-574 .et_pb_gutters1 .et_pb_row_4col>.et_pb_column.et_pb_column_1_4 { width: 100%; }
}

@media ( min-width: 480px ) and ( max-width: 980px ) and (orientation: portrait) {
	/*
	#main-content div:not(.contact-section-center) > div > div > div.et_pb_text {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	*/
	.et_pb_gutters1 .et_pb_column, .et_pb_gutters1 .et_pb_column .et_pb_module, .et_pb_gutters1.et_pb_row .et_pb_column, .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module {
	    margin-bottom: 0;
	}
	#main-content .black-col-row > div > div.et_pb_text {
		max-width: 100% !important;
		margin-left: initial !important;
		margin-right: initial !important;
	}
	/*
	.et_pb_gutters1 .et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4, .et_pb_gutters1 .et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4, .et_pb_gutters1 .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4, .et_pb_gutters1 .et_pb_row_4col>.et_pb_column.et_pb_column_1_4, .et_pb_gutters1.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4, .et_pb_gutters1.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4, .et_pb_gutters1.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4, .et_pb_gutters1.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 { width: 100%; margin-right: 0; }
	*/
	
}

@media ( max-width: 479px ) {
	.et-pb-controllers a { margin-right: 10px; }
	h1, .marginbottomh1 h3 { padding-bottom: 20px; }
	h2 { padding-bottom: 25px; }
	h3 { padding-bottom: 20px; }
	.breadcrumb-wrapper, .disable-lightbox .counter { font-size: 13px; }
	.breadcrumb-wrapper { display: none; transform: translateY(30px); width: 100%; }
	.breadcrumb-wrapper > div { margin-left: auto; margin-right: auto; }
	.contact-section-center .et_pb_column_1_2 .et_pb_module:nth-child(2) { margin-bottom: 14px !important; }
	.et_pb_section_1 { padding-bottom: 25px !important; }
	.contact-section-center { margin-top: 20px; }
	.videotextwrapper > div > div.cursor-video {width: 240px; height: 240px; }
	.et_pb_video_play:before { background-size: 50px 50px; }
	.page-id-552 .et_pb_gutters1.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .et_pb_text,
	.page-id-552 .et_pb_gutters1.et_pb_row_4col>.et_pb_column.et_pb_column_1_4 .et_pb_image { padding: 0 !important; }
}