html, body {
	margin: 0px;
	padding: 0px ;
	width: 100%;
	height: 100%;
	overflow-x:hidden;
  }
 body{
	  
	font-family: "Open Sans",sans-serif;
	text-align: center;
	box-sizing: border-box;
	justify-content:center;
	width:100%;
	height:auto;
	margin: 0;
	padding:0;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
   
		  }
 
  *	{ 
	  box-sizing: border-box; 
	  padding: 0;
	  margin: 0;
	  }		
	

		/* Automatic dark mode */

		@media (prefers-color-scheme: dark) { 
			body {background:#172b38;}
			div .inhalt h1  {color:white;}
			div .inhalt h2  {color:white;}
			div .inhalt p {color:white;}
			div a {color:white;}
			.inhalt ul li {color:white;}
		}
	

				/* Inhalt */			
				
	.inhalt h1{
		max-width:100%;
		width:600px;
		height:405px;
		height:auto;
		margin-top:30px;
		margin-bottom:30px;
		margin:auto;
		color:#444444;
		border-bottom:solid 1px;
		padding:10px;

			}
	/* Mediaquerries */
		@media (min-width: 200px) { .inhalt h1   {width:80%;} }
		@media (min-width: 600px) { .inhalt h1  {width:80%;} }
		@media (min-width: 900px) { .inhalt h1  {width:80%;} }
		@media (min-width: 1000px) { .inhalt h1  {max-width:600px;} }
		
	.inhalt h2{
		font-size:25px;
			}
	.inhalt p {

		max-width:100%;
		width:900px;
		height:auto;
		margin:auto;
		margin-top:20px;
		margin-bottom:20px;
		font-size:20px;
		color:#444444;
		border-radius:15px;
		text-align:left;
		padding-left:5px;
		line-height: 1.7;

	}
	.inhalt img {

		max-width:100%;
		width:900px;
		height:auto;
		border-radius:15px;
		box-shadow: 4px 6px 7px #c2c6cc;
		margin-top:20px;
		margin-bottom:20px;
				}
	#mapsymbol {

		background-color:green;
		background-image: linear-gradient(#e4ede5, #127519);
		border: solid 10px #c7d4c8;
		border-top-color: #ccc;
		border-bottom-color: #ccc;
		margin-top:0;
		margin-left:-10%;
		font-size: 18px;
		cursor: pointer;
		border-radius: 50%;
		position:sticky;
		display:inline-block;
		box-shadow: 4px 6px 7px #c2c6cc;
		padding:5px;
		width:100px;
		height:100px;
				}	
	#mapsymbol:hover {

		transition-duration: 1s; 
		border: solid 10px #0166bb;
				}
	
	.upper_btn  {
		display: inline-block;
		background:#B2D1EA;
		margin-top:0;
		margin-bottom:2%;
		font-size: 30px;
		cursor: pointer;
		border-radius: 50%;
		position:sticky;
		display:inline-block;
		padding:5px;
		width:100px;
		height:100px;
		border: none;
				}
	.upper_btn .fa  {
		color:#0166bb;
		margin:auto;
		border-radius:50%;
		width:80px;
		height:80px;
		line-height: 80px;
		vertical-align: middle;
		box-shadow: inset 0 2px 0 white, 0 2px 2px black;
			}
	.upper_btn .fa:hover {
		box-shadow: inset 0 2px 0 black, 0 2px 2px white;
			}
	a { 
		text-decoration: none;
				}
	.back-to-top {
		background:#0166BB;
		color:white;
		position: fixed;
		bottom:13%;
		right:0;
		padding:10px;
		z-index: 100;
		border-radius: 5px;
			   }
			