* {margin: 0px;
	padding: 0px;
	margin: 0 auto;
	}
*	{
	-webkit-box-sizing: border-box;
	

	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body  {

	min-height: 100%;

}
	
body {
		max-width: 1300px;
		position: relative;

		}
	
.wrapper {
		max-width: 1300px;
		height: 98%;
		position: relative;
		display: flex;
		flex-direction: column;
		overflow-x:hidden;
}


.Anfang {
	display:flex;
	flex-direction:column;
	justify-content:center;
}




.alles {
	max-width:90%; 
	display:flex; 
	flex-direction:column; 
	align-items:center; 
	justify-content:center;
}

.Polos {
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin-top:-20px;
	max-width: 100%;
}

.Damen {
	position:relative;
	max-width: 100%;
	margin-bottom: 20px;
	display:flex;
	flex-direction:column;
	font-style:normal;
}

.dPolos {
	display:flex;
	flex-direction: row;
	justify-content:center;
	align-items:center;
	max-width:100%;
}

.Danke {
	display:flex;
	flex-direction: row;
	justify-content:space-between;
	align-items:center;
}

.imgKl {
	margin:0px;
	width: 50%;
	
}

.bildKl {
	position:relative;
	display:flex;
	flex-direction: row;
	justify-content:space-between;	
	width:150px;
	margin: 2px;
	background-color:white;

}

.bildKl:hover {
	border:1px solid gray;


}


.Deutsch {
	position:relative;
	margin-top:-20px;
	max-height: 120px; 
	
}

a {text-decoration: none};

header {
	position: relative;

}

.inhalt {
	width: 100%;
	flex-grow: 1;
  	flex-shrink: 1;
  	flex-basis: auto;
	position:relative;
	top:0px;
	padding-top: 0px;
	background-color:lightgray;
	display: flex;
	
	flex-direction: column;
	align-items: center;
	justify-items: center;
	
	}


.platz  {
		
	max-width: 100%;
	max-height: 250px;
	position: relative;
			
	}

	.ober {
		max-width: 100%;
		position: relative;
		top: 0px;
		left: 0px;
		
			position:relative;
			opacity:1;
	
		z-index: 4;	
	
	}
	.oberKl {
		max-width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		
			
			opacity:0;
	
		z-index: 4;	
		
	}
	

	

	.hinter {
		max-width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		max-width: 100%;
		z-index: 1;		
		
	}
	





.slogan {
	position: relative;
	
	display: flex;	
	text-align: center;
	font-family: "Open Sans",sans-serif;
	font-weight: 400;
	font-size: 2.5em;

	color: #2d4086;
	margin: 0px;



}



footer {
	position: relative;
	width: 100%;

	min-height: 50px;
	display: flex;
	align-items:start;
	justify-content:end;	
	border-top: 2px solid gray;
	background-color: white;
	color: gray;	
}

.foot {
	position:relative;
	top:2px;
	display: flex;
	align-items: center;
	justify-content:flex-start;
	border:0px solid red;
}

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


	.Deutsch {
		position:relative;
		margin-top:-20px;
		max-height: 100px; 
		
	}
	.ober {
		position:absolute;
			opacity:0;
	
	}
	.oberKl {
		position:relative;
			opacity:1;
	
	}
	

	
	.bildKl {
	
	max-width:100px;
	}
}


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

	.ober {
		position:absolute;
			opacity:0;
	
	}
	.oberKl {
		position:relative;
			opacity:1;
	
	}



	

}

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


	.Deutsch {
		position:relative;
		margin-top:-20px;
		max-height: 80px; 
		
	}
	
	.bildKl {
	
		max-width:80px;
		}
}


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


	.Deutsch {
		position:relative;
		margin-top:-30px;
		max-height: 60px; 
		
	}

	.bildKl {
	
		max-width:60px;
		}

	.wrapper {
	
		height: 95%vh;
	
	}
	

}