html {
    --lumo-base-color: #e5e5e5;
    --lumo-font-family: 'Arial';
}

vaadin-text-field {
    /*background-color: white;*/
    --lumo-secondary-text-color: rgba(0, 0, 0, 0.66);
    --lumo-contrast-10pct: white;
}

vaadin-text-area.willkommen {
    background-color: rgba(140, 128, 129, 0.68);
    --lumo-secondary-text-color: white;
    --lumo-font-size-m: 1.1rem;
}

vaadin-text-area.dsgvo {
    background-color: rgb(216, 218, 221);
    --lumo-secondary-text-color: rgba(0, 0, 0, 0.66);
    --lumo-font-size-m: 0.7rem;
}

vaadin-text-area.form {
    --lumo-contrast-10pct: pink;
    --lumo-primary-text-color: rgb(94, 86, 86);
}

vaadin-text-area.answer {
    --lumo-contrast-10pct: white;
    --lumo-primary-text-color: rgb(94, 86, 86);
}

vaadin-radio-button {
    background-color: white;
    --lumo-font-size-m: 0.9rem;
}

vaadin-radio-button[checked] {
    background-color: rgba(190, 190, 190, 0.68);
}

vaadin-radio-button::part(radio) {
    background-color: pink; /* Farbe des Radiobuttons außen */
}

vaadin-checkbox {
    background-color: white;
    --lumo-font-size-m: 0.9rem;
}

vaadin-checkbox[checked] {
    background-color: rgba(190, 190, 190, 0.68);
}

vaadin-checkbox::part(checkbox) {
    background-color: pink; /* Farbe der Checkbox */
}

vaadin-number-field[has-value] {
    /*background-color: white;*/
    /*--lumo-contrast-10pct: white;*/
    /*--lumo-contrast-50pct: white;*/
    /*--lumo-secondary-text-color: white;*/
    /*--lumo-font-size-m: 0.9rem;*/
}

vaadin-button {
    background-color: rgba(140, 128, 129, 0.68);
    --lumo-primary-text-color: white;
    --lumo-size-m: 5rem;
    --lumo-font-size-m: 1.5rem;
}

/*vaadin-menu-bar-item {*/
/*    background-color: white;*/
/*    --lumo-primary-text-color: white;*/
/*    --lumo-size-m: 5rem;*/
/*    --lumo-font-size-m: 1.5rem;*/
/*}*/