/*
  CSS RESET
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 100%;
}

ul,
ol {
  list-style: none;
}

img,
video {
  width: 100%;
}

a {
  color: black;
  text-decoration: underline;
  font-family: "DTHooke";
}








/* CUSTOM STYLES */
/* Standard: alles ausblenden */

body {
  font-family: "Floreal";
  font-size: 24px;
}

img {
  display: none;
  width: 100vw;
  height: 100vh;
  object-fit: contain;
}

.video01,
.video02,
.video03,
.video04,
.video05,
.video06,
.video07,
.video08,
.video09,
.video10,
.video11,
.video12,
.video13,
.video14,
.video15 {
  display: none;
}

.text01,
.text02,
.text03,
.text04,
.text05,
.text06,
.text07,
.text08,
.text09,
.text10,
.text11,
.text12,
.text13,
.text14,
.text15 {
  display: none;
}






@font-face {
  font-family: "Floreal";
  src:
    url("../fonts/Floreal-Italic.woff") format("woff"),
    url("../fonts/Floreal-Italic.woff2") format("woff2");
}



/*fonts für media queries*/

@font-face {
  font-family: "Anthony";
  src:
    url("../fonts/Anthony.eot") format("embedded-opentype"),
    url("../fonts/Anthony.woff") format("woff"),
    url("../fonts/Anthony.woff2") format("woff2");
}

