:root {
    --font-family: "roboto_condensedregular", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-sans-serif: "roboto_condensedregular", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    --grey: #575756;
    --grey-1: #6C757D;
    --grey-2: #DEE2E6;
    --grey-3:#BDBFC1;
    --grey-4: #F2F3F5;
    --grey-5: #CED4DA;
    --grey-6: #999999;
    --grey-7: #e6e6e6;
    --grey-8: #dee2e6;
    --grey-9: #adadad;
    --darkmode-grey: #333333;
    --text: black;

    --header-textcolor: white;
    --text: #212529;
    --red: #e30613;
    --yellow: #ffed00;
    --blue: #0069B4;
    --blue-1: #007BFF;
    --blue-2: #002E4E;
    --blue-3: #5995C1;
    --blue-darkmode-link: #429dff;
    --info-blue: #0C5460;
    --info-blue-light: #D1ECF1;
    --warn-orange: #F5A623;
    --warn-orange-light: #FDDFAF;

    --red-gradation: #a4040e;
    --alert-red: #721C24;
    --alert-red-light-1: #F8D7DA;
    --alert-red-light-2: #FBE6E8;

    --orange: #F5A623;
    --yellow-gradation: #c2b400;
    --grey-4-65: #F2F3F5a6;
    --grey-2-80: #DEE2E6cc;
    --grey-1-55:#6e767d8c;

    --success: #28A745;
    --success-hover: #1E7E34;
    --success-hover-dark: #218838;
    --alert-success: #d4edda;
    --alert-success-border: #155724;
    --alert-warning: #fff3cd;
    --alert-warning-border: #856404;
    --alert-hint: #cce5ff;
    --alert-hint-border: #004085;
    --alert-instruction: #e2e3e5;
    --alert-instruction-border: #383d41;

    --light: white;

    --light-80: #ffffffcc;
    --light-95: #fffffff2;
    --light-2: #f3f3f3;

    --btn-warning: #FFC107;
    --btn-warning-hover:#E0A800;
    --btn-warning-border:#D39E00;
    --btn-info:#17A2B8;
    --btn-info-hover: #138496;
    --btn-info-border: #17a2b8;
    --btn-danger:#DC3545;
    --btn-danger-hover:#C82333;
    --btn-danger-border: #BD2130;
    --btn-success: #28A745;
    --btn-success-border: #1E7E34;
    --btn-success-hover: #218838;
    ---btn-primary: #007bff;
    ---btn-primary-border: #0062cc;
    ---btn-primary-hover: #0069d9;
    ---btn-secondary: #6c757d;
    ---btn-secondary-border: #545b62;
    ---btn-secondary-hover: #5a6268;


    --db-iconfarbe-infobox: #3C3B39;
    --db-textfarbe-infobox: #3C3B39;
    --db-iconfarbe-puzzle: #cd1100;
    --db-iconfarbe-ampel-gruen: #14a90d;
    --db-iconfarbe-ampel-gelb: #ffd400;
    --db-iconfarbe-ampel-rot: #ff0000;
    --db-iconfarbe-veranstalter: #3C3B39;
    --db-iconfarbe-teilnahmebedingungen: #198754;
    --db-iconfarbe-teilnahmebedingungen-nok: #ff0000;
    --db-farbe-teilnahmebedingungen-dunkel: #F9E893;
    --db-farbe-teilnahmebedingungen-hell: #FFF9d9;
    --db-farbe-anmeldung: #71b394;
    --db-farbe-anmeldung-hinweis: #f9e893;
    --db-farbe-teilnahmebescheinigung: #d9d9d9;
    --db-farbe-infoblock: #efefef;
    --db-farbe-badge: #0069d9;
    --bs-accordion-active-bg: #FFD400;
}
.db-rahmenfarbe-gruen {
    border: 2px solid var(--db-iconfarbe-teilnahmebedingungen);
}
.db-rahmenfarbe-rot {
    border: 2px solid var(--db-iconfarbe-teilnahmebedingungen-nok);
}
.db-rahmenfarbe-gelb {
    border: 2px solid var(--db-farbe-teilnahmebedingungen-dunkel);
}

