/* Responsive fix v3: Komplett im Viewport sichtbar bei beliebiger Browser-Hoehe */
@media (min-width: 1024px) {
  body.login-route-active {
    overflow: auto !important;
    position: static !important;
    height: auto !important;
    width: auto !important;
  }
  .login-shell {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
    min-height: 100vh !important;
  }
  .login-shell > main {
    padding-top: 1.5rem !important;
    padding-bottom: 7rem !important;
    min-height: 0 !important;
  }
}

/* Bei kleineren Browser-Hoehen (Laptop) Layout kompakt: alles ohne Scroll sichtbar */
@media (min-width: 1024px) and (max-height: 900px) {
  .login-shell h1 { font-size: clamp(1.5rem, 4vw, 3.4rem) !important; }
  .login-shell .text-7xl { font-size: 3.5rem !important; }
  .login-shell > main { padding-top: 1rem !important; padding-bottom: 5.5rem !important; }
  .login-shell > main p.font-display.italic { font-size: 1.25rem !important; }
  .login-shell .lg\:mt-10 { margin-top: 1.5rem !important; }
  .login-shell .lg\:mt-6 { margin-top: 1rem !important; }
  .login-shell .lg\:mb-7 { margin-bottom: 0.75rem !important; }
  /* Marquee + Footer enger ans bottom */
  .login-shell .lg\:bottom-12 { bottom: 2.25rem !important; }
  .login-shell .lg\:py-3 { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; }
  .login-shell .lg\:py-4 { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; }
  .login-shell .lg\:text-2xl { font-size: 1rem !important; line-height: 1.4 !important; }
}
@media (min-width: 1024px) and (max-height: 760px) {
  .login-shell h1 { font-size: clamp(1.5rem, 3.4vw, 2.8rem) !important; }
  .login-shell .text-7xl { font-size: 2.8rem !important; }
  .login-shell > main { padding-top: 0.75rem !important; padding-bottom: 4.5rem !important; }
  .login-shell .lg\:mt-10 { margin-top: 1rem !important; }
  .login-shell .lg\:mt-6 { margin-top: 0.5rem !important; }
  .login-shell .lg\:mb-7 { margin-bottom: 0.5rem !important; }
  .login-shell .lg\:bottom-12 { bottom: 1.75rem !important; }
}
@media (min-width: 1024px) and (max-height: 640px) {
  .login-shell h1 { font-size: clamp(1.4rem, 2.8vw, 2.2rem) !important; }
  .login-shell .text-7xl { font-size: 2.2rem !important; }
  .login-shell > main { padding-top: 0.5rem !important; padding-bottom: 3.5rem !important; }
  .login-shell .lg\:bottom-12 { bottom: 1.25rem !important; }
}