/* =====================================================================
   de Vries Galabau — base.css  ·  v11 "Gartenrundgang"
   Nur Schriftbindung. Das Aussehen jeder Seite kommt aus ihrem eigenen
   <style>-Block, so wie im Design-Projekt angelegt — dadurch bleibt die
   Umsetzung 1:1 und Seiten koennen sich unabhaengig unterscheiden.

   Outfit und Instrument Serif werden selbst ausgeliefert. Das Design lud
   sie von fonts.googleapis.com; das ist mit dem DSGVO-Aufbau dieses
   Projekts unvereinbar, weil dabei die IP jedes Besuchers an Google ginge.
   ===================================================================== */

@font-face{font-family:'Outfit';src:url('../fonts/outfit-latin.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap;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:'Instrument Serif';src:url('../fonts/instrument-serif-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Instrument Serif';src:url('../fonts/instrument-serif-italic-latin.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap;}

/* Sprungmarke zum Inhalt — im Design nicht vorgesehen, fuer die
   Tastaturbedienung aber notwendig. */
.skip{position:fixed;left:16px;top:16px;z-index:100;background:#1B4332;color:#F3F7F0;padding:12px 18px;border-radius:999px;font-weight:600;font-size:14px;transform:translateY(-200%);transition:transform .3s cubic-bezier(.16,1,.3,1);}
.skip:focus{transform:none;}
:focus-visible{outline:3px solid #2C6E49;outline-offset:3px;}

/* Nur fuer Screenreader — traegt Ueberschriften, die das Design rein
   visuell aus dem Layout ableitet (z. B. das Projektraster). */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}