@font-face {
    font-family: "MyHelvetica";
    src: url("fonts/Helvetica.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "MyHelvetica";
    src: url("fonts/Helvetica-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "MyRoboto";
    src: url("fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "MyRoboto";
    src: url("fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "MyPoppins";
    src: url("fonts/Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "MyPoppins";
    src: url("fonts/Poppins-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

html {
    /** Font **/
    --lumo-font-family: "MyHelvetica";
    --header-font-family: "MyHelvetica";

    h1, h2, h3, h4, h5, h6 {
        font-family: var(--header-font-family);
    }

    /** Colors **/
    --lumo-primary-color: rgb(16, 60, 113);
    --lumo-primary-text-color: rgb(16, 60, 113);
    --lumo-header-text-color: rgb(16, 60, 113);
    --lumo-body-text-color: rgb(16, 60, 113);
    --lumo-secondary-text-color: rgb(16, 60, 113);
    --lumo-tertiary-text-color: rgb(16, 60, 113);
    --lumo-disabled-text-color: rgba(16, 60, 113, 0.9);

    /** Sizes **/
    --lumo-border-radius: 0.5em;
    --lumo-size-xl: 2.8rem;
    --lumo-size-l: 2.35rem;
    --lumo-size-m: 1.85rem;
    --lumo-size-s: 1.65rem;
    --lumo-size-xs: 1.4rem;
    --lumo-space-xl: 1.7rem;
    --lumo-space-l: 1.15rem;
    --lumo-space-m: 0.55rem;
    --lumo-space-s: 0.3rem;
    --lumo-space-xs: 0.16rem;
    --lumo-font-size: 0.9rem;
    --lumo-font-size-xxxl: 1.6rem;
    --lumo-font-size-xxl: 1.25rem;
    --lumo-font-size-xl: 1rem;
    --lumo-font-size-l: 0.9rem;
    --lumo-font-size-m: 0.8125rem;
    --lumo-font-size-s: 0.8rem;
    --lumo-font-size-xs: 0.675rem;
    --lumo-font-size-xxs: 0.6rem;

    --font-size-table-header-cell: 0.88rem;
    --font-size-tab: 0.88rem;

    --lumo-line-height-m: 1.4;
    --lumo-line-height-s: 1.2;
    --lumo-line-height-xs: 1.1;
    /**
    - Fields (wenn Änderungen dann in der Berechnung der Breite der Labels in der Form beachten)
    - Beachte: --vaadin-input-field-label-font-size greift nicht für Labels wenn diese aside sind
    - Beachte: Falls hier eine Änderung vorgenommen wird, muss diese auch in MyFontSizeDefinition angepasst werden, wegen der Berechnung in Pixel
    **/
    --vaadin-input-field-label-font-weight: bold;
    --vaadin-input-field-label-font-size: var(--lumo-font-size-m);
    --vaadin-input-field-disabled-background: rgb(250, 250, 250);
    /* --vaadin-input-field-disabled-value-color: red; */

    /* Helpertext */
    /* funktioniert nicht
    --vaadin-input-field-helper-color: var(--lumo-primary-text-color);
    --vaadin-input-field-helper-font-size: var(--lumo-font-size-l);
    */

    vaadin-text-field::part(helper-text) {
        font-size: var(--lumo-font-size-m);
        color: var(--lumo-primary-text-color);
        opacity: 1;
    }

    /* Default Wert für die RowStripes (kann kundenspezifisch in deren Themes überschrieben werden) in den Grids -> wird gesetzt ist gridStyles.css */
    --rowstrype-background-color: var(--lumo-primary-color);

    /* Combobox */

    vaadin-multi-select-combo-box-chip.default {
        background: var(--lumo-primary-color-75pct);
        color: white;
        font-size: var(--lumo-font-size-m);
    }

    vaadin-combo-box::part(toggle-button) {
        order: -1;
        margin-right: auto;
        margin-left: 0;
    }

    /* Select */

    vaadin-select::part(toggle-button) {
        order: -1;
        margin-right: auto;
        margin-left: 0;
    }

    /* Others */

    .white-toggle::part(toggle-button) {
        color: white;
    }

    scrollbar-color: var(--lumo-primary-color) white;
}

.beg-theme {
    /** Font **/
    --lumo-font-family: "MyRoboto";
    --header-font-family: "MyPoppins";

    /** Colors **/
    --lumo-primary-text-color: rgb(1, 76, 130);
    --lumo-header-text-color: rgb(1, 76, 130);
    --lumo-body-text-color: rgb(1, 76, 130);
    --lumo-secondary-text-color: rgb(1, 76, 130);
    --lumo-tertiary-text-color: rgb(1, 76, 130);
    --lumo-disabled-text-color: rgba(1, 76, 130, 0.9);

    --lumo-primary-color-75pct: rgba(0, 95, 163, 0.75);
    --lumo-primary-color-50pct: rgba(0, 95, 163, 0.5);
    --lumo-primary-color-25pct: rgba(0, 95, 163, 0.25);
    --lumo-primary-color-20pct: rgba(0, 95, 163, 0.2);
    --lumo-primary-color-15pct: rgba(0, 95, 163, 0.15);
    --lumo-primary-color-10pct: rgba(0, 95, 163, 0.1);
    --lumo-primary-color: rgba(245, 156, 0, 1);

    --lumo-contrast: rgb(0, 95, 163);
    --lumo-contrast-5pct: rgba(0, 95, 163, 0.05);
    --lumo-contrast-10pct: rgba(0, 95, 163, 0.1);
    --lumo-contrast-20pct: rgba(0, 95, 163, 0.2);
    --lumo-contrast-30pct: rgba(0, 95, 163, 0.3);
    --lumo-contrast-40pct: rgba(0, 95, 163, 0.4);
    --lumo-contrast-50pct: rgba(0, 95, 163, 0.5);
    --lumo-contrast-60pct: rgba(0, 95, 163, 0.6);
    --lumo-contrast-70pct: rgba(0, 95, 163, 0.7);
    --lumo-contrast-80pct: rgba(0, 95, 163, 0.8);
    --lumo-contrast-90pct: rgba(0, 95, 163, 0.9);

    --lumo-success-text-color: rgb(117, 184, 67);
    --lumo-success-color-50pct: rgba(117, 184, 67, 0.5);
    --lumo-success-color-10pct: rgba(117, 184, 67, 0.1);
    --lumo-success-color: rgb(117, 184, 67);
    --lumo-shade-5pct: rgba(73, 73, 73, 0.05);
    --lumo-shade-10pct: rgba(73, 73, 73, 0.1);
    --lumo-shade-20pct: rgba(73, 73, 73, 0.2);
    --lumo-shade-30pct: rgba(73, 73, 73, 0.3);
    --lumo-shade-40pct: rgba(73, 73, 73, 0.4);
    --lumo-shade-50pct: rgba(73, 73, 73, 0.5);
    --lumo-shade-60pct: rgba(73, 73, 73, 0.6);
    --lumo-shade-70pct: rgba(73, 73, 73, 0.7);
    --lumo-shade-80pct: rgba(73, 73, 73, 0.8);
    --lumo-shade-90pct: rgba(73, 73, 73, 0.9);
    --lumo-shade: rgb(73, 73, 73);
    --lumo-error-text-color: rgb(199, 18, 74);
    --lumo-error-color-50pct: rgba(199, 18, 74, 0.5);
    --lumo-error-color-10pct: rgba(199, 18, 74, 0.1);
    --lumo-error-color: rgb(199, 18, 74);
    --lumo-tint-5pct: rgba(147, 213, 246, 0.05);
    --lumo-tint-10pct: rgba(147, 213, 246, 0.1);
    --lumo-tint-20pct: rgba(147, 213, 246, 0.2);
    --lumo-tint-30pct: rgba(147, 213, 246, 0.3);
    --lumo-tint-40pct: rgba(147, 213, 246, 0.4);
    --lumo-tint-50pct: rgba(147, 213, 246, 0.5);
    --lumo-tint-60pct: rgba(147, 213, 246, 0.6);
    --lumo-tint-70pct: rgba(147, 213, 246, 0.7);
    --lumo-tint-80pct: rgba(147, 213, 246, 0.8);
    --lumo-tint-90pct: rgba(147, 213, 246, 0.9);
    --lumo-tint: rgb(147, 213, 246);

    --rowstrype-background-color: rgb(222, 222, 222);

    /*** Non Vaadin ***/
    --background-menu-top: rgba(147, 213, 246, 1);
    --background-menu-left: linear-gradient(180deg, rgba(147, 213, 246, 1) 0%, rgba(255, 255, 255, 1) 100%);
    --menu-bar-button-color: white;
    --menu-bar-button-color-active: white;
    --grid-selection-color: rgba(245, 156, 0, 1);
    --menu-bar-button-background-color: rgba(0, 95, 163, 1);
    --menu-bar-button-background-color-active: var(--lumo-primary-color);

}

.rmv-theme {
    /** Colors **/
    --lumo-primary-text-color: rgb(22, 42, 107);
    --lumo-header-text-color: rgb(22, 42, 107);
    --lumo-body-text-color: rgb(22, 42, 107);
    --lumo-secondary-text-color: rgb(22, 42, 107);
    --lumo-tertiary-text-color: rgb(22, 42, 107);
    --lumo-disabled-text-color: rgba(22, 42, 107, 0.9);
    --lumo-primary-color-75pct: rgba(22, 42, 107, 0.75);
    --lumo-primary-color-50pct: rgba(22, 42, 107, 0.5);
    --lumo-primary-color-25pct: rgba(22, 42, 107, 0.25);
    --lumo-primary-color-20pct: rgba(22, 42, 107, 0.2);
    --lumo-primary-color-15pct: rgba(22, 42, 107, 0.15);
    --lumo-primary-color-10pct: rgba(22, 42, 107, 0.1);
    --lumo-primary-color: rgb(22, 42, 107);

    --lumo-contrast: rgb(73, 73, 73);
    --lumo-contrast-5pct: rgba(73, 73, 73, 0.05);
    --lumo-contrast-10pct: rgba(73, 73, 73, 0.1);
    --lumo-contrast-20pct: rgba(73, 73, 73, 0.2);
    --lumo-contrast-30pct: rgba(73, 73, 73, 0.3);
    --lumo-contrast-40pct: rgba(73, 73, 73, 0.4);
    --lumo-contrast-50pct: rgba(73, 73, 73, 0.5);
    --lumo-contrast-60pct: rgba(73, 73, 73, 0.6);
    --lumo-contrast-70pct: rgba(73, 73, 73, 0.7);
    --lumo-contrast-80pct: rgba(73, 73, 73, 0.8);
    --lumo-contrast-90pct: rgba(73, 73, 73, 0.9);

    --lumo-success-text-color: rgb(0, 156, 132);
    --lumo-success-color-50pct: rgba(0, 156, 132, 0.5);
    --lumo-success-color-10pct: rgba(0, 156, 132, 0.1);
    --lumo-success-color: rgb(0, 156, 132);
    --lumo-shade-5pct: rgba(73, 73, 73, 0.05);
    --lumo-shade-10pct: rgba(73, 73, 73, 0.1);
    --lumo-shade-20pct: rgba(73, 73, 73, 0.2);
    --lumo-shade-30pct: rgba(73, 73, 73, 0.3);
    --lumo-shade-40pct: rgba(73, 73, 73, 0.4);
    --lumo-shade-50pct: rgba(73, 73, 73, 0.5);
    --lumo-shade-60pct: rgba(73, 73, 73, 0.6);
    --lumo-shade-70pct: rgba(73, 73, 73, 0.7);
    --lumo-shade-80pct: rgba(73, 73, 73, 0.8);
    --lumo-shade-90pct: rgba(73, 73, 73, 0.9);
    --lumo-shade: rgb(73, 73, 73);
    --lumo-error-text-color: rgb(159, 65, 65);
    --lumo-error-color-50pct: rgba(159, 65, 65, 0.5);
    --lumo-error-color-10pct: rgba(159, 65, 65, 0.1);
    --lumo-error-color: rgb(159, 65, 65);
    --lumo-tint-5pct: rgba(226, 234, 240, 0.05);
    --lumo-tint-10pct: rgba(226, 234, 240, 0.1);
    --lumo-tint-20pct: rgba(226, 234, 240, 0.2);
    --lumo-tint-30pct: rgba(226, 234, 240, 0.3);
    --lumo-tint-40pct: rgba(226, 234, 240, 0.4);
    --lumo-tint-50pct: rgba(226, 234, 240, 0.5);
    --lumo-tint-60pct: rgba(226, 234, 240, 0.6);
    --lumo-tint-70pct: rgba(226, 234, 240, 0.7);
    --lumo-tint-80pct: rgba(226, 234, 240, 0.8);
    --lumo-tint-90pct: rgba(226, 234, 240, 0.9);
    --lumo-tint: rgb(226, 234, 240);

    --rowstrype-background-color: rgb(218, 222, 235);

    /*** Non Vaadin ***/
    --background-menu-top: rgba(0, 156, 132, 1);
    --background-menu-left: linear-gradient(180deg, rgba(0, 156, 132, 1) 0%, rgba(191, 224, 211, 1) 100%);
    --menu-bar-button-color: white;
    --menu-bar-button-color-active: white;
    --menu-bar-button-background-color: var(--lumo-shade-50pct);
    --menu-bar-button-background-color-active: var(--lumo-shade);
    --grid-selection-color: #f07d00;
}

.vgo-theme {
    /** Colors **/
    --lumo-primary-text-color: rgb(0, 0, 0);
    --lumo-header-text-color: rgb(0, 0, 0);
    --lumo-body-text-color: rgb(0, 0, 0);
    --lumo-secondary-text-color: rgb(0, 0, 0);
    --lumo-tertiary-text-color: rgb(0, 0, 0);
    --lumo-disabled-text-color: rgba(0, 0, 0, 0.9);
    --lumo-primary-color-75pct: rgba(146, 35, 41, 0.75);
    --lumo-primary-color-50pct: rgba(146, 35, 41, 0.5);
    --lumo-primary-color-25pct: rgba(146, 35, 41, 0.25);
    --lumo-primary-color-20pct: rgba(146, 35, 41, 0.2);
    --lumo-primary-color-15pct: rgba(146, 35, 41, 0.15);
    --lumo-primary-color-10pct: rgba(146, 35, 41, 0.1);
    --lumo-primary-color: rgb(146, 35, 41);
    --lumo-success-text-color: rgb(0, 156, 132);
    --lumo-success-color-50pct: rgba(0, 156, 132, 0.5);
    --lumo-success-color-10pct: rgba(0, 156, 132, 0.1);
    --lumo-success-color: rgb(0, 156, 132);
    --lumo-shade-5pct: rgba(73, 73, 73, 0.05);
    --lumo-shade-10pct: rgba(73, 73, 73, 0.1);
    --lumo-shade-20pct: rgba(73, 73, 73, 0.2);
    --lumo-shade-30pct: rgba(73, 73, 73, 0.3);
    --lumo-shade-40pct: rgba(73, 73, 73, 0.4);
    --lumo-shade-50pct: rgba(73, 73, 73, 0.5);
    --lumo-shade-60pct: rgba(73, 73, 73, 0.6);
    --lumo-shade-70pct: rgba(73, 73, 73, 0.7);
    --lumo-shade-80pct: rgba(73, 73, 73, 0.8);
    --lumo-shade-90pct: rgba(73, 73, 73, 0.9);
    --lumo-shade: rgb(73, 73, 73);
    --lumo-error-text-color: rgb(159, 65, 65);
    --lumo-error-color-50pct: rgba(159, 65, 65, 0.5);
    --lumo-error-color-10pct: rgba(159, 65, 65, 0.1);
    --lumo-error-color: rgb(159, 65, 65);
    --lumo-tint-5pct: rgba(233, 233, 233, 0.05);
    --lumo-tint-10pct: rgba(233, 233, 233, 0.1);
    --lumo-tint-20pct: rgba(233, 233, 233, 0.2);
    --lumo-tint-30pct: rgba(233, 233, 233, 0.3);
    --lumo-tint-40pct: rgba(233, 233, 233, 0.4);
    --lumo-tint-50pct: rgba(233, 233, 233, 0.5);
    --lumo-tint-60pct: rgba(233, 233, 233, 0.6);
    --lumo-tint-70pct: rgba(233, 233, 233, 0.7);
    --lumo-tint-80pct: rgba(233, 233, 233, 0.8);
    --lumo-tint-90pct: rgba(233, 233, 233, 0.9);
    --lumo-tint: rgb(233, 233, 233);

    --rowstrype-background-color: #e6e6e6;

    /*** Non Vaadin ***/
    --background-menu-top: rgba(186, 26, 54, 1);
    --background-menu-left: linear-gradient(180deg, rgba(186, 26, 54, 1) 0%, rgba(255, 255, 255, 1) 100%);
    --menu-bar-button-color: white;
    --menu-bar-button-color-active: white;
    --menu-bar-button-background-color: var(--lumo-shade-50pct);
    --menu-bar-button-background-color-active: var(--lumo-shade);
    --grid-selection-color: rgba(230, 230, 230, 1);
}

.transmit-theme {
    /** Colors **/
    --lumo-primary-text-color: rgb(24, 85, 151);
    --lumo-header-text-color: rgb(24, 85, 151);
    --lumo-body-text-color: rgb(24, 85, 151);
    --lumo-secondary-text-color: rgb(24, 85, 151);
    --lumo-tertiary-text-color: rgb(24, 85, 151);
    --lumo-disabled-text-color: rgba(24, 85, 151, 0.9);
    --lumo-primary-color-75pct: rgba(24, 85, 151, 0.75);
    --lumo-primary-color-50pct: rgba(24, 85, 151, 0.5);
    --lumo-primary-color-25pct: rgba(24, 85, 151, 0.25);
    --lumo-primary-color-20pct: rgba(24, 85, 151, 0.2);
    --lumo-primary-color-15pct: rgba(24, 85, 151, 0.15);
    --lumo-primary-color-10pct: rgba(24, 85, 151, 0.1);
    --lumo-primary-color: rgb(22, 42, 107);
    --lumo-success-text-color: rgb(0, 156, 132);
    --lumo-success-color-50pct: rgba(0, 156, 132, 0.5);
    --lumo-success-color-10pct: rgba(0, 156, 132, 0.1);
    --lumo-success-color: rgb(0, 156, 132);
    --lumo-shade-5pct: rgba(73, 73, 73, 0.05);
    --lumo-shade-10pct: rgba(73, 73, 73, 0.1);
    --lumo-shade-20pct: rgba(73, 73, 73, 0.2);
    --lumo-shade-30pct: rgba(73, 73, 73, 0.3);
    --lumo-shade-40pct: rgba(73, 73, 73, 0.4);
    --lumo-shade-50pct: rgba(73, 73, 73, 0.5);
    --lumo-shade-60pct: rgba(73, 73, 73, 0.6);
    --lumo-shade-70pct: rgba(73, 73, 73, 0.7);
    --lumo-shade-80pct: rgba(73, 73, 73, 0.8);
    --lumo-shade-90pct: rgba(73, 73, 73, 0.9);
    --lumo-shade: rgb(73, 73, 73);
    --lumo-error-text-color: rgb(159, 65, 65);
    --lumo-error-color-50pct: rgba(159, 65, 65, 0.5);
    --lumo-error-color-10pct: rgba(159, 65, 65, 0.1);
    --lumo-error-color: rgb(159, 65, 65);
    --lumo-tint-5pct: rgba(222, 232, 242, 0.05);
    --lumo-tint-10pct: rgba(222, 232, 242, 0.1);
    --lumo-tint-20pct: rgba(222, 232, 242, 0.2);
    --lumo-tint-30pct: rgba(222, 232, 242, 0.3);
    --lumo-tint-40pct: rgba(222, 232, 242, 0.4);
    --lumo-tint-50pct: rgba(222, 232, 242, 0.5);
    --lumo-tint-60pct: rgba(222, 232, 242, 0.6);
    --lumo-tint-70pct: rgba(222, 232, 242, 0.7);
    --lumo-tint-80pct: rgba(222, 232, 242, 0.8);
    --lumo-tint-90pct: rgba(222, 232, 242, 0.9);
    --lumo-tint: rgb(222, 232, 242);
    /*** Non Vaadin ***/
    --background-menu-top: rgb(222, 213, 182);
    --background-menu-left: linear-gradient(180deg, rgba(222, 213, 182, 1) 0%, rgb(236, 229, 211) 100%);
    --menu-bar-button-color: white;
    --menu-bar-button-color-active: white;
    --menu-bar-button-background-color: var(--lumo-contrast);
    --menu-bar-button-background-color-active: var(--lumo-primary-color);
    --grid-selection-color: rgba(222, 213, 182, 1);
}

vaadin-menu-bar-button {
    color: var(--menu-bar-button-color);
    background-color: var(--menu-bar-button-background-color);
}

.menu-item-active {
    color: var(--menu-bar-button-color-active);
    background-color: var(--menu-bar-button-background-color-active);
}

/** Login **/
.login-screen {
    background: linear-gradient(to bottom, rgb(216, 226, 228),
    rgb(255, 255, 255));
    height: 100vh; /* Für die volle Höhe des Viewports */
    margin: 0; /* Entfernt den Standardabstand */
}

.login-layout {
    background-color: white;
    padding: 50px;
    border-radius: 25px;
}

.login-logo {
    padding: 20px;
    border-radius: 10px;
}

.logo {
    text-align: center;
}

/** Main Layout und Allgemeines**/
.v-loading-indicator {
    background: -moz-linear-gradient(90deg, rgba(172, 41, 119, 1) 0%,
    rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(172, 41, 119, 1) 0%,
    rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(90deg, rgba(172, 41, 119, 1) 0%,
    rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ac2977",
    endColorstr="#ffffff", GradientType=1);
}

.drawer-toggle {
    background: var(--background-menu-top);
    color: white;
    padding: 0px;
}

.menu-top {
    background: var(--background-menu-top);
    color: white;
    border: 0px;
}

.menu-left {
    /* background: rgb(2, 21, 38); */
    background: var(--background-menu-left);
    border: 0px;
    color: white;
    /* clip-path: polygon(0% 0%, 100% 0%, 96% 1.8%, 96% 100%, 0 100%); */
}

.schriftzug {
    font-weight: bold;
    font-style: oblique;
    font-variant: small-caps;
    color: white;
    font-size: var(--lumo-font-size-xl);
    margin-left: 15px;
}

.copyright {
    text-align: center;
    font-size: var(--lumo-font-size-xs);
    color: white;
}


/*****************/
.filter-textfield-filled {
    color: var(--lumo-error-color);
}

/*** Sprichwörter ***/
.sprichwort {
    font-style: italic;
    font-variant: small-caps;
    color: #610b4f;
    text-align: justify;
    font-size: var(--lumo-font-size-l);
}

.autor {
    font-variant: small-caps;
    color: #610b4f;
    text-align: center;
    font-size: var(--lumo-font-size-l);
}

.sprichwort-login {
    font-style: italic;
    color: #610b4f;
    font-variant: small-caps;
    text-align: justify;
    font-size: var(--lumo-font-size-l);
}

.autor-login {
    color: #610b4f;
    font-variant: small-caps;
    font-size: var(--lumo-font-size-l);
}

/*** Sprichwöter ENDE ***/
.banned-timer {
    color: var(--lumo-error-color);
    font-size: 2.5rem;
    font-weight: bold;
}

.label-warning {
    color: white;
    background-color: var(--lumo-error-color);
    padding: 10px;
    border-radius: 5px;
}

.label-header {
    font-family: var(--header-font-family);
    color: var(--lumo-primary-color);
    font-weight: bold;
    font-size: var(--lumo-font-size-xxl);
    font-variant: small-caps;
    white-space: nowrap;
}

.context-menu-label-header {
    font-family: var(--header-font-family);
    font-weight: bold;
    font-size: var(--lumo-font-size-xl);
    font-variant: small-caps;
    white-space: nowrap;
    color: white;
    background-color: var(--lumo-primary-color);
    border-radius: 3px;
    align-content: center;
    text-align: center;
    padding-top: 3px;
    margin-left: 8px;
    margin-right: 8px;
}

.label-small-text {
    font-size: var(--lumo-font-size-xxs);
}

.label-small-text-bold {
    font-size: var(--lumo-font-size-xxs);
    font-weight: bold;
}

.label-small-text-ellipsis {
    font-size: var(--lumo-font-size-xxs);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.identifiablev2form {
    border: 0px;
    border-style: solid;
    border-radius: 0px;
    border-color: var(--lumo-primary-color-20pct);
    /*
    overflow: auto; Identifiablev2form setzt den Overflow auf die innere Form
    Habe es in der Identifiablev2form wieder entfernt. Dort hatte ich der inneren Form ein Scroll Auto gegeben, damit die Buttons unten stehen bleiben.
    Daraufhin wurde mir aber in der Erfassung der Geschäftsvorfälle die obere Form nicht mehr angezeigt.
    So scrollen die Buttons vorerst mit => Später nochmals anschauen.
    */
    overflow: auto;
}

/*** News ***/
.news-header {
    font-family: var(--header-font-family);
    font-size: 36px;
    white-space: nowrap;
}

.news-tab-header {
    font-family: var(--header-font-family);
    font-size: var(--lumo-font-size-l);
    white-space: nowrap;
    font-style: italic;
    text-transform: uppercase;
}

.news-release-date {
    font-size: var(--lumo-font-size-xs);
    white-space: nowrap;
    text-transform: uppercase;
    border-bottom: 2px solid var(--lumo-primary-text-color);
    border-top: 2px solid var(--lumo-primary-text-color);
    padding: 10px 0 9px 0;
}

.news-image {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}

/*** News ENDE ***/
.how-sure-layout {
    color: var(--lumo-error-color);
    font-size: var(--lumo-font-size-l);
    align-content: center;
    text-align: center;
}

.red-text {
    color: var(--lumo-error-color);
}

/** Dialoge ***/
.title-delete-dialog {
    text-align: left;
    font-weight: bold;
    font-size: var(--lumo-font-size-xxl);
    font-variant: small-caps;
    white-space: nowrap;
}

.dialog-header-title {
    font-family: var(--header-font-family);
    background-color: var(--lumo-primary-color);
    color: white;
    border-radius: 3px;
    font-size: var(--lumo-font-size-m);
    padding-top: 3px;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: bold;
}

/** Dialoge Ende ***/