@import url('https://fonts.googleapis.com/css?family=Montserrat:400');
body{
	font-family: 'Montserrat', sans-serif;
}
h1{
	font-size:86px;
	font-weight:bold;
	color:#6ca2d4;
	margin-left:-8px;
}
h1,h2,h3{
	font-weight:bold;
}
.skew{
	transform:skewY(-10deg);
}
#section-header{
	background-image:url("../img/header-bg.jpg");
	background-size: 100%;
	color:#fff;
	padding:0 !important;
	float:none !important;
}
#section-header i{
	color:#fff;
}
#section-header .mod-inner{
	background-image: url(../img/w11.png);
    background-repeat: no-repeat;
    background-size: 22%;
    /* Probleme bei resize:
	background-position: 85% 55%; */
	background-position: right 55%;
}
ul.header-nav{
	font-size:46px;
	text-decoration:underline;
	margin-top:160px;
	padding-left:0;
}
ul.header-nav a{
	color:#fff;
	font-weight:bold;
}
/* Lightbox Mods - START */
.lb-caption{
	display:none !important;
}
/* Lightbox Mods - END */
#section-header h1{
	display:none;
}
#section-header ul{
	list-style:none;
}
#section-moderation,
#section-persoenliches{
	background-image:url("../img/waben-skew.png");
	background-position:bottom left;
	background-size:100%;
	background-repeat:no-repeat;
}
#section-moderation-intro,
#section-moderation{
	padding-bottom:0;
}
#section-moderation .skew{
	height:1000px;
	background:#fff;
}
#section-moderation .mod-inner{
	padding-bottom:1%;
}
#section-moderation .row:first-child{
	-webkit-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);
	margin:10px 0;
}
#section-moderation .image_container{
	
}
#section-moderation .image_container img{
	width:100%;
	height:auto;
}
#section-moderation div[class*='col-']{
	height:550px;
	overflow:hidden;
	background:#fff;
}
#section-moderation .col-text{
	padding: 60px 80px;
}
#section-moderation .ce_image{
	padding: 0;
}
#section-moderation-bottom,
#section-persoenliches-bottom,
#section-wagners11-bottom{
	background-image:url("../img/waben.jpg");
	background-size:100%;
	background-repeat:no-repeat;
	background-position: right -10px;
}
#section-persoenliches-bottom{
	padding-top:0;
}
#section-wagners11,
#section-kompetenz{
	background-color:#002444;
	color:#fff;
}
#section-wagners11{
	background-image:url("../img/waben-skew.png");
	background-size:100%;
	background-repeat:no-repeat;
	background-position: left bottom;
}
#section-kompetenz h1,
#section-wagners11 h1,
#section-kompetenz h2,
#section-wagners11 h2,
#section-kompetenz h3,
#section-wagners11 h3{
	color:#fff;
}
.ce_hyperlink{
	width:100%;
	text-align:center;
	min-height:60px;
	margin-top:100px;
	margin-bottom:60px;
}
.ce_hyperlink .btn-standard{
	padding:30px 40px;
	text-transform:uppercase;
	border-radius:50px;
	font-weight:bold;
	color:#6ca2d4
}
.btn-standard{
	background:#fff;
}
.social-icons{
	float:right;
	margin-right:50px;
}
.social-icons ul li.nav-link{
	float:left;
	padding-left:10px;
	padding-right:10px;
}
.mod-inner{
	overflow:hidden;
}
div[id*='section']{
	padding:5% 0;
	float:left;
	width:100%;
}
/* Contao Overrides 
 * <<Start>>
*/
.img-wagner .image_container{
	margin-bottom:0;
}
div[class*='ce_']{
	float:left;
}
/* Contao Overrides
 * <<End>>
*/
/* Bootstrap Overrides 
 * <<Start>>
*/
#top-menu.navbar-nav{
	display:inline-block;
	float:left;
	width:100%;
}
#top-menu .navbar-collapse{
	margin-right:0;
	float:right;
}
#top-menu ul.navbar-nav{
	margin-right:0;
	float:right;
	display:block;
}
#top-menu ul.navbar-nav li{
	text-align:right;
	float: left;
	padding-left:10px;
	padding-right:10px;
}
#top-menu ul.navbar-nav li.last{
	padding-right:20px;
}
button.navbar-toggler{
	float:right;
	border-color:transparent !important;
}
.navbar-light .navbar-toggler-icon{
	background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1") !important;
}
.personal-quote{
	margin-top:100px;
	margin-bottom:100px;
}
.personal-gallery ul{
	list-style-type:none;
	padding:0;
}
.personal-gallery ul li:hover{
	background:#0099cc;
}
.personal-gallery ul li{
	float:left;
	width:33.3333333%;
}
.personal-gallery ul li figure{
	position:relative;
	margin-bottom:0;
}
.personal-gallery ul li img{
	width:100%;
	height:auto;
}
.personal-gallery ul li:hover img{
	opacity: .3;
}
.personal-gallery ul li figure i{
	display:none;
}
.personal-gallery ul li:hover figure i{
	display: inline-block;
    position: absolute;
    left: 46%;
    font-size: 40px;
    top: 44%;
	color:#fff;
}
.mobile-only{
	display:none;
}
.desktop-only{
	display:inline-block;
}
#section-moderation figure{
	margin-bottom:0;
}
#section-footer,
#section-footerbar {
	background-color:#101010;
	color:#fff;
}
#section-footer h2{
	color:#fff;
	margin-bottom:50px;
}
#section-footer .ce_text:first-child p{
	width:70%;
}
.footer-sitemap{
	padding-left:0;
	list-style-type:none;
}
.footer-sitemap a{
	color:#fff;
	text-decoration:underline;
}
#section-footer .social-icons{
	float:left;
}
#section-footer .social-icons ul{
	padding-left:0;
}
#section-footer .social-icons ul li:first-child{
	padding-left:0;
}
#section-footer .social-icons ul li i{
	font-size:36px;
}
#section-footer .social-icons ul li i:hover{
	cursor:pointer;
}
#section-footerbar {
	padding-top:0;
	padding-bottom:0;
}
#section-footerbar .last{
	text-align:right
}
#section-footerbar .last a{
	color:#444;
}
#section-footer a:hover{
	color:#999 !important;
}
#section-footer a{
	color:#fff !important;
}
.col-w11-gallery{
	padding-left:0;
	padding-right:0;
}
.col-w11-gallery .image_container{
	margin-bottom:0;
}
.col-w11-gallery:nth-child(3n+1){
	padding-right:15px;
}
.col-w11-gallery:nth-child(3n+2){
	padding-left:15px;
}
/*
.col-w11-gallery:nth-child(2),
.col-w11-gallery:nth-child(5n){
	padding-left:15px;
}
.col-w11-gallery:nth-child(4),
.col-w11-gallery:nth-child(7n){
	padding-right:15px;
}*/
.col-w11-gallery iframe,
.col-w11-gallery img{
	width:100%;
	border:none;
}
.scroll-top{
	display:none;
	position:fixed;
	right:25px;
	bottom:25px;
	font-size:50px;
}
.scroll-top i:hover{
	cursor:pointer;
}
@media only screen and (max-width: 767px) {
	h1{
		font-size:3rem;
		    margin-left: -4px;
	}
	ul.header-nav{
		margin-top:50px;
	}
	.navbar-nav{
		padding-left:1rem;
	}
	#top-menu ul.navbar-nav li{
		float:right;
		width:100%;
	}
	.social-icons{
		position:absolute;
		width:100%;
		float:left;
		font-size:2rem;
		left:0;
		top:50px;
	}
	.social-icons ul{
		margin-bottom:0;
		padding-left:0.5rem;
	}
	.social-icons ul li.nav-link{
		padding-left:20px;
		padding-right:20px;
	}
	.social-icons ul li.nav-link:first-child{
		padding-left:10px;
	}
	#section-moderation .col-text{
		padding:30px;
		height:auto;
	}
	#section-moderation div[class*='col-']{
		height:auto;
	}
	#section-kompetenz .ce_hyperlink.last{
		margin-top:50px;
		
	}
	.ce_hyperlink.last .btn-standard{
		padding: 10px 20px;
	}
	#section-persoenliches .personal-gallery ul li{
		width:100%;
	}
	ul.header-nav{
		font-size:28px;
	}
	.mobile-only{
		display:inline-block;
	}
	.desktop-only{
		display:none;
	}
	#section-moderation div[class*='col-']:nth-child(3){
		display:flex;
		flex-wrap: wrap;
		order:2
	}
	#section-moderation div[class*='col-']:nth-child(4){
		display:flex;
		flex-wrap: wrap;
		order:1
	}
	#section-footerbar .last{
		text-align:left
	}
	#section-wagners11-bottom .ce_hyperlink{
		margin-top:0;
		margin-bottom:0;
	}
	#section-footer .social-icons ul li:first-child{
		padding-left:20px;
	}
	#section-footer .row div:last-child h2{
		margin-bottom:75px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#section-moderation .col-text{
		padding: 15px 20px;
	}
	#section-moderation div[class*='col-']{
		height:auto;
	}
}
@media only screen and (max-width: 991px) {
	#section-moderation,
	#section-wagners11,
	#section-persoenliches{
		background-image:url("../img/waben-skew_mobile.png");
	}
	#section-footer h2{
		margin-bottom:0;
	}
	#section-moderation div[class*='col-']:nth-child(3){
		display:block;
		width:100%;
		height:auto;
	}
	#section-moderation div[class*='col-']:nth-child(4){
		display:block;
		width:100%;
		height:auto;
	}
	.col-w11-gallery:nth-child(3n+1){
		padding-right:0;
	}
	.col-w11-gallery:nth-child(3n+2){
		padding-left:0;
	}
	.col-w11-gallery img{
		height:auto;
	}
	.col-w11-gallery iframe{
		
	}
}
/*
#top-menu .nav-link{
	padding-top:0;
	padding-bottom:0;
}
*/
/* Bootstrap Overrides 
 * <<End>>
*/