section .projekt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px; /* Standard-Schriftgröße */
    line-height: 30px; /* Standard-Zeilenhöhe */
    margin-bottom: 40px; /* Abstand nach unten */
    border: 2px solid;
    border-radius: 10px;
    border-color: rgb(110, 110, 233);
    text-align: center;
    width: 80%;
    padding: 20px;
    margin: 20px auto; /* Zentrieren */

}
summary{
    font-size: 25px;
    color: #f0f3f7;
    
}

.font{
    font-family: Arial, Helvetica, sans-serif;
}


/* Media Query für mobile Geräte */
@media (max-width: 768px) { /* Anpassungen für Bildschirme mit weniger als 768px Breite */
    section .projekt {
        font-size: 16px; /* Schriftgröße reduzieren für mobile Geräte */
        line-height: 24px; /* Zeilenhöhe anpassen */
        margin-bottom: 20px; /* Abstand nach unten reduzieren */
    }
    h2 {
        font-size: 20px; /* Kleinere Schriftgröße für Tablets */
        margin: 20px 0 10px; /* Angepasste Abstände */
    }
}

@media (max-width: 480px) { /* Anpassungen für sehr kleine Bildschirme (z.B. Handys) */
    section .projekt {
        font-size: 17px; /* Weitere Reduzierung der Schriftgröße */
        line-height: 20px; /* Zeilenhöhe anpassen */
        margin-bottom: 15px; /* Abstand nach unten weiter reduzieren */
         }
         h2 {
            font-size: 18px; /* Weitere Reduzierung der Schriftgröße für Handys */
            margin: 15px 0 5px; /* Weitere Anpassung der Abstände */
        }
}