/* modal-style.css */

/* Grundlegende Styles für das Modal */

#dynamicModal .modal-content {
  border-radius: 0.5rem;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  font-family: 'Roboto', sans-serif;
}

/* Modal-Header-Titel immer Roboto */

#dynamicModal .modal-header .modal-title {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500 !important;
}

/* Header im Corporate Style */

#dynamicModal .modal-header {
  background-color: #004c97;
  color: #fff;
  /*font-family: 'Roboto', sans-serif !important;*/
  /*font-weight: 500;*/
  border-bottom: 2px solid #003366;
}

/* Weiße Close-Button */

#dynamicModal .modal-header .btn-close {
  filter: invert(1);
}

/* Body-Text */

#dynamicModal .modal-body {
  color: #000;
  font-family: 'Roboto Flex', sans-serif;
  line-height: 1.5;
}

/* Footer */

#dynamicModal .modal-footer {
  border-top: 1px solid #dee2e6;
}

/* Schließen-Button im Corporate Style */

#dynamicModal .modal-footer .btn {
  font-family: 'Roboto', sans-serif;
  color: #004c97;
  border-color: #004c97;
}

#dynamicModal .modal-footer .btn:hover {
  background-color: #004c97;
  color: #fff;
  border-color: #003366;
}

/* Optional: Scrollbar für lange Inhalte */

#dynamicModal .modal-body {
  max-height: 60vh;
  overflow-y: auto;
}

/* modal-style.css */

/* Grundlegende Styles für das Modal */

#dynamicModal .modal-content {
  border-radius: 0.5rem;
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  font-family: 'Roboto', sans-serif;
}

/* Header im Corporate Style */

#dynamicModal .modal-header {
  background-color: #004c97;
  color: #fff;
  border-bottom: 2px solid #003366;
}

/* Weiße Close-Button */

#dynamicModal .modal-header .btn-close {
  filter: invert(1);
}

/* Body-Text */

#dynamicModal .modal-body {
  color: #000;
  font-family: 'Roboto Flex', sans-serif;
  line-height: 1.5;
}

/* Footer */

#dynamicModal .modal-footer {
  border-top: 1px solid #dee2e6;
}

/* Schließen-Button im Corporate Style */

#dynamicModal .modal-footer .btn {
  font-family: 'Roboto', sans-serif;
  color: #004c97;
  border-color: #004c97;
}

#dynamicModal .modal-footer .btn:hover {
  background-color: #004c97;
  color: #fff;
  border-color: #003366;
}

/* Optional: Scrollbar für lange Inhalte */

#dynamicModal .modal-body {
  max-height: 60vh;
  overflow-y: auto;
}

/* Links im Modal */

#dynamicModal .modal-body a {
  color: #004c97;
  text-decoration: underline;
  transition: color 0.2s;
}

#dynamicModal .modal-body a:hover {
  color: #003366;
  text-decoration: none;
}

/* ===== [FIX: Firefox zieht scrollable-Modal auf volle Höhe] ===== */
#dynamicModal .modal-dialog-scrollable {
  /* statt fester Höhe -> nur Obergrenze */
  height: auto;
  max-height: calc(100vh - var(--bs-modal-margin, 1.75rem) * 2);
}

/* Moderne Viewport-Einheiten (Safari iOS / FF Addressbar) */
@supports (height: 100dvh) {
  #dynamicModal .modal-dialog-scrollable {
    max-height: calc(100dvh - var(--bs-modal-margin, 1.75rem) * 2);
  }
}

/* Inhalt an die Dialog-Obergrenze koppeln */
#dynamicModal .modal-dialog-scrollable .modal-content {
  max-height: 100%;
  min-height: auto;
}

/* Falls irgendein Vorfahre flex:stretch hat: nicht mitstrecken */
#dynamicModal .modal-dialog,
#dynamicModal .modal-content {
  align-self: center;
}

/* Sicherstellen, dass Bootstrap-Margins greifen */
#dynamicModal .modal-dialog {
  margin: var(--bs-modal-margin, 1.75rem) auto;
}