body{
font-size:14px;
background-color: #008080;
font-family:calibri, verdana, arial, sans_serif;
min-height:600px;
}
.header{
background-color: #008080;
text-align:center;
padding: 30px;
font-family:calibri, verdana, arial, sans_serif;
margin: -8px -8px 0px -8px;
color: #FFFFFF
}
.header:after{
clear:both; 
}
.header  p.big{
display:inline;
font-weight:bold;
font-size:5em;
color: #FFFFFF
}

.header h1{
display:inline;	
font-weight:normal;
font-size:2em;
}
 
.main{
clear:both; 
background-color: #FFFFEE;
text-align:center;
padding: 30px;
font-family:calibri, verdana, arial, sans_serif;
margin: -8px -8px 10px -8px;
color: #505080;
font-size:1.7em;
width: 100%;
}



.footer{
clear:both; 
background-color: #FFFFEE;
padding: 30px;
font-family:calibri, verdana, arial, sans_serif;
margin: -8px -8px 10px -8px;
color: #505080;
font-size:1.7em;
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
padding: 30px;
}

.main_links, .main_rechts, .footer_links, .footer_rechts{
float:left;
width: 45%;
position:relative;
text-align: left;
}
.main_mitte, .footer_mitte{
float:left;
width: 10%;
position:relative;
text-align: left;
}

.startseite {
position:relative;
top:-6px;
font-size:14px;
}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.scrContainer {
	overflow-y:scroll; 

a{
font-family:calibri, verdana, arial, sans_serif;
color: #505080;
}
a, a:link, a:visited, a:hover {
text-decoration:none;
}


h2{
font-weight:bold;
text-decoration:underline;
}
p.name{
font-weight:bold;
margin:30px 0px 5px 0px;
}

	height:300px; 
	max-height:300px; 
	width:auto;
}

.cookie-banner {
  position: fixed;
  bottom: 40px;
  left: 10%;
  right: 10%;
  width: 80%;
  padding: 5px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.close {
  height: 20px;
  background-color: #777;
  border: none;
  color: white;
  border-radius: 2px;
  cursor: pointer;
}

.menulinks {
	font-size: 12px;
	font-weight:bold;
	position: absolute;
	color: red;
	top: 28em;
	left: 20px;
	padding: 0px;
}

/* FÜR IE */
 

 
 
.center-screen {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.right{
display: flex;
justify-content: right;
}
.spaltenheader{
font-weight:bold;
text-decoration:underline;
}

.scrContainer {overflow-y:scroll; height:400px; max-height:400px; width:200;}

a {
color: #505080;
text-decoration:underline;
}
.linker_rand, .rechter_rand{
float:left;
width: 10%;
}
.seiten_mitte{
float:left;
text-align: left;	
width:80%;
background-color: #FFFFEE;
font-family:calibri, verdana, arial, sans_serif;
color: #505080;
font-size:1.7em;
}
		
/*@media screen and (min-device-width:1801px) */
/* CSS-Regel für Displays, die kleiner als 720px sind */
@media screen and (max-width:720px){
  .main_links, .main_rechts, .footer_links, .footer_rechts {
    width:100%;
  }
  .right{
	  float:left;
  }
.linker_rand, .rechter_rand{
float:left;
width: 0%;
}
.seiten_mitte{
float:left;
width:100%;
padding:10px;
}
}
@media screen and (min-width:721px)
{
.centervertical{
  position: absolute;
  top: 50%;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  
}		
}

/*@media screen and (min-device-width:1801px) */
@media screen and (min-width:1801px) and (min-height:800px)
{
.header  p.big{
font-size:7em;
}
.header h1{
font-size:3em;
}
.main{
font-size:3em;
}

.footer{
font-size:3em;
height: 80px;
}	
}