.db-textfarbe-infobox {
    color: var(--db-iconfarbe-infobox);
}

.db-iconfarbe-infobox {
    color: var(--db-iconfarbe-infobox);
}
.db-iconfarbe-puzzle {
    color: var(--db-iconfarbe-puzzle);
}

.db-iconfarbe-ampel-gruen {
    color: var(--db-iconfarbe-ampel-gruen);
}

.db-iconfarbe-ampel-gelb {
    color: var(--db-iconfarbe-ampel-gelb);
}

.db-iconfarbe-ampel-rot {
    color: var(--db-iconfarbe-ampel-rot);
}

.db-iconfarbe-veranstalter {
    color: var(--db-iconfarbe-veranstalter);
}

.db-iconfarbe-teilnahmebedingungen {
    color: var(--db-iconfarbe-teilnahmebedingungen);
}

.db-iconfarbe-teilnahmebedingungen-nok {
    color: var(--db-iconfarbe-teilnahmebedingungen-nok);
}

.db-farbe-anmeldung {
    background-color: var(--db-farbe-anmeldung);
}

.db-farbe-anmeldung-hinweis {
    background-color: var(--db-farbe-anmeldung-hinweis);
}

.db-farbe-teilnahmebescheinigung {
    background-color: var(--db-farbe-teilnahmebescheinigung);
}

.db-farbe-teilnahmebedingungen-dunkel,
.db-farbe-teilnahmebedingungen-dunkel button,
.db-farbe-teilnahmebedingungen-dunkel .accordion-button:focus,
.db-farbe-teilnahmebedingungen-dunkel .accordion-button:not(.collapsed) {
    background-color: var(--db-farbe-teilnahmebedingungen-dunkel);
    box-shadow: none;
    border: none;
}

.db-farbe-teilnahmebedingungen-hell {
    background-color: var(--db-farbe-teilnahmebedingungen-hell);
}


h2 .accordion-button {
    font-size: 1.2rem;
    font-weight: bold;
}

#accordionTeilnahmebedingungen {
    padding-top: 10px;
    background-color: white;
}

#accordionTeilnahmebedingungen,#accordionTeilnahmebedingungen .accordion-item {
    margin-bottom: 0px;
    border-width: 0px !important;
    box-shadow: none;
    border-radius: 0;
}


body {
    font-family: var(--font-family);
}

.db-readonly-text {
    background-color: #EEEEEE;
}

.db-placeholder {
    color: #ccc;
    font-style: italic;
}

body {
    min-height: calc(100vh - 80px);
    position: relative;
}

/** bootstrap ueberschreiben */
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-brand,
.navbar-light .navbar-nav .navbar-text,
.navbar-light .navbar .db-logout-header,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover  {
    color: var(--db-navbartext);
}


.navbar-expand-lg .navbar-nav ul.dropdown-menu .nav-link,
body.db-adm .navbar-light .navbar-nav .nav-link:focus,
body.db-adm .navbar-light .navbar-nav .nav-link:hover {
    color: black;
}

body.db-adm .navbar-light .navbar-nav .nav-link,
body.db-adm .navbar-light .navbar-brand,
body.db-adm .navbar-light .navbar-nav .navbar-text,
body.db-admin .navbar-light .navbar .db-logout-header
{
    color: var(--db-navbartext-adm);
}

body.db-mod .navbar-light .navbar-nav .nav-link,
body.db-mod .navbar-light .navbar-brand,
body.db-mod .navbar-light .navbar-nav .navbar-text,
body.db-mod .navbar-light .navbar .db-logout-header
{
    color: var(--db-navbartext-mod);
}

.navbar-expand-lg .navbar-nav ul.dropdown-menu .nav-link {
    color: black;
}

.navbar-brand img {
    margin-right: 20px;
}



