@layer reset {
  *,*::before,*::after{ box-sizing:border-box; }
  html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
 html, body {
  min-height: 100%;
  height: auto;            /* wichtig, sonst greift evtl. noch die alte Höhe */
}
  body{
    margin:0; background:var(--bg); color:var(--text);
    font-family:var(--ff); font-size:var(--fs-200); line-height:1.55;
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  }
  img,svg,video,canvas{ display:block; max-width:100%; }
  a{ color:inherit; text-decoration:none; }
  [hidden]{ display:none !important; }

  /* dezente Scrollbars */
  *{ scrollbar-width:thin; scrollbar-color:#cbd5e1 transparent; }
  *::-webkit-scrollbar{ width:10px; height:10px; }
  *::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:999px; }
}