/*sizes nav*/
body {
  --burger-line-height: 5px;
  --nav-icon-height: 31px;
  --nav-icon-width: 68px;
  --nav-icon-padding-X: 2.4vw;
  --nav-icon-padding-Y: 3.1vw;
  --logo-pad-Y: 2.3vw;
  --logo-pad-X: 4.94vw;
  --cont-pad-1: calc((1600px - 1376px) / 2);
  --cont-pad-2: 4.5vw;
}

/*color*/
:root {
  --color-1: #c02025;
  --color-2: #f2f2f2;
  --color-3: #2e2f2c;
  --color-4: #393b3f;
}

/*sizes,pad,marg*/
:root {
  --margin-bottom-row: 6.2vw;
  --padding-mehr-abstand: 2vw;
  --content-width: 1170px;
}

/*fonts*/
:root {
  --mainfont: "paralucent";
  --headlinefont: "Exo";
}

/*VC*/

@media (min-width: 1920px) {
  body {
    --logo-pad-Y: 51px;
    --logo-pad-X: 109px;
  }
}

@media (max-width: 1500px) {
  /*----------------- ELEMENT -------------*/

  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1200px) {
  body {
    --cont-pad-1: 5vw;
  }
}

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

  /*----------------- END ELEMENT ---------*/
}

@media (max-width: 767px) {
  body {
    --logo-pad-Y: 3.7vw;
    --logo-pad-X: 8.7vw;
  }
}

@media (max-width: 576px) {
  body {
    --cont-pad-2: 5.6vh;
    --logo-pad-Y: 4.9vw;
    --logo-pad-X: 5vw;
  }

  body {
    --cont-pad-2: 10.5vw;
  }
}

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

  /*----------------- END ELEMENT ---------*/
}

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

  /*----------------- END ELEMENT ---------*/
}