:root {
/*  --Section1: #EBEBEB;
  --Section2: #B7F900;
  --Section3: #C7C7C7;
  --fontColor: black;
  --bannerColor: #B7F900;
  --bannerFontColor: black;
  --boxColor: black;
  --boxHoverColor: #EBEBEB;
  --boxFontColor: black;*/

  --Section1: #d91727;
  --Section2: #73bc7b;
  --Section3: #644897;
  --fontColor: black;
  --bannerColor: #d91727;
  --bannerFontColor: black;
  --boxColor: black;
  --boxHoverColor: #EBEBEB;
  --boxFontColor: black;
  
  --font: clamp(13vw, 13vw, 13vw);
  --fontBanner: clamp(5vw, 5vw, 5vw);
  --fontBox: clamp(3.5vw, 3.5vw, 3.5vw);
  --font2Box: clamp(1.5vw, 1.5vw, 1.5vw);

/*  --border: 1px solid red;*/
}


html, body {
  margin: 0;
  padding: 0;
  height: 100vh;
  overflow: hidden;
  font-family: "Archivo";
  background: var(--backgroundColor);
}


/*Desktop*/

a {
  width: 100%;
  text-decoration: none;
  color: inherit;
  display: block;
}

h1, h2, h3 {
  margin: 0;         
  padding: 0;
  line-height: 1;
  letter-spacing: -0.05em;
  font-weight: normal;
}

h1 {
  font-size: var(--font);
}

h2 {
  font-size: var(--fontBox);
}

h3 {
  font-size: var(--font2Box);
  line-height: 1.1;
/*  letter-spacing: 0em;*/
}


/*Mobil*/

@media (max-width: 768px) {

  a {
    width: 100%;
    text-decoration: none;
    color: inherit;
    display: block;
  }

  h1, h2, h3 {
    margin: 0;         
    padding: 0;
    line-height: 1;
    letter-spacing: -0.05em;
    font-weight: normal;
  }

  h1 {
    font-size: clamp(16vw, 16vw, 16vw);
  }

  h2 {
    font-size: clamp(10vw, 10vw, 10vw); 
  }

  h3 {
    font-size: clamp(6vw, 6vw, 6vw);
    line-height: 1.1;
  }
{