/*sizes nav*/

body {
  --burger-line-height: 5px;
  --nav-icon-height: 32px;
  --nav-icon-width: 57px;
  --nav-icon-padding-X: 2.4vw;
  --nav-icon-padding-Y: 3.1vw;
}

/*sizes,pad,marg*/

:root {
  --h1-font-size: clamp(12px,
      calc(12px + (17 - 12) * ((100vw - 375px) / (1920 - 375))),
      17px);
  --h2-font-size: clamp(17px,
      calc(17px + (36 - 17) * ((100vw - 375px) / (1920 - 375))),
      36px);
  --h3-font-size: clamp(12px,
      calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375))),
      16px);
  --h4-font-size: clamp(13px,
      calc(13px + (16 - 13) * ((100vw - 375px) / (1920 - 375))),
      16px);
  --h5-font-size: clamp(13px,
      calc(13px + (22 - 13) * ((100vw - 375px) / (1920 - 375))),
      22px);
  --h6-font-size: clamp(16px,
      calc(16px + (18 - 16) * ((100vw - 375px) / (1920 - 375))),
      18px);
  --base-font-size: clamp(14px,
      calc(14px + (18 - 14) * ((100vw - 375px) / (1920 - 375))),
      18px);
  --small-font-size: clamp(12px,
      calc(12px + (15 - 12) * ((100vw - 375px) / (1920 - 375))),
      15px);
  --btn-font-size: clamp(12px,
      calc(12px + (13 - 12) * ((100vw - 375px) / (1920 - 375))),
      13px);
  /* Farben */
  --weiss: var(--wp--preset--color--weiss);
  --sand: var(--wp--preset--color--sand);
  --beige: var(--wp--preset--color--beige);
  --grau: var(--wp--preset--color--grau);
  --braun: var(--wp--preset--color--braun);
  --overlay: var(--wp--preset--color--overlay);
  /**spacing*/
  --gap-s: var(--wp--preset--spacing--gap-s);
  --gap-m: var(--wp--preset--spacing--gap-m);
  --gap-l: var(--wp--preset--spacing--gap-l);
  --gap-xl: var(--wp--preset--spacing--gap-xl);
  --cont-gap: var(--wp--preset--spacing--cont-gap);
  --padding: var(--wp--preset--spacing--padding);
  /* Breiten */
  --row-schmal: var(--wp--custom--row-schmal);
  --row-breit: var(--wp--custom--row-breit);
  --row-fullwidth: var(--wp--custom--row-fullwidth);
  /*fonts*/

  --mainfont: var(--wp--preset--font-family--fustat);

}