/* Login-Auswahl (13.11.2026, Vorgabe Christian): Layer hinter dem Login-Symbol im Kopf.
   Markup: module/login_auswahl.php, Verhalten: js/login_auswahl.js.
   Gestaltung wie die Layer der Theorie-Merkhilfe (.mh_lay): abgedunkelter, unscharfer Hintergrund,
   weiße Karte, runder Schließen-Knopf oben rechts. Icon-Fläche Signalgelb, Akzent Rot (#c50000).
   Ohne JavaScript öffnet :target den Layer; sobald das Skript läuft (.la_js), steuert nur noch
   .is-offen – sonst bliebe der Layer nach dem Schließen offen, solange #login_auswahl in der Adresse steht. */
.la_lay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;
        padding:20px;box-sizing:border-box;background:rgba(15,23,42,.55);
        -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.la_lay:target{display:flex}
.la_lay.la_js{display:none}
.la_lay.la_js.is-offen{display:flex}

.la_box{background:#fff;border-radius:18px;width:min(460px,100%);max-height:88vh;overflow-y:auto;
        box-sizing:border-box;box-shadow:0 30px 70px rgba(0,0,0,.35);font-size:16px;line-height:1.4;
        text-align:left;color:#1f2937}
.la_box:focus{outline:none}

.la_kopf{display:flex;align-items:center;gap:14px;padding:18px 22px 14px;border-bottom:1px solid #eef0f3}
.la_kopf_txt{flex:1 1 auto;min-width:0}
.la_titel{margin:0;font-size:1.25em;font-weight:800;color:#1f2937}
.la_unter{margin:2px 0 0;font-size:.9em;color:#747474}
.la_x{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:#f3f4f6;color:#374151;
      display:flex;align-items:center;justify-content:center;font-size:1.6em;line-height:1;text-decoration:none}
.la_x:hover,.la_x:focus-visible{background:#e5e7eb;color:#374151}

.la_inhalt{display:grid;gap:12px;padding:18px 22px 22px}
.la_ziel{display:flex;align-items:center;gap:14px;min-height:44px;padding:14px 16px;border:2px solid #e5e7eb;
         border-radius:12px;background:#fff;color:#1f2937;text-decoration:none;
         transition:border-color .2s,box-shadow .2s}
.la_ziel:hover,.la_ziel:focus-visible{border-color:#c50000;box-shadow:0 6px 16px rgba(197,0,0,.12);outline:none;color:#1f2937}
.la_ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:#FFF200;color:#1a1a1a;
       display:flex;align-items:center;justify-content:center}
.la_ic svg,.la_pfeil{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;
                     stroke-linecap:round;stroke-linejoin:round;display:block}
.la_txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.la_txt b{font-size:1.05em;font-weight:800}
.la_txt small{font-size:.88em;line-height:1.4;color:#747474}
.la_pfeil{flex:0 0 auto;color:#c50000;transition:transform .2s}
.la_ziel:hover .la_pfeil{transform:translateX(3px)}

@media (max-width:420px){
  .la_lay{padding:12px}
  .la_kopf{padding:14px 16px 12px}
  .la_inhalt{padding:14px 16px 18px}
  .la_ziel{gap:12px;padding:12px}
}