/* Modal vollständig ausnutzen */
#howtoModal .modal-dialog {
    max-width: 95%; /* Nutzt mehr horizontale Breite */
    width: 100%;
    height: calc(100% - 2rem); /* Nutzt fast die gesamte Höhe */
    margin: 1rem auto; /* Reduzierter vertikaler Abstand */
    display: flex;
    justify-content: center; /* Zentriere den Inhalt horizontal */
}

#howtoModal .modal-content {
    height: 100%; /* Modal auf volle Höhe setzen */
    display: flex;
    flex-direction: column;
}

#howtoModal .modal-body {
    flex: 1; /* Nimmt den verbleibenden Platz ein */
    padding: 0;
    overflow: hidden;
}

#pdfViewerIframe {
    width: 100%; /* Volle Breite */
    height: 100%; /* Volle Höhe */
    border: none; /* Entfernt Rahmen */
}

/* Header-Stil */
#howtoModal .modal-header {
    padding: 0.25rem 0.5rem; /* Kleinere Innenabstände für den Header */
    font-size: 0.8rem; /* Reduzierte Schriftgröße */
    line-height: 1; /* Geringerer Zeilenabstand */
    background-color: #f8f9fa; /* Optional: leichter Hintergrund */
    border-bottom: 1px solid #dee2e6; /* Optional: dünne Linie unter dem Header */
}

#howtoModal .modal-title {
    margin: 0; /* Entferne überflüssige Abstände */
    font-size: 1.2rem; /* Schriftgröße anpassen */
}

#howtoModal .modal-header .close {

    margin: 0; /* Entferne unnötige Abstände */
    padding: 0.5rem; /* Optional: konsistente Größe */
}
.pdf-modal-body {
    overflow-y: hidden;
}

.pdf-viewer-iframe {
    width: 100%;
    height: 100%;
}