
* {
	padding:0; margin:0;

	}
html{
	font-size:15px;	
}
@media (max-width: 430px) {
  html {
    font-size: 11px; 
  }
}
@media (min-width: 431px) and (max-width: 879px) {
  html {
    font-size: 13px;
  }
}
@media (min-width: 880px) and (max-width: 1200px) {
  html {
    font-size: 14px;
  }
}
body,html{
	height:100%; width:100%;
	}
body {
	background-color: ;
	line-height:1.8rem;
	font-weight:normal;
	font-style:normal;
	font-family:Calibri;
	overflow-y: scroll;
	color:;
}




a {
	color:;
	text-decoration:none;
	border-bottom: 1px solid ;
	padding: 2px 5px 2px 5px;
}
a:hover {
	border: none;
}

h1{
	letter-spacing:1.1px;
	font-family:Calibri;
	font-size:1.4rem;
	color:;
	margin:15px;
	text-align:center;
}
h2 {
	margin-bottom:20px; text-align:center;
	font-weight:bold;
	font-size:1rem;
}
h3 {font-size:1rem;}
#panorama {
	height:250px;
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	}
@media only screen and (max-width: 620px) {
	#panorama {
	height:130px;}
}

#inhalt {
	background-color: ;
	padding:15px;
}

#rahmen {
	position:relative;
	max-width:890px;
	min-height:100dvh;
	margin: 0 auto;
	padding-bottom:70px;
	box-sizing:border-box;
	}

@media only screen and (min-width: 770px) {
	#hinweis {
		display:none;
	}
}
#hinweis {
	margin: 20px 1% 20px 1%;
	padding:10px;
	background-color:;
	color:white;
	text-align:center;
}