/* CSS Document */

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

body{/*
	background-image: url("Cover2.jpg");
	background-repeat: no-repeat;
  	background-attachment: fixed;
	background-size: cover;
	background-position: center;*/
	padding: 5rem;

	background-color: lightsteelblue;
}



img{
	max-width: 100%
}

.milchglas{
	padding: 5rem;
 	margin: 0 auto;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.6);
	max-width: 1000px

}

.box{
	max-width: 500px;
	margin:1rem;
}

.nebeneinander{
	display: flex;
}




/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 1200px) {

.milchglas{
	padding: 1rem;
	margin: 1rem;
	border-radius: 5px;
}




}


@media only screen 
and (max-width : 800px) {
	
body{/*
	background-image: url("Cover2.jpg");
	background-repeat: no-repeat;
  	background-attachment: fixed;
	background-size: cover;
	background-position: center;*/
	padding: 0.2rem;

	background-color: lightsteelblue;
}

.nebeneinander{
	flex-direction: column;
	align-items: center;
	}

}