@font-face {
    font-family: 'Roboto Condensed';
    src: url('/fonts/Roboto-Condensed-Regular.woff2') format('woff2'); /* Pfad zu Ihrer lokalen Datei */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/fonts/RobotoCondensed-Bold.woff2') format('woff2'); /* Pfad zu Ihrer lokalen fetten Datei */
    font-weight: 700;
    font-style: normal;
}

.street-suggestion {
    padding: 8px !important;
    cursor: pointer !important;
}

    .street-suggestion:hover {
        background-color: #f5f5f5 !important;
    }

.rz-autocomplete-panel {
    max-height: 400px !important; /* mehr Vorschläge ohne zu scrollen */
}


:root {
    --rz-primary: #0061B7;
    --rz-primary-lighter: rgba(0, 97, 183, 0.12);
    --rz-secondary: #FF4081;
    --rz-info: #00B7D8;
    --rz-success: #198754;
    --rz-warning: #FF9800;
    --rz-danger: #F44336;
    --rz-background-color: #fcfcfc;
    --rz-accordion-item-background-color: #FCFCFC;
    --rz-accordion-item-padding-block: 0.2rem;
    --va-fieldsetbackground: #FCFCFC;
    --va-accordionitembackground: #00305B;
    --va-inputrequiredemptybackground: #FFF0F0;
    --va-inputrequiredfilledbackground: #e6ffe6;
    --rz-datepicker-panel-background-color: var(--rz-body-background-color);
    --rz-timepicker-background-color: var(--rz-body-background-color);
    --rz-datepicker-header-background-color: var(--rz-body-background-color);
    --rz-on-primary: #FFFFFF;
    --rz-base: #BBBBBB;
    --rz-card-background-color: var(--rz-panel-background-color);
   
}

/* Sidebar width states */
.sidebar-full-width .rz-sidebar {
    width: 280px !important;
    min-width: 280px !important;
    transition: width 0.3s ease;
}

.sidebar-icon-width .rz-sidebar {
    width: 110px !important;
    min-width: 110px !important;
    transition: width 0.3s ease;
}

.sidebar-collapsed .rz-sidebar {
    width: 0 !important;
    min-width: 0 !important;
    transition: width 0.3s ease;
    overflow: hidden;
}


.required-field {
    border: 1px solid #FF0000 !important;
    background-color: var(--va-inputrequiredemptybackground) !important;
}

.required-datepicker .rz-inputtext {
    border: 1px solid #FF0000 !important;
    background-color: var(--va-inputrequiredemptybackground) !important;
}

.filled-field {
    background-color: var(--va-inputrequiredfilledbackground) !important; /* Hellgrüner Hintergrund für ausgefüllte Pflichtfelder */
}

.filled-datepicker .rz-inputtext {
    background-color: var(--va-inputrequiredfilledbackground) !important;
}

.custom-accordion-item {
    --rz-accordion-hover-color: white;
    --rz-accordion-item-background-color: var(--va-accordionitembackground) !important;
    --rz-accordion-item-font-weight: bold;
}


.rz-button:not(.rz-clear-filter):not(.rz-apply-filter):not(.rz-fileupload-choose) .rz-button-text {
    color: var(--rz-on-primary) !important;
}
.rz-button.rz-clear-filter .rz-button-text {
    color: black !important;
}



.rz-button-icon-left:not(.rzi-calendar):not(.rz-html-editor-toolbar) {
    color: var(--rz-on-primary) !important;
} 

.rz-state-highlight {
    background-color: var(--rz-text-color) !important;
    color: var(--rz-dropdown-open-background-color) !important;
}

.rz-alert {
    --rz-alert-icon-color: var(--rz-on-primary) !important;
    --rz-alert-color: var(--rz-on-primary) !important;
}

.rz-notification {
    --rz-notification-success-color: #151515 !important;
    --rz-notification-success-icon-color: #151515 !important;
    --rz-notification-warning-color: #151515 !important;
    --rz-notification-warning-icon-color: #151515 !important;
    --rz-notification-error-color: #151515 !important;
    --rz-notification-error-icon-color: #151515 !important;
    --rz-notification-info-color: #151515 !important;
    --rz-notification-info-icon-color: #151515 !important;
}
.roboto-condensed {
    font-family: 'Roboto Condensed', Arial, sans-serif;
}