/* LauterbergStudio – gemeinsame Grundlagen (Schriften liegen lokal, keine externen Dienste) */
@font-face { font-family: "LS Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("../schrift/inter-400.woff") format("woff"); }
@font-face { font-family: "LS Inter"; font-weight: 600; font-style: normal; font-display: swap; src: url("../schrift/inter-600.woff") format("woff"); }
@font-face { font-family: "LS Inter"; font-weight: 800; font-style: normal; font-display: swap; src: url("../schrift/inter-800.woff") format("woff"); }
@font-face { font-family: "LS Display"; font-weight: 900; font-style: normal; font-display: swap; src: url("../schrift/interdisplay-900.woff") format("woff"); }
@font-face { font-family: "LS Mono"; font-weight: 700; font-style: normal; font-display: swap; src: url("../schrift/mono-700.woff") format("woff"); }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: "LS Inter", "Helvetica Neue", Arial, sans-serif; font-size: 17px; line-height: 1.55; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
h1, h2, h3 { text-wrap: balance; }
:focus-visible { outline: 3px solid #f2b35b; outline-offset: 3px; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 16px; top: 16px; background: #fff; color: #14302f; padding: 8px 12px; z-index: 10; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }