/* ======================================
   Base Resets
   ====================================== */
* { 
  box-sizing: border-box; 
}
html, body { 
  margin: 0; 
}
body {
  font-family: Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  overflow-x: hidden;
}
a { 
  color: inherit; 
}

/* ======================================
   Accessibility & Motion
   ====================================== */
@media (prefers-reduced-motion: reduce) {
  * { 
    animation: none !important; 
    transition: none !important; 
    scroll-behavior: auto !important; 
  }
}

/* ======================================
   Minimal Helpers (vormals inline <style>)
   ====================================== */

/* Sanftes Scrollen bei In-Page Links */
html { 
  scroll-behavior: smooth; 
}

/* Für Screenreader, visuell ausgeblendet */
.visually-hidden { 
  position: absolute; 
  width: 1px; 
  height: 1px; 
  margin: -1px; 
  padding: 0; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  white-space: nowrap; 
  border: 0; 
}

/* Toast-Benachrichtigung */
.toast { 
  position: fixed; 
  left: 50%; 
  bottom: 24px; 
  transform: translateX(-50%); 
  background: rgba(0,0,0,.8); 
  color: #fff; 
  padding: .6rem .9rem; 
  border-radius: .75rem; 
  font-size: .9rem; 
  opacity: 0;

}