/*sizes nav*/

body {
  --burger-line-height: 3px;
  --nav-icon-height: 18px;
  --nav-icon-width: 31px;
  --nav-icon-padding-X: 2.4vw;
  --nav-icon-padding-Y: 3.1vw;
  --height-minifrom: 80px;
}

/*sizes,pad,marg*/

:root {
  --h1-font-size: clamp(16px, calc(16px + (21 - 16) * ((100vw - 375px) / (1920 - 375))), 21px);
  --h2-font-size: clamp(28px, calc(28px + (55 - 28) * ((100vw - 375px) / (1920 - 375))), 55px);
  --h3-font-size: clamp(22px, calc(22px + (35 - 22) * ((100vw - 375px) / (1920 - 375))), 35px);
  --h4-font-size: clamp(15px, calc(15px + (18 - 15) * ((100vw - 375px) / (1920 - 375))), 18px);
  --h5-font-size: clamp(16px, calc(16px + (30 - 16) * ((100vw - 375px) / (1920 - 375))), 30px);
  --base-font-size: clamp(15px, calc(15px + (18 - 15) * ((100vw - 375px) / (1920 - 375))), 18px);
  --introtext-font-size: clamp(18px, calc(18px + (25 - 18) * ((100vw - 375px) / (1920 - 375))), 25px);
  --lauf-text: clamp(31px, calc(31px + (80 - 31) * ((100vw - 375px) / (1920 - 375))), 80px);
  --btn-font-size: clamp(14px, calc(14px + (15 - 14) * ((100vw - 375px) / (1920 - 375))), 15px);
  /**line-height*/
  --h1-line-height: 1.52;
  --h2-line-height: 1.36;
  --h3-line-height: 1.3;
  --h4-line-height: 1.38;
  --h5-line-height: 1.33;
  --h6-line-height: 2.22;
  --base-line-height: 1.77;
  --introtext-line-height: 1.8;
  --btn-line-height: 1.33;

  /**spacing*/
  --gap-s: clamp(10px, 2.66vw, 15px);
  --gap-m: clamp(20px, 5.33vw, 30px);
  --gap-l: clamp(40px, 9.33vw, 50px);
  --gap-xl: clamp(80px, 20vw, 150px);
  --cont-gap: clamp(100px, 20vw, 200px);
  --bg-padding: clamp(70px, 18vw, 130px);

  /* Gradient */
  --gradient: linear-gradient(89deg,
      var(--ast-global-color-0) 0.39%,
      var(--ast-global-color-2) 99.5%);

  /* icon Size */
  --icon-size: 25px;
}

/*fonts*/

:root {
  --mainfont: "Caudex";
  --headlinefont: "the-seasons";
}

/*VC*/

@media (min-width: 1920px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1500px) {
  :root {
    --polaroid-gap: 6vw;
  }
}

@media (max-width: 1200px) {
  body {

    --height-minifrom: 65px;
  }
}

@media (max-width: 1024px) {
  :root {
    --polaroid-gap: 8vw;
  }
}

@media (max-width: 990px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 768px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 576px) {
  body {
    --burger-line-height: 2px;
    --nav-icon-height: 16px;
    --nav-icon-width: 24px;
    --nav-icon-padding-X: 5vw;
    --nav-icon-padding-Y: 5vw;
    --height-minifrom: 50px;
  }
}

@media (max-width: 420px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 320px) {
  /*----------------- ELEMENT -------------*/
  /*----------------- END ELEMENT ---------*/
}