body {
	margin:0px;
/*	background-color:#1a1a1a; */
/*	background-color:#3572d6;	*/
	background-color:#d1c5b7;	
	font-family:Poppins;
/*	text-align:center;*/
	
/*	line-height: 1.5;*/
}
@media (orientation: portrait) { /* Formate für hochformatige Ausgabemedien */ }

@media (orientation: landscape) { /* Formate für querformatige Ausgabemedien */ }

@media only screen {
	body{
		background-image: url("/img/bg_scripting.png");
	}
}

@media only print {	/* Ausgabemedium Drucker */
	body{
		background-color:#ffffff;
	}
	div.mitte{
			position: absolute;	
			width: 90%;
/*			width: 650px;
			left: 50%;
			margin-left: -185px;*/
	}
	h1{
		color: #ff0000; 	
	}
	
	a{
		visibility: hidden;	
	}
	.aufloesung_360, .aufloesung_1024, .aufloesung_1600{
		visibility: hidden;	
	}	
}

@media only screen and (min-width: 360px) {	/* iPhone */
	h1{
		font-size: 75%; 	
	}
	div.mitte{
		position: absolute;	
		width: 375px;
		left: 50%;
		margin-left: -185px;	
	/*	height:100%;	
		height:650px;
	/*height:80%;*/
	}
	
    .topmenu li { 
        width: 24%; 
        height: 120px; 
        font-size: 1.4em; 
	}
	.aufloesung_360{
		position: absolute;
		left: 5px;
		visibility: visible;		
	}	
	.aufloesung_1024, .aufloesung_1600{
		visibility: hidden;		
	}

	/* Legende */	
	div.legend	 {
		display: flex;
		flex-direction: column;	
	}
	div.img	 {
		width:	14px;
		height:	13px;
	}
	/* Ende Legende */
}

@media only screen and (min-width: 1024px) {	/* Desktop */
	div.mitte{
		position: absolute;	
		width: 1024px;
		left: 50%;
		margin-left: -512px;	
	/*	height:100%;	
		height:650px;
	/*height:80%;*/
	}
	h1 {
		text-align:center;
		color:#ffffff;
		font-size: 100%; 		
	}	
	.aufloesung_1024{	
		position: absolute;
		left: 5px;
		visibility: visible;		
	}	
	.aufloesung_360, .aufloesung_1600{
		visibility: hidden;		
	}		
	div.legend	 {
		display: flex;
		flex-direction: row;		
	}
	div.legend > div	 {		
		margin-right: 25px;
	}
}

@media only screen and (min-width: 1600px) {	/* Desktop */
	div.mitte{
		position: absolute;	
		width: 1200px;
		left: 50%;
		margin-left: -512px;	
	/*	height:100%;	
		height:650px;
	/*height:80%;*/
	}
	h1 {
		text-align:center;
		color:#ffffff;
		font-size: 1.5em; 		
	}	
	.aufloesung_1600{	
		position: absolute;
		left: 5px;
		visibility: visible;		
	}	
	.aufloesung_360, .aufloesung_1024{
		visibility: hidden;		
	}	
}
.logo {
	margin-top:25px;
}

h1 {
	text-align:center;
	color:#ffffff;		
}

.button {
/* 	margin-top:100px; */
	margin-right:10px;
	margin-left:10px;
	text-decoration: none;
	color:#fff;
	background-color:#4286f4;
	padding:10px;
	padding-left:10px;
	padding-right:10px;
}

.button:hover {
	background-color:#3572d6;
}

a {
/*	margin-top:150px;*/

	margin-right:5px;
	margin-left:5px;
	
	text-decoration: none;
	color:#fff;
/*	background-color:#4286f4;*/
/*	padding:10px;*/
	padding-left:5px;
	padding-right:5px;

	line-height: 1.5;	
}

a:hover {
/*	background-color:#3572d6;*/
}
.schliessen {
   font-size: 11px;
   color: #000000;
   font-weight: normal;
   font-style: normal;
   background-color: #E4E4E4;
   cursor: pointer;
   padding-right:10px;
   padding-left:10px;
   border: 1px solid #576675;
   border-radius: 5px;
}

.schliessen:hover {
   color: #FFFFFF;
   background-color: #3B5998;  
}