html{font-size: 12pt;}

#main-conten {
    background-color: #fafafa;
    width: 100%;
    margin: 0 auto;
}

.headline {
    color: blue;
}

.light {
    color: #000000;
    background-color: #fff;
}

.even {
    color: #000000;
    background-color: #ffffff;
}

.infoblock {
    margin: 1rem;
    padding: 1rem;
    border: 0.05rem solid #ccc;
}

.infoblock h2 {
    margin-top: 0;
}

.infocontent {
    overflow: auto;
}

.infocontent img {
    float: left;
    margin-right: 1rem;
    max-width: 100%;
    height:auto;
}

/*Telefon*/
@media screen and (max-width:400px) {
    section{
        width: 100vw;
        margin: 0rem;
        padding:0rem;
       
    }
    .infocontent img{
        width: 100%;
        float:none; 
    }
}

/*Tablet*/
@media screen and (max-width:800px) and (min-width:401px) {
    section{
       width: 100vw; 
    }
    img{
       width: 100%; 
    }
}

/*Laptop*/
@media screen and (min-width:801px) {
    
}