body{background-image: url(/tm-content/themes/teperberg2/view/images/openit.jpg);}
#breadcrumbs{display: none;}
.open_it{font-size: calc(1vw + .8px);max-width: 100%;padding-top:6em;}
.head{display: flex;max-width: 90vw;margin: auto;justify-content: space-between;}
.head .right{flex: 0 0 30em}
.head .left{flex: 0 0 50em}
.head .left video{width: 100%;height: 28.5em;}
h1{font-size: 4em;color: #DBC87D;line-height: .8;}
.pre_text p{
    font-size: calc(1.5vw + .8px);
}
.gallery{display: flex;max-width: 100%;padding: 10em 5vw 4em 0;position: relative;}
.gallery .gbox{overflow: hidden;}
.gallery .videobox{background: url(/tm-content/themes/teperberg2/view/images/phone.png) no-repeat;background-size: cover;height: 34.5em;flex:0 0 18em;margin-top: -5em;position: relative;}
.gallery .videobox video{position: absolute;width: 16.5em;height: 30.5em;bottom: 50%;right: 50%;transform: translate(50%,50%);}
.gallery h2{font-weight: bold;font-size: 1.5em;line-height: 1;transform: rotate(-6deg);position: absolute;right: 11em;top: -3em;text-align: center;}
.gallery h2::after{content:'';display: block;background:url(/tm-content/themes/teperberg2/view/images/arrow.png) no-repeat;width: 7em;height: 8em;background-size: contain;position: absolute;left: -6em;top: 0;}
/* .gallery .splide{margin-left: 0;margin-right: ;} */
.gallery .splide__slide {margin:0 1rem;}
.gallery .splide__slide img{width: 14.5em;margin:0 1rem;}
/* .gallery .splide__slide.is-active.is-visible{display: none;} */
.splide__pagination{bottom: -2em;}
.splide__pagination__page{width: 1em;height: 1em;opacity: 1;background: #fff;border: .1rem solid #DBC87D;}
.splide__pagination__page.is-active{transform: none;background: #DBC87D;}

@media(max-width: 1000px){
    .open_it{font-size: 4.4vw;}
    .head{flex-direction: column;}
    .head .right,.head .left{flex: 0 0 auto;}
    .head .left{margin: 1em 0;}
    .head .left video{height: 11.5em;}
    .pre_text{margin: 2em 0;}
    .pre_text p {
        font-size: 1.3em;
    }
    .gallery .videobox{margin:auto}
    .gallery h2{right: auto;left: 4em;top: 2em;}
    .gallery{flex-wrap: wrap;padding: 10em 0 4em;}
    .gallery .gbox{margin-top: 4em;padding-bottom: 2em;}
    .gallery .splide{max-width: 100%;}
    .gallery .splide__slide img{max-width: 100%;margin: 0;}
    .gallery .splide__slide{margin:0 1rem;}
    .gallery h2{font-size: 1em;}
    .head .right{max-width: 100%;text-align: center;}
}