/******************************************************************/
/***************************** Tablet *****************************/
/******************************************************************/
@media (min-width: 768px) {		
	/* Content */
	.bg-start {
	background-image: url(../img/bg-sommer.jpg);
	background-repeat: no-repeat;
    background-position: top center; 
	background-size: cover;
	background-attachment: fixed;
	min-height: 100%; /* Mindesthöhe auf 100 % (bei modernen Browsern) */
  	height: auto !important; /* important Behel (bei modernen Browsern */
  	height: 100%; /* IE soll wie gewünscht interpretieren */
 	overflow: hidden !important; /* Firefox Scrollleiste */
	}
	
	.bg {
		background-image: url(../img/bg-sommer.jpg);	
		background-repeat: no-repeat;
    	background-position: top left; 
		background-size: cover;
	}
	
	.bg .linke-spalte {
		background-image: none;	
	}
	
	.linke-spalte {
		width: 340px;
		padding-bottom: 0;
	}
	
	.linke-spalte .width {
		width: auto;
	}
	
	.logo {
		padding-bottom: 40px;
	}
	
	.logo img {
		width: auto;
	}
	
	.headline {
		padding-bottom: 40px;
	}

	.button {
		padding-bottom: 20px;
	}
	
	.BtnStyle {
		width: 260px;
	}
	
	.informationen {
		padding-bottom: 100px;
	}
	
	.markenlogo-start {
		position: relative;
   	 	top: -150px;
    	width: 340px;
	}
	
	.markenlogo {
		position: absolute;
   	 	margin-top: -150px;
    	width: 340px;
	}
	
	.rechte-spalte {
		width: calc(100% - 340px);
		background-color: #FFFFFF;
		padding: 30px;
	}
	
	.impressum .rechte-spalte,
	.kontakt .rechte-spalte {
		height: 100vh;
	}

}


/***************************************************************************/
/***************************** kleiner Desktop *****************************/
/***************************************************************************/
@media (min-width: 1030px) { 
	/* Allgemein */
	.container {
		width: 100%;
		height: 100%;
	}

	/* Content */
	
	
}

/**************************************************************************/
/***************************** großer Desktop *****************************/
/**************************************************************************/
@media (min-width: 1200px) { 
	/* Content */
	.rechte-spalte {
		font-size: 16px;
		padding: 55px 70px;
	}
	
}


/***********************************************************************/
/**************************** Windows Phone ****************************/
/***********************************************************************/
@-ms-viewport{
    width: device-width;
}