.fulltop { background-position: center center; 
           padding: 30vh 0 20vh 20px; text-align:left;
           text-align: left; background-position: right middle; background-image: url('files/kinder-dna.jpg'); }
.fulltop h1 { text-align:left; margin-bottom:10vh; font-size:25pt; line-height: 160%; animation: slideInRight 2s}
.fulltop audio { animation: slideInUp 3s}

#kinderanalyse { background-image: url('files/kinder-analyse.jpg'); text-align:left; background-position: left top; 
                 color:#E40470; font-size:x-large; line-height:160%; text-align:center; 
                 text-align:left; padding: 50vh 0 10vh 20px;}

#kinderanalyse h2 { text-align:left; font-size:xx-large; text-shadow: 2px 2px 3px #000000; margin-bottom: 20px}
.ptext ul li { list-style-type: circle; margin-left:15px }


#kindernutzen { background-image: url('files/kinder-analyse-nutzen.jpg'); text-align:left; background-position: left bottom; 
                 color:white; font-size:x-large; line-height:160%; text-align:center; 
                 text-align:left; padding: 50vh 0 10vh 20px;}
#kindernutzen h2 { text-align:left; font-size:xx-large; text-shadow: 2px 2px 3px #000000; margin-bottom: 20px}

#kinderstimmen { background-image: url('files/kinder-stimmen.jpg'); text-align:left; background-position: left center; 
                 color:white; font-size:x-large; line-height:160%; text-align:center; 
                 text-align:left; padding: 50vh 0 10vh 20px; text-shadow: 2px 2px 3px #000000;}   
#kinderstimmen h2 { text-align:left; font-size:xx-large; text-shadow: 2px 2px 3px #000000; margin-bottom: 20px}


@media screen and (max-width: 800px) {
   .fulltop h1 { font-size: xx-large}
}