/* encode-sans-300 - latin */
@font-face {
    font-family: 'Encode Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/encode-sans-v8-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/encode-sans-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/encode-sans-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/encode-sans-v8-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/encode-sans-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/encode-sans-v8-latin-300.svg#EncodeSans') format('svg'); /* Legacy iOS */
}
/* encode-sans-regular - latin */
@font-face {
    font-family: 'Encode Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/encode-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/encode-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/encode-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/encode-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/encode-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/encode-sans-v8-latin-regular.svg#EncodeSans') format('svg'); /* Legacy iOS */
}
/* encode-sans-500 - latin */
@font-face {
    font-family: 'Encode Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/encode-sans-v8-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/encode-sans-v8-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/encode-sans-v8-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/encode-sans-v8-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/encode-sans-v8-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/encode-sans-v8-latin-500.svg#EncodeSans') format('svg'); /* Legacy iOS */
}
/* encode-sans-600 - latin */
@font-face {
    font-family: 'Encode Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/encode-sans-v8-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/encode-sans-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/encode-sans-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/encode-sans-v8-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/encode-sans-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/encode-sans-v8-latin-600.svg#EncodeSans') format('svg'); /* Legacy iOS */
}
/* encode-sans-700 - latin */
@font-face {
    font-family: 'Encode Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/encode-sans-v8-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/encode-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/encode-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/encode-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/encode-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/encode-sans-v8-latin-700.svg#EncodeSans') format('svg'); /* Legacy iOS */
}

/* encode-sans-condensed-300 - latin */
@font-face {
    font-family: 'Encode Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/encode-sans-condensed-v5-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/encode-sans-condensed-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/encode-sans-condensed-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/encode-sans-condensed-v5-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/encode-sans-condensed-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/encode-sans-condensed-v5-latin-300.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}
/* encode-sans-condensed-regular - latin */
@font-face {
    font-family: 'Encode Sans Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/encode-sans-condensed-v5-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/encode-sans-condensed-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/encode-sans-condensed-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/encode-sans-condensed-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/encode-sans-condensed-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/encode-sans-condensed-v5-latin-regular.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}
/* encode-sans-condensed-500 - latin */
@font-face {
    font-family: 'Encode Sans Condensed';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/encode-sans-condensed-v5-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/encode-sans-condensed-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/encode-sans-condensed-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/encode-sans-condensed-v5-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/encode-sans-condensed-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/encode-sans-condensed-v5-latin-500.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}
/* encode-sans-condensed-600 - latin */
@font-face {
    font-family: 'Encode Sans Condensed';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/encode-sans-condensed-v5-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/encode-sans-condensed-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/encode-sans-condensed-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/encode-sans-condensed-v5-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/encode-sans-condensed-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/encode-sans-condensed-v5-latin-600.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}
/* encode-sans-condensed-700 - latin */
@font-face {
    font-family: 'Encode Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/encode-sans-condensed-v5-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/encode-sans-condensed-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/encode-sans-condensed-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/encode-sans-condensed-v5-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/encode-sans-condensed-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/encode-sans-condensed-v5-latin-700.svg#EncodeSansCondensed') format('svg'); /* Legacy iOS */
}


/*
    font-weight weiten:
    normal: 400
    bold:   700
 */


.fixed-table-container thead th .sortable {
    padding-right: 15px;
}

.bootstrap-table .fixed-table-container .table thead th .sortable {
    padding-right: 15px;
}

hr {
    margin-bottom: 15px;
    margin-top: 5px;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
    margin-top:0px;
    text-align:left;
}

section { margin-bottom: 20px; }
h1, .h1 { font-size: 24px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }
h6, .h6 { font-size: 14px; }

/* h1 { border-bottom:1px #de0129 solid; } */
/* h2 { border-bottom:1px #de0129 solid; } */

/* CSS für back-to-top.js */
#topcontrol {
    color: #fff;
    z-index: 99;
    width: 30px;
    height: 30px;
    font-size: 20px;
    background: #222;
    position: relative;
    right: 14px !important;
    bottom: 11px !important;
    border-radius: 3px !important;
}

#topcontrol:after {
    top: 2px;
    left: 8.5px;
    content: "\2303";
    position: absolute;
    text-align: center;
    font-family: 'Font Awesome 6 Pro';
}

#topcontrol:hover {
    color: #fff;
    background: #de0129;
    transition: all 0.3s ease-in-out;
}

/* CSS Anpassungen für Devextreme Komponenten */
.dx-widget {
    font-family: "Encode Sans Condensed",sans-serif;
    font-size: 16px;
}

.dx-theme-generic-typography a {
    color: #ffffff;
}
.dx-datagrid-headers {
    color: #000000;
    font-weight: bold;
}



.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #ffb3b3; }


.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    padding: 0;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}

/* einige Hilfsklassen */
.hellrot {
    background-color: #ebcccc !Important;
}
.hellrot1 {
    background-color: #ffcccc !Important;
}
.hellrot2 {
    background-color: #ffe6e6 !Important;
}
.hellgelb {
    background-color: #fcf8e3 !Important;
}

.hellgruen {
    background-color: #e6ffe6 !Important;
}

.bg-waf {
    background-color: #ed1c29 !Important;
}

#bs-example-navbar-collapse-1 > ul.navbar-nav.me-auto.mb-2.mb-lg-0 > li > a {
    font-family: "Encode Sans", sans-serif;
    font-weight: 300;
}


.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
    font-weight: 600!important;
}

.col-form-label,.col-form-label {
    font-weight: 500;
}

form > .row, form > .form-group {
    margin-bottom: 10px;
}

