body{
    font-family: arial ;             
    line-height: 1.3em;
}                            
#wrapper{                          
    width: 90%;   
   margin: 2em;                                
    column-count: 2;                          
   -moz-column-count: 2;
   -webkit-column-count: 2;
   -ms-column-count: 2;
   
}                         

/*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 ;
}

.presse{
    font-size: small;
    font-style: italic;     
}

/*===================== handy =====================*/
 @media only screen and (max-width: 31.23em){

     #wrapper{
        width: 90%;
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        -ms-column-count: 1;
     }
     img{
         margin-left: 100px;
     }
 }