.db-footer {
    position: fixed;
    background-color: var(--db-footerfarbe);
    color: var(--db-footertext);
    bottom: 0px;
    left: 0px;
    right:0px;
    min-height: 50px;
    font-weight: bold;
    /*border-top: var(--grey-1) solid 2px;*/
    z-index: 1000;
}

body.db-adm .db-footer {
    background-color: var(--db-footerfarbe-adm);
    color: var(--db-footertext-adm);
}

body.db-mod .db-footer {
    background-color: var(--db-footerfarbe-mod);
    color: var(--db-footertext-mod);
}

body.darkmode .db-footer {
    border-top: var(--grey-5) solid 2px;
}

.db-footer-content {
    text-align: center;
    line-height: 45px;
    display: flex;
    align-content: space-around;
    justify-content: space-around;
    gap: 20px;
    flex-wrap: wrap;
}

.db-footer a:not(.db-crud-button), .db-feedback-link, .db-sidebar-ausblenden {
    text-decoration: none;
    color: var(--db-footertext);
    font-weight: bold;
    font-size: 85%;
}
.db-footer-content {
    color: var(--db-footertext);
    background-color: var(--db-footerfarbe);
}

body.db-mod .db-footer a:not(.db-crud-button), .db-feedback-link,body.db-mod .db-sidebar-ausblenden {
    color: var(--db-footertext-mod);
}

body.db-adm .db-footer a:not(.db-crud-button), .db-feedback-link,body.db-adm .db-sidebar-ausblenden {
    color: var(--db-footertext-adm);
}

body.db-mod .db-footer-content {
    color: var(--db-footertext-mod);
    background-color: var(--db-footerfarbe-mod);
}

body.db-adm .db-footer-content {
    color: var(--db-footertext-adm);
    background-color: var(--db-footerfarbe-adm);
}



.db-footer a:not(.db-crud-button):hover, .db-feedback-link:hover, .db-sidebar-ausblenden:hover {
    color: var(--text);
    text-decoration: underline;
}

body.darkmode .db-footer .db-footer-content {
    color: var(--grey-5);
}

body.darkmode .db-footer a, body.darkmode .db-feedback-link, body.darkmode .db-sidebar-ausblenden {
    color: var(--grey-5);
}

body.darkmode .db-footer a:hover, body.darkmode .db-feedback-link:hover, body.db-adm .db-sidebar-ausblenden:hover {
    color: var(--grey-6);
    text-decoration: underline;
}

.db-dashboard-container {
    display: flex;
    flex-direction: column;
    padding: 15px;
}

.db-dashboard-kachel {
    width: 100%;
    padding: 20px;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
}

.dashboard-box {
    margin: 10px;
    border: black solid 1px;
    padding: 10px;
}

.TPL_CONTENT {
    background-color: white;
    padding-top: 10px;
    min-height: calc(100vh - 120px);
}

.container.container-white {
    padding-top: 10px;
    background-color: white;
}

.container .inner-container {
    padding: 20px;
    background-color: white;
}

.inner-container.db-konferenzraum, .inner-container.db-konferenzraum .TPL_CONTENT {
    padding: 0px;
}

body .container, body {
    background-color: white;
}
body.db-adm .container, body.db-adm {
    background-color: white;
}
body.db-mod .container, body.db-mod {
    background-color: white;
}

body.db-mod .container-white {
    background-color: white;
}

.db-maintitle {
    background-color: white;
}

.TPL_CONTENT > form {
    margin-bottom: 100px;
}

.TPL_CONTENT > form.db-reduced-margin-bottom {
    margin-bottom: 10px;
}

form > .flash {
    margin-top: 20px;
}

.flash {
    position: relative;
}

.flash .alert-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.db-form-notice {
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 10px;
    background-color: #edf0f4;
    padding: 10px;
}

.db-hidden, .db-formbutton.db-hidden,button.btn.db-formbutton.db-hidden {
    display: none;
}

fieldset label {
    line-height: 2.5em;
    margin-right: 20px;
}

