/* myDyngy – globale Ergänzungen zur statischen Website */
html { scroll-behavior: smooth; }
body { padding-left: 26px; -webkit-font-smoothing: antialiased; }
[hidden] { display: none !important; }
img { max-width: 100%; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #0A2BFF; outline-offset: 2px;
}
.demo-note { grid-column: 1 / -1; margin: 4px 0 0; font-size: 14px; font-weight: 600; color: #0A2BFF; }
footer .demo-note { color: #E6FF03; }

.nav-toggle { display: none; }
@media (max-width: 760px) {
  h1 { font-size: 52px !important; }
  h2 { font-size: 38px !important; }
  .kulisse { transform: translateY(-50%) scale(0.58) !important; transform-origin: right center; }
  header nav[aria-label="Hauptnavigation"] { display: none !important; flex-basis: 100%; flex-direction: column; }
  body.nav-open header nav[aria-label="Hauptnavigation"] { display: flex !important; }
  header nav[aria-label="Hauptnavigation"] a { padding: 12px 0 !important; border-bottom: 1px solid #E3E8ED !important; }
  .nav-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 14px; border: 1.5px solid #0F1A24; border-radius: 4px; background: #FFFFFF; color: #0F1A24; font: inherit; font-weight: 600; cursor: pointer; margin-left: auto; }
  header > div:first-child span:last-child { display: none !important; }
}
@media (max-width: 480px) {
  [style*="minmax(380px"], [style*="minmax(340px"], [style*="minmax(330px"], [style*="minmax(320px"], [style*="minmax(300px"] {
    grid-template-columns: 1fr !important;
  }
  h1 { font-size: 44px !important; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }