:root { --hintergrund: 	white;
        --schriftfarbe: black;
        --link: blue;
        --tabellenrand:white}

body {color: var(--schriftfarbe); font-family: Helvetica, Arial;
/*
    background-image: url("../Bilder/384438_original_R_K_by_Marcus Stark_pixelio_light.de.webp");
    background-repeat:repeat;background-position:0 0;
*/
    background-color: var(--hintergrund);
    width: 100%;
      }
      
.Kopf  {
        background-image: url(../Bilder/Adendorf-Fotos/heide-1624544_1920x259.jpg); 
        background-position: left;
        width: 100%; 
        height: 100px;
        }   
div.frage {background-color: lightgreen;}
             
a {color: var(--link);} 
button { width: 105px; height: 50px; color:blue; font:bold 12px Trebuchet MS;
        cursor: pointer;
        background-color: lightgreen;
        box-shadow: none;
}

button.rechts {
	animation: nachRechts 1s;
}
button.links {
	animation: nachLinks 1s;
}

@keyframes nachRechts {
    from {background-position: center top;}
    to {background-position: center bottom;}
}
@keyframes nachLinks {
    from {background-position: center bottom;}
    to   {background-position: center top;}
}
  
    
.Inhalt {display:block;
            position: absolute;
            position: relative;
            top: 0;
            max-width: 900px; 
            min-width: 200px; 
            margin-left: auto; 
            margin-right: auto; 
            padding: 10px;
            clear: both;
            }