.db-table-lieferantenformular {
    border-collapse: collapse;
    margin-top: 20px;
}

.db-table-lieferantenformular tr > th:nth-of-type(4), .db-table-lieferantenformular tr > td:nth-of-type(4){
    width: 350px;
}

.db-table-lieferantenformular tr > th:nth-of-type(5), .db-table-lieferantenformular tr > td:nth-of-type(5){
    width: 140px;

}

.db-table-lieferantenformular tr > td:nth-of-type(5) > div {
    flex-direction: row-reverse;
    padding-left: 10px;
}


.db-table-lieferantenformular tr.db-inaktiv td {
    color: red;
}

.db-table-lieferantenformular th, .db-table-lieferantenformular td {
    border: 1px solid darkgrey;
    padding: 3px 10px;
}

.db-table-lieferantenformular .db-checkbox-container td, .db-table-lieferantenformular .db-checkbox-container th {
    border: none;
}


.db-table-lieferantenformular tr.db-noborder td {
    border: 1px solid transparent;
}

.db-table-lieferantenformular .form-group {
    padding-top: 0px;
}

.db-table-auflistung {
    border-collapse: collapse;
    margin-bottom: 20px;
}

.db-table-auflistung th, .db-table-auflistung td {
    border: none;
    padding: 3px 10px;
}

.db-background-ok {
    background-color: lightgreen;
}

.db-background-nok {
    background-color: lightcoral;
}

.db-background-unchecked {
    background-color: white;
}

input[type='checkbox'].db-checkbox.db-background-unchecked {
    display: none;
}

input[type='checkbox'].db-checkbox.db-background-nok {
    display: none;
}

.db-min-width-120 {
    min-width: 120px;
}

table.db-padded-table {
    border: #555555 solid 1px;
    margin-bottom: 20px;
    min-width: 400px;
}

table.db-table-borderless {
    border: transparent solid 1px;
}

.db-padded-table td, .db-padded-table th {
    padding: 5px 10px;
}

.db-hide {
    display: none;
}

.db-border-table th {
    background-color: #dddddd;
}

body.darkmode .db-border-table th {
    color: var(--text);
}

table.db-border-table, table.db-border-table td, .db-border-table th {
    border: #555555 solid 1px;
    width: max-content;
}

.db-flex-dashboard {
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-between;
    justify-content: start;
}

.db-flex-dashboard > div {
    margin: 10px;
    max-width: 50vw;
}

@media (max-width:1200px) {
    .db-flex-dashboard > div {
        max-width: 100vw;
    }
}

.flash-comment {
    background-color: lightgrey;
}

.flash-danger {
    background-color: palevioletred;
}

.flash-warning {
    background-color: var(--alert-warning);
}


.flash-success {
    background-color: lightgreen;
}

.db-borderbox {
    border: darkgrey solid 1px;
    padding: 15px;
    margin-bottom: 20px;
}

.db-borderbox h3 {
    margin-top: 5px;
}

.db-padded-div {
    padding: 15px;
}

input[type='checkbox'] ~ p:first-of-type {
    display: inline-block;
}

tr.geraeteStatus-erfasst > td > div[data-col="status"], tr.feststationStatus-erfasst > td > div[data-col="status"]{
    font-style: italic;
}

tr.geraeteStatus-aktiv > td > div[data-col="status"], tr.feststationStatus-aktiv > td > div[data-col="status"] {
    font-weight: bold;
}

tr.geraeteStatus-workflow > td > div[data-col="status"], tr.feststationStatus-workflow > td > div[data-col="status"] {
    font-style: italic;
}

.margin-right {
    margin-right: 10px;
}

.db-kommentartabelle {
    width: 100%;
    min-height: 25px;
}
.db-kommentartabelle tbody {
    vertical-align: top;
}

.db-kommentartabelle tr {
    border-bottom: black 1px solid;
    width: 100%;
}

.db-kommentartabelle tr:last-of-type {
    border-bottom: transparent 1px solid;
}

.db-kommentartabelle tr > td:first-of-type {
    width: 200px;
}

