/* ============================================================================
   PSC — Responsive-Basis (Struktur wie thtxx-sczeilitzheim: Breakpoints
   1024 / 768 / 480 px). Die meiste Fluid-Skalierung übernehmen bereits
   clamp() in tokens.css/components.css/style.css — hier stehen nur die
   Stellen, die echte Sprünge statt fließender Skalierung brauchen.
   ========================================================================= */

@media (max-width: 1024px) {
  .header__inner { height: 72px; }
}

@media (max-width: 768px) {
  .logo__img { width: 40px; }
  .hero--brand::before { opacity: .05; width: 90vw; height: 90vw; }
  .modal { padding: 28px 20px; }
}

@media (max-width: 480px) {
  .hero__content { padding: 0 20px; }
  .scroll-top { right: 16px; bottom: 16px; width: 42px; height: 42px; }
}