body{
    font-family: Arial ;             
    line-height: 1.3em;                         
}                               
#wrapper{                          
    width: 90%;                   
   margin: 2em;
    
   column-count: 2;
   -moz-column-count: 2;
   -webkit-column-count: 2;
} 
                                          
.schriftgroesse{
    font-size: 12px;
}

/*Bild wird zentriert indem die gesamte Breite mit "display:block" angegeben wird und davon wird der "margin"-abstand links und rechts gleich gesetzt*/                                       
figure  img {
    max-width: 100%;
    height: auto;   
   margin-top: 3em;  
   
   display: block;
    margin-left: auto;
    margin-right: auto 
}

figcaption{
    font-size: small;
    font-style: italic;      
    text-align: center;  
    
}

.hier a{
    color: black    
}

.button-presse{
    margin-top: 4em ;
}

@media only screen and (max-width: 31.23em){
    
    #wrapper{
        column-count: 1;
   -moz-column-count: 1;
   -webkit-column-count: 1;
   -ms-column-count: 1;
    }
}