html {
    height: 100%;
    overflow-y: visible;
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 1vh;
  }
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0.46vh rgba(0,0,0,0.3);
    border-radius: 0.77vh;
  }
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0.46vh rgba(0,0,0,0.3);
    border-radius: 0.77vh;
    background-color: rgb(97, 97, 97);
}

  
.penthouse1{
    position: absolute;
    width: 100%;
    height: 60vh;
    object-fit: cover;
    z-index: -1;
    box-shadow: 0.6vh 0.6vh 0.6vh rgb(14, 14, 14);
    animation: zoom 1.5s;
}
.penthouse2{
    position: absolute;
    width: 100%;
    height: 60vh;
    margin-top: 70vh;
    object-fit: cover;
    z-index: -1;
    box-shadow: 0.6vh 0.6vh 0.6vh rgb(14, 14, 14);
    animation: zoom 1.5s;
}
.penthouse3{
    position: absolute;
    width: 100%;
    height: 60vh;
    margin-top: 140vh;
    object-fit: cover;
    z-index: -1;
    box-shadow: 0.6vh 0.6vh 0.6vh rgb(14, 14, 14);
    animation: zoom 1.5s;
}
.penthouse4{
    position: absolute;
    width: 100%;
    height: 60vh;
    margin-top: 210vh;
    object-fit: cover;
    z-index: -1;
    box-shadow: 0.6vh 0.6vh 0.6vh rgb(14, 14, 14);
    animation: zoom 1.5s;
}
.penthouse5{
    position: absolute;
    width: 100%;
    height: 60vh;
    margin-top: 280vh;
    object-fit: cover;
    z-index: -1;
    box-shadow: 0.6vh 0.6vh 0.6vh rgb(14, 14, 14);
    animation: zoom 1.5s;
}
.penthouse6{
    position: absolute;
    width: 100%;
    height: 60vh;
    margin-top: 350vh;
    object-fit: cover;
    z-index: -1;
    box-shadow: 0.6vh 0.6vh 0.6vh rgb(14, 14, 14);
    animation: zoom 1.5s;
}
.penthouse7{
    position: absolute;
    width: 100%;
    height: 60vh;
    margin-top: 420vh;
    object-fit: cover;
    z-index: -1;
    box-shadow: 0.6vh 0.6vh 0.6vh rgb(14, 14, 14);
    animation: zoom 1.5s;
}


@keyframes zoom {
    from { width: 98%; }
    to   { width: 100%; }
}


.background-color2 {
    background-color: #b60aff;
    opacity: 6%;
    width: 100%;
    height: 490vh;
    position: absolute;
}






.container-penthouse2 {
    width: 0.23vh;
    height: 3.88vh;
    margin-top: 10vh;
    margin-left: 187vh;
    background-color: #7E05B1;
    animation: block_rechts 1.5s;
}

.container-penthouse2 h2 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: -32vh;
    position: absolute;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.55vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 1.4vh;
}

.container-penthouse3 h1 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: 148.3vh;
    margin-top: 1.32vh;
    position: absolute;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 4.27vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 4.66vh;
}
.container-penthouse3 p {
    width: 31vh;
    height: 3.88vh;
    margin-left: 156vh;
    margin-top: 8vh;
    position: absolute;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.16vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 2.1vh;
}






.container-penthouse4 {
    width: 0.23vh;
    height: 3.88vh;
    margin-top: 65vh;
    margin-left: 7.77vh;
    background-color: #7E05B1;
    animation: block 1.5s;
}

.container-penthouse4 h2 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: -7.5vh;
    position: absolute;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.55vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 1.4vh;
}

.container-penthouse5 h1 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: 7.77vh;
    margin-top: 1.32vh;
    position: absolute;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 4.27vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 4.66vh;
}
.container-penthouse5 p {
    width: 31vh;
    height: 3.88vh;
    margin-left: 8.15vh;
    margin-top: 8vh;
    position: absolute;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.16vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 2.1vh;
}







