.froyyComp {
  position: fixed;
  z-index: 20;
  width: 1500px;
  height: 1500px;
  z-index: -10;
}

.froyyComp .BG {
  position: absolute;
  top: 0;
  left: -750px;
  width: 3000px;
  height: 100%;
  background-image: url(alphaFroyy_BG.png);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.froyyComp .Supers {
  position: absolute;
}

.froyyComp .Logo {
  position: absolute;
  top: 387px;
  left: 392px;
  width: 500px;
}

.froyyComp .FG {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(alphaFroyy_FG.png);
}

.freuDich {
  position: absolute;
  height: 400px;
  width: 800px;
  display: block;
  text-transform: uppercase;
  font-size: 36px;
  line-height: 36px;
  color: var(--darkFroyy);
  left: 406px;
  top: 630px;
  -webkit-mask-image: linear-gradient(
    90deg,
    #000000ff,
    #000000ff 40%,
    #00000000 70%
  );
  mask-image: linear-gradient(90deg, #000000ff, #000000ff 40%, #00000000 70%);
}

.freuDich div[attr="HL"] {
  position: relative;
  left: 0px;
  font-family: "Inter var";
  font-variation-settings: "wght" var(--boldWeight), "slnt" 0;
  margin-bottom: 10px;
}

.freuDich div[attr="termine"] {
  position: relative;
  left: calc(900px * var(--sizeFroyy));

  display: block;
  font-family: "Inter var";
  font-variation-settings: "wght" var(--lightWeight), "slnt" 0;

  font-size: 28px;
  letter-spacing: -0.4;
  line-height: 43px;
}

.freuDich u {
  text-underline-offset: 0.2em;
}

#underlay {
  display: none;
}

#schauer {
  display: none;
}

#freu {
  display: none;
}