/* Floats ohne zusaetzliches Element aufheben */
.clearfix:after, .galerie:after {
	content: "";
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
}
.clearfix, .galerie { 
	display: inline-block; 
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%; 
}
.clearfix, .galerie { 
	display: block; 
}

@-ms-viewport{width:device-width}

body {
	-webkit-text-size-adjust:none;
}

.content img {
	border:none;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}


.button_menu {
	display:none;
}


button {
  display: inline-block;
  margin: 0;
  border: none;
  background: none;
}
button span {
  display: block;
}

.mobil {
	display:none;
}

.bx-wrapper {
    width: 100% !important;
}



@media only screen and (max-width : 1260px) {
.grid {
	max-width:100%;
	overflow:inherit;
	min-width:inherit;
}	

.grid-pad {
	padding:20px 20px 0px 20px;
}

header {
	background:#131313 url(../images/template/header_bg.jpg) center bottom no-repeat;
	background-size:cover;
	position:relative;
	z-index:100;
}

#slider {
	z-index:0;
}


header nav ul {
	padding-left:0px;
}

#topbutton {
	display:none;
}

}

@media only screen and (max-width : 1135px) {
.referenz {
    margin-right: 3%;
    width: 22%;
}
}

@media only screen and (max-width : 1090px) {
	
nav li a {
    padding: 0 30px 0 40px;
}
.col-1-3, .col-4-12 {
    width: 50%;
	margin-bottom:25px;
}

.col-2-3, .col-8-12 {
    width: 50%;
}

.col-1-6, .col-2-12 {
    width:50%;
}

.col-1-2, .col-6-12 {
    width: 100%;
}
}

@media only screen and (max-width : 990px) {

#wrapper {
	position:relative;
	z-index:0;
}

.col-1-4, .col-3-12 {
    width: 50%;
}

.content nav {
	display:none;
}	
	
	
.mobil {
	display:block;
}

	nav {
		position:relative;
		z-index:10000;
	}
	
	nav ul {
		background: #2c456d ;
		box-shadow: 0 0 3px rgba(0, 0, 0, 1);
		position:absolute;
		top:89px;
		right:0px;
		z-index:1000;
		width:auto;
		clear:both;
		
	}
	
	nav ul li a, nav ul li span {
		padding:0 15px;
		white-space:nowrap;
	}
	
	header nav li a {
		height:auto;
		display:block;
		border:none;
		width:auto;
		float:none;
	}
	
	nav ul li a:hover, nav ul li span:hover {
		border:none;
	}
	
	
	nav ul li {
		display:none;
	}
	
	nav ul li ul {
		display:block;
		position:static;
		box-shadow:none;
		border-radius:5px;
		margin:0 10px;
	}
	
	nav ul li ul li a {
		white-space:normal !important;
	}
	

	.button_menu {
		display:block;
		position:relative;
		cursor:pointer;
		color:#fff;
		padding:7px 20px 7px 20px;
		z-index:30;
		width:110px;
		float:right;
		margin-top:0px;
		margin-top:38px;
		background: #2c456d;
		border-bottom:1px dashed #000; 
		margin-bottom:20px;
	}

	header nav ul {
		margin:0px;
		height:auto;
	}

	
}

@media only screen and (min-width : 991px) {
	.button_menu {
		display:none;
	}

.content nav {
	display:block !important;
}	

	.mobil {
		display:none;
	}
	
	nav ul {
		position:static;
	}

	
}


.grid-button {
  padding:20px 20px 15px 27px;
  cursor: pointer;
  user-select: none;
}

.grid-button .grid1 {
  width: 6px;
  height:6px;
  background: #fff;
  color: #fff;
  /* Not in use when the colors are specified below */
  transition: 0.3s;
}

.grid-button .grid1 {
  box-shadow: -8px 0, -8px 8px, 8px 0, 8px -8px, 0 -8px, -8px -8px, 0 8px, 8px 8px;
}



button span.text {
	margin-left:30px;
	margin-top:-10px;
	text-align:left;
	color:#fff;
}




@media only screen and (max-width : 875px) {
	.referenz {
    margin-right: 6%;
    width: 44%;
}



ul.referenzliste {
    padding: 20px 20px 50px 0;
}

}

@media only screen and (max-width : 700px) {
.col-5-12 {
    width: 70%;
}

.col-7-12 {
    width: 30%;
}

.col-1-3, .col-4-12 {
    width: 100%;
	margin-bottom:25px;
}

.col-2-3, .col-8-12 {
    width: 100%;
}

.col-1-6, .col-2-12 {
    width:100%;
}
}
@media only screen and (max-width : 650px) {

.bx-wrapper img {
    width: 100%;
}

.bx-wrapper {
    height:auto;
	border-bottom:10px solid #131313;
}

#slider {
	display:none;
}

form {
	width:100%;
    margin: 0 0px;
}

table {
	width:100%;
}

input, textarea, select {
	width:100% !important;
}

}

@media only screen and (max-width : 610px) {

}

@media only screen and (max-width : 500px) {
.col-5-12 {
    width: 100%;
}

.col-7-12 {
    width: 100%;
}

.col-1-4, .col-3-12 {
    width: 100%;
}

.button_menu {
	margin-top:0px;
}

	nav ul {
		background: #2c456d ;
		box-shadow: 0 0 3px rgba(0, 0, 0, 1);
		position:absolute;
		top:51px;
	}
	
table tr td {
	width:100%;
	display:block;
}
}

@media only screen and (max-width : 470px) {
	
.galerie a {
	float:left;
	display:block;
	width:50%;
}

.galerie {
	margin-bottom:20px;
}
}

@media only screen and (max-width : 440px) {
.kontakt {
    padding: 20px 2px 50px;
}

.kontaktbox {
	padding:20px 7px 50px;
}
}

@media only screen and (max-width : 380px) {

}

@media only screen and (max-width : 340px) {

}