body {max-width: 90em; margin-left: 0px; margin-top: 0px;
   margin-right: 0em; font-size: 100%; font-family: sans-serif;}

p {font-size: 1.2em; line-height: 1.3em;}

@media screen and (max-width: 64em) {
 body {
      font-size: 90%;
   }
}

@media screen and (max-width: 50em) {
 body {
       font-size: 75%;
   }
}

@media screen and (max-width: 30em) {
   body {
        font-size: 50%;
  }
}
  .container{
	position: relative;
	/* text-align: center; */
  background: transparent;
  border-color: transparent;
}
/* ++++++++++++++++++ */

#gallery {
  position: relative;
  margin:0;
  background: none;
  border: none;
padding: 0px;
width: 100%;
}
 
#gallery figure {
  position: absolute;
  display: inline-block;
margin: 0;
  top: 0;
  left: 0em;
  z-index: 1;
  animation: wechseln 15s infinite;
}

#gallery figure:last-of-type {
  position: relative;
}
 
#gallery > figure figcaption {
  position: absolute;
  left: 0em;
  font-size: 2em;
  font-weight: bold;
  bottom: 0.5em;
  z-index: 2;
  color: white;
}

@keyframes wechseln {
    0% {opacity: 0;}
   20% {opacity: 1;}
   40% {opacity: 1;}
   60% {opacity: 0;}
  100% {opacity: 0;}
}

#gallery figure:nth-of-type(2) {
  animation-delay: 5s;
  opacity: 0;
}

#gallery figure:nth-of-type(3) {
  animation-delay: 10s;
  opacity: 0;
}



/* +++++++++++++++++++ */

.navi{
margin-left: 0em; background-color: black; line-height: 2.2em;
padding-left: 6em; margin-right: 0em; margin-top: 0px; font-size: 1.5em;
}



a.menue{color: #ff00ff; text-decoration:none;}
	a.menue:hover{color: green; text-transform: uppercase; border-bottom: 3px solid #ffffff;}

a.linkfarbe{color: blue;}
a.linkfarbe:visited{color: blue;}
a.linkfarbe:hover{color:red; border-bottom: 3px solid #000099;}


/*
a { text-decoration: none; color: black;}
a:visited{color: black;}
a:hover{color: green}
.linkfarbe{color:blue;}
*/


.head-h3-1{
	font-size: 220%;
	text-align: center;
}
.head-h6-1{
	font-size: 130%;
	text-align: center;
}
.oben{
margin-left: 6em; font-size: 1.3em;
}

.text{
	position: absolute;
	color: white;
	width: 80%;
	 top: 1%; /* Abstand von oben */
	left: 1%; 

} 
.p1{
 
	line-height: 1em;
	line-width: 100%;
	/* border: 1px solid red; */
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: 3%;
	padding: 0px;
	color: white;
	font-size: 300%;
}
.p2{
  	font-weight: bold;
	line-height: 1.3em;
	line-width: 100%;
	/* border: 1px solid red; */
	margin-top: 20%;
	margin-bottom: 2%;
	margin-left: 5%;
	padding: 0px;
	color: white;
	font-size: 190%;
}
.kontakt{
 	font-weight: bold;
	line-height: 1em; 
	width: 100%;
	/* line-width: 70%; */
	/* border: 1px solid red; */
	margin-top: 8%;
	margin-bottom: 2%;
	margin-left: 1%;
	margin-right: 0px;
	padding: 0px;
	color: red;
	font-size: 4.5em;
}

main{
margin-left: 4%;
margin-right: 4%;
line-hight: 1.9em;
}
footer{
background-color: beige;
}
.foot{
margin-left: 3%;
margin-right: 3%;
}
.sponsor{
background-color: #ffffff;
padding: 1em;
border: 1px solid red;
display: inline-block;
}