/* Longevity Imaging — longevity-diagnostik.de */
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/jost-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/jost-400-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/inter-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('fonts/inter-400-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #FAF8F5; font-family: 'Inter', system-ui, sans-serif; font-weight: 300; color: #1F272E; line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: #7A6236; text-decoration: none; }
a:hover { color: #5F4C29; }
::selection { background: #EFE7D8; }
img { max-width: 100%; }
[hidden] { display: none !important; }

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid #7A6236; outline-offset: 3px; border-radius: 2px;
}
.li-skip { position: absolute; left: -9999px; top: 0; z-index: 200; }
.li-skip:focus { left: 16px; top: 16px; }

@keyframes liRise { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes liFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes liHeroZoom { from { transform: scale(1.14); opacity: 0; } to { transform: scale(1); opacity: 1; } }
[data-reveal] { opacity: 0; }
[data-reveal="in"] { opacity: 1; animation: liRise 1s cubic-bezier(0.2,0.7,0.2,1) backwards; }

/* responsive navigation */
.li-burger { display: none; }
.li-side { display: grid; }
.li-pager { display: none !important; }
@media (max-width: 1199px) {
  .li-nav-wide { display: none !important; }
  .li-burger { display: flex !important; }
}
@media (max-width: 899px) {
  .li-side { display: none !important; }
  .li-pager { display: flex !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-reveal] { opacity: 1 !important; animation: none !important; }
  [data-li-hero] { animation: none !important; }
}

[data-hv="1"]:hover, [data-hv="1"]:focus-visible { transform: scale(1.05) !important; }
[data-hv="2"]:hover, [data-hv="2"]:focus-visible { color: #1F272E !important; }
[data-hv="3"]:hover, [data-hv="3"]:focus-visible { background: #7A6236 !important; }
[data-hv="4"]:hover, [data-hv="4"]:focus-visible { background: #1F272E !important; color: #FAF8F5 !important; }
[data-hv="5"]:hover, [data-hv="5"]:focus-visible { transform: scale(1.04) !important; }
[data-hv="6"]:hover, [data-hv="6"]:focus-visible { transform: translateY(-6px) !important; box-shadow: 0 26px 50px -28px rgba(31,39,46,.5) !important; }
[data-hv="7"]:hover, [data-hv="7"]:focus-visible { background: #C9AE83 !important; color: #1F272E !important; }
[data-hv="8"]:hover, [data-hv="8"]:focus-visible { background: #E7E4DD !important; }
[data-hv="SIDE"]:hover, [data-hv="SIDE"]:focus-visible { background: #1F272E !important; border-color: #1F272E !important; color: #ffffff !important; }