@font-face { font-family: "AVR Finder Roboto"; src: url("fonts/roboto-latin-variable.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: "AVR Finder Roboto"; src: url("fonts/roboto-latin-italic-variable.woff2") format("woff2"); font-style: italic; font-weight: 100 900; font-display: swap; }
body.avr-pf-page { margin: 0; background: #fff; color: #202020; --font-sans: "AVR Finder Roboto", "Roboto", Arial, sans-serif; font-family: var(--font-sans); }
.avr-pf-page #avr-main { width: 100%; max-width: none; padding: 0; margin: 0; }
.avr-pf-page .avr-avf { --avf-ink: #202020; --avf-paper: #fff; --avf-mint: #2bd7b1; --avf-blue: #6c9cff; }
:where(.avr-pf-page) a { color: inherit; }
.avr-pf-page .avr-avf img { display: block; max-width: 100%; }
.avr-pf-page :focus-visible { outline: 3px solid #2bd7b1; outline-offset: 4px; }
.avr-pf-header { background: #202020; color: #fff; }
.avr-pf-header nav { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; max-width: 112rem; margin: auto; padding: 1.25rem clamp(1.25rem, 5vw, 6rem); }
.avr-pf-header img { display: block; width: 130px; height: auto; }
.avr-pf-header nav > div { display: flex; flex-wrap: wrap; gap: .25rem 1.4rem; }
.avr-pf-header a { display: inline-flex; min-height: 44px; align-items: center; color: #fff; text-decoration: none; font-size: .9rem; }
.avr-pf-header a:hover { color: #2bd7b1; }
.avr-pf-skip { position: fixed; top: -10rem; left: 1rem; z-index: 999999; background: #2bd7b1; color: #202020; padding: 1rem; }
.avr-pf-skip:focus { top: 1rem; }
.avr-avf-public-scope { max-width: 46ch; font-size: 1rem; line-height: 1.55; color: #fff; }
/* Public contact uses a plain privacy paragraph, not the review checkbox grid. */
.avr-pf-page .avr-avf-contact p.avr-avf-privacy { display: block !important; font-size: .875rem; line-height: 1.6; }
.avr-pf-page .avr-avf-contact .avr-avf-handoff-note { color: var(--avf-ink); }
.avr-pf-noscript { padding: 2rem; }
@media (max-width: 550px) { .avr-pf-header nav { gap: .75rem; } .avr-pf-header img { width: 100px; } .avr-pf-header nav > div { gap: .1rem .7rem; justify-content: flex-end; } .avr-pf-header a { font-size: .8rem; } .avr-pf-header a[href="#arbeitsproben"] { display: none; } }
@media (prefers-reduced-motion: reduce) { .avr-pf-page { scroll-behavior: auto; } }