.container-penthouse6 {
    width: 0.23vh;
    height: 3.88vh;
    margin-top: 65vh;
    margin-left: 187vh;
    background-color: #7E05B1;
    animation: block_rechts 1.5s;
}

.container-penthouse6 h2 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: -32.5vh;
    position: absolute;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.55vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 1.4vh;
}

.container-penthouse7 h1 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: 148.3vh;
    margin-top: 1.32vh;
    position: absolute;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 4.27vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 4.66vh;
}
.container-penthouse7 p {
    width: 31vh;
    height: 3.88vh;
    margin-left: 156vh;
    margin-top: 8vh;
    position: absolute;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.16vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 2.1vh;
}






.container-penthouse8 {
    width: 0.23vh;
    height: 3.88vh;
    margin-top: 65vh;
    margin-left: 7.77vh;
    background-color: #7E05B1;
    animation: block 1.5s;
}

.container-penthouse8 h2 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: -5.4vh;
    position: absolute;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.55vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 1.4vh;
}

.container-penthouse9 h1 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: 7.77vh;
    margin-top: 1.32vh;
    position: absolute;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 4.27vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 4.66vh;
}
.container-penthouse9 p {
    width: 31vh;
    height: 3.88vh;
    margin-left: 8.15vh;
    margin-top: 13vh;
    position: absolute;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.16vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 2.1vh;
}






.container-penthouse10 {
    width: 0.23vh;
    height: 3.88vh;
    margin-top: 68vh;
    margin-left: 187vh;
    background-color: #7E05B1;
    animation: block 1.5s;
}

.container-penthouse10 h2 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: -32vh;
    position: absolute;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.55vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 1.4vh;
}

.container-penthouse11 h1 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: 148.3vh;
    margin-top: 1.32vh;
    position: absolute;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 4.27vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 4.66vh;
}
.container-penthouse11 p {
    width: 31vh;
    height: 3.88vh;
    margin-left: 156vh;
    margin-top: 8vh;
    position: absolute;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.16vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 2.1vh;
}






.container-penthouse12 {
    width: 0.23vh;
    height: 3.88vh;
    margin-top: 65vh;
    margin-left: 7.77vh;
    background-color: #7E05B1;
    animation: block 1.5s;
}

.container-penthouse12 h2 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: -4.5vh;
    position: absolute;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.55vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 1.4vh;
}

.container-penthouse13 h1 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: 7.77vh;
    margin-top: 1.32vh;
    position: absolute;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 4.27vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 4.66vh;
}
.container-penthouse13 p {
    width: 31vh;
    height: 3.88vh;
    margin-left: 8.15vh;
    margin-top: 8vh;
    position: absolute;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.16vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 2.1vh;
}






.container-penthouse14 {
    width: 0.23vh;
    height: 3.88vh;
    margin-top: 68vh;
    margin-left: 187vh;
    background-color: #7E05B1;
    animation: block 1.5s;
}

.container-penthouse14 h2 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: -31.5vh;
    position: absolute;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.55vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 1.4vh;
}

.container-penthouse15 h1 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: 148.3vh;
    margin-top: 1.32vh;
    position: absolute;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 4.27vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 4.66vh;
}
.container-penthouse15 p {
    width: 31vh;
    height: 3.88vh;
    margin-left: 156vh;
    margin-top: 13vh;
    position: absolute;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.16vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 2.1vh;
}





.container-penthouse16 {
    width: 0.23vh;
    height: 3.88vh;
    margin-top: 65vh;
    margin-left: 187vh;
    background-color: #7E05B1;
    animation: block_rechts 1.5s;
}

.container-penthouse16 h2 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: -30.7vh;
    position: absolute;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.55vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 1.4vh;
}

.container-penthouse17 h1 {
    width: 38.85vh;
    height: 3.88vh;
    margin-left: 148.3vh;
    margin-top: 1.32vh;
    position: absolute;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 4.27vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 4.66vh;
}
.container-penthouse17 p {
    width: 31vh;
    height: 3.88vh;
    margin-left: 156vh;
    margin-top: 13vh;
    position: absolute;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.16vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #fff;
    line-height: 2.1vh;
}