/*sizes nav*/

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

/*sizes,pad,marg*/

:root {
  --h1-font-size: clamp(
    13px,
    calc(13px + (16 - 13) * ((100vw - 375px) / (1920 - 375))),
    16px
  );
  --h2-font-size: clamp(
    25px,
    calc(25px + (45 - 25) * ((100vw - 375px) / (1920 - 375))),
    45px
  );
  --h3-font-size: clamp(
    23px,
    calc(23px + (35 - 23) * ((100vw - 375px) / (1920 - 375))),
    35px
  );
  --h4-font-size: clamp(
    13px,
    calc(13px + (16 - 13) * ((100vw - 375px) / (1920 - 375))),
    16px
  );
  --h5-font-size: clamp(
    16px,
    calc(16px + (24 - 16) * ((100vw - 375px) / (1920 - 375))),
    24px
  );
  --h6-font-size: clamp(
    16px,
    calc(16px + (22 - 16) * ((100vw - 375px) / (1920 - 375))),
    22px
  );
  --base-font-size: clamp(
    15px,
    calc(15px + (17 - 15) * ((100vw - 375px) / (1920 - 375))),
    17px
  );
  --intro-text: clamp(
    16px,
    calc(16px + (18 - 16) * ((100vw - 375px) / (1920 - 375))),
    18px
  );
  --btn-font-size: clamp(
    13px,
    calc(13px + (14 - 13) * ((100vw - 375px) / (1920 - 375))),
    14px
  );

  /**spacing*/
  --gap-s: clamp(7px, 0.256rem + 0.63vw, 15px);
  --gap-m: clamp(15px, 0.597rem + 1.18vw, 30px);
  --gap-l: clamp(50px, 2.445rem + 2.37vw, 80px);
  --padding: clamp(50px, 1.991rem + 3.94vw, 100px);
  --gap-xl: clamp(65px, 2.135rem + 6.7vw, 150px);
  --cont-gap: clamp(100px, 3.983rem + 7.89vw, 200px);
  --bg-padding: clamp(70px, 3.015rem + 4.73vw, 130px);

  /**weitere*/
  --icon-s: clamp(12px, 0.56rem + 0.64vw, 20px);
  --icon-m: clamp(25px, 1.326rem + 0.8vw, 35px);
  --icon-l: clamp(70px, 3.664rem + 2.39vw, 100px);
  --border-radius: clamp(500px, 24.142rem + 23.94vw, 800px);
  --content-width: 1350px;
}

/*fonts*/

:root {
  --mainfont: "europa", sans-serif;
  --headlinefont: "georgia", serif;

  --imp-nav-arrow-height: 0;
}