/* 2026-10-23: Die Hinweis-Dialoge der Reservierungsformulare (angular-dialog-service mit
   ui-bootstrap 0.6) nutzen Bootstrap-3-Markup (".modal.in" ohne .modal-dialog). Unter Bootstrap 4
   blieben sie dadurch unsichtbar (opacity 0 / display none) - beim Absenden "passierte nichts".
   Diese Regeln greifen nur fuer die Dialoge (Klasse "dialogs-default"), nicht fuer die BS4-Modals. */

.modal.dialogs-default.in {
    display: block;
    opacity: 1;
    position: fixed;
    top: 15%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: 92%;
    max-width: 520px;
    height: auto;
    overflow: visible;
    transform: translateX(-50%);
    background: #fff;
    border-radius: .3rem;
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .5);
    z-index: 1070 !important;
}

.modal.dialogs-default.in .modal-header {
    align-items: center;
}

.modal.dialogs-default.in .modal-header .close {
    order: 2;
}

.modal.dialogs-default.in .modal-footer .btn {
    background: #c10c1d;
    border-color: #c10c1d;
    color: #fff;
}

.modal.dialogs-default.in .progress {
    height: 1.25rem;
}

.modal-backdrop.fade.in {
    opacity: .5;
    z-index: 1065;
}