header, nav, section, article, footer
{
    display: block;
}


body {
    background-color: #85CEE4; border: thin; border-style: none; border-color: #FFFFFF;
    }       
ul { list-style: none; }
li { margin: 0.4em; margin-left: -2.4em; margin-top: auto; }
.liston { list-style: square;}
.wegrue { margin-left: 11em; }
.down { margin-top: 2em;    }
.modown { margin-top: 2em;}
.umbr { margin-right: 40em; }
.einr { margin-left: 2em; }
.umbru { break-after: always; }
    

#runt { position: absolute; top: 17em; left: 0em}


header {
    position: absolute; top: 2.8em; left: 3.8em; color: #FFFFFF; background-color: #85CEE4; text-align: center; font-family: Arial; font-size: 2.5em; border-top-style: solid; border-top-color:#FFFFFF; 
}


nav  { position:absolute; top:12em; left:2em; width: auto;border-bottom-style:solid; border-bottom-color: #FFFFFF; }
nav ul { list-style:none; text-align: center;}
nav li { display: inline-block; width:14.0em; height:1.2em; margin:0em; color:#FFFFFF; background-color:#85CEE4; font-family: Arial;font-style: normal; font-size:1.0em;}
nav a, nav a:active, nav a:focus { white-space: nowrap; text-decoration: none ; color: #FFFFFF;}
nav a:hover { white-space: nowrap; text-decoration: none; color: #000000; }

#sec { position: absolute; top:9em ; left:8.5em;  background: url(1a.jpeg) no-repeat center; width: 30em; height: 15em; opacity:0.85; padding-left: 1em;  font-family: Arial; font-size: 1.9em; color: #FFFFFF; text-shadow: 0 0 5px #4B088A; }

#art1 {position:absolute; top: 38em; left: 16em; width: 40em; height: 50em; color: #FFFFFF; background-color:#85CEE4; font-family: Arial; font-size: 1.3em;}
#art2  {position:absolute; top: 12em; left: 16em; width: 45em; height: 91em; color: #FFFFFF; background-color:#85CEE4; font-family: Arial; font-size: 1.3em;}
#art3  {position:absolute; top: 12em; left: 16em; width: 45em; height: 119em; color: #FFFFFF; background-color:#85CEE4; font-family: Arial; font-size: 1.3em;}
#art4 {position:absolute; top: 12em; left: 16em; width: 45em; height:31em ; color: #FFFFFF; background-color:#85CEE4; font-family: Arial; font-size: 1.3em; }
#art5 {position:absolute; top: 12em; left: 16em; width: 45em; height:70em; color: #FFFFFF; background-color:#85CEE4; font-family: Arial; font-size: 1.3em;}
#art6 {position:absolute; top: 12em; left: 16em; width: 45em; height: 25em; margin-left:10em; color:#FFFFFF; background-color:#85CEE4; font-family: Arial; font-size: 1.4em;}


.asi { background-image: linear-gradient(45deg, transparent, transparent, #85CEE4, #ECF5FA, #F691FC, #FAF685, #85CEE4, transparent); border-radius:10%; border-style: none;  }

/* Pics*/
#fly { left: 10em; margin-top: 3em;   margin-left: 3em; height:500px; width:700px; }
#esfo {  height: 240px; width: 224px; float: left; opacity: 0.98; }
#leaf { margin-left: -1em; height: 22em; width: 46em;  margin-bottom: 1em; opacity: 0.85;   }
#budd1  {margin-top: 1.5em;  margin-left: -1em; height: 23em; width: 47em;   opacity: 0.95;   } 
#budd2  {margin-top: 1.5em;  margin-left: -1em; height: 23em; width: 47em;   opacity: 0.95;   }  


/*Formular*/
label { float: left;   text-align: left; width:15em; font-family: Arial;}
form ul { list-style:none; }
form li { font-family: Arial; margin-left: -1.8em; }
input { font-family: Arial; margin-bottom: 1em; margin-top: 0.2em; }
textarea { font-family: Arial; margin-bottom: 1em; margin-top: 0.2em; }

#newsletter-abo { float: left;
    
}


hr { height: 0.5px; width:60%; background-color:#FFFFFF;  }                     
.naeher { margin-top: -0.9em; }

h1 { font-family: Arial; font-size: 1.5em;}
h2 { font-family: Arial; font-size: 1.5em;}
h3 { font-family: Arial; font-size: 1.5em; }


#foot1 { position: absolute; width: 100%; margin: 0em; padding: 0em;   top: 110em;  background-image: linear-gradient(45deg, transparent, transparent, #85CEE4, #ECF5FA, #F691FC, #FAF685, #85CEE4, transparent); border-radius:10%; border-style: none; }
#foot2 { position: absolute; width: 100%; margin: 0em; padding: 0em;   top: 129em;  background-image: linear-gradient(45deg, transparent, transparent, #85CEE4, #ECF5FA, #F691FC, #FAF685, #85CEE4, transparent); border-radius:10%; border-style: none; }
#foot3 { position: absolute; width: 100%; margin: 0em; padding: 0em;   top: 168em;  background-image: linear-gradient(45deg, transparent, transparent, #85CEE4, #ECF5FA, #F691FC, #FAF685, #85CEE4, transparent); border-radius:10%; border-style: none; }
#foot4 { position: absolute; width: 100%; margin: 0em; padding: 0em;   top: 52em;  background-image: linear-gradient(45deg, transparent, transparent, #85CEE4, #ECF5FA, #F691FC, #FAF685, #85CEE4, transparent); border-radius:10%; border-style: none; }
#foot5 { position: absolute; width: 100%; margin: 0em; padding: 0em;   top: 102em;  background-image: linear-gradient(45deg, transparent, transparent, #85CEE4, #ECF5FA, #F691FC, #FAF685, #85CEE4, transparent); border-radius:10%; border-style: none; }
#foot6 { position: absolute; width: 100%; margin: 0em; padding: 0em;   top: 44em;  background-image: linear-gradient(45deg, transparent, #85CEE4,  #FAF685, #F691FC,  #ECF5FA, #85CEE4, transparent, transparent); border-radius:10%; border-style: none; }/*
 Farben
 #22A9F7,
   */

           
/*#pic1 { top: 18em; left: 25em; width:750px; height:500px; margin-top: 17em; margin-left: 20em;   opacity: 0.75;
    
} */