/*
Theme Name: Uncode Child - Hirsch 
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;

*/



/* Logo ausblenden aus Menü */
xxx#main-logo { display: none !important; }

.counter { margin: 0 0.2em;}


/* Home-Button größer */
i.fa-home { font-size: 1.2em; }


/* 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;
}






/* 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;
}

.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;
}












.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 */
	
	.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) {	}


	


@media (max-width: 440px){
	
	table.responsive  { 
		font-size: 0.875em;
	}
	table.responsive td  { 
		display: block;
    	padding-bottom: 0;
    	padding-top: 0;
	}
	
	table.responsive tr td:last-child  { 
    	padding-bottom: 1em;
	}
	
	
	
}




body {  }

.style-light b, 
.style-light strong { color: #444 !important;  }

/*p { hyphens:  auto; }*/
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: 2px 2px 4px rgba(0,0,0,0.10);
		box-shadow: 2px 2px 4px rgba(0,0,0,0.10);
	}

	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);
		border-color: #DA0613 !important;
	}


	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; }

	
	
	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: 1px solid;
	}

	
	input.wpcf7-not-valid,
	textarea.wpcf7-not-valid,
	select.wpcf7-not-valid,
	.wpcf7-validates-as-required input,
	fieldset.wpcf7-not-valid {
		border-color: red !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 !important;
		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: 20px 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;
			}
		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-left: 0 !important; }
		p.ansprechpartner { width: 100% !important; padding-left: 0 !important; }
		p.telefon { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 15px; }
		p.email { width: 100% !important; padding-left: 0 !important; }
		p.strasse { width: 100% !important; padding-right: 0 !important; }
		p.plz { width: 35% !important; padding-left: 0 !important; padding-right: 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;
	}


	footer i { margin-right: 9px; }
	footer i.fa-home { margin-right: 7px;}
footer i.fa-lock { margin-left: 2px;}

	
	/* Social Media Footer */	
	footer .footer-center {
		padding-top: 60px;
		padding-bottom: 60px;
	}








/* 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 #333333; }
	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(0,0,0,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;
		} 


	table.ohne-linien {width: auto; }
	table.ohne-linien tr { border-bottom: none;}
	table.ohne-linien td { text-align: left;  border-right: none !important;}





/* 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;
	}
