@font-face {
    font-family: 'Csms';
    src: url('materials/Comic\ Sans\ MS.ttf') format('truetype');
}

body {
    background-color: #f2f2f2;
}

.content {
    font-family: Csms, Arial;
    text-align: left;
    padding-left: 0.5vw;
    padding-right: 2vw;
}

@media (max-width: 1600px) {
    .content {
        font-size: 1.3vw;
        /* Größere Schriftgröße für kleinere Bildschirme */
    }
}

@media (max-width: 1000px) {
    .content {
        font-size: 1.8vw;
        /* Noch größere Schriftgröße für noch kleinere Bildschirme */
    }
}

@media (max-width: 700px) {
    .content {
        font-size: 2.2vw;
        /* Noch größere Schriftgröße für noch kleinere Bildschirme */
    }
}

@media (min-width: 1601px) {
    .content {
        font-size: 1vw;
        /* Kleinere Schriftgröße für größere Bildschirme */
    }
}