.daten h3{
    text-align: justify;
    font-size: 100%;
}
.daten h1{
    font-size: 200%;
    text-align: center;
}

.daten{
    width: 50%;
    margin:auto;
}
.footer{
    margin: auto;
    padding: 15px;
}

.footer a{
    color: white;
    text-decoration: none;
    margin: 2%;
    
}

a:hover{
    color: var(--secondary-color);
}


@media(max-width: 800px){
.daten h3{
    text-align: justify;
    font-size: 100%;
}
.daten h1{
    font-size: 200%;
    text-align: center;
}

.daten{
    width: 50%;
}
.footer{
    margin: auto;
    padding: auto;
}

.footer a{
    color: white;
    text-decoration: none;
    margin: 2%;
}

a:hover{
    color: var(--secondary-color);
}
}