@charset "utf-8";
/* CSS Document */
/* große Viewports / für Bildschirme mit großer Auflösung (>800) */
@media only screen and (min-width: 800px) and (max-width:1099px) {
html, body{
margin: auto;
padding:0;
width: 90%;
justify-content: center;
	align-items: center;
	
/*overflow:hidden;*/
}
.flex-container {
    flex-direction: row;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	  }
.flex-container1 {
	 	display: flex;
	  	flex-direction: row;
		justify-content: center;
		align-items: center;
		} 		
.flex-container2 {
	display: flex;
	flex-basis: 100%;
    flex-direction: row;
	
	
  }	
.haupt{
	/*width:100%;*/
	height: 42em;/*656px;*/
	/*	background:url('../img/Platz1.jpg') #fff no-repeat;*/
	background: linear-gradient(20deg, grey, lightgrey, darkblue);
    background-size:cover;
	justify-content: center;
	align-items: center;
	float:left;
	border-top: 2px solid white;
	overflow:hidden;
/*	transition:height .2s ease-in-out;
	display: flex; 
	flex-direction: row ;*/
	}
	
	.flex-item-l2 {
	width: 15%;
		align-items: center;
		justify-content: center;
		padding:2% 2% 2% 2%;
}
	.flex-item-l1 {
	width: 15%;
		align-items: center;
		justify-content: center;
		padding:2% 2% 2% 2%;
}
	.flex-item-l1 img{
	width: 90%;
}
	.flex-item-l2 img{
	width: 100%;
}
	
/*	.flex-item3 {
	flex:auto;
	flex-grow: 9;
	text-align: center;
	border: 2px solid white;
	background: linear-gradient(20deg, grey, lightgrey, darkblue);
	opacity: 0.85;
	text-decoration:none;
	font-family:'HelveticaBold';
	font-size: 20px;
    color: darkblue;
}*/
.flex-item4 {
	flex: auto;	
	width: 70%;
	align-self: stretch;
	text-align: center;
	border: 2px solid white;
	border-radius: 4px; 
	background: linear-gradient(20deg, grey, lightgrey, darkblue);
	padding:2% 2% 2% 2%;
	margin: 2% 2% 2% 2%;
	font-family:'HelveticaBold';
	font-size: 1.5em;
    color: darkblue;
}	
	.flex-item5 {
	flex: auto;	
	width: 70%;
	text-align: center;
	justify-content: center;
	padding:0% 2% 0% 2%;
	margin: 0% 2% 0% 2%;
	font-family:'HelveticaBold';
	font-size: 1em;
    color: white;
}
/* Navigation */
	nav > ul {
		flex-direction: row;
		height: 2.4em;
		vertical-align: text-bottom;
	}
	nav li {
	flex: 1;
		font-size: 1.1vw;
		z-index: 1000;
	}
	nav{
		display: none;
	}
	 .bar1,
	 .bar2,
	 .bar3 {
		align-content: center;  	 
		width: 95%;
		height: 5px;
		background-color: #333;
		margin: 5px 0;
		}
	
	
	.haupt .grid{
		display:none;
	}
	.flex-item3{
	display: none;
	}
	.cont1 {
		  width: 100%;
		  height:  43em;/*656px;*/
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  float:left;
		  border-top: 2px solid white;
		  overflow:hidden;
		  background: linear-gradient(20deg, grey, lightgrey, darkblue)

		}
.cont2 {
	display: grid; 
	
 grid-template-rows: [line-h-1] 50% [line-h-2] 50%; 
 grid-template-columns: [line-v-1] 50% [line-v-2] 50%;
	
}	
}