.db-feedback-modal {
    display: none;
    width: 80vw;
    height: 80vh;
    position: relative;
}

.db-feedback-iframe {
    width: 100%;
    height: 70vh;
    position:relative;
}

.db-modal-frame {
    padding: 30px 10px;
    margin-top: -50px;
}

.db-feststation-zusatzfelder {
    display: none;
}

.db-feststation-zusatzfelder.db-feststation-endgeraet-gewaehlt {
    display: block;
}

.db-feststation-zusatzfelder .accordion {
    margin-top: 20px;
}

.db-auftragssammler-required .dbi-aenderung-triggert-as.db-changed, .db-auftragssammler .db-select-box.db-changed {
    //background-color: var(--alert-warning);
}

.db-auftragssammler-required .accordion-button.db-changed, body.darkmode .db-auftragssammler-required .accordion-button.db-changed {
    background-color: var(--alert-warning);
}

.db-auftragssammler-required .dbi-aenderung-triggert-as:not(.db-changed)[disabled="disabled"] {
    background-color: #e9ecef;
}

.db-auftragssammler-required .db-last-value.db-show-button {
    display: inline-block;
}

.dbi-feststation-endgeraeteselect.db-action-new {
    display: none;
}

.dbi-feststation-endgeraeteselect.db-action-new.db-endgeraet-select-sichtbar {
    display: flex;
}

.dbi-feststation-rundstrahler .dbi-feststation-invisible-rundstrahler {
    display: none;
}

.dbi-feststation-rundstrahler .dbi-feststation-visible-rundstrahler {
    display: flex;
}

.dbi-feststation-kein-rundstrahler .dbi-feststation-invisible-rundstrahler {
    display: flex;
}

.dbi-feststation-kein-rundstrahler .dbi-feststation-visible-rundstrahler {
    display: none;
}

.dbi-feststation-befristung-hidden {
    display: none;
}

.db-datefield {
    max-width: 150px;
}

.einheit {
    display: inline-block;
    width: 50px;
    margin-left: -20px;
}

@media (max-width: 575px) {
    .einheit {
        margin-left: 0px;
    }
}

table.db-tabelle-liste td {
    vertical-align: top;
    padding: 5px 15px 0px 5px;
}

.db-margintop {
    margin-top: 10px;
}

.db-marginbottom {
    margin-bottom: 10px;
}

.db-einschraenkung {
    padding: 10px 15px;
    background-color: darkgoldenrod;
    margin-bottom: 10px;
}

input[disabled="disabled"] {
    background-color: #e9ecef;
}
.db-as-historie {
    margin-top: 20px;
}
.db-as-historie thead th {
    height: unset;
}

/*
.db-feststations-block {
    border-top: var(--blue) solid 2px;
    padding: 20px 20px 20px 20px;
    margin-top: 10px;
}*/

/* breadcrumbs */
.db-dashboardlink {
  /*  float:left;*/
    font-size: 16px;
    line-height: 19px;
    padding: 10px 0;
}
i.fa.fa-chevron-right {
    font-size: 12px;
}

.db-maintitle {
    font-size: 35px;
    line-height: 43px;
    font-weight: bold;
}



body.darkmode {
    color: var(--light);
}

.viewoutput ul {
    list-style-type: none; /* Remove bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margins */
}

.clickable-emojis {
    display: flex;
    font-style: normal;
    gap: 10px;
    cursor: pointer;
    flex-wrap: wrap;
}

body.darkmode .dialogInner {
    background-color: var(--darkmode-grey);
    color: var(--light);
    box-shadow: 0px 0px 10px 4px rgb(255 255 255 / 10%);
    border: 1px solid var(--grey-6);
}

body.darkmode .accordion-body {
    background-color: rgb(189 191 193 / 5%);
    color: var(--light);
}

body.darkmode .accordion-button.collapsed:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

body.darkmode .accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.db-display-toggle {
    padding: 5px 10px;
    border-radius: 0.25rem;
    border: var(--grey-3) solid 1px;
    background-color: transparent;
}

