/* ==========================================================================
   Huber IT-Systembetreuung – Basis-Stile
   Wird NACH dist/tailwind.css geladen.
   Alle Schriften werden vom eigenen Server ausgeliefert.
   ========================================================================== */

@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/inter-regular.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/inter-medium.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-semibold.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-bold.woff2') format('woff2')}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}

:where(a,button,summary):focus-visible{outline:2px solid #0EA5E9;outline-offset:3px;border-radius:4px}

[id]{scroll-margin-top:5.5rem}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

@media print{
  header,footer nav,.no-print{display:none!important}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em;color:#475569}
  body{color:#000}
}