/* HEXA – Anmeldeseite (27.10.2026). Grundlage ist start.css (Kopf, Karten, Felder, Knöpfe, Codefelder, Übergänge);
   hier nur die Fußzeile im Stil der Homepage (home.html) und wenige Ergänzungen. */
main{max-width:480px;padding-bottom:88px}
.anm-weg{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 8px;margin-top:10px}
.anm-meld-box{min-height:1.4em}
.altbox-leise{margin-top:18px}
.anm-hinweis{display:flex;gap:10px;align-items:flex-start;background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.28);color:#fde68a;border-radius:14px;padding:12px 14px;font-size:14.5px;margin:0 0 20px}

/* ---------- Fußzeile wie auf der Homepage */
footer.fuss{text-align:left;letter-spacing:normal;border-top:1px solid #1d1d1f;padding:56px 0 calc(48px + env(safe-area-inset-bottom));color:#a1a1a6;font-size:15px;line-height:1.6;background:var(--bg)}
footer.fuss .breit{max-width:1180px;margin:0 auto;padding:0 22px}
/* Startseite 27.10.2026: Fußzeile auf PC-Bildschirmen so breit wie auf der Homepage (Inhalt bis 1760 px, Rand 24–40 px, Hinweistext max. 75 Zeichen je Zeile) */
@media (min-width:1181px){footer.fuss .breit{max-width:1840px;padding:0 clamp(24px,2.2vw,40px)}footer.fuss .fuss-hinweise p,footer.fuss .fuss-hinweise h4{max-width:75ch}}
footer.fuss .logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2em;font-size:13px;text-decoration:none;color:var(--t)}
footer.fuss .logo img{width:24px;height:24px}
.fuss-raster{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px}
.fuss-marke p{margin:14px 0 18px;max-width:360px;color:#8e8e93}
.fuss-knoepfe{display:flex;gap:10px;flex-wrap:wrap}
.fuss-spalte{display:flex;flex-direction:column;gap:8px;min-width:0}
footer.fuss h4{margin:0 0 4px;font-size:13px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:#f5f5f7}
.fuss-spalte a{color:#a1a1a6;text-decoration:none;padding:2px 0;width:fit-content;max-width:100%}
.fuss-spalte a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.fuss-hinweise{margin-top:40px;padding:22px 24px;border:1px solid #26262b;border-radius:20px;background:#0b0b0d;font-size:15px;line-height:1.65;color:#a1a1a6}
.fuss-hinweise p{margin:6px 0 0}.fuss-hinweise b{color:#d2d2d7}.fuss-hinweise a{color:#d2d2d7}
footer.fuss .zeile{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-top:22px;font-size:13px;color:#8e8e93}
footer.fuss .k-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:8px 16px;font-weight:600;font-size:14px;text-decoration:none;transition:transform .15s,background .2s;border:0;cursor:pointer;font-family:inherit}
footer.fuss .k-btn:active{transform:scale(.97)}
footer.fuss .k-btn.primaer{background:#0a84ff;color:#fff}footer.fuss .k-btn.primaer:hover{background:#2491ff}
footer.fuss .k-btn.k-rand{background:transparent;color:#f5f5f7;box-shadow:inset 0 0 0 1px rgba(255,255,255,.34)}
footer.fuss .k-btn.k-rand:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
footer.fuss .k-btn:focus-visible{outline:2px solid #64d2ff;outline-offset:2px}
@media (max-width:900px){.fuss-raster{grid-template-columns:repeat(3,minmax(0,1fr))}.fuss-marke{grid-column:1/-1}}
@media (max-width:600px){.fuss-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.fuss-hinweise{padding:18px;font-size:14px}footer.fuss{padding-top:44px}}
@media (prefers-reduced-motion:reduce){footer.fuss .k-btn{transition:none}}
/* 27.10.2026: "Mit Passwort anmelden" / Gegenweg als Sekundaerknopf (Umrandung) genau so breit wie der Hauptknopf und dichter darunter */
#f .meld:empty{margin-top:0;min-height:0}
.anm-weg .knopf.kontur{margin-top:2px;white-space:normal;text-align:center}