html, body {overflow: hidden}

.index2 {
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  width: 385px;
}

.index2 .overlap-group {
  height: 844px;
  margin-left: -2px;
  position: relative;
  width: 388px;
}

.index2 .hintergrund-app-rmat2optimiert {
  height: 844px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 387px;
}

.index2 .intro-detail1x {
  height: 686px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 16px;
  width: 385px;
}

.index2 .navigationsleiste-2 {
  height: 51px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 386px;
}

.index2 .rechteck-54 {
  background-color: var(--white);
  cursor: pointer;
  height: 264px;
  left: 53px;
  opacity: 0.03;
  position: absolute;
  top: 165px;
  width: 284px;
}

.index2 .rechteck-12 {
  background-color: var(--white);
  cursor: pointer;
  height: 52px;
  left: 2px;
  opacity: 0.03;
  position: absolute;
  top: 0;
  width: 53px;
}

.index2 .rechteck-13 {
  background-color: var(--white);
  cursor: pointer;
  height: 52px;
  left: 159px;
  opacity: 0.01;
  position: absolute;
  top: 0;
  width: 72px;
}

.index2 .rechteck-67 {
  background-color: var(--white);
  cursor: pointer;
  height: 52px;
  left: 328px;
  opacity: 0.03;
  position: absolute;
  top: 0;
  width: 59px;
}

.index2-2 {
  align-items: flex-start;
  display: flex;
  height: 896px;
  overflow: hidden;
  width: 414px;
}

.index2-2 .overlap-group {
  height: 905px;
  margin-left: -2px;
  position: relative;
  width: 416px;
}

.index2-2 .hintergrund-app-rmat2optimiert {
  height: 905px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 415px;
}

.index2-2 .intro-detail1x {
  height: 735px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 17px;
  width: 413px;
}

.index2-2 .navigationsleiste-2 {
  height: 55px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 414px;
}

.index2-2 .rechteck-54 {
  background-color: var(--white);
  cursor: pointer;
  height: 283px;
  left: 72px;
  opacity: 0.03;
  position: absolute;
  top: 183px;
  width: 304px;
}

.index2-2 .rechteck-12 {
  background-color: var(--white);
  cursor: pointer;
  height: 56px;
  left: 2px;
  opacity: 0.03;
  position: absolute;
  top: 0;
  width: 57px;
}

.index2-2 .rechteck-13 {
  background-color: var(--white);
  cursor: pointer;
  height: 56px;
  left: 170px;
  opacity: 0.01;
  position: absolute;
  top: 0;
  width: 78px;
}

.index2-2 .rechteck-67 {
  background-color: var(--white);
  cursor: pointer;
  height: 56px;
  left: 352px;
  opacity: 0.03;
  position: absolute;
  top: 0;
  width: 63px;
}

.index2-6 {
  align-items: flex-start;
  display: flex;
  height: 812px;
  overflow: hidden;
  width: 375px;
}

.index2-6 .overlap-group {
  height: 820px;
  margin-left: -2px;
  position: relative;
  width: 377px;
}

.index2-6 .hintergrund-app-rmat2optimiert {
  height: 820px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 376px;
}

.index2-6 .intro-detail1x {
  height: 666px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 16px;
  width: 374px;
}

.index2-6 .navigationsleiste-2 {
  height: 50px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 375px;
}

.index2-6 .rechteck-54 {
  background-color: var(--white);
  cursor: pointer;
  height: 256px;
  left: 52px;
  opacity: 0.03;
  position: absolute;
  top: 168px;
  width: 275px;
}

.index2-6 .rechteck-12 {
  background-color: var(--white);
  cursor: pointer;
  height: 51px;
  left: 2px;
  opacity: 0.03;
  position: absolute;
  top: 0;
  width: 51px;
}

.index2-6 .rechteck-13 {
  background-color: var(--white);
  cursor: pointer;
  height: 51px;
  left: 154px;
  opacity: 0.01;
  position: absolute;
  top: 0;
  width: 70px;
}

.index2-6 .rechteck-67 {
  background-color: var(--white);
  cursor: pointer;
  height: 51px;
  left: 319px;
  opacity: 0.03;
  position: absolute;
  top: 0;
  width: 57px;
}

.index2-7 {
  align-items: flex-start;
  display: flex;
  height: 568px;
  overflow: hidden;
  width: 320px;
}

.index2-7 .overlap-group {
  height: 700px;
  margin-left: -2px;
  position: relative;
  width: 325px;
}

.index2-7 .hintergrund-app-rmat2optimiert {
  height: 700px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 321px;
}

.index2-7 .intro-detail1x {
  height: 569px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 13px;
  width: 320px;
}

.index2-7 .navigationsleiste-2 {
  height: 43px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 323px;
}

.index2-7 .rechteck-54 {
  background-color: var(--white);
  cursor: pointer;
  height: 219px;
  left: 44px;
  opacity: 0.03;
  position: absolute;
  top: 143px;
  width: 235px;
}

.index2-7 .rechteck-12 {
  background-color: var(--white);
  cursor: pointer;
  height: 44px;
  left: 2px;
  opacity: 0.03;
  position: absolute;
  top: 0;
  width: 43px;
}

.index2-7 .rechteck-13 {
  background-color: var(--white);
  cursor: pointer;
  height: 44px;
  left: 132px;
  opacity: 0.01;
  position: absolute;
  top: 0;
  width: 59px;
}

.index2-7 .rechteck-67 {
  background-color: var(--white);
  cursor: pointer;
  height: 44px;
  left: 272px;
  opacity: 0.03;
  position: absolute;
  top: 0;
  width: 49px;
}
@media screen and (max-width: 359px) {
  .screen.index2-2 { 
    display: none;
   }
  .screen.index2 { 
    display: none;
   }
  .screen.index2-6 { 
    display: none;
   }
}
@media screen and (min-width: 360px) and (max-width: 383px) {
  .screen.index2-2 { 
    display: none;
   }
  .screen.index2 { 
    display: none;
   }
  .screen.index2-7 { 
    display: none;
   }
}
@media screen and (min-width: 384px) and (max-width: 413px) {
  .screen.index2-2 { 
    display: none;
   }
  .screen.index2-6 { 
    display: none;
   }
  .screen.index2-7 { 
    display: none;
   }
}
@media screen and (min-width: 414px) {
  .screen.index2 { 
    display: none;
   }
  .screen.index2-6 { 
    display: none;
   }
  .screen.index2-7 { 
    display: none;
   }
}