html.html {
	z-index:3;
}

.visible-desktop
{
	display: none;
}

.visible-mobile
{
	display: inherit;
}

.platzhalter>a{
	max-width:250px;
}
.logo>a{
	max-width:250px;
}
#logo {
	max-width:250px;
}

.main .wrap{
	padding-left:15px;
	padding-right:15px;
}

.header-nav>ul>li>a.has-sub,
.header-nav .sub>ul>li>a.has-sub{
	cursor: pointer;
}

.header-nav{
	float:right;
	margin:0;
}

.header-nav>ul{
	visibility:hidden;
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	overflow:auto;
	z-index:100;
	background-color:rgba(0,0,0,0.3);
	opacity:0;
}

.header-nav>ul>li{
	display:block;
	float:none;
	height:auto;
	border-bottom:2px solid #161616;
	margin:0;
	background-color:#222222;
}

.header-nav>ul>li:before{
	display:none;
}

.header-nav>ul>li>a{
	display:block;
	border-radius:0;
	padding:4px 15px;
}

.header-nav div.sub,
.header-nav div.sub.open{
	visibility:inherit;
	position:static;
	height:auto !important;
	overflow:visible;
	border-top:0;
	box-sizing:border-box;
}

.header-nav .sub>ul{
	background-color:#222222;
	padding:0;
}

.header-nav .sub>ul>li{
	display:block;
	padding:0;
}

.header-nav .sub>ul>li:first-child{
	margin-top:0;
}

.header-nav .sub>ul>li>a{
	display:block;
	border-radius:0;
	margin:0;
	padding:5px 15px 5px 35px;
}

.header-nav .sub>ul>li>a.has-sub:before{
	display:none;
}

.header-nav .sub .sub>ul>li>a{
	padding:5px 15px 5px 55px;
}

.mobile-sub-menu-open .header-nav>ul>li,
.mobile-sub-sub-menu-open .header-nav .sub>ul>li,
.header-nav .sub>ul>li{
	visibility: hidden;
	max-height:0;
	overflow: hidden;
	border:0;

	-webkit-transition: max-height .4s ease, border .4s ease;
	-moz-transition: max-height .4s ease, border .4s ease;
	-o-transition: max-height .4s ease, border .4s ease;
	transition: max-height .4s ease, border .4s ease;
}

.mobile-sub-menu-open .header-nav>ul>li.mobile-open,
.mobile-sub-sub-menu-open .header-nav .sub>ul>li.mobile-open,
.header-nav .sub>ul>li.mobile-open,
.mobile-sub-menu-open .header-nav li.mobile-open>.sub>ul>li,
.mobile-sub-sub-menu-open .header-nav li.mobile-open>.sub>ul>li{
	visibility: visible;
	max-height:100px;
	overflow: visible;
	border-bottom:2px solid #161616;
}

.nav-button:before{
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

.nav-button:before{
	content:"\f0c9";
}

.open .nav-button:before{
	content:"\f00d";
}

.nav-button,
.nav-button:hover,
.nav-button:focus{
	display:inline-block;
	padding:0;
	text-decoration:none;
	font-size:20px;
	border-radius:2px;
	background-color:#fff;
	color:#7eb625;
	vertical-align:middle;
	text-align:center;
	line-height:35px;
	width:35px;
	height:35px;
}

.open .nav-button{
	position:fixed;
	right:0;
	top:0;
	z-index:101;
	background-color:rgba(22,22,22,0.4);
	border-radius:0;
	color:#fff;
}

.header-nav{
	display:inline-block;
	vertical-align:middle;
}

.header-nav:before{
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
}

.open .header-nav>ul{
	visibility:visible;
	opacity:1;
	margin:0;
	padding:0;
	
	-webkit-transition:opacity .4s ease, visibility .4s linear;
	-moz-transition:opacity .4s ease, visibility .4s linear;
	-ms-transition:opacity .4s ease, visibility .4s linear;
	-o-transition:opacity .4s ease, visibility .4s linear;
	transition:opacity .4s ease, visibility .4s linear;
}

@media screen and (max-width: 920px)
{
	html.html {
		z-index:2;
	}
	
	.columns-2 .col,
	.columns-2-right .col,
	.columns-2-right .col.col-1,
	.columns-2-right .col.col-2,
	.columns-2-left .col,
	.columns-2-left .col.col-1,
	.columns-2-left .col.col-2,
	.columns-3 .col,
	.columns-4 .col,
	.columns-5 .col,
	.columns-5-left .col,
	.columns-5-left .col:first-child{
		width:100%;
		margin:20px 0 0;
	}
	
	.columns-2 .col:first-child,
	.columns-2-right .col:first-child,
	.columns-2-left .col:first-child,
	.columns-3 .col:first-child,
	.columns-4 .col:first-child,
	.columns-5 .col:first-child,
	.columns-5-left .col:first-child{
		margin-top:0;
	}
	
	.news-list>ul.columns-5>li.col:nth-child(n),
	.news-list>ul.columns-4>li.col:nth-child(n),
	.news-list>ul.columns-3>li.col:nth-child(n){
		margin-left:0;
	}
	
	.news-list>ul.columns-5>li.col:nth-child(n),
	.news-list>ul.columns-4>li.col:nth-child(n),
	.news-list>ul.columns-3>li.col:nth-child(n){
		margin-top:20px;
	}
	
	.footer .footer-text{
		display:block;
		text-align:center;
	}
	
	.footer .footer-nav{
		width:100%;
		text-align:center;
	}
	
	.filter-list-leistungen>li{
		margin:10px 0 0 2%;
		width:49%;
	}
	
	.filter-list-leistungen>li:nth-child(3n+4){ /* overwrite prev */
		margin-left:2%;
	}
	
	.filter-list-leistungen>li:nth-child(2n+3){
		margin-left:0;
	}
	
	.leistungen-liste>li{
		margin:15px 0 0 2%;
		width:49%;
	}
	
	.leistungen-liste>li:nth-child(3n+4){ /* overwrite prev */
		margin-left:2%;
	}
	
	.leistungen-liste>li:nth-child(2n+3){
		margin-left:0;
	}
	
	.abschnitt.slider .slider-nav>ul>li
	{
		margin:0 1% 0 1%;
		width:25%;
	}
	
	.socials{
		display:inline-block;
	}
	
	.main{
		min-height:200px;
	}
	
	.sticky{
		position:absolute;
	}

}


@media screen and (max-width: 768px)
{
	.head-info,
	.head-row .right{
		float:none;
		text-align:center;
	}
	
	.referenzen-liste>li .body>.img{
		width:100%;
		padding-top:37.5%;
	}
	
	.filter-list-leistungen>li{
		margin:5px 0 0;
		width:100%;
	}

	.filter-list-leistungen>li:nth-child(3n+4){ /* overwrite prev */
		margin-left:0;
	}
	
	.leistungen-liste>li{
		margin:15px 0 0;
		width:100%;
	}
	
	.leistungen-liste>li:nth-child(3n+4){ /* overwrite prev */
		margin-left:0;
	}
	
	.abschnitt.slider .slider-nav>ul>li{
		width:40%;
	}
	
	
	
	.abschnitt.img-list>ul>li:nth-child(-n+7),
	.abschnitt.img-list>ul>li{
		margin-top:20px;
		margin-left:0;
		width:100%;
	}
	
	.abschnitt.img-list>ul>li:first-child{
		margin-top:0;
	}
	
	.abschnitt.img-list>ul>li img,
	.abschnitt.img-list>ul>li a{
		max-width:166px;
		margin:0 auto;
		display:block;
	}
}