ul > li > a.nav-link.active {
    font-weight: 600;
}
ul > li > button.nav-link.active {
    font-weight: 600;
}

label, col-form-label {
    font-weight: 500;
}

a {
    color: #de0129;
}

b {
    font-weight: 600;
}

.row.bg-danger {bckground-color:#f2dede;}

#wrapper {
    padding-top: 20px;
    padding-left: 10px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
    max-width: 1200px;
    margin: 35px auto;
}
#chart {
    position: relative;
    margin-top: -40px;
}
[data-notify="progressbar"] {
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 5px;
}
b, strong {
    font-weight: 600;
}

#filterButton .dx-button-content {
    background-color: #198754;
}
#filterButton .dx-icon {
    color: white;
}
.ff_fileupload_wrap .ff_fileupload_dropzone { height: 100px; }

@media (min-width: 576px) {
    .highlight {
        padding: 1rem 1.5rem;
    }
}
.highlight {
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: #f8f9fa;
}

@media (min-width: 576px) {
    .highlight2 {
        padding: 1rem 1.5rem;
    }
}
.highlight2 {
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: #ffe6e6;
}

.bd-callout {
    --bs-link-color-rgb: var(--bd-callout-link);
    --bs-code-color: var(--bd-callout-code-color);
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: var(--bd-callout-color, inherit);
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300))
}

.bd-callout h4 {
    margin-bottom: .25rem
}

.bd-callout>:last-child {
    margin-bottom: 0
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout .highlight {
    background-color: rgba(0,0,0,0.05)
}

.bd-callout-info {
    --bd-callout-color: var(--bs-info-text-emphasis);
    --bd-callout-bg: var(--bs-info-bg-subtle);
    --bd-callout-border: var(--bs-info-border-subtle)
}

.bd-callout-warning {
    --bd-callout-color: var(--bs-warning-text-emphasis);
    --bd-callout-bg: var(--bs-warning-bg-subtle);
    --bd-callout-border: var(--bs-warning-border-subtle)
}

.bd-callout-danger {
    --bd-callout-color: var(--bs-danger-text-emphasis);
    --bd-callout-bg: var(--bs-danger-bg-subtle);
    --bd-callout-border: var(--bs-danger-border-subtle)
}



.help-tooltip {
    --bs-tooltip-bg: var(--bs-warning);
    --bs-tooltip-color: var(--bs-black);
    --bs-tooltip-opacity: 1;
}

.help-badge {
    --bs-badge-color: #0d6efd;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Abgedunkeltes Overlay */
    display: none; /* Anfangs ausgeblendet */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#spinner {
    color: #fff;
    font-size: 3em; /* Größe des Spinners */
}

.custom-input-bg {
    background-color: #f8f9fa; /* Helles Grau (angepasst an Bootstrap-Farben) */
    border: 1px solid #ced4da;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.custom-input-bg:focus {
    background-color: #e9ecef; /* Farbänderung bei Fokus */
    outline: none;
    border-color: #80bdff;
    box-shadow: 0 0 5px rgba(128, 189, 255, 0.5);
}

#antragsformular .form-check-input:disabled {
    opacity: 1; /* Volle Sichtbarkeit des Radio-Buttons */
}

#antragsformular .form-check-label {
    color: black !important; /* Volle Sichtbarkeit des Labels */
    opacity: 1;
}

/* Heben Sie nur ausfüllbare Eingabefelder hervor */
#antragsformular2 input:not([readonly]):not([disabled]),
#antragsformular2 select:not([disabled]),
#antragsformular2 textarea:not([readonly]):not([disabled]) {
    border: 1px solid #007BFF; /* Auffällige Rahmenfarbe */
    /*background-color: #E9F7FF;  Heller Hintergrund für lesbare Inhalte */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Dezenter Schlagschatten */
}

/* Optional: Hover-Effekt für interaktive Felder */
#antragsformular2 input:not([readonly]):not([disabled]):hover,
#antragsformular2 select:not([disabled]):hover,
#antragsformular2 textarea:not([readonly]):not([disabled]):hover {
    border-color: #0056b3; /* Dunklere Rahmenfarbe bei Hover */
    box-shadow: 0 0 8px rgba(0, 86, 179, 0.75); /* Schlagschatten verstärkt */
}

/* Optional: Labels für ausfüllbare Felder können hervorgehoben werden */
#antragsformular2 label.required {
    font-weight: bold; /* Dickere Schrift */
    color: #007BFF;    /* Gleiche Farbe wie Rahmen für visuelle Verbindung */
}

.shadow-bottom-secondary-subtle {
    border-bottom: 14px solid var(--bs-secondary-bg-subtle);
    /* box-shadow: 0 0 0 20px var(--bs-secondary-bg-subtle); */
}

.mt-1px {
    margin-top: 1px !important;
}
.mt-2px {
    margin-top: 2px !important;
}
.mt-3px {
    margin-top: 3px !important;
}
.mt-4px {
    margin-top: 4px !important;
}
.mt-5px {
    margin-top: 5px !important;
}

.img-dark {
    display: none;
}

[data-bs-theme="dark"] .theme-light {
    display: none;
}

[data-bs-theme="light"] .theme-dark {
    display: none;
}


/* Dropdown-Element beim Überfahren anzeigen */
.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    transform: translate(0, 0); /* Animation zurücksetzen */
}

/* Animation (optional) */
.navbar-nav .dropdown-menu {
    display: none;
    opacity: 0;
    transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
    transform: translate(0, 10px);
}

/* "Stunden kopieren"-Button verschieben auf großen Displays */
@media (min-width: 992px) {
    .move-button {
        transform: translateY(70%);
    }
}