/* Dieselbe Anmeldung in Website und installierter App; nur die Schale wechselt. */
html body.anmeldungSeite { min-height:100dvh; }
body.anmeldungSeite .anmeldungInhalt {
  flex:1; display:grid; place-items:center; width:100%; max-width:none;
  padding:clamp(24px,4vw,48px) 24px;
}
html body.anmeldungSeite .loginBox {
  width:100%; max-width:420px; min-height:0; margin:0;
}
body.page.anmeldungSeite .loginBox .knopf { width:100%; }
body.anmeldungSeite .siteFooter { margin-top:0; }
body.anmeldungSeite .loginLogo,
body.anmeldungSeite .loginRueckweg { display:none!important; }
html.anmeldungApp .anmeldungWebsite { display:none; }
html.anmeldungApp body.anmeldungSeite .loginLogo { display:block!important; }
html.anmeldungApp body.anmeldungSeite .loginRueckweg { display:flex!important; }
html.anmeldungApp body.anmeldungSeite .anmeldungInhalt {
  padding-top:max(24px,env(safe-area-inset-top));
  padding-bottom:max(24px,env(safe-area-inset-bottom));
}
/* Auch ohne JavaScript bleibt eine moderne installierte PWA reduziert. */
@media(display-mode:standalone) {
  body.anmeldungSeite .anmeldungWebsite { display:none; }
  body.anmeldungSeite .loginLogo { display:block!important; }
  body.anmeldungSeite .loginRueckweg { display:flex!important; }
}
@media(max-width:480px) {
  body.anmeldungSeite .anmeldungInhalt { padding-inline:16px; }
}