@font-face {
  font-family: "Archivo";
  src:
    url("../fonts/Archivo-Regular.eot") format("embedded-opentype"),
    url("../fonts/Archivo-Regular.woff") format("woff"),
    url("../fonts/Archivo-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "ARK";
  src:
    url("../fonts/ARK-ES-DenseRegular.woff") format("woff");
  }

@font-face {
  font-family: "Crozet";
  src:
    url("../fonts/Crozet-Regular.woff") format("woff"),
    url("../fonts/Crozet-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "FT88";
  src:
    url("../fonts/FT88-Italic.woff") format("woff"),
    url("../fonts/FT88-Italic.woff2") format("woff2");
}

@font-face {
  font-family: "gapsans";
  src:
    url("../fonts/gapsans-webfont.eot") format("embedded-opentype"),
    url("../fonts/gapsans-webfont.woff") format("woff"),
    url("../fonts/gapsans-webfont.woff2") format("woff2");
}

@font-face {
  font-family: "Hamlet";
  src:
    url("../fonts/Hamlet-Tertia18.woff") format("woff"),
    url("../fonts/Hamlet-Tertia18.woff2") format("woff2");
}

@font-face {
  font-family: "Homoneta";
  src:
    url("../fonts/Homoneta-Regular.woff") format("woff"),
    url("../fonts/Homoneta-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Latitude";
  src:
    url("../fonts/Latitude-Regular.woff") format("woff"),
    url("../fonts/Latitude-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Louise";
  src:
    url("../fonts/Louise-Regular.woff") format("woff"),
    url("../fonts/Louise-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Manusquared";
  src:
    url("../fonts/Manusquared-Regular.woff") format("woff"),
    url("../fonts/Manusquared-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "NyghtSerif";
  src:
    url("../fonts/NyghtSerif-RegularItalic.woff") format("woff"),
    url("../fonts/NyghtSerif-RegularItalic.woff2") format("woff2");
}

@font-face {
  font-family: "Picaflor";
  src:
    url("../fonts/Picaflor-36pt.eot") format("embedded-opentype"),
    url("../fonts/Picaflor-36pt.woff") format("woff"),
    url("../fonts/Picaflor-36pt.woff2") format("woff2");
}

@font-face {
  font-family: "terminal";
  src:
    url("../fonts/terminal-grotesque-webfont.eot") format("embedded-opentype"),
    url("../fonts/terminal-grotesque-webfont.woff") format("woff"),
    url("../fonts/terminal-grotesque-webfont.woff2") format("woff2");
}

@font-face {
  font-family: "vagra";
  src:
    url("../fonts/vagra-pixel.woff") format("woff"),
    url("../fonts/vagra-pixel.woff2") format("woff2");
}


/* font video links */

@font-face {
  font-family: "DTHooke";
  src:
    url("../fonts/DTHooke.woff") format("woff"),
    url("../fonts/DTHooke.woff2") format("woff2");
}













/* text */
/* A */

/* font sizes */

/*
h1 {font-size: 64px;}
h2 {font-size: 32px;}
h3 {font-size: 16px;}
*/

@media (575px < width <= 616px) and (0 < height <= 300px) {
  .text01 {
    display: block;
    font-family: "Anthony";
  }
}

@media (616px < width <= 693px) and (0 < height <= 300px) {
  .text02 {
    display: block;
    font-family: "Archivo";
  }
}

@media (693px < width <= 770px) and (0 < height <= 300px) {
  .text03 {
    display: block;
    font-family: "ARK";
  }
}

@media (770px < width <= 847px) and (0 < height <= 300px) {
  .text04 {
    display: block;
    font-family: "Crozet";
  }
}

@media (847px < width <= 924px) and (0 < height <= 300px) {
  .text05 {
    display: block;
    font-family: "FT88";
  }
}

@media (924px < width <= 1001px) and (0 < height <= 300px) {
  .text06 {
    display: block;
    font-family: "gapsans";
  }
}

@media (1001px < width <= 1078px) and (0 < height <= 300px) {
  .text07 {
    display: block;
    font-family: "Hamlet";
  }
}

@media (1078px < width <= 1155px) and (0 < height <= 300px) {
  .text08 {
    display: block;
    font-family: "Homoneta";
  }
}

@media (1155px < width <= 1232px) and (0 < height <= 300px) {
  .text09 {
    display: block;
    font-family: "Latitude";
  }
}

@media (1232px < width <= 1309px) and (0 < height <= 300px) {
  .text10 {
    display: block;
    font-family: "Louise";
  }
}

@media (1309px < width <= 1386px) and (0 < height <= 300px) {
  .text11 {
    display: block;
    font-family: "Manusquared";
  }
}

@media (1386px < width <= 1440px) and (0 < height <= 300px) {
  .text12 {
    display: block;
    font-family: "NyghtSerif";
  }
}



/* A2 */

@media (1440px < width <= 1500px) and (0 < height <= 300px) {
  .text13 {
    display: block;
    font-family: "Picaflor";
  }
}

@media (1500px < width <= 1600px) and (0 < height <= 300px) {
  .text14 {
    display: block;
    font-family: "terminal";
  }
}

@media (1600px < width <= 2560px) and (0 < height <= 300px) {
  .text15 {
    display: block;
    font-family: "vagra";
  }
}









/* video */

/* B */

@media (575px < width <= 616px) and (300px < height <= 450px) {
  .video01 {
    display: block;
  }

  .vimg01 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg01 img {
    width: 250px;
    height: auto;
    display: block;
  }
}

@media (616px < width <= 693px) and (300px < height <= 450px) {
  .video02 {
    display: block;
  }

  .vimg02 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg02 img {
    width: 250px;
    height: auto;
    display: block;
  }
}

@media (693px < width <= 770px) and (300px < height <= 450px) {
  .video03 {
    display: block;
  }
  .vimg03 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg03 img {
    width: 250px;
    height: auto;
    display: block;
  }  
}

@media (770px < width <= 847px) and (300px < height <= 450px) {
  .video04 {
    display: block;
  }

  .vimg04 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg04 img {
    width: 250px;
    height: auto;
    display: block;
  }  
}

@media (847px < width <= 924px) and (300px < height <= 450px) {
  .video05 {
    display: block;
  }

  .vimg05 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg05 img {
    width: 250px;
    height: auto;
    display: block;
  }  
}

@media (924px < width <= 1001px) and (300px < height <= 450px) {
  .video06 {
    display: block;
  }
  .vimg06 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg06 img {
    width: 250px;
    height: auto;
    display: block;
  }

}

@media (1001px < width <= 1078px) and (300px < height <= 450px) {
  .video07 {
    display: block;
  }

  .vimg07 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg07 img {
    width: 250px;
    height: auto;
    display: block;
  }  
}

@media (1078px < width <= 1155px) and (300px < height <= 450px) {
  .video08 {
    display: block;
  }

  .vimg08 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg08 img {
    width: 250px;
    height: auto;
    display: block;
  }  
}

@media (1155px < width <= 1232px) and (300px < height <= 450px) {
  .video09 {
    display: block;
  }
  .vimg09 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg09 img {
    width: 250px;
    height: auto;
    display: block;
  }
}

@media (1232px < width <= 1309px) and (300px < height <= 450px) {
  .video10 {
    display: block;
  }

  .vimg10 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg10 img {
    width: 250px;
    height: auto;
    display: block;
  }  
}

@media (1309px < width <= 1386px) and (300px < height <= 450px) {
  .video11 {
    display: block;
  }

  .vimg11 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg11 img {
    width: 250px;
    height: auto;
    display: block;
  }  
}

@media (1386px < width <= 1440px) and (300px < height <= 450px) {
  .video12 {
    display: block;
  }

  .vimg12 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg12 img {
    width: 250px;
    height: auto;
    display: block;
  }  
}



/* B2 */

@media (1440px < width <= 1700px) and (300px < height <= 450px) {
  .video13 {
    display: block;
  }

  .vimg13 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg13 img {
    width: 250px;
    height: auto;
    display: block;
  }  
}

@media (1700px < width <= 1800px) and (300px < height <= 450px) {
  .video14 {
    display: block;
  }

  .vimg14 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg14 img {
    width: 250px;
    height: auto;
    display: block;
  }  
}

@media (1800px < width <= 2560px) and (300px < height <= 450px) {
  .video15 {
    display: block;
  }

  .vimg15 {
    display: flex;
    gap: 0px; 
    justify-content: right;
  }

  .vimg15 img {
    width: 250px;
    height: auto;
    display: block;
  }  
}



/* images */

/* C */

@media (575px < width <= 598px) and (450px < height <= 675px) {
  .image01 {
    display: block;
  }
}

@media (598px < width <= 644px) and (450px < height <= 675px) {
  .image02 {
    display: block;
  }
}

@media (644px < width <= 690px) and (450px < height <= 675px) {
  .image03 {
    display: block;
  }
}

@media (690px < width <= 736px) and (450px < height <= 675px) {
  .image04 {
    display: block;
  }
}

@media (736px < width <= 782px) and (450px < height <= 675px) {
  .image05 {
    display: block;
  }
}

@media (782px < width <= 828px) and (450px < height <= 675px) {
  .image06 {
    display: block;
  }
}

@media (828px < width <= 874px) and (450px < height <= 675px) {
  .image07 {
    display: block;
  }
}

@media (874px < width <= 920px) and (450px < height <= 675px) {
  .image08 {
    display: block;
  }
}

@media (920px < width <= 966px) and (450px < height <= 675px) {
  .image09 {
    display: block;
  }
}

@media (966px < width <= 1012px) and (450px < height <= 675px) {
  .image10 {
    display: block;
  }
}

@media (1012px < width <= 1058px) and (450px < height <= 675px) {
  .image11 {
    display: block;
  }
}

@media (1058px < width <= 1104px) and (450px < height <= 675px) {
  .image12 {
    display: block;
  }
}

@media (1104px < width <= 1150px) and (450px < height <= 675px) {
  .image13 {
    display: block;
  }
}

@media (1150px < width <= 1196px) and (450px < height <= 675px) {
  .image14 {
    display: block;
  }
}

@media (1196px < width <= 1242px) and (450px < height <= 675px) {
  .image15 {
    display: block;
  }
}

@media (1242px < width <= 1288px) and (450px < height <= 675px) {
  .image16 {
    display: block;
  }
}

@media (1288px < width <= 1334px) and (450px < height <= 675px) {
  .image17 {
    display: block;
  }
}

@media (1334px < width <= 1380px) and (450px < height <= 675px) {
  .image18 {
    display: block;
  }
}

@media (1380px < width <= 1426px) and (450px < height <= 675px) {
  .image19 {
    display: block;
  }
}

@media (1426px < width <= 1440px) and (450px < height <= 675px) {
  .image20 {
    display: block;
  }
}



/* C.2 */

@media (1440px < width <= 1600px) and (450px < height <= 675px) {
  .image21 {
    display: block;
  }
}

@media (1600px < width <= 2560px) and (450px < height <= 675px) {
  .image22 {
    display: block;
  }
}










/* D */

@media (575px < width <= 580px) and (675px < height <= 900px) {
  .image23 {
    display: block;
  }
}

@media (580px < width <= 590px) and (675px < height <= 900px) {
  .image24 {
    display: block;
  }
}

@media (590px < width <= 598px) and (675px < height <= 900px) {
  .image25 {
    display: block;
  }
}

@media (598px < width <= 621px) and (675px < height <= 900px) {
  .image26 {
    display: block;
  }
}

@media (621px < width <= 644px) and (675px < height <= 900px) {
  .image27 {
    display: block;
  }
}

@media (644px < width <= 667px) and (675px < height <= 900px) {
  .image28 {
    display: block;
  }
}

@media (667px < width <= 690px) and (675px < height <= 900px) {
  .image29 {
    display: block;
  }
}

@media (690px < width <= 713px) and (675px < height <= 900px) {
  .image30 {
    display: block;
  }
}

@media (713px < width <= 736px) and (675px < height <= 900px) {
  .image31 {
    display: block;
  }
}

@media (736px < width <= 759px) and (675px < height <= 900px) {
  .image32 {
    display: block;
  }
}

@media (759px < width <= 782px) and (675px < height <= 900px) {
  .image33 {
    display: block;
  }
}

@media (782px < width <= 805px) and (675px < height <= 900px) {
  .image34 {
    display: block;
  }
}

@media (805px < width <= 828px) and (675px < height <= 900px) {
  .image35 {
    display: block;
  }
}

@media (828px < width <= 851px) and (675px < height <= 900px) {
  .image36 {
    display: block;
  }
}

@media (851px < width <= 874px) and (675px < height <= 900px) {
  .image37 {
    display: block;
  }
}

@media (874px < width <= 897px) and (675px < height <= 900px) {
  .image38 {
    display: block;
  }
}

@media (897px < width <= 920px) and (675px < height <= 900px) {
  .image39 {
    display: block;
  }
}

@media (920px < width <= 943px) and (675px < height <= 900px) {
  .image40 {
    display: block;
  }
}

@media (943px < width <= 966px) and (675px < height <= 900px) {
  .image41 {
    display: block;
  }
}

@media (966px < width <= 989px) and (675px < height <= 900px) {
  .image42 {
    display: block;
  }
}

@media (989px < width <= 1012px) and (675px < height <= 900px) {
  .image43 {
    display: block;
  }
}

@media (1012px < width <= 1035px) and (675px < height <= 900px) {
  .image44 {
    display: block;
  }
}

@media (1035px < width <= 1058px) and (675px < height <= 900px) {
  .image45 {
    display: block;
  }
}

@media (1058px < width <= 1081px) and (675px < height <= 900px) {
  .image46 {
    display: block;
  }
}

@media (1081px < width <= 1104px) and (675px < height <= 900px) {
  .image47 {
    display: block;
  }
}

@media (1104px < width <= 1127px) and (675px < height <= 900px) {
  .image48 {
    display: block;
  }
}

@media (1127px < width <= 1150px) and (675px < height <= 900px) {
  .image49 {
    display: block;
  }
}

@media (1150px < width <= 1173px) and (675px < height <= 900px) {
  .image50 {
    display: block;
  }
}

@media (1173px < width <= 1196px) and (675px < height <= 900px) {
  .image51 {
    display: block;
  }
}

@media (1196px < width <= 1219px) and (675px < height <= 900px) {
  .image52 {
    display: block;
  }
}

@media (1219px < width <= 1242px) and (675px < height <= 900px) {
  .image53 {
    display: block;
  }
}

@media (1242px < width <= 1265px) and (675px < height <= 900px) {
  .image54 {
    display: block;
  }
}

@media (1265px < width <= 1288px) and (675px < height <= 900px) {
  .image55 {
    display: block;
  }
}

@media (1288px < width <= 1311px) and (675px < height <= 900px) {
  .image56 {
    display: block;
  }
}

@media (1311px < width <= 1334px) and (675px < height <= 900px) {
  .image57 {
    display: block;
  }
}

@media (1334px < width <= 1357px) and (675px < height <= 900px) {
  .image58 {
    display: block;
  }
}

@media (1357px < width <= 1380px) and (675px < height <= 900px) {
  .image59 {
    display: block;
  }
}

@media (1380px < width <= 1403px) and (675px < height <= 900px) {
  .image60 {
    display: block;
  }
}

@media (1403px < width <= 1426px) and (675px < height <= 900px) {
  .image61 {
    display: block;
  }
}

@media (1426px < width <= 1440px) and (675px < height <= 900px) {
  .image62 {
    display: block;
  }
}



/* D.2 */

@media (1440px < width <= 1480px) and (675px < height <= 900px) {
  .image63 {
    display: block;
  }
}

@media (1480px < width <= 1520px) and (675px < height <= 900px) {
  .image64 {
    display: block;
  }
}

@media (1520px < width <= 1560px) and (675px < height <= 900px) {
  .image65 {
    display: block;
  }
}

@media (1560px < width <= 1600px) and (675px < height <= 900px) {
  .image66 {
    display: block;
  }
}

@media (1600px < width <= 1640px) and (675px < height <= 900px) {
  .image67 {
    display: block;
  }
}

@media (1640px < width <= 1680px) and (675px < height <= 900px) {
  .image68 {
    display: block;
  }
}

@media (1680px < width <= 1720px) and (675px < height <= 900px) {
  .image69 {
    display: block;
  }
}

@media (1720px < width <= 1760px) and (675px < height <= 900px) {
  .image70 {
    display: block;
  }
}

@media (1760px < width <= 1800px) and (675px < height <= 900px) {
  .image71 {
    display: block;
  }
}

@media (1800px < width <= 1840px) and (675px < height <= 900px) {
  .image72 {
    display: block;
  }
}

@media (1840px < width <= 1880px) and (675px < height <= 900px) {
  .image73 {
    display: block;
  }
}

@media (1880px < width <= 1920px) and (675px < height <= 900px) {
  .image74 {
    display: block;
  }
}

@media (1920px < width <= 1960px) and (675px < height <= 900px) {
  .image75 {
    display: block;
  }
}

@media (1960px < width <= 2000px) and (675px < height <= 900px) {
  .image76 {
    display: block;
  }
}

@media (2000px < width <= 2040px) and (675px < height <= 900px) {
  .image77 {
    display: block;
  }
}

@media (2040px < width <= 2080px) and (675px < height <= 900px) {
  .image78 {
    display: block;
  }
}

@media (2080px < width <= 2120px) and (675px < height <= 900px) {
  .image79 {
    display: block;
  }
}

@media (2120px < width <= 2160px) and (675px < height <= 900px) {
  .image80 {
    display: block;
  }
}

@media (2160px < width <= 2200px) and (675px < height <= 900px) {
  .image81 {
    display: block;
  }
}

@media (2200px < width <= 2560px) and (675px < height <= 900px) {
  .image82 {
    display: block;
  }
}









/* E */

@media (575px < width <= 696px) and (900px < height <= 2560px) {
  .image83 {
    display: block;
  }
}

@media (696px < width <= 812px) and (900px < height <= 2560px) {
  .image84 {
    display: block;
  }
}

@media (812px < width <= 928px) and (900px < height <= 2560px) {
  .image85 {
    display: block;
  }
}

@media (928px < width <= 1044px) and (900px < height <= 2560px) {
  .image86 {
    display: block;
  }
}

@media (1044px < width <= 1160px) and (900px < height <= 2560px) {
  .image87 {
    display: block;
  }
}

@media (1160px < width <= 1276px) and (900px < height <= 2560px) {
  .image88 {
    display: block;
  }
}

@media (1276px < width <= 1392px) and (900px < height <= 2560px) {
  .image89 {
    display: block;
  }
}

@media (1392px < width <= 1440px) and (900px < height <= 2560px) {
  .image90 {
    display: block;
  }
}



/* E.2 */

@media (1440px < width <= 1540px) and (900px < height <= 2561px) {
  .image91 {
    display: block;
  }
}

@media (1540px < width <= 1640px) and (900px < height <= 2561px) {
  .image92 {
    display: block;
  }
}

@media (1640px < width <= 1740px) and (900px < height <= 2561px) {
  .image93 {
    display: block;
  }
}

@media (1740px < width <= 1840px) and (900px < height <= 2561px) {
  .image94 {
    display: block;
  }
}

@media (1840px < width <= 1940px) and (900px < height <= 2561px) {
  .image95 {
    display: block;
  }
}

@media (1940px < width <= 2040px) and (900px < height <= 2561px) {
  .image96 {
    display: block;
  }
}

@media (2040px < width <= 2140px) and (900px < height <= 2561px) {
  .image97 {
    display: block;
  }
}

@media (2140px < width <= 2561px) and (900px < height <= 2561px) {
  .image98 {
    display: block;
  }
}










/* 
SUBPAGES
 */

/* Standardmäßig versteckt */

.subpages {
    display: none;
}

/* mobile ansicht */
@media (0 < width <= 574px) and (0 < height <= 2561px) {
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  height: 100vh;
  position: relative;
  background: black ;
}

.subpages {
font-family: "Floreal";
font-size: clamp(3px, 10vw, 40px);

display: flex;
flex-direction: column;
gap: 0;
}

.subpages a {
  text-decoration: none;
  color: rgb(114, 154, 230);
  font-family: "Floreal";
}

}




/* QR */ 

@media (575px < width <= 616px) and (0 < height <= 300px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1386px < width <= 1440px) and (0 < height <= 300px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1500px < width <= 1600px) and (0 < height <= 300px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (693px < width <= 770px) and (300px < height <= 450px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1242px < width <= 1288px) and (450px < height <= 675px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1920px < width <= 1960px) and (675px < height <= 900px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1540px < width <= 1640px) and (900px < height <= 2560px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1104px < width <= 1150px) and (450px < height <= 675px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}



@media (575px < width <= 598px) and (450px < height <= 675px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1058px < width <= 1104px) and (450px < height <= 675px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1196px < width <= 1242px) and (450px < height <= 675px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (920px < width <= 966px) and (450px < height <= 675px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (966px < width <= 1012px) and (450px < height <= 675px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1012px < width <= 1058px) and (450px < height <= 675px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1058px < width <= 1104px) and (450px < height <= 675px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1173px < width <= 1196px) and (675px < height <= 900px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1196px < width <= 1219px) and (675px < height <= 900px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1219px < width <= 1242px) and (675px < height <= 900px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}

@media (1242px < width <= 1265px) and (675px < height <= 900px) {
  .image99 {
    display: block;
    position: absolute;
    top: 20vw;
    left: 80vw;
    width: 10vw;
    height: auto;
  }
}