.db-display-toggle-target {
    display: none;
}

.db-table-topalign td {
    vertical-align: top;
}

.db-max-w-100 {
    max-width: 100px;
}

.db-clickable {
    cursor: pointer;
}

a {
    color: var(--blue);
}

.db-marginright {
    margin-right: 10px;
}

.db-marginleft {
    margin-left: 10px;
}

.db-margins {
    margin-left: 5px;
    margin-right: 5px;
}
input.form-checkbox {
    margin-right: 8px;
}

body.darkmode .flash.flash-comment {
    color: var(--text);
}

div.db-checkbox-container.db-checkbox-disabled {
    background-color: var(--grey-2);
}

body.darkmode div.db-checkbox-container.db-checkbox-disabled {
    background-color: var(--grey);
}
.db-bearbeitungsverlauf-legende {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}
.db-bearbeitungsverlauf-legende i {
    margin-top: 5px;
}
.db-bearbeitungsverlauf-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.db-bearbeitungsverlauf-container .accordion-button:not(.collapsed) {
    font-weight: normal;
}

.db-bearbeitungsverlauf-mehr {
    display: flex;
    gap: 10px;
    color: var(--blue);
    margin: 7px 0 15px 0;
}
body.darkmode .db-bearbeitungsverlauf-mehr {
    color: var(--blue-darkmode-link);
}
.db-bearbeitungsverlauf-mehr:hover {
    opacity: 0.7;
}
.db-initial-unsichtbare-kommentare i {
    font-size: 10px;
    line-height: 27px;
}

.db-ansprechpartnerbox {
    background-color: #b5b5b529;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    padding: 15px 20px;
}
.darkmode .db-ansprechpartnerbox {
    background-color: #ffffff29;
}
.db-ansprechpartnerbox tr {
    vertical-align: top;
    border-color: transparent;
}
.db-ansprechpartnerbox td {
    padding: 5px 15px;
}
.db-ansprechpartnerbox td:first-child {
    font-weight: 600;
}
.db-ansprechpartnerbox2 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 70px;
    row-gap: 10px;
}
.db-aktionsbox {
    padding-top: 15px;
    padding-bottom: 10px;
    font-weight: bold;
}

.db-bearbeitungsverlauf-header-gliederung i {
    margin-right: 5px;
    vertical-align: middle;
}
.db-bearbeitungsverlauf-header-gliederung i:before {
    font-size: 20px;
}

.db-bearbeitungsverlauf-header-gliederung {
    font-weight: bold;
    padding-right: 10px;
    border-right: 1px solid var(--text);
}

.darkmode .accordion-button.collapsed .db-bearbeitungsverlauf-header-gliederung {
    border-color: var(--light);
}
.darkmode .db-bearbeitungsverlauf-header-gliederung {
    border-color: var(--text);
}

.db-bearbeitungsverlauf-header-datum {
    font-weight: normal;
    padding-left: 6px;
}

.db-bearbeitungsverlauf-header-aktion {
    font-style: italic;
}
.db-bearbeitungsverlauf-header-datum, .db-bearbeitungsverlauf-header-aktion {
    color: var(--grey);
    font-size: 15px;
}
.darkmode .accordion-button.collapsed .db-bearbeitungsverlauf-header-datum, .darkmode .accordion-button.collapsed .db-bearbeitungsverlauf-header-aktion {
    color: var(--light);
}
.darkmode .db-bearbeitungsverlauf-header-datum, .darkmode .db-bearbeitungsverlauf-header-aktion {
    color: var(--text);
}
.db-accordion-header {
    font-weight: normal;

}

.db-flex-grow {
    flex-grow: 10;
}

.db-button-row-korrektur {
    display: flex;
    gap:20px;
}

.db-table-shadow {
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
}

/* Modale mit dialog */
dialog{
    margin: auto;
    opacity: 0;
    scale: 0;
    display: block;
    border-radius: 7px;
    border: 0px solid transparent;
    transition: all 0.5s;
    font-weight: normal;
    padding: 20px;
}

