:root {
  --mainfont: "Roboto";
  --headlinefont: "Bovino";

  --color-braun: #6f4739;
  --color-hellbraun: #cda376;

  --base-font-size: 16px;

  /**spacing*/
  --gap-s: clamp(5px, calc(3.79px + 0.32vw), 10px);
  --gap-m: clamp(10px, calc(0.17rem + 2.27vw), 30px);
  --gap-l: clamp(20px, calc(0.568rem + 3.41vw), 50px);
  --gap-xl: clamp(80px, calc(4.545rem + 2.27vw), 100px);
  --cont-gap: clamp(120px, calc(5.682rem + 9.09vw), 200px);
}