/* style.css */

body {
    background-color: #f8f9fa;
}

/* Nutzt die volle Breite, fügt aber links und rechts einen kleinen Abstand (gap) hinzu,
  damit der Inhalt nicht am Bildschirmrand klebt.
*/
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

/* Styling für die weißen Boxen, in denen der Inhalt liegt */
.form-container, .list-container {
    background-color: #fff;
    padding: 2rem;
    border-radius: 0.5rem;
    margin-top: 2rem;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.form-head { background-color: #fff; padding: 2rem; border-radius: 0.5rem; margin-bottom: 1.5rem; box-shadow: 0 0 15px rgba(0,0,0,0.05); }
.form-head p.h5 { font-weight: 500; color: #007bff; border-bottom: 2px solid #007bff; padding-bottom: 10px; margin-bottom: 1.5rem; }
.signature-canvas { border: 2px dashed #ccc; border-radius: 0.5rem; cursor: crosshair; }
.hinweis-feld { font-size: 0.8rem; color: #6c757d; background-color: #e9ecef; padding: 1rem; border-radius: 0.5rem; }
.form-check-label { white-space: nowrap; }

.floating-nav {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 1050; /* Stellt sicher, dass der Button über anderen Elementen liegt */
}

.login-container {
    margin: 15% auto auto auto;
    max-width: 400px;
}