dialog[open]{
    opacity: 1;
    scale: 1;
    overflow-y: auto;
}

dialog::backdrop{
    background: rgb(0, 0, 0, .5);
}

.db-closebutton-row {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
}

.db-red {
    color: red;
}

.db-green {
    color: green;
}



.dbi-platzhalter-condition-preview {
    max-width: 100%;
    text-wrap: normal;
    overflow-wrap: break-word;
    background-color: lightyellow;
    font-size: 0.7rem;
    padding: 2px;
}

.db-fieldchange {
    background-color: lightyellow;
}
/*
input:not(.db-fieldchange) {
    background-color: initial;
    transition: background-color 3s;
}*/


.developInfo {
    position: fixed;
    bottom: 10px;
    z-index: 900;
    background-color: palevioletred;
}

img.helpInfoSymbol {
    max-height: 15px;
}

.helpInfoSymbolTooltip {
    position: absolute;
    background-color: #eeeeee;
    padding: 20px;
    z-index: 1000;
}

span.navbar-text {
    display: inline-block;
}

@media (min-width: 992px) {
    span.navbar-text {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.navbar-nav.navbar-nav-right {
    flex-direction: row;
    flex-grow: 10;
}

@media (min-width: 992px) {
    .navbar-nav.navbar-nav-right {
        justify-content: flex-end;
    }
}
@media (max-width: 991px) {
    ul.dropdown-menu li.nav-item,  ul.dropdown-menu a.nav-link {
        padding-left: 10px;
    }
}



/*
 * Sidebar
 */

@media (min-width: 768px) {
    .sidebar .offcanvas-lg {
        position: -webkit-sticky;
        position: sticky;
        top: 48px;
    }
    .navbar-search {
        display: block;
    }
}

.sidebar .nav-link {
    font-size: .875rem;
    font-weight: 500;
}

.sidebar .nav-link.active {
    color: #2470dc;
}

.sidebar-heading {
    font-size: .75rem;
}

.sidebar {
    max-height: calc(100vh - 110px);
    overflow: scroll;
}

/*
 * Navbar
 */

.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(0, 0, 0, .25);
    /* box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25); */
}

.navbar .form-control {
    padding: .75rem 1rem;
}

.bg-light, .bg-light a {
    background-color: var(--db-navbarfarbe) !important;
    color: var(--db-navbartext) !important;
}

body.db-adm .bg-light, body.db-adm .bg-light a {
    background-color: var(--db-navbarfarbe-adm) !important;
    color: var(--db-navbartext-adm) !important;
}

body.db-mod .bg-light, body.db-mod .bg-light a {
    background-color: var(--db-navbarfarbe-mod) !important;
    color: var(--db-navbartext-mod) !important;
}

.db-pflichtplatzhalter {
    font-weight: bold;
    color: blue;
}

.db-nur-bbb {
    display: none;
}
.db-nur-bbb.db-bbb-aktiv {
    display: flex;
}

/* Ersatz fuer table, damit responsiv moeglich */
.db-liste {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.db-liste > .db-listeneintrag:first-of-type {
    font-weight: bold;
}

.db-listeneintrag {
    display: flex;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap;
}

.db-listeneintrag > div:first-of-type {
    flex-basis: 20%;
    flex-shrink: 2;
    min-width: 150px;
}

.dbi-quelle-bbb-info {
    display: none;
}

img.db-preview-imageuplad {
    max-height: 50px;
}

.card-header h4 {
    margin-bottom:0;
}

.card.mb-4.shadow-sm {
    min-width: 300px;
}

.card-container {
    display: flex;
    flex-wrap: wrap;
}

.db-card {
    flex: 1;
    margin-right: 20px; /* Optional: Abstand zwischen den Karten */
}

.db-card:last-child {
    margin-right: 0; /* Optional: Abstand zwischen den Karten */
}

.db-card-limited .card-body{
    max-height: 500px;
    overflow-y: auto;
}



.db-dahboard-weiterfuehrend p {
    margin: 0cm;
}

.db-dialog-outer {
    z-index: 10000;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,0.7);

}
.db-dialog-border {
    border-radius:20px;
    position:absolute;
    /*overflow: hidden;*/
}
.db-dialog-inner {
    position: absolute;
    z-index: 10001;
    /*overflow: auto;*/
    padding:0px;

    background-color: white;
    box-sizing:border-box;
    border: solid 1px gray;
    border-radius:20px;
}
.db-dialogContent {
    overflow: auto;
    padding: 20px 30px;
}

.db-verifikationsergebnis-ok {
    color: green;
}

.db-verifikationsergebnis-nok {
    color: red;
}

.db-verifikationsergebnis-ok > table, .db-verifikationsergebnis-nok > table {
    border: 1px solid black;
}

.db-verifikationsergebnis-ok  td,
.db-verifikationsergebnis-nok  td {
    padding: 5px;
}

.accordion.db-invisible-formularfeld .accordion-header .accordion-button {
    background-color: lightgrey;
}

.db-row-unbestaetigt, .db-row-unbestaetigt > td {
    /*background-color: #ffcba4;*/
    background-color: #f3d198 !important;
}

.db-row-gesperrt, .db-row-gesperrt > td {
    background-color: #ef8278 !important;
}

.db-row-gesperrt-tn, .db-row-gesperrt-tn > td {
    background-color: darkgrey !important;
}
.db-datefield {
    max-width: 150px;
}

.db-va-favorit{
    cursor: pointer;
    font-size: 1.2rem;
}

.db-va-favorited {
    color: gold;
}

.db-va-notfavorited {
    color: gray;
}

/* select readonly: ausgegraut und keine Optionen waehlbar */
select[readonly] option, select[readonly] optgroup {
    display: none;
}
select[readonly] {
    background-color: var(--grey-7);
    color: var(--grey);
    border: 1px solid var(--grey-5);
}

.dbi-vas-hide {
    display: none;
}

.db-teilnahmestatus-detailseite {
    padding: 20px;
    margin-top: 10px;
    border: black 1px solid;
}

.db-teilnahmestatus-detailseite.db-teilnahmestatus-success {
    background-color: lightgreen;
}

.db-teilnahmestatus-detailseite.db-teilnahmestatus-info {
    background-color: lightgrey;
}

.db-codebutton-inactive {
   display: none;
}

.dbi-arnofield.db-arnovisible {
    display: flex;
}

.dbi-arnofield {
    display: none;
}

.sidebar .nav-entry {
    font-size: .875rem;
    font-weight: 500;
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    text-decoration: none;
    background: 0 0;
    border: 0;
}

.sidebar .db-nav-strong {
    font-weight: bold;
    text-decoration:underline;
}

.navbar .db-logout-header {
    text-decoration: none;
}

.db-mod .navbar .db-logout-header {
    color: var(--db-navbartext-mod);
}

.db-small-card-container {
    width: 25%;
}

@media (max-width: 1200px) {
    .db-small-card-container {
        width: 50%;
    }
}

@media (max-width: 800px) {
    .db-small-card-container {
        width: 100%;
    }
}

.db-navbar-topright {
    margin-right: 20px;
    display: flex;
}


.db-sidebar-ausblenden {
    /*
    position: fixed;
    width: 231px;
    height: 40px;
    top: 65px;
    bottom: 60px;
    z-index: 10;
    background-color: rgb(248, 249, 250);
    padding: 10px 10px 10px 15px;
    font-size: .875rem;
    font-weight: 500;*/
}

.db-sidebar-ausblenden.dbi-sidebar-einblenden {
    /*bottom: 5px;
    background-color: white;*/
}

@media (max-width: 766px) {
    .db-sidebar-ausblenden {
        display:none;
    }
}


.db-badge {
    background-color: var(--db-farbe-badge);
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    width: fit-content;

}