input[type="text"].error, 
input[type="email"].error, 
input[type="password"].error, 
textarea.error {
    border: 1px solid red;
}

#agblabel.error,
#agblabel.error a,
#dsgvolabel.error,
#dsgvolabel.error a{
    color: red;
}

input#surname {
    width: 145px;
}

input#lastname {
    margin-left: 5px;
    width: 230px;
}

input#city {
    margin-left: 5px;
}

#agbLabel,
#agbLabel2,
#nameLabel,
#zipcodeLabel,
#salutationLabel,
#dsgvoLabel2 {
    float: left;
    display: inline;
    width: 200px;
}

.vacationLabels {
    margin-left: 200px;
}

select#position,
select#branch,
select#vacation {
    max-width: 100%;
}

.nutrition {
    border: 1px solid #e9e9e9;
    float: right;
    margin-bottom: 20px;
    padding: 10px;
    width: 80%;
}

.nutrition p {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    #nameLabel,
    #zipcodeLabel,
    #salutationLabel {
        float: none;
        display: block;
    }
    
    #agbLabel2,
    #dsgvoLabel2 {
        display: none;
    }
    
    input#surname {
        width: 135px;
    }
    
    input#lastname {
        width: 225px;
    }
    
    input#zipcode {
        width: 65px;
    }
    
    input#city {
        width: 295px;
    }
    
    .vacationLabels {
        margin-left: 0;
    }
    
    div.nutrition {
        float: none;
        width: 100%;
    }
}

@media only screen and (max-width: 419px) {
    input#surname {
        width: 105px;
    }
    
    input#lastname {
        width: 135px;
    }
    
    input#zipcode {
        width: 45px;
    }
    
    input#city {
        width: 195px;
    }
}