/* DIE ANMELDESEITE - und NUR sie. 04.11.2026

   Diese Datei ersetzt fuer die Anmeldung das grosse custom-style.css.
   ANLASS: Vor der Anmeldung bekam jeder Besucher 31 Dateien mit 1.481 kB
   geliefert, darunter unser ganzes Gestaltungsblatt mit 7.528 Zeilen - samt
   der Gestaltung der Belegmasken. Ein Anmeldeformular braucht davon nichts.

   HIER STEHT NUR, was die Maske wirklich benutzt. Gemessen an den Klassen
   in app/views/partials/index/anmeldeformular.php:
     ge-login-seite, -kasten, -logo, -hinweis, -knopf, -fuss
     dazu Bootstraps form-control / form-group / btn / btn-primary
          (die kommen aus bootstrap-default.css)
     und alert alert-danger animated shake fuer die Fehlermeldung

   WENN DIE ANMELDEMASKE GEAENDERT WIRD, muss diese Datei mitgeaendert
   werden - sie ist eine Abschrift der Regeln aus custom-style.css, keine
   Einbindung. Das ist der Preis dafuer, dass das grosse Blatt draussen
   bleibt. Die Quelle der Regeln steht unten jeweils dabei.
*/

/* --- Grundregel fuer body, aus custom-style.css Zeile 57 --- */
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    /* 03.09.2026: kein Gummiband nach unten oder zur Seite. */
    overscroll-behavior: contain;
}

/* --- Die Anmeldemaske, aus custom-style.css ("Norm: Anmeldeseite") --- */
/* Norm: Anmeldeseite */
.ge-login-seite { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #f6fbfb; padding: 20px; }
.ge-login-kasten { width: 100%; max-width: 420px; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 32px; }
.ge-login-logo { text-align: center; margin-bottom: 28px; }
.ge-login-logo img { width: 100%; max-width: 260px; height: auto; }
.ge-login-kasten .form-control { height: 40px; border-radius: 8px; border: 1px solid #ced4da; background: #fafbfc; font-size: 15px; }
.ge-login-kasten .form-group { margin-bottom: 14px; }
.ge-login-kasten .form-group:has(.ge-login-knopf) { text-align: center; margin-top: 20px; }
.ge-login-knopf { width: 160px; height: 40px; border-radius: 8px; font-size: 15px; background: #1f5f9e; border-color: #1f5f9e; }
.ge-login-fuss { text-align: center; margin-top: 18px; font-size: 13px; }
.ge-login-fuss a { color: #1f5f9e; }

/* --- Das Ruetteln der Fehlermeldung, aus animate.css --- */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
.shake{-webkit-animation-name:shake;animation-name:shake}