/* Für Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--lumo-contrast-20pct) transparent;
}

/* Für Chrome, Edge und Safari */
*::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--lumo-contrast-10pct);
    border-radius: 999px;
    border: 1px solid var(--lumo-contrast-20pct);
}

*::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 50px;
}

*::-webkit-scrollbar-corner {
    background-color: transparent;
}

.app-menu-item {
  --lumo-disabled-text-color: var(--app-layout-app-color, var(--primary-text-color)) !important;
}

vaadin-tooltip-overlay::part(content) {
  white-space: pre;
}


html {
    --view-tile-color: rgb(255,255,255);
    --view-tile-header-color: rgb (42, 61, 70); /*rgb(33,33,33);*/
    --tile-header-icon-color: #2b4240; /*rgb(33,33,33);*/
    --view-contrast: rgb(33,33,33);
    --view-padding: 1.5em;

    --cinnect-yellow: #FFC107;

    --cinnect-background-color: rgb(246,246,246);
    --cinnect-box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    --cinnect-box-radius: 0.23em;
    --lumo-font-family: 'Nunito', sans-serif;

    --lumo-border-radius: 0.75em;
    --lumo-border-radius-m: 0.4em;
    --lumo-line-height-m: 1.4;
    --lumo-line-height-s: 1.2;
    --lumo-line-height-xs: 1.1;

    --cnct-warn-color: rgba(255, 171, 92, 1.0);

    --lumo-error-text-color: rgb(156, 64, 93);
    --lumo-error-color-50pct: rgba(156, 64, 93, 0.5);
    --lumo-error-color-10pct: rgba(156, 64, 93, 0.1);
    --lumo-error-color: hsl(341, 42%, 43%);

    --lumo-success-text-color: rgba(119, 183, 102, 0.95);
    --lumo-success-color-50pct: rgba(119, 183, 102, 0.5);
    --lumo-success-color-10pct: rgba(119, 183, 102, 0.1);
    --lumo-success-color: hsla(108, 36%, 56%, 0.95);

    --lumo-header-text-color: hsla(214, 43%, 26%, 1);
    --lumo-body-text-color: hsla(214, 48%, 25%, 1);
    --lumo-secondary-text-color: hsla(214, 47%, 32%, 0.92);
    --lumo-tint-5pct: rgba(23, 22, 22, 0.05);
    --lumo-tint-10pct: rgba(23, 22, 22, 0.1);
    --lumo-tint-20pct: rgba(23, 22, 22, 0.2);
    --lumo-tint-30pct: rgba(23, 22, 22, 0.3);
    --lumo-tint-40pct: rgba(23, 22, 22, 0.4);
    --lumo-tint-50pct: rgba(23, 22, 22, 0.5);
    --lumo-tint-60pct: rgba(23, 22, 22, 0.6);
    --lumo-tint-70pct: rgba(23, 22, 22, 0.7);
    --lumo-tint-80pct: rgba(23, 22, 22, 0.8);
    --lumo-tint-90pct: rgba(23, 22, 22, 0.9);
    --lumo-tint: #17161626;

    --lumo-primary-text-color: rgb(59, 116, 145);
    --lumo-primary-color-50pct: rgba(59, 116, 145, 0.5);
    --lumo-primary-color-20pct: rgba(59, 116, 145, 0.2);
    --lumo-primary-color-10pct: rgba(59, 116, 145, 0.1);
    --lumo-primary-color-3pct: rgba(59, 116, 145, 0.03);
    --lumo-primary-color: hsl(200, 42%, 40%);

    --lumo-base-color: #fcfcfcf2;

    --app-layout-drawer-background-color: var(--lumo-contrast-10pct);
    /*--app-layout-drawer-background-color: var(--lumo-base-color);*/
    --app-layout-drawer-submenu-background-color: var(--lumo-contrast-5pct);
    /* --app-layout-menu-button-border-radius: 2px; */
    --app-layout-menu-button-border-radius: var(--cinnect-box-radius);
    --app-layout-menu-button-height: calc(var(--lumo-size-s) * 1.3);
    --app-menu-selected-bg-color: var(--lumo-primary-color);

    --_lumo-grid-selected-row-color: rgba(59, 116, 145, 0.6);
}