@font-face { font-family: "Nunito Sans"; src: url("../fonts/nunitosans.woff2") format("woff2-variations"), url("../fonts/nunitosans.woff2") format("woff2"); font-weight: 200 1000; font-stretch: 75% 125%; font-style: normal; font-display: swap; }
@font-face { font-family: "Nunito Sans"; src: url("../fonts/nunitosans-i.woff2") format("woff2-variations"), url("../fonts/nunitosans-i.woff2") format("woff2"); font-weight: 200 1000; font-stretch: 75% 125%; font-style: italic; font-display: swap; }

:root {

  --gelb: #DFC10C;
  --grau: #54595F;
  --schwarz: #000000;
  --weiss: #FFFFFF;

  --hell: #F3EAB9;
  --papier: #FAF8F3;
  --tinte: #23211D;
  --tinte-2: #4D4A42;
  --leise: #8A857A;
  --tinte-tief: #0F0E0C;
  --linie: rgba(35, 33, 29, 0.14);
  --linie-stark: rgba(35, 33, 29, 0.3);
  --fehler: #A4001D;
  --schatten: 0 30px 60px -40px rgba(35, 33, 29, 0.45);
  --schatten-kopf: 0 1px 0 rgba(35, 33, 29, 0.12);
  --linie-gelb: rgba(35, 33, 29, 0.22);
  --glas: rgba(35, 33, 29, 0.35);
  --glas-rand: rgba(255, 255, 255, 0.7);
  --weiss-glas: rgba(255, 255, 255, 0.92);

  --font-marke: "Nunito Sans", "Avenir Next Condensed", system-ui, sans-serif;
  --font-display: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --marke-gewicht: 900;
  --marke-breite: 80%;
  --marke-laufweite: -0.012em;

  --h1: clamp(2.5rem, 1.35rem + 4.3vw, 5.25rem);
  --h1-lang: clamp(2rem, 1.3rem + 2.6vw, 3.75rem);
  --h2: clamp(1.9rem, 1.25rem + 2.3vw, 3.4rem);
  --h3: clamp(1.2rem, 1.1rem + 0.4vw, 1.45rem);
  --gross: clamp(1.15rem, 1.05rem + 0.4vw, 1.4rem);
  --text: 1.0625rem;
  --klein: 0.9375rem;

  --breite: 1280px;
  --rand: clamp(20px, 4vw, 56px);
  --abstand: clamp(80px, 9vw, 160px);
  --r: 6px;
  --r-klein: 4px;
  --kopfhoehe: 80px;
  --sanft: cubic-bezier(.16, 1, .3, 1);
  --weich: cubic-bezier(.2, .7, .2, 1);
  --pfeil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M14 6l6 6-6 6'/%3E%3C/svg%3E");
}