html,body{
margin:0; padding:0;height:100%;
}

#startseite {
	padding:10px;
		font-size:16px;
		  position:relative;
		  z-index:1;
		  background: url(../images/Background.jpg) no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		  overflow-x:hidden;
		  height:100%;
		  
		  
	}
	
	.font-150{
		font-size:1.5rem;
	}
	
	.font-white{
		color:#fff;
	}
	
	.bold{
		font-weight:700;
	}
	
	.aligncenter{
		text-align:center;
	}
	
	.alignright{
		text-align:right;
	}
	
	.one-whole{
		width:100%;
		display:inline-block;
	}
	
	.one-half{
		width:49%;
		display:inline-block;
	}
	
	.one-fifth{
		width:20%;
		display:inline-block;
	}
	
	.two-fifths{
		width:40%;
		display:inline-block;
	}
	
	img{
		width:100%;
		max-width:100%;
		height:auto;
	}
	
	.height_2{
		height:2rem;
	}
	
	.height_8{
		height:4rem;
	}
	
	.height_10{
		height:10rem;
	}
	
	
	.parallelogramm{
	  display:inline-block;
	  vertical-align:top;
	  position:relative;
	  transform-origin:0 100%;
	  transform:skewX(-30deg) translatez(1px);
	  overflow:hidden;
	  z-index:1;
	  
	}
	
	.parallelogramm .parallelogramm{
	  display:inline-block;
	  vertical-align:top;
	  position:relative;
	  z-index:1;
	  transform-origin:0 100%;
	  transform:skewX(0deg) translatez(1px);
	  overflow:hidden;
	  margin-right:0;
	}
	
	.back_logo_ah{
		width:100%;
		height:5rem;
		background-color:#fff;
		display:block;
	}
	
	.back_logo_ah::before{
		display:block;
		content:'';
		position:absolute;
		top:0;
		z-index:1;
		left:0;
		transform-origin:inherit;
		transform:skewX(30deg);
		width:100%; height:5rem;
		background-image:url('../images/Autocenter_Lange_Logo.png');
		background-size:70% auto;
		background-position:3% center ;
	  background-repeat: no-repeat;
	}
	
	.back_logo_ah_2{
		width:100%;
		height:10rem;
		background-color:#fff;
		display:block;
	}
	
	.back_logo_ah_2::before{
		display:block;
		content:'';
		position:absolute;
		top:0;
		z-index:1;
		left:0;
		transform-origin:inherit;
		transform:skewX(30deg);
		width:100%; height:10rem;
		background-image:url('../images/ACL_Logo.png');
		background-size:auto 80%;
		background-position:center;
	  background-repeat: no-repeat;
	}
	
	.back_logo_ah_3{
		width:100%;
		height:10rem;
		background-color:#fff;
		display:block;
	}
	
	.back_logo_ah_3::before{
		display:block;
		content:'';
		position:absolute;
		top:0;
		z-index:1;
		left:0;
		transform-origin:inherit;
		transform:skewX(30deg);
		width:100%; height:10rem;
		background-image:url('../images/MCL_Logo.png');
		background-size:auto 80%;
		background-position:center;
	  background-repeat: no-repeat;
	}
	
	.back_logo_ah_4{
		width:100%;
		height:10rem;
		background-color:#fff;
		display:block;
	}
	
	.back_logo_ah_4::before{
		display:block;
		content:'';
		position:absolute;
		top:0;
		z-index:1;
		left:0;
		transform-origin:inherit;
		transform:skewX(30deg);
		width:100%; height:10rem;
		background-image:url('../images/ACL_Kia_Logo.png');
		background-size:auto 80%;
		background-position:center;
	  background-repeat: no-repeat;
	}
	
	.back_logo_ah_5{
		width:100%;
		height:10rem;
		background-color:#fff;
		display:block;
	}
	
	.back_logo_ah_5::before{
		display:block;
		content:'';
		position:absolute;
		top:0;
		z-index:1;
		left:0;
		transform-origin:inherit;
		transform:skewX(30deg);
		width:100%; height:10rem;
		background-image:url('../images/Vergoelst_Logo.png');
		background-size:auto 60%;
		background-position:center;
	  background-repeat: no-repeat;
	}
	
	.back_logo_ah_6{
		width:100%;
		height:10rem;
		background-color:#fff;
		display:block;
	}
	
	.back_logo_ah_6::before{
		display:block;
		content:'';
		position:absolute;
		top:0;
		z-index:1;
		left:0;
		transform-origin:inherit;
		transform:skewX(30deg);
		width:100%; height:10rem;
		background-image:url('../images/WCL_Logo.png');
		background-size:auto 80%;
		background-position:center;
	  background-repeat: no-repeat;
	}
	
	.back_logo_ah_7{
		width:100%;
		height:13rem;
		background-color:#fff;
		display:block;
	}
	
	.back_logo_ah_7::before{
		display:block;
		content:'';
		position:absolute;
		top:0;
		z-index:1;
		left:-15%;
		transform-origin:inherit;
		transform:skewX(30deg);
		width:130%; height:100%;
		background-image:url('../images/Autohaus_Wietstock.jpg');
		background-size:100% auto;
		background-position:center;
	  background-repeat: no-repeat;
	}
	
	.back_logo_ah_8{
		width:100%;
		height:13rem;
		background-color:#fff;
		display:block;
	}
	
	.back_logo_ah_8::before{
		display:block;
		content:'';
		position:absolute;
		top:0;
		z-index:1;
		left:-20%;
		transform-origin:inherit;
		transform:skewX(30deg);
		width:150%; height:100%;
		background-image:url('../images/Autohaus_Gosen_2.jpg');
		background-size:100% auto;
		background-position:center;
	  background-repeat: no-repeat;
	}
	
	.blank_red{
		height:5rem;width:100%;background-color:#e61e3f;
	}
	
	.blank_white{
		height:5rem;width:100%;background-color:#fff;
	}
	
	.text_red{
		height:2rem;
		width:140%;
		background-color:#e61e3f;
		color:#fff;
		font-weight:700;
		font-size:1.5rem;
		text-align: left;
		padding-left:3%;
		transform-origin:inherit;
		transform:skewX(30deg);
	}
	
	.text_red2{
		height:10rem;
		width:140%;
		background-color:#e61e3f;
		color:#fff;
		font-weight:700;
		font-size:1.2rem;
		line-height:2rem;
		padding-top:0;
		text-align: left;
		transform-origin:inherit;
		transform:skewX(30deg);
	}
	
	.text_red2 a{color:#fff;}
	.text_red2 .d1{padding-left:27%;padding-top:0.3rem;}
	.text_red2 .d2{padding-left:18%;padding-top:0.3rem;}
	.text_red2 .d3{padding-left:13%;padding-top:0.3rem;}
	
	.fa-whatsapp  {
	  color:#fff;
	  background:
	  linear-gradient(#25d366,#25d366)-15px 84%/15px 15px no-repeat,
	  radial-gradient(#25d366 59%,transparent 0);
	}
	
	.text_red3{
		height:3rem;
		width:140%;
		line-height:3rem;
		background-color:#e61e3f;
		color:#fff;
		font-weight:700;
		font-size:1.2rem;
		text-align: left;
		padding-left:10%;
		transform-origin:inherit;
		transform:skewX(30deg);
	}
	
	lap--mright_0{
		margin-right:0;
	}
	
	.lap--mright{
		margin-right:2%;
	}
	
	.mbottom{
		margin-bottom:2%!important;
	}
	
	.mright_1{
		margin-right:1%!important;
	}
	
	.mright_2{
		margin-right:2%!important;
	}
	
	.mright{
		margin-right:1%;
	}
	
	a.hover:hover, a.hover:focus{
		transform: scale(1.2);
	}
	
	#colorbox img {
	  max-width: none;
	  max-height: none;
	}
	
	.buttons{
		width:100%;
		display:inline-block;
		box-sizing: border-box;
	}
	
	.button{
		width:50%;
		display:inline-block;
		text-align:center;
		padding:20px 10px;
		text-decoration:none;
		box-sizing: border-box;
		font-weight:900;
		
	}
	
	.button:hover{
		opacity:0.8;
	}
	
	.button_red{
		background-color:#e61e3f;
		color:#fff;
	}
	
	.button_green{
		background-color:#008800;
		color:#fff;
	}
	
	#colorbox, #cboxOverlay, #cboxWrapper{
		z-index:99999;
	}
	
	
	@media only screen and (max-width: 1024px) and (min-width: 641px) {
		* {
			font-size:12px;
		}
		
		i{font-size:16px;}
	
		.lap--one-third{
			width:30%;
		}
		
		.lap--one-half{
			width:48%;
		}
		
		.lap--one-whole{
			width:100%;
		}
		
		.lap--alignleft{
			text-align:left;
		}
		
		.lap--mleft-7{
			margin-right:0;
			margin-left:-7%;
		}
		
		.lap--mright{
			margin-right:2%!important;
		}
		
		.back_logo_ah{
			width:60%;
		}		
		
		.back_logo_ah::before{

			background-size:40% auto;
		}
		
		.lap--hidden{
			display:none;
		}
	}
	
	@media only screen and (max-width: 640px) {
		* {
			font-size:11px;
		}
		
		i{font-size:15px;}
		
		.palm--one-whole{
			width:100%;
		}
		
		.parallelogramm{
		  transform:skewX(-10deg) translatez(1px);
		}
		
		.back_logo_ah_1::before,
		.back_logo_ah_2::before,
		.back_logo_ah_3::before,
		.back_logo_ah_4::before,
		.back_logo_ah_5::before,
		.back_logo_ah_6::before,
		.back_logo_ah_7::before,
		.back_logo_ah_8::before{
			transform:skewX(10deg);
		}
		
		.text_red, .text_red2, .text_red3{
			transform-origin:inherit;
			transform:skewX(10deg);
		}		
		
		.text_red2{
			
		}
		
			.text_red2 .d1{padding-left:10%;padding-top:0.3rem;}
	.text_red2 .d2{padding-left:10%;padding-top:0.3rem;}
	.text_red2 .d3{padding-left:10%;padding-top:0.3rem;}
		
		.palm--mleft-7{
			margin-right:0;
			margin-left:-5%;
		}
		
		.back_logo_ah::before{

			background-size:40% auto;
		}
		
		.palm--hidden{
			display:none;
		}
	}
	
	@media only screen and (min-width: 1025px) {
		
		.desk--hidden{
			display:none;
		}
	}