html { min-height: 100%; background: #0d1720; }
body { position: relative; isolation: isolate; box-sizing: border-box; background: transparent; }
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: #0d1720 url("jk-hintergrund-dunkel.png") center center / cover no-repeat;
}
.box, .page { box-shadow: 0 20px 64px rgba(0,0,0,.38); }
.box { box-sizing: border-box; width: 100%; }
body.jk-login .box { max-width: 420px; }
@media (min-width: 1050px) {
  body { justify-content: flex-start; padding: 40px 5vw; }
  .page { margin-left: 0; margin-right: auto; }
}
@media (max-width: 600px) {
  body { padding: 16px; }
  body::before { background-position: 65% center; }
  body.jk-login { align-items: flex-start; padding-top: 24vh; padding-top: 24svh; }
  .box { padding: 24px 20px; border-radius: 18px; }
}