/*
Theme Name: Uncode Child - HRV GmbH
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: https://www.wagnergraphics.de
Template: uncode
Version: 1.0.0
Text Domain: uncode



font-family: 'Barlow', sans-serif;
font-family: 'Barlow Condensed', sans-serif;

je 200 - 900


Grün: #3b9b29;
Dunkelgruen: #3c892e;

*/



#stempel-jobangebote img {
   filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .7));
}
#stempel-jobangebote {
	margin-left: 10vw;
}
	@media (max-width: 959px) { 
		#stempel-jobangebote  {
			margin-top: -50px !important;
			max-width: 220px;
		}
	}

.backdrop-blur > .uncol {
    backdrop-filter: blur(2px);
	
}




/* Home-Button größer */
i.fa-home { font-size: 1.2em; }


.top-menu { background-color: #333 !important; }
.top-menu a { color: #fff !important; }

.top-menu a.dropdown-toggle { cursor: cell !important; }


.menu-container ul.menu-smart li.dropdown > a,
.menu-smart i.fa-dropdown {
    cursor: progress;
}


/*Tabs*/

.tab-pane { padding-top: 0.3em !important; }
.tab-pane h2 { margin-top: 0 !important; }

.nav-tabs > li > a span { font-weight: 400 !important; color: #333; }
.nav-tabs > li.active > a span { font-weight: 600 !important; color: #3b9b29; }





/* Menü - Button Zertifikate in Grün */
.menu-item-132 { background-color: #3b9b29; border-color: #3b9b29; }
.menu-item-132:hover { background-color: #3c892e; }
#menu-item-132 > a { color: #fff !important; }


 /* Menü - Button Kundenportal in Schwarz  */
.menu-item-852 { background-color: #000000; border-color: #000; }
.menu-item-852:hover { background-color: #3c892e; }
#menu-item-852 > a { color: #fff !important; }   


/* Selection bei dunklem Style */
.style-dark ::-moz-selection,
.style-dark ::selection {
	background: #d69719 !important;
}


input.btn-gruen {
	background-color: #434E7C !important; 
	border:#434E7C !important;  
	color: #fff; 
}

	input:hover.btn-gruen, 
	input:focus.btn-gruen, 
	input:active .btn-gruen{
		background-color: #fff !important; 
		border:#3b9b29 !important; 
		color: #000;
	}



/* Blur bei Overlay  
.box-container.overlay-open,
html.pum-open-overlay .box-wrapper {   
	-webkit-filter: blur(5px) !important;
	-moz-filter: blur(5px) !important;
	-o-filter: blur(5px) !important;
	-ms-filter: blur(5px) !important;
	filter: blur(5px) !important;
}

*/





.row-menu {
    backdrop-filter: blur(4px);
}



@media (min-width: 960px) and (max-width: 1200px) {
    
    .menu-smart > li > a > div > div > div.btn {
        font-size: 11px;
        padding-left: 8px !important;
        padding-right: 8px !important;
        background-color: none !important;
    }

    .menu-container:not(.isotope-filters) ul.menu-smart > li > a:not(.social-menu-link), 
    .menu-container:not(.vmenu-container):not(.isotope-filters) ul.menu-smart > li > a:not(.social-menu-link) {
        font-size: 11px !important;
    }
    
    .menu-smart > li > a {
        padding: 0px 8px 0px 8px;
    }
    
}





/* Linie zwischen Dropdownmenü + Abstände */
	.menu-smart ul > li > a, 
	.menu-smart ul > li > ul > li > a {
		border-bottom: 1px solid rgba(0,0,0,0.15);
	}
	
	.menu-smart ul > li:last-child > a, 
	.menu-smart ul > li > ul > li:last-child > a{
		border-bottom: none;
	}

	.menu-smart ul > li > a, 
	.menu-smart ul > li > ul > li > a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	/*Überschriften bei Megamenü */
		.menu-primary ul.menu-smart li.dropdown > a {
				border-bottom: none;
				padding-bottom: 20px !important;
			}




.text-lead, .text-lead > * {
	font-size: 20px;
    margin: 20px 0px 0px 0px;
    margin-top: 20px;
}

.schatten {
    text-shadow: 2px 2px 1px rgba(0,0,0,1.00) !important;
}
    .schatten p { text-shadow: 0 0 0 rgba(0,0,0,0.00) }

.weisser-schatten {
    text-shadow: 0 0 10px rgba(255,255,255,1.00) !important;
}


.small { 
	font-size: 12px !important; 
	line-height: 1.2em !important; 
	margin-top: 0.5em;
	color: #555 !important;
}




.counter-text p { font-size: 1.3em; }





/*Tabs*/
.nav-tabs > li > a span {
    font-size: 14px !important;
	font-weight: 700;
	}
.tab-pane {
    padding-top: 2em;
}






/* NEWS */
.post-info .author-info,
.post-info .category-info{ 
	display: none; 
}





.page-wrapper strong,
.page-wrapper .detail-label { color: inherit !important; } 



/*Link auf Dunkel*/
body.textual-accent-color .post-content .style-dark p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn), 
body.textual-accent-color .post-content .style-dark ul:not(.menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn) {
    color: #fff !important;
}
/*Link auf Dunkel - hover*/
body.textual-accent-color .post-content .style-dark  p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn-text-skin):hover:not(.btn){
 	color: #000 !important; 
} 





@media all and (max-width: 640px) {
	
	/* Rückt auf Smartphone die Ränder links und rechts wieder kleiner */
	.single-block-padding {
		padding-left: 18px;
		padding-right: 18px;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	
	.quad-top-padding {
    	padding-top: 24px;
	}
	
}



/* Mobile responsive-table 
 + Plugin: Automatic Responsive Tables von Adrew Rockwell */
@media only screen and (max-width: 767px) {
	
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	.art-table .art-tbody .art-tr:nth-child(2n+1) {
    	background-color: #fff !important;
	}
	.art-table .art-tbody .art-tr .art-td:first-child {
		font-weight: 700 !important;
		color: #000;
		background-color: rgba(239,174,38,1.0) !important;
	}
	
	
	
	
	
	
	
	
}




@media (max-width: 640px) {
	
	/* Rückt auf Smartphone die Ränder links und rechts wieder kleiner */
	
	.main-container .row-container .single-h-padding {
		padding-left: 18px;
		padding-right: 18px;
	}
	
	
	.main-container .row-container .row-parent {
	padding: 18px 18px 18px 18px !important;
		}
	
	.single-block-padding {
		padding-left: 18px;
		padding-right: 18px;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	
	.smartphone-padding-0 .double-block-padding { 
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.quad-top-padding {
    	padding-top: 24px;
	}
	
	
	
}




@media (max-width: 959px){
	
	.schmaler-rand-smartphone > .row { 
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.column-rueckrufservice .shift_y_neg_quad { margin: 0px !important; }
}

@media (min-width: 960px){ }
@media (min-width: 960px) and (max-width: 1180px){}
@media (min-width: 960px) {	}


	







body {  }
b, strong {  }
p, h1, h2, h3, h4, ul, li, span { hyphens:  auto !important; }


@media (min-width: 960px){ 
	h1, h2, h3, h4, ul, li {hyphens: none; } 
	}
	
		
		
hr { margin: 4em 0; }
.style-light hr { border-color: rgba(0,0,0,0.25); }

.zentriert { text-align: center; }
.floating-heading{ position: absolute !important; top: 10%; left: 0; z-index: 99;}
.blocksatz p { text-align: justified; }




/* Header Text */
	.style-dark h1.header-title { 
		text-shadow: 1px 1px 6px rgba(0,0,0,0.5) !important;
		}



/* Liste */
	ul.icons {  margin: 0 0 0 2.6em; }
	ul.icons li .fa { margin-left: -1.8em; }
		ul.icons li ul li .fa { color: #FFF200 !important; }




/* Such-Overlay */
	.overlay.style-dark-bg {
		background-color: rgba(42,42,42,0.95) !important;
	}




/* ContactForm 7 */
	
	textarea {
		-webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.50);
		box-shadow: 4px 4px 8px rgba(0,0,0,0.50);
	}

	input:focus,
	textarea:focus {
		border-radius: 2px;
		-webkit-box-shadow: 4px 4px 20px rgba(0,0,0,0.30);
		box-shadow: 4px 4px 20px rgba(0,0,0,0.30);   
		transform: scale(1.02);
	}


	fieldset { margin-top: 1.5rem; }
	legend { padding: 1em; }

	legend > h3 { margin-top: 0; margin-bottom: 0; }

	.your-subject input,
	.your-name input { width: 100% !important; }
	
	.your-subject input { margin-top: 0 !important; }

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

	.wpcf7 .wpcf7-mail-sent-ok, 
	.wpcf7 .wpcf7-validation-errors, 
	.wpcf7 span.wpcf7-not-valid-tip,
	.wpcf7 .wpcf7-response-output { 
		font-size: 18px; 
		color: red; 
		padding-top: 0;
		margin-top: 0px;
		}

	.wpcf7 input,
	.wpcf7 textarea,
	.wpcf7 select,
	.wpcf7 input,
	.wpcf7 fieldset {
		border-color: #3b9b29 !important;
		border: 1px solid;
	}


	input.wpcf7-validates-as-required,
	textarea.wpcf7-validates-as-required,
	select.wpcf7-validates-as-required,
	.wpcf7-validates-as-required input,
	fieldset.required {
		border-color: #3b9b29 !important;
		border: 2px solid;
	}

	

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output {
	border: 0;
    padding: 10px;
	border-radius: 2px;
	-webkit-box-shadow: 4px 4px 20px rgba(0,0,0,0.30);
	box-shadow: 4px 4px 20px rgba(0,0,0,0.30);   
	transform: scale(1.05);
	margin: 10px 0;
	}
	.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
		color: #D8000C !important;
		background-color: #FFBABA;   
		}
	.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok,
	.wpcf7-response-output[aria-hidden="true"] {
		color: #4F8A10 !important;
		background-color: #DFF2BF !important;
		}
		div.wpcf7-mail-sent-ok:before,
.wpcf7-response-output[aria-hidden="true"]:before,
		div.wpcf7-validation-errors:before {
			font: 26px/30px FontAwesome;
			margin-right: 16px;
			vertical-align: middle;
			}
			div.wpcf7-mail-sent-ok:before {
				content:'\f00c';
				}
			div.wpcf7-validation-errors:before {
				content:'\f057';
				}

	span.wpcf7-list-item {
		display: block;
	}



	@media only screen and (max-width: 767px) {
	/* Formular */
		p.firma { width: 100% !important; padding: 0 !important; margin-bottom: 10px; }
		p.ansprechpartner { width: 100% !important; padding: 0 !important; }
		p.telefon { width: 100% !important; padding: 0 !important; }
		p.email { width: 100% !important; padding: 0 !important; }
		p.telefax { width: 100% !important; padding: 0 !important; }
		p.strasse { width: 100% !important; padding: 0 !important; }
		p.plz { width: 35% !important; padding: 0 !important; }
		p.ort { width: 65% !important; }
	}

	@media (min-width: 768px){
		p.plz { width: 15% !important; }
		p.ort { width: 35% !important; }
	}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}


/* Text inner halb des Formulars */
.style-light form p { 
	color: #333; 
	font-weight: normal;
}







/*Pop-Up-Maker - Form*/
	.pum-container input,
	.pum-container textarea { 
		width: 100%;
		background-color: #ffffff;
		border: 1px solid #eaeaea;
		border-radius: 2px;
	}

	.pum-container form p {
    	font-weight: 500;
	}



.no-padding .uncont { padding: 0 !important;}






/* Footer */
	.site-footer p, .site-footer li, 
	.site-footer dt, .site-footer dd,
	.site-footer dl, .site-footer address, 
	.site-footer label, .site-footer small, 
	.site-footer pre, .site-footer code {
		font-size: 15px;
	}

	footer p {
		margin: 0.5em 0 0;
		}
	footer li {
		margin: 0.5em 0 0;
		}

	.style-dark a:not(.btn-text-skin):hover { 
		color:#999; 
		}

	footer ul.menu {
		list-style: none !important;
		padding: 0px !important;
	}

	










/* Kolumnen */
.kolumnen {
	 -webkit-column-count: 2; /* Chrome, Safari, Opera */
     -moz-column-count: 2; /* Firefox */
     column-count:  2;
	
	 -webkit-column-width: 300px;
	-moz-column-width: 300px;
	column-width: 300px;
	
	-webkit-column-gap: 8em; /* Chrome, Safari, Opera */
    -moz-column-gap: 8em; /* Firefox */
    column-gap: 8em;
	
	-webkit-column-rule: 1px solid rgba(0,0,0,0.25);
	 -moz-column-rule: 1px solid rgba(0,0,0,0.25);
	column-rule: 1px solid rgba(0,0,0,0.25);
	 
	margin-bottom: 2rem;
	margin-top: 2rem;	 
	}

	.style-dark .kolumnen {
		-webkit-column-rule: 1px solid rgba(255,255,255,0.5);
		 -moz-column-rule: 1px solid rgba(255,255,255,0.5);
		column-rule: 1px solid rgba(255,255,255,0.5); 
		}

.kolumnen p:first-child {
	  display: block;
	  margin-block-start: 0em !important;
}

.wpb_text_column h1,
.wpb_text_column h2,
.wpb_text_column h3{
	 -webkit-column-count: auto !important; /* Chrome, Safari, Opera */
     -moz-column-count: auto !important; /* Firefox */
	column-count: auto !important;
	-webkit-column-width: 2200px;
	-moz-column-width: 2200px;
	column-width: 2200px;
}








/* Tabelle 
___________________________________________________________________________*/
table { 
	border: none;	
}


th,td {}

tr th { font-weight: 700; }
tr td:first-child { 
	font-weight: 700 !important;
}

.style-light table th {border: none; }


/* Tabellenkopf */
	tr:first-child th {
    background-color: rgba(200,200,200,1.00);
    padding: 1.5em;
		}	
		tr:first-child th:first-child {
			border-top-left-radius: 6px;
			} 
		tr:first-child th:last-child {
			border-top-right-radius: 6px;
		}

/* Zeilen */
	tr { border-bottom: 1px solid #434E7C; }
	tr:last-child { border-bottom: none;}

	/*tr:nth-child(even) td:first-child {
		background: rgba(239,174,38,0.01);
		} 
	 tr:nth-child(odd) td:first-child  {
		background: rgba(239,174,38,0.05);
		} */
	tr:hover td {
		background: rgba(239,174,38,0.2);
		}


/* Zelle */
	table td {
		border: none !important;
		font-weight: 200;
		padding: 1em 1em; 
		border-right: 1px solid rgba(255,255,255,0.50)  !important;
		}
		table td:first-child { border-left: none !important; }
		table td:last-child { border-right: none !important; }
 


/* Tabellenfuß */
	tr:last-child td:first-child {
		border-bottom-left-radius: 4px;
		} 
	tr:last-child td:last-child {
		border-bottom-right-radius: 4px;
		} 









/* WPML */
footer .wpml-ls-menu-item .wpml-ls-flag {
    margin-right: 10px;
}










/* Navigation zwiswchen den Produkten */
.row-navigation.row-navigation-light {
    outline-color: #fff !important;
	outline: none;
    background-color: #ccc;
	border-top: 3px dashed #fff;
	border-bottom: 3px dashed #fff;
}

.row-navigation.row-navigation-light a {
	color: #fff;
}
.row-navigation.row-navigation-light a:hover {
	color: #000;
}






/* Animationen
---------------------------------------------------------------------------------------------------------------------------*/
	
	tr,	td, a, input, textarea {
		transition: all 0.4s ease;
	}

div[id="kaliforms-thank-you"] {
		transition: all 0.3s ease !important;
	    }


	/* Kali Forms
        -------------------------------------*/

			.kaliforms-form-container div.col-12 { 
				margin-bottom: 6px !important;
				}


			@media (min-width: 768px) {

					.kaliforms-form-container .col-md-3:first-child,
					.kaliforms-form-container .col-md-4:first-child,
					.kaliforms-form-container .col-md-5:first-child,
					.kaliforms-form-container .col-md-6:first-child,
					.kaliforms-form-container .col-md-7:first-child,
					.kaliforms-form-container .col-md-8:first-child { 
						padding-left: 15px !important;
						}
					.kaliforms-form-container .col-md-3,
					.kaliforms-form-container .col-md-4,
					.kaliforms-form-container .col-md-5,
					.kaliforms-form-container .col-md-6,
					.kaliforms-form-container .col-md-7,
					.kaliforms-form-container .col-md-8 { 
					   padding-right: 3px !important;
					   padding-left: 3px !important;
					   }
						.kaliforms-form-container .col-md-3:not(:first-child) label,
						.kaliforms-form-container .col-md-4:not(:first-child) label,
						.kaliforms-form-container .col-md-5:not(:first-child) label,
						.kaliforms-form-container .col-md-6:not(:first-child) label,
						.kaliforms-form-container .col-md-7:not(:first-child) label,
						.kaliforms-form-container .col-md-8:not(:first-child) label { 
							margin-left: -10px !important;
							}
					.kaliforms-form-container .col-md-3:last-child,
					.kaliforms-form-container .col-md-4:last-child,
					.kaliforms-form-container .col-md-5:last-child,
					.kaliforms-form-container .col-md-6:last-child,
					.kaliforms-form-container .col-md-7:last-child,
					.kaliforms-form-container .col-md-8:last-child{ 
						padding-right: 15px !important;
						}
			}
			.kaliforms-form-container .row div[class^="col-"], 
			.kaliforms-form-container .row div[class*=" col-"] {
				margin-bottom: 0px;
			}



			.kaliforms-form-container hr {	
				background-color: transparent;
				margin: 2em 0 !important;
				}
				.style-light .kaliforms-form-container hr {
					border-color: rgba(0,0,0,0); 
				}

			.kaliforms-form-container label:not(.checkbox-label):not(.radio-label) {
				position: absolute;
				z-index: 2;
				font-size: 14px !important;
				top: 4px;
				left: 25px;
				}

				.filepond--drop-label.filepond--drop-label label {    
					position: relative;
					top: inherit;
					left: inherit;
				}

			.kaliforms-form-container label {
				color: var(--paletteColor3) !important;
			}

			.kaliforms-form-container .col-12:focus-within label:not(.checkbox-label) {
				transform: translateY(-2px) translateX(0px);
				transform-origin: top left;
				color: rgb(0 0 0 / 0.5) !important;
				font-size: 0.7em !important;
			}
			.kaliforms-form-container .col-12:focus-within label[for=message]{
				   color: rgb(0 0 0 / 0.0) !important;
			}


			.kaliforms-form-container [type='freeText'] {
				color: var(--paletteColor3);
				}


			.kaliforms-form-container textarea { min-height: 250px;} 
			.kaliforms-form-container textarea:focus { position: relative; }

			.kaliforms-form-container [type='text'], 
			.kaliforms-form-container [type='password'], 
			.kaliforms-form-container [type='date'], 
			.kaliforms-form-container [type='datetime'], 
			.kaliforms-form-container [type='datetime-local'], 
			.kaliforms-form-container [type='month'], 
			.kaliforms-form-container [type='week'], 
			.kaliforms-form-container [type='email'], 
			.kaliforms-form-container [type='number'], 
			.kaliforms-form-container [type='search'], 
			.kaliforms-form-container [type='tel'], 
			.kaliforms-form-container [type='time'], 
			.kaliforms-form-container [type='url'], 
			.kaliforms-form-container [type='color'], 
			.kaliforms-form-container textarea, 
			.kaliforms-form-container #kali-stripe-iban-element, 
			.kaliforms-form-container #kali-stripe-card-element {
				margin-bottom: 0 !important;
				padding-top: 35px !important;
				padding-bottom: 15px !important;
				padding-left: 9px !important;
				border-radius: 3px !important;
				background-color: rgba(225,225,225,1.00) !important;
				box-shadow: 0 0 0 !important;
				border: 1px solid rgba(0,0,0,0.50) !important;
				}


			.kaliforms-form-container input[required],
			.kaliforms-form-container textarea[required],
			.kaliforms-form-container select[required] {
    			border: 2px solid #3b9b29 !important;
				background-color: rgba(255,255,255,1.00) !important;
			}  

					.kaliforms-form-container input:focus,
					.kaliforms-form-container textarea:focus { 
						background-color: rgba(255,255,255,0.50) !important;
						color: #000;
						box-shadow: 4px 4px 20px rgba(0,0,0,0.30) !important;   
						transform: scale(1.01);
						}

			.kaliforms-form-container #optionale-angaben { font-size: 0.875em; }



			.kaliforms-form-container .checkbox-label input { display: inline-block ; }
			.kaliforms-form-container .checkbox-label span { overflow-y: visible !important; }
			.kaliforms-form-container .checkbox-label span:nth-of-type(2){ margin-left: 33px; margin-bottom: 25px; }

			.kaliforms-form-container [type='submit'], 
			.kaliforms-form-container [type='button'] {
				margin-top: 1em;
				float: right !important;
				background-color: #3b9b29 !important;
			}

			.kaliforms-form-container [type='submit']:hover, 
			.kaliforms-form-container [type='button']:hover {
				background-color: #B7E6A0;
			}

			

				.filepond--root { margin-top: 14px; }

				.filepond--root .filepond--drop-label {
					background-color: #4d6674;
					border-radius: 3px;
					box-shadow: inset 4px 4px 15px rgb(0 0 0 / 25%);
				}
				.filepond--root .filepond--drop-label label {
					color: #fff !important;
				}
				.kaliforms-form-container small {
					margin-top: -18px !important;
    				margin-left: 32px;
					position: absolute !important;
					}	

				.filepond--drip {
					box-shadow: inset 0 0px 10px rgb( 0 0 0 / 50% );
					opacity: 0.5 !important;
				}
				.filepond--credits { display: none; }


		div[id^="kaliforms-thank-you"] {
			background-color: rgba(219,229,191,1.00);
			border-radius: 3px;
			padding: 2em;
			margin-top: 2em;
			}
		
		div[id^="kaliforms-thank-you"] h2 {			
			font-size: 1.6em;
			font-weight: 600;
			}