#begin {
    text-align: center;
    margin-top: 1%;
    font-family: Modulus;
    font-size: 110%;
}

ul {
    list-style: none;
    font-weight: bold;
}

.über1{
    font-size: 300%;  
}

.über3{
    font-size: 200%;
}

.über5{
    font-size: 150%;
}

/* @media abfragen für Responsive Design */

@media only screen and (max-width: 450px) {
    #begin {
        text-align: center;
        margin-top: 1%;
        font-family: Modulus;
        font-size: 100%;
    }
    .über1{
        font-size: 250%;  
    }
    
    .über3{
        font-size: 180%;
    }
    
    .über5{
        font-size: 120%;
    }
}

@media only screen and (max-width: 375px) {
    #begin {
        text-align: center;
        margin-top: 1%;
        font-family: Modulus;
        font-size: 90%;
    }
    .über1{
        font-size: 250%;  
    }
    
    .über3{
        font-size: 150%;
    }
    
    .über5{
        font-size: 100%;
    }
}

@media only screen and (max-width: 360px) {
    #begin {
        text-align: center;
        margin-top: 1%;
        font-family: Modulus;
        font-size: 100%;
    }
    .über1{
        font-size: 280%;  
    }
    
    .über3{
        font-size: 180%;
    }
    
    .über5{
        font-size: 120%;
    }
}

@media only screen and (max-width: 320px) {
    #begin {
        text-align: center;
        margin-top: 1%;
        font-family: Modulus;
        font-size: 70%;
    }
    .über1{
        font-size: 240%;  
    }
    
    .über3{
        font-size: 140%;
    }
    
    .über5{
        font-size: 90%;
    }
}