/* Existing project layouts retained while using Bootstrap 5 components. */
.form-group { margin-bottom: 1rem; }
.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }
.card-deck { display: flex; flex-wrap: wrap; }
.card-deck > .card { flex: 1 0 0%; margin: 0 15px 1rem; }
.form-inline { display: flex; flex-flow: row wrap; align-items: center; gap: .5rem; }
.form-inline .form-control { width: auto; }
.input-group-prepend, .input-group-append { display: flex; }
.input-group-prepend .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group-append .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.close { border: 0; background: transparent; padding: .5rem; font-size: 1.5rem; line-height: 1; opacity: .6; color: inherit; }
.modal-header .close { margin-left: auto; }
.close:hover { opacity: 1; }
.custom-file { position: relative; display: inline-block; width: 100%; margin-bottom: 1rem; }
.custom-file-input { display: block; width: 100%; }
.custom-file-label { display: block; margin-top: .25rem; }
.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }
.embed-responsive-16by9::before { display: block; content: ""; padding-top: 56.25%; }
.embed-responsive-item { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
#kopfNav { height: auto !important; padding-bottom: 1.5rem; }
#kopfNav > small { top: auto !important; bottom: .25rem; left: 0 !important; line-height: 1; }
body > .row { margin-left: 0; margin-right: 0; }
#zgm-dashboard .card-body { max-width: 100%; overflow-x: auto; }
#zgm-dashboard .col, #dashboardHeute .col-12 { min-width: 0; }
#dashboardHeute .col-12 { overflow-x: auto; }
@media (max-width: 1399.98px) {
  #kopfNav .navbar-collapse { max-height: calc(100dvh - 200px); overflow-y: auto; width: 100%; }
}
@media (max-width: 575.98px) {
  .card-deck > .card { flex-basis: 100%; }
  .form-inline .form-control { width: 100%; }
}