.popupje {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999999;}.popupje .klikwegbg, .popupje .klikwegbgp {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);content: '' }.popupje .holder {position: absolute;z-index: 9;width: 670px;margin: 0 auto;left: 50%;transform: translate3d(-50%,-50%,0);top: 50%;background: var(--color5);text-align: center;max-width: 90%;}.popupje.portrait .holder {width: 80%;max-width: 360px;}.popupje.portrait .holder h2 {font-size: 26px;color: var(--color2);text-align: center;}.popupje.portrait .holder p {font-size: 14px;color: var(--color2);var( --color2: );}.popupje .holder .inhd {padding: 3rem 20px;max-height: 60vh;overflow: visible;}.popupje.horizont .holder {border-radius: 2rem;}.popupje .polaroid {width: 180px;position: relative;}.popupje .polaroid>img {width: 100%;height: auto;transform: translate3d(0px,30px,0) rotate(-15deg);margin: 0;}.popupje .polaroid img.iconbg {position: absolute;width: 80px;height: 80px;border: none;box-shadow: none;top: 0px;right: -40px;}.popupje .bg {width: 200px;height: 200px;display: block;position: absolute;bottom: 0px;overflow: hidden;right: 0;z-index: -1;border-radius: 0 0 2rem 0rem;}.popupje .bg:after, .popupje .bg:before {content: "";width: 300px;border: 30px solid var(--color14);height: 300px;display: block;background: var(--color5);position: absolute;border-radius: 100%;top: 50px;right: -170px;z-index: -3;}.popupje .bg:before {width: 150px;top: 120px;right: -80px;z-index: 2;height: 150px;}.popupje h3 {margin-top: 4px;margin-bottom: 0;font-size: 24px;}.popupje .holder .klikweg {border-radius: 50%;position: absolute;top: -30px;right: -31px;cursor: pointer;height: 40px;z-index: 9999;width: 60px;height: 60px;background: #000000;opacity: 0.6;}.popupje video {width: 100%;display: block;}.popupje .holder .klikweg>div {background: #fff;width: 25px;height: 2px;}.popupje .holder .klikweg>div:first-child {transform: rotate(45deg) translate3d(33px,9px,0);}.popupje .holder .klikweg>div:last-child {transform: rotate(-45deg) translate3d(-7px, 32px, 0px);}.popupje.horizont #discount_code span {padding: 0;background: none;box-shadow: none;border: none;color: var(--color1);font-weight: 600;}.popupje.horizont #discount_code {width: fit-content;margin-top: 0;display: inline-block;height: 10px;position: relative;margin-top: 6px;}.popupje.horizont #discount_code span:last-child {position: absolute;top: 180%;width: fit-content;white-space: nowrap;font-size: 8px !important;left: 40px;transform: rotate(-5deg);color: var(--color2);font-weight: 400;}.popupje.horizont #discount_code span:last-child:before {background: url(../images/one2track-pijltje.svg);content: '';width: 28px;height: 10px;white-space: nowrap;line-height: normal;font-weight: 100;font-size: 17px;font-family: 'Coming soon',sans-serif;position: absolute;left: 25px;transform: rotate(218deg) scale(.75);top: -15px;background-size: cover;opacity: .7;transition: opacity 1s ease;z-index: 9;background-position: 100% 50%;}@media(min-width: 340px) {.popupje.portrait .holder {width:90%;}.popupje.portrait .holder h2 {font-size: 26px;}.popupje.portrait .holder p {font-size: 16px;}}@media(min-width: 576px) {.popupje .polaroid {width:300px;margin-top: 2rem;}.popupje .polaroid>img {transform: translate3d(-70px,30px,0) rotate(-15deg);}.popupje.portrait .holder {max-width: 400px;}.popupje .bg:after, .popupje .bg:before {content: "";width: 400px;border: 50px solid var(--color14);height: 400px;top: 0px;right: -210px;z-index: -3;}.popupje .bg:before {width: 200px;top: 100px;right: -100px;z-index: 2;height: 200px;}}@media(min-width: 768px) {.popupje .holder .inhd {overflow: visible;}.popupje.horizont .holder .inhd {padding-bottom: 1.5rem;padding-top: 2rem;}}@media(min-width: 992px) {.popupje .holder {top:45%;}.popupje.horizont .grid {display: grid;grid-template-columns: 1fr auto;gap: 2rem;align-items: center;}.popupje.portrait.horizont .holder {max-width: 992px;border-radius: 2rem;}body .popupje.horizont .lft {padding-left: 100px;}body .popupje.horizont .lft, body .popupje.horizont .inhd .lft h2, body .popupje.horizont .lft h3, body .popupje.horizont .lft h4 {text-align: left;}.popupje.horizont .polaroid {margin: 0;height: 100%;}.popupje.horizont .polaroid>img:nth-child(1) {transform: rotate(10deg);height: 100%;max-width: none;width: 330px;max-height: 320px;margin: -70px 0;}.popupje.horizont .polaroid img.iconbg {left: 0;top: -62px;right: unset;transform: translate3d(-30px,0,0) rotate(-18deg);width: 100px;height: auto;}}