

/* Header */
.header-bar{
	position:relative;
	align-items:center !important;
}
.header-bar:before{
	content:"";
	position:absolute;
	z-index:-1;
	top:0px;
	left:-100%;
	width:300%;
	height:140px;
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	opacity: 1;
	transition: all .4s;
}
.sticky-on .header-bar:before{
	height:90px;
	opacity: 0;
}
.branding *{
	position:relative;
	transition:all .4s;
}
.branding .same-logo{
	background:#fff;
}
.sticky-off .branding .same-logo{
	padding: 20px 20px 20px 20px;
}
.sticky-on .branding .same-logo{
	padding: 10px 10px 10px 10px !important;
}
.sticky-off .branding a img, .sticky-off .branding img{
	width:200px;
}
.sticky-on .branding a img, .sticky-on .branding img{
	width:120px;
}
.mobile-header-bar .mobile-branding img{
	width:120px;
	margin:10px 0px;
	transition:all .4s;
}

@media (max-width: 1400px) {
	.main-nav > li > a {
		margin: 18px 5px 18px 5px;
		padding: 4px 2px 4px 2px;
	}
	.main-nav > li > a .menu-text{
		font-size: 18px;
	}
}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* Footer */
#footer .wf-container{
	display: flex;
	align-items: flex-end;
	padding-top: 80px;
	padding-bottom: 30px;
}

#footer #text-2 p:last-child{
	font-size: 1.5rem;
	text-align: right;
	text-wrap: balance;
}
#footer #text-2 img{
	max-width:80%;
	height: auto;
}
#footer #nav_menu-2{
	text-align:right;
}
.footer .menu li, .footer .widget_pages li, .footer .custom-menu.dividers-on li, .footer .blogroll li, .footer .qts-lang-menu li{
	border-width: 0px;
}

#bottom-menu{
	font-size: 1.25rem;
}
#bottom-menu li{
	margin-left:10px;;
}

body.footer-orange #footer.solid-bg,
body.footer-orange #bottom-bar.solid-bg{
	background: var(--orange);
}
body.footer-orange #footer .link-btn a,
body.footer-orange #footer a.link-btn{
	background: var(--rot);
}
body.footer-orange #footer .link-btn a:hover,
body.footer-orange #footer a.link-btn:hover{
	background: var(--hellblau);
	color: #fff;
}

@media (max-width: 992px) {
	#footer{
		text-align: center;
	}
	#footer .wf-container{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		padding-top: 80px;
		padding-bottom: 30px;
	}
	#footer #nav_menu-2{
		text-align:center;
	}
	#footer #text-2 img{
		width:320px;
		max-width:80%;
		height: auto;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}

/* Headerbereich Content 1. Section */
section{
	position:relative;
}
section.headerbereich{
	margin-top:-232px;
	position:relative;
	
	background-size: cover;
	background-position: center;
}
section.headerbereich.bg-pos-top{
	background-position: center top;
}
section.headerbereich.bg-pos-bottom{
	background-position: center bottom;
}
section.headerbereich .vc_row .wpb_column .vc_column-inner > .wpb_wrapper{
	min-height:90vh;
}
section.headerbereich.tiny .vc_row .wpb_column .vc_column-inner > .wpb_wrapper{
	min-height:70vh;
}
section.headerbereich .wpb_text_column.header-teaser{
	background: var(--hebbel-verlauf-1);
	position:absolute;
	z-index:90;
	right:-5px;
	bottom:0px;
	width:35%;
	box-sizing:border-box;
	padding: 230px 80px 130px 60px;
	clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 90%);
	margin:0;
	color:#fff;
}
section.headerbereich .wpb_text_column.header-teaser h1{
	color:#fff;
}
section.headerbereich .wpb_text_column.header-teaser p{
	padding-left:50px;
}

@media (max-width: 1400px) {
	section.headerbereich .wpb_text_column.header-teaser{
		width:60%;
	}
}
@media (max-width: 1200px) {
	section.headerbereich .wpb_text_column.header-teaser{
		width:75%;
	}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
	section.headerbereich .wpb_text_column.header-teaser{
		background: var(--hebbel-verlauf-1);
		position:absolute;
		z-index:90;
		right:0px;
		bottom:0px;
		width:100%;
		box-sizing:border-box;
		padding: 130px 40px 30px 30px;
		clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 100%);
		margin:0;
		color:#fff;
	}
	section.headerbereich .wpb_text_column.header-teaser p{
		padding-left: 0px;
	}
}
@media (max-width: 576px) {
	section.headerbereich .wpb_text_column.header-teaser{
		padding: 30px 15px 15px 15px;
		clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
		margin:0;
		color:#fff;
	}
}

/* Section Bereiche */
section.welcome{
	background: url(../images/hebbel-silhouette-blaugrau.svg) no-repeat left -60px bottom transparent;
	background-size: auto 60%;
}

.wpb_column.bereich{
	background: transparent;
	padding-top:20px;
	transition: background .4s;
}
.wpb_column.bereich:hover *{
	color:#fff;
}
.wpb_column.bereich.kinder:hover{
	background: var(--orange);
}
.wpb_column.bereich.jugendliche:hover{
	background: var(--hellblau);
}
.wpb_column.bereich.erwachsene:hover{
	background: var(--rot);
}
.wpb_column.bereich .wpb_text_column:first-child{
	position:relative;
	z-index: 10;
	margin-bottom: 20px;
}
.wpb_column.bereich .wpb_text_column:last-child{
	position:relative;
	z-index: 11;
	opacity: 0;
	transform: translateY(-100%);
	transition:all .4s;
	font-size:1.25rem;
}
.wpb_column.bereich:hover .wpb_text_column:last-child{
	opacity: 1;
	transform: translateY(0%);
}
@media (max-width: 992px) {
	.wpb_column.bereich{
		margin-bottom: 30px;
	}
	.wpb_column.bereich *{
		color:#fff;
	}
	.wpb_column.bereich.kinder{
		background: var(--orange);
	}
	.wpb_column.bereich.jugendliche{
		background: var(--hellblau);
	}
	.wpb_column.bereich.erwachsene{
		background: var(--rot);
	}
	.wpb_column.bereich .wpb_text_column:last-child{
		opacity: 1;
		transform: translateY(0%);
	}
	
	.wpb_column.bereich .wpb_single_image img{
		aspect-ratio: 16 / 7;
		object-fit: cover;
		object-position: 50% 20%;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}
/*
.wpb_column.bereich .wpb_text_column:last-child p:last-child{
	display:none;
}
*/
.wpb_column.bereich .wpb_single_image{
	position:relative;
	z-index: 20;
	margin-bottom:10px;
}

/* Section Team */
.teams-carousel .ult-carousel-wrapper .slick-list .slick-slide .vc_row .wpb_text_column{
	/* background: #f0f; */
}
.teams-carousel .ult-carousel-wrapper{
	margin-bottom:0px;
	padding-bottom:0px;
}
.teams-carousel .wpb_text_column,
.teams-carousel .wpb_single_image{
	margin-bottom:0px;
}

.wpb_text_column.padding-left p{
	padding-left:60px;
}
@media (max-width: 992px) {
	.wpb_text_column.padding-left p{
		padding-left:0px;
	}
	.teams-carousel{
		margin-bottom: 60px;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}
