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


Farben
Blau: #0689B0;



*/

/* Fonts */
	
/*
	@font-face{
	font-family: 'BwStretch-Thin';
	src: url('fonts/bw-stretch/BwStretch-Thin.eot'),
	url('fonts/bw-stretch/BwStretch-Thin.woff') format('woff2'),
	url('fonts/bw-stretch/BwStretch-Thin.woff') format('woff');
	}

	@font-face{
	font-family: 'BwStretch-Light';
	src: url('fonts/bw-stretch/BwStretch-Light.eot'),
	url('fonts/bw-stretch/BwStretch-Light.woff') format('woff2'),
	url('fonts/bw-stretch/BwStretch-Light.woff') format('woff');
	} 

	@font-face{
	font-family: 'BwStretch-Book';
	src: url('fonts/bw-stretch/BwStretch-Book.eot'),
	url('fonts/bw-stretch/BwStretch-Book.woff') format('woff2'),
	url('fonts/bw-stretch/BwStretch-Book.woff') format('woff');
	}

	@font-face{
	font-family: 'BwStretch-Medium';
	src: url('fonts/bw-stretch/BwStretch-Medium.eot'),
	url('fonts/bw-stretch/BwStretch-Medium.woff') format('woff2'),
	url('fonts/bw-stretch/BwStretch-Medium.woff') format('woff');
	}

	@font-face{
	font-family: 'BwStretch-Bold';
	src: url('fonts/bw-stretch/BwStretch-Bold.eot'),
	url('fonts/bw-stretch/BwStretch-Bold.woff') format('woff2'),
	url('fonts/bw-stretch/BwStretch-Bold.woff') format('woff');
	}



	@font-face{
	font-family: 'BwStretch-Regular';
	font-display: swap;
	src: url('fonts/bw-stretch/BwStretch-Regular.eot'),
	url('fonts/bw-stretch/BwStretch-Regular.woff') format('woff2'),
	url('fonts/bw-stretch/BwStretch-Regular.woff') format('woff');	
	}
*/
	@font-face{
	font-family: 'BwStretch-Black';
	src: url('fonts/bw-stretch/BwStretch-Black.eot'),
	url('fonts/bw-stretch/BwStretch-Black.woff') format('woff2'),
	url('fonts/bw-stretch/BwStretch-Black.woff') format('woff');	
	}









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



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


.style-dark a:not(.btn) { color: #fff !important; }


/* 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;
}





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



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



@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,
	.main-container .row-container .no-h-padding {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
			
	.single-block-padding,
	.double-block-padding,
	.triple-block-padding,
	.quad-block-padding {
		padding-left: 18px;
		padding-right: 18px;
	}	
	
	.quad-top-padding {
    	padding-top: 24px;
	}	
	
	
	.mobile-0 {
		padding-left: 0;
		padding-right: 0;
	}
	
	.mobile-1 {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	
	div.wpcf7 {
		margin: 0;
		padding: 0 1em;
	}
	
}




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



.style-light b, 
.style-light strong { font-weight: 600; color: #000 !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; }



.tmb .t-entry-text-tc:not(.no-block-padding) .t-entry > *:first-child {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 400;
}


/* Header Text */
	.style-dark h1.header-title,
	.style-dark .schatten h1 { 
		text-shadow: 4px 4px 8px 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(0,0,0,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: #00933A !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: #0689B0 !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 {
		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: 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 {
			color: #4F8A10 !important;
			background-color: #DFF2BF;
			}
			div.wpcf7-mail-sent-ok: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.strasse { width: 100% !important; padding-right: 0 !important; }
		p.plz { width: 30% !important; padding-left: 0 !important;}
		p.ort { width: 70% !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;
}




/* Blognavigation unter Single Post */
	.row-navigation.row-navigation-light {
		background-color: #eaf2e1 !important;
		border: none !important;
		font-size: 1.5em !important;
	}
	.row-navigation.row-navigation-light .btn-link {
		font-size: 14px;
	}
	.row-navigation.row-navigation-light .nav-back .btn-link {
		font-size: 18px;
	}
	


/* 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: 1.125em;
}
	
	footer p {
		margin: 0.5em 0 0;
		}
	footer li {
		margin: 0.5em 0 0;
		}

	footer .text-lead > * {
		margin: 16px 0px 0px 0px !important;
	}

	.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;
	}




/* Jet PopUp */
.popup-stackable-container
{
	margin-top: 0px !important;
	margin-bottom: 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 {
	display: block;
	hyphens: auto;
	text-align: justify;
}

.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;
}





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