/* SK-Arbeitssicherheit – Basis-Styles (Schriften lokal gehostet, keine externen Dienste) */
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-semi-condensed-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-semi-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-semi-condensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/source-sans-3-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/source-sans-3-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/source-sans-3-latin-700-normal.woff2) format('woff2')}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Source Sans 3',system-ui,sans-serif;color:#1F2328;background:#ffffff}
img,video{max-width:100%}
a{color:#0E3A8A}a:hover{color:#0A2A63}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #F2B705;outline-offset:2px}
input,textarea,select{max-width:100%}
.skip{position:absolute;left:-9999px;top:0;background:#0E3A8A;color:#fff;padding:10px 16px;z-index:10}
.skip:focus{left:8px;top:8px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Mobile: Navigation kompakter, große Bilder niedriger */
@media (max-width:720px){
  header nav{gap:2px 18px!important;font-size:16px!important}
  header nav a:not([href^="tel"]){padding:8px 0!important}
  header nav a[href^="tel"]{padding:9px 16px!important}
  figure img,section>img{height:auto!important;max-height:420px;aspect-ratio:4/3}
  h1{font-size:36px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}video[autoplay]{display:none}}