.pitabelle{
    width: 95%;
    margin: 1em auto 0 auto;
}
.pispalte1{
    width: 20%;   
    vertical-align: top;
}
.pispalte2{
    width: 60%;  
}
.pispalte3{
    width: 20%;  
    vertical-align: top;
}
.bild_plakette{
    width: 100%;
}



.li{
    margin-bottom: 0.8em;
}
.ul1{
    list-style-position: inside;
    font-size: calc(13px + (20 - 13) * ((100vw - 320px) / (1600 - 320)));
}
.ul2{
    list-style-position: inside;
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1600 - 320)));
}
.ul3{
    list-style-position: inside;
    padding-left: 2em;
    text-indent: -1.5em;
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1600 - 320)));
}


.leer1{
    width:30%;
}
.leer2{
    width:38%;
}



@media screen and (max-width: 1500px){
    .leer1{
        width:26%;
    }
    .leer2{
        width:36%;
    }
}

@media screen and (max-width: 1200px){
    .leer1{
        width:24%;
    }
    .leer2{
        width:35%;
    }
}

@media screen and (max-width: 900px){
    .leer1{
        width:21%;
    }
    .leer2{
        width:34%;
    }
}

@media screen and (max-width: 600px){
    .leer1{
        width:18%;
    }
    .leer2{
        width:31%;
    }
}

@media screen and (max-width: 550px){
    .leer1{
        width: 13px;
    }
    .leer2{
        width:25%;
    }

}

@media screen and (max-width: 500px){
    .leer1{
        width:8%;
    }

}