/*
Theme Name: the7dtchild
Author: nordzuwort
Author URI: https://www.nordzuwort.de/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/*
Farben:
Grün: #7CB325
Dunkelgrün: #4F935A
Blau: #40A0D2
Orange: #ef6600
*/

@import url("fonts.css"); 

h1,h2,h3,h4{
	font-family: 'Kaushan Script';
	margin-top:1em;
	font-weight:400;
	margin-bottom:24px;
}

.wpb_text_column a{
	color:#fff;
}
.wpb_text_column a:hover{
	color:#ef6600;
}

.classic-header.logo-center .branding{
	padding-top:20px; 
	padding-bottom:10px; 
}
.classic-header.center .navigation{
	margin-bottom:460px;
}
.branding img{
	width:440px;
	height:auto;
}



.top-bar a.phone{
	background: url(../../uploads/icon-telefon-header.svg) no-repeat left center transparent;
	background-size: auto 100%;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:34px;
	margin-top:10px;
}
.top-bar a.email{
	background: url(../../uploads/icon-email2-header.svg) no-repeat left center transparent;
	background-size: auto 100%;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:34px;
	margin-top:10px;
}

.masthead:not(.mixed-header){
	background-size:cover;
}

#main{
	position:relative;
	z-index:80;
}

#footer{
	position:relative;
	z-index:90;
}

.home #footer{
	margin-top:-40px;
}
.home #bottom-bar{
	margin-top:-40px; 
}

#footer,
#footer.solid-bg{
	background: url(../../uploads/2022/09/bg-footer.png) no-repeat center top transparent;
	background-size: 100% auto;
	min-height:280px;
	padding-top:80px;
	box-sizing:border-box;
}
.footer .menu li, .footer .widget_pages li, .footer .custom-menu.dividers-on li, .footer .blogroll li, .footer .qts-lang-menu li{
	border:0 !important;
	margin:0;
}
.footer .widget{
	margin-bottom:60px;
}

/* --- Layout --- */

#welcome-home-areas{
	padding-bottom:60px;
}
#carousel-home{
	margin-top:140px;
	padding-left:40px;
	padding-right:40px;
}
#qualitaet-home-areas{
	padding-bottom:40px;
}
#qualitaet-home-areas #qualitaet-home-areas-text{
	background: url(../../uploads/100percent-bio.svg) no-repeat right 40px top 20px transparent;
}

#teaser-home-areas .vc_column-inner{
	padding-top:0px;
}

#teaser-home-areas .wpb_column .wpb_single_image{
	position:relative;
}
#teaser-home-areas .wpb_column .wpb_single_image:hover h2{
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
}
#teaser-home-areas .wpb_column .wpb_single_image .vc_figure{
	position:relative;
	z-index:500;
}
#teaser-home-areas .wpb_column .wpb_single_image h2{
	position:absolute;
	z-index:600;
	left:20px;
	bottom:20px;
}
#teaser-home-counter{
	position:relative;
	z-index:840;
	background:url(../../uploads/bg-home-counter-02.png) no-repeat center transparent;
	background-size: auto 80%;
	padding-top:200px;
	padding-bottom:200px;
}
#teaser-home-counter::before{
	position:absolute;
	z-index:810;
	top:0px;
	left:0px;
	content:" ";
	background:url(../../uploads/bg-home-counter-01.png) no-repeat center #4F935A;
	background-size:cover;
	display:block;
	height:70px;
	width:100%;
}
#teaser-home-counter::after{
	position:absolute;
	z-index:820;
	bottom:0px;
	left:0px;
	content:" ";
	background:url(../../uploads/bg-home-counter-03.png) no-repeat center #40A0D2;
	background-size:cover;
	display:block;
	height:70px;
	width:100%;
}
#teaser-home-ueber-uns{
	position:relative;
	z-index:40;
	margin-top:-40px;
	padding-top:40px;
	padding-bottom:90px;
}
#vorteile > .vc_column_container > .vc_column-inner > .wpb_wrapper{
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

/* --- Module --- */

/* Standard-Abstände Reihen */
body:not(.home) .wpb_row:not(.ohneabstandoben){
	margin-top:40px;
}
body:not(.home) .wpb_row {
	margin-bottom:40px;
}

/* Single Images */

/* erstes Bild auf der Seite neben der H1 */
.wpb_single_image.first{
	margin-top:50px;
}

/* Buttons */
.btn-white .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	background: url(../../uploads/2022/09/bg-button-ws.svg) no-repeat center transparent;
	background-size: 100% 100%;
	border:0;
	padding-right:50px;
	padding-bottom:18px;
}
.btn-white .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
	background: url(../../uploads/bg-button-or.svg) no-repeat center transparent;
	background-size: 100% 100%;
	color:#fff;
}

/* Carousel */
.ult-carousel-wrapper .wpb_single_image{
	text-align:center;
}
.ult-carousel-wrapper .wpb_single_image img{
	height:120px;
	width:auto;
}
.ult-carousel-wrapper .wpb_single_image .vc_figure-caption{
	font-family: 'Kaushan Script';
	text-align:center;
	font-size:1.2em;
}

/* Counter */
.stats-number{
	font-family: 'Kaushan Script';
	font-size:40px !important;
}

/* Lightbox */
.lb-data .lb-caption{
	display:none !important;
}

/* Responsive Media Queries */

/* Tablet Hochformat */
@media screen and (max-width: 992px){	
	h1,h2,h3,h4{
		line-height:normal;
	}
	#main{
		margin-top:120px;
	}
	
	#page{
		background: url(../../uploads/2022/09/bg-header.jpg) no-repeat center top -140px transparent;
		background-size: 1000px auto;
	}
	
	.mobile-branding{
		width:100%;
	}
	.masthead.masthead-mobile .mobile-branding img,
	.masthead.sticky-mobile-off .mobile-branding img{
		width:300px;
		height:auto;
		margin-top:20px;
		margin-bottom:10px;
		transition:all .5s;
	}	
	#teaser-home-ueber-uns{
		margin-bottom:-40px;
	}	
	#teaser-home-counter{
		background:url(../../uploads/bg-home-counter-02.png) no-repeat center transparent;
		background-size: auto 100%;
		padding-top:140px;
		padding-bottom:140px;
	}	
	#footer,
	#footer.solid-bg{
		background: url(../../uploads/2022/09/bg-footer.png) no-repeat center top transparent;
		background-size: 1200px auto;
		padding-top:60px;
	}
	.home #footer{
		margin-top:-60px;
	}
	.footer .widget {
		text-align:center;
		margin-bottom:20px;
	}	
	.footer .widget.wf-1-4{
		margin-bottom:40px !important;
	}
}
/* Handy Hochformat */
@media screen and (max-width: 778px) {	
	.masthead.masthead-mobile .mobile-branding img,
	.masthead.sticky-mobile-off .mobile-branding img{
		width:220px;
		height:auto;
		margin-top:20px;
		margin-bottom:10px;
		transition:all .5s;
	}
	#carousel-home{
		margin-top:40px;
		padding-left:15px;
		padding-right:15px;
	}	
	body:not(.home) .wpb_row:not(.ohneabstandoben){
		margin-top:20px;
	}
	body:not(.home) .wpb_row {
		margin-bottom:0px;
	}	
	.wpb_single_image.first{
		margin-top:0px;
	}	
}

@media screen and (max-width: 768px) {
	#teaser-home-counter{
		background:url(../../uploads/bg-home-counter-02.png) no-repeat center transparent;
		background-size: auto 100%;
		padding-top:100px;
		padding-bottom:100px;
	}
}