/* STANDARD */*{padding: 0; margin: 0; box-sizing: border-box; font-family: 'Raleway', sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}@font-face{font-family: 'Angella'; src: url(../fonts/Angella_demo.otf);}body{overflow: hidden;}img{display: block;}h1,h2{font-family: 'Angella'; letter-spacing: 3px; text-transform: uppercase; font-weight: normal; z-index: 1; color:white;}h1{font-size: 6vw;}h2{font-size: 9vw; margin-bottom: 30px; text-align: center;}h3{font-size: 4vw; font-family: 'Raleway', serif; letter-spacing: 2px; z-index: 1;}h4{margin-bottom: 20px;}p,h4{font-size: clamp(13px, 4vw, 14px); font-family: 'Raleway', serif; line-height: 24px; z-index: 1; color:white;}a{outline: none;}.page-transition{position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: #29a0e8; z-index: 6; transform-origin: left; transform: scaleX(0); transition: transform 1s ease-in-out;}.page-transition.active{transform-origin: right; transform: scaleX(1); transition: transform 1s ease-in-out;}.fullpage{flex-direction: column;}.allPages{transform: translateX(0%); transition: transform 1s ease; width: 100vw; display: flex; flex-direction: row;}.allPages.zenion{transform: translateX(-100%); transition: transform 1s ease;}.allPages.enion{transform: translateX(-200%); transition: transform 1s ease;}.allPages.bastion{transform: translateX(-300%); transition: transform 1s ease;}.allPages.ontwikkelaar{transform: translateX(-400%); transition: transform 1s ease;}/* .section{height: 100vh !important;}*//* NAVIGATION */#nav-desk{display: none;}#nav-mobile{position: absolute; width: 100vw; padding: 20px; z-index: 6; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}#nav-mobile .menu{padding: 10px 10px 6px 10px; border-radius: 3px;}#nav-mobile img{height: 45px;}#nav-mobile-menu{position: absolute; height: 0vh; background-color: #29a0e8; color: white; padding: 0vh; top: 0; left: 0; right: 0; z-index: 5; display: flex; flex-direction: column; justify-content: space-between; align-items: center; transition: height 0.5s ease, padding 0.5s ease; transition-delay: 0.5s;}#nav-mobile-menu.active{height: 100vh; padding: 10vh; padding-top: 15vh; transition: height 0.5s ease, padding 0.5s ease;}#nav-mobile-menu a{overflow: hidden; font-size: 6vw; font-family: 'Angella'; letter-spacing: 3px; opacity: 0; color: white; text-align: center; text-decoration: none; transition: opacity 0.5s ease;}#nav-mobile-menu a.currentPage{transform: scale(1.5); position: relative; -webkit-text-stroke: 1px black; text-shadow: 1px -2px 0 #000;}#nav-mobile-menu a.currentPage::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; border-radius: 2px; background-color: #86ff69;}#nav-mobile-menu a.active{opacity: 1; transition: opacity 0.5s ease 0.5s;}nav.active{opacity: 0;}nav a{font-family: 'Angella'; letter-spacing: 2px; text-transform: uppercase; font-size: 1.2vw;}.nav-left{width: 30%; padding-bottom: 15px; text-shadow: 0 0 5px black; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}.nav-left:after{position: absolute; content: ''; height: 3px; border-radius: 3px; bottom: -4px; left: 0; width: 35%; background: white;}.nav-left a{text-decoration: none; display: block; width: 20%; text-align: left; color: white;}.nav-right{width: 35%; padding-bottom: 15px; text-shadow: 0 0 5px black; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}.nav-right:after{position: absolute; content: ''; height: 3px; border-radius: 3px; bottom: -4px; right: 0; width: 30%; background: white;}.nav-right a{text-decoration: none; display: block; text-align: right; color: white;}.currentPage{color: #86ff69 !important; transition: color 1s ease;}.selectLine{position: absolute; height: 3px; border-radius: 3px; bottom: -4px; left: 0; width: 5%; background: #86ff69; z-index: 5; transition: left 1s ease;}.selectLine.zenion{left: 8%; width: 6%; transition: left 1s ease, width 1s ease;}.selectLine.enion{left: 15.5%; transition: left 1s ease;}.selectLine.bastion{left: 24%; width: 7%; transition: left 1s ease, width 1s ease;}.selectLine.ontwikkelaar{left: 87%; width: 13%; transition: left 1s ease, width 1s ease;}/* PAGE NAVIGATION */.pageNav{position: absolute; transform: translateX(-50%); left: 50vw; bottom: 0; z-index: 5; opacity: 0; transition: opacity 1.5s ease; display: flex; flex-direction: row; align-items: center;}.active .pageNav{opacity: 1; transition: opacity 1.5s ease;}.pageNav.paused{opacity: 0 !important; transition: opacity 0.3s ease;}.pageNav-selected{display: flex; flex-direction: column; align-items: flex-start; margin-left: 15px;}.pageNav img{margin-left: 15px; height: 30px; margin-bottom: 33px; opacity: 0.6;}.pageNav-selected img{height: 40px; width: 40px; margin-left: 0; margin-bottom: 10px; opacity: 1;}.pageNav-selected h3{position: relative; color: white; padding-left: 7px; margin-left: 20px; padding-right: 0; padding-bottom: 3px;}.pageNav-selected h3::after{content: ""; position: absolute; bottom: 0; right: 90%; width: 2px; height: 120%; background-color: white;}.clickable{cursor: pointer;}/* HEADER */.header{position: relative; width: 100%; height: 100vh; background-image: url(../img/Header_mobile.jpg); background-size: cover; background-position: center ; background-repeat: no-repeat;}.slogan{position: absolute; width: 100%; height: 100%; z-index: 0; display: flex; justify-content: center; align-items: center;}.slogan h1{font-size: 12vw; text-align: center; margin-bottom: 30vh;}.header-zeb.hidden{transform: translateY(100%);}.header-zeb{position: absolute; width: 100%; height: 100%; transform: translate(1%, 0%); background-image: url(../img/Header_desktop_Zeb.svg); background-size: 250%; background-position: center bottom; background-repeat: no-repeat; transition: transform 0.8s ease-in-out; transition-delay: 0.5s;}.header-zeb::after{content: ""; position: absolute; bottom: 0; left: -1%; width: calc(100vw + 1%); height: 10vh; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); opacity: 0.7;}/* WIE IS ZEB */.wie{position: relative; height: 100vh; width: 100vw; background: rgb(76,64,197); background: linear-gradient(320deg, rgba(76,64,197,1) 0%, rgba(43,173,236,1) 100%);}.stars{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url(../img/BG-image_space.svg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.1;}.wie-img{display: none;}.wie-text{position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 75%; text-align: justify; text-align-last: center; display: flex; flex-direction: column; align-items: center;}/* KRACHTEN */.krachten{position: relative; height: 100vh; width: 100vw; background: radial-gradient(circle, rgba(58,228,177,1) 0%, rgba(0,70,77,1) 100%); padding: 10vh 10vw; overflow: hidden; display: flex; flex-direction: row; justify-content: flex-start; align-content: center;}.krachten-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0; transition: 0.5s ease-in-out;}.krachten-effect{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url(../img/krachten-effect.svg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.3;}.krachten-inhoud-desk{display: none;}.krachten-inhoud-mobile{position: absolute; left: 0; top: 0; width: 100vw;}.krachten-inhoud-mobile-slide{position: absolute; left: 0; transform: translateY(-50%); top: 45vh; display: flex; flex-direction: row; transition: left 0.5s ease;}.karakter{width: 100vw; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center;}.karakter img{width: 80%;}.karakter h2{margin-bottom: 10px;}.karakter a{opacity: 1; color: #86ff69; padding-bottom: 40px; transition: opacity 0.8s ease-in-out;}.karakter a.active{opacity: 1; transition: opacity 0.8s ease-in-out;}.krachten-nav-mobile{position: absolute; transform: translateX(-50%); left: 50%; bottom: 90px; width: 100px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}.krachten-inhoud-mobile-slide.one{left: 5px; transition: left 0.5s ease;}.krachten-inhoud-mobile-slide.two{left: -100vw; transition: left 0.5s ease;}.krachten-inhoud-mobile-slide.three{left: -200vw; transition: left 0.5s ease;}.krachten-nav-mobile span{width: 10px; height: 10px; padding: 5px; border-radius: 100%; background-color: #86ff69; transition: all 0.5s ease;}.krachten-nav-mobile span.active{width: 15px; height: 15px; border-radius: 100%; background-color: #86ff69; box-shadow: 0 0 5px white; transition: all 0.5s ease;}/* VIDEO */.video{width: 100vw; height: 55vw !important; position: relative; background: linear-gradient(320deg, rgba(76,64,197,1) 0%, rgba(43,173,236,1) 100%); display: flex; flex-direction: column; align-items: center;}.video .btn,.video .restart,.video .slider{display: none;}.video video{display: none;}.video .vidMobile{display: block; position: absolute; left: 0; width: 100vw;}.video .pageNav{display: none;}/* STORY */.story{position: relative; height: 150vh !important; width: 100vw; background: linear-gradient(320deg, rgba(76,64,197,1) 0%, rgba(43,173,236,1) 100%);}.citySkyline{position: absolute; width: 100%; height: 100%; background-image: url(../img/Verhaal-BG.svg); background-size: cover; background-position: center; mix-blend-mode: color-dodge; opacity: 0.6;}.verhaal{position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 90%; color: black; display: flex; flex-direction: column; align-items: center;}.verhaal-content,.held-content{position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 80%; margin-top: 2vw; display: flex; flex-direction: row; justify-content: center; align-items: center;}.active .verhaal-content,.active .held-content-text{opacity: 1; transition: opacity 0.5s ease;}.verhaal-content img,.held-content img{display: none; width: 40%;}.verhaal-content-text,.held-content-text{width: 90%; display: flex; flex-direction: column; align-content: center;}.verhaal-content-text h2,.held-content-text h2{text-align: left;}.verhaal-content-text p,.held-content-text p{text-align: justify; text-align-last: left; line-height: 6vw; margin-bottom: 8vw;}.verhaal-content-text p{font-size: clamp(15px, 6vw, 16px);}/* FOOTER */.footer{position: relative; width: 100vw; height: 20vh !important; background: linear-gradient(80deg, rgba(134,255,96,1) 0%, rgba(0,207,232,1) 100%); display: flex; flex-direction: column; align-items: center; justify-content: center;}.footer::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); z-index: 1;}.footer .fp-tableCell{width: 80%; height: 100% !important; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center;}.footer-content-top{width: 100%; height: 50%; padding-bottom: 1vh; border-bottom: 2px solid white; display: flex; flex-direction: row; justify-content: center;}.footer-content-top img{height: 80%;}.footer-content-bottom{width: 80%; margin-top: 1vh; display: flex; flex-direction: row; justify-content: center; align-items: center;}.footer-text{display: none;}.footer-content-bottom p{display: none; width: 50%; font-size: 2vw;}.footer-content-bottom-icons{width: 70%; flex-direction: row; justify-content: space-between; align-items: center;}.footer-content-bottom-icons img{width: 15%; display: inherit;}/* PAGES */.held-content{padding-bottom: 40vh;}.held-content img{display: none;}.ontwikkelaarHeader .held-content{padding: unset; flex-direction: column;}.zenionHeader{position: relative; height: 100vh; width: 100vw; background: linear-gradient(320deg, rgba(76,64,197,1) 0%, rgba(43,173,236,1) 100%);}.enionHeader{position: relative; height: 100vh; width: 100vw; background: linear-gradient(320deg, rgba(76,64,197,1) 0%, rgba(43,173,236,1) 100%);}.enionHeader img{transform: rotate(25deg);}.bastionHeader{position: relative; width: 100%; height: 100vh; background-image: url(../img/Bastion_Poster_Mobile.svg); background-size: cover; background-position: center; background-repeat: no-repeat;}.ontwikkelaarHeader{position: relative; width: 100%; height: 100vh; background: linear-gradient(320deg, rgb(90 17 118) 0%, rgb(34 37 169) 100%); background-size: cover; background-position: center bottom; background-repeat: no-repeat;}.ontwikkelaarText{width: 100vw; height: 100vh; background: #000; opacity: 0.5;}#zebProductions{margin-bottom: 10px; display: block; width: 50%;}.header-zenion{position: absolute; width: 100%; height: 100%; transform: translate(0%, 0%); background-image: url(../img/Zenion_Poster.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; transition: transform 0.8s ease-in-out; transition-delay: 0.5s;}.header-enion{position: absolute; width: 100%; height: 100%; transform: translate(0%, 0%); background-image: url(../img/Enion_Poster.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; transition: transform 0.8s ease-in-out; transition-delay: 0.5s;}.header-bastion{position: absolute; width: 100%; height: 100%; transform: translate(0%, 0%); background-image: url(../img/Bastion_Poster.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; transition: transform 0.8s ease-in-out; transition-delay: 0.5s;}@media all and (min-width: 420px), screen and (max-height: 800px){.krachten-nav-mobile{bottom: 12vh;}.verhaal-content-text p, .held-content-text p{text-align: justify; text-align-last: center; line-height: 4vw; margin-bottom: 8vw;}.verhaal-content-text p{font-size: clamp(15px, 6vw, 16px); line-height: 6vw;}}@media all and (min-width: 425px), screen and (max-height: 720px){.karakter img{width: 70%;}}@media all and (min-width: 520px), screen and (max-height: 560px){h1, h2{font-family: 'Angella'; letter-spacing: 3px; text-transform: uppercase; z-index: 1; color:white;}h1{font-size: 20px;}h2{font-size: clamp(30px ,4vw, 55px); margin-bottom: 30px;}h3{font-size: clamp(12px ,1vw ,24px); font-family: 'Raleway', serif; letter-spacing: 2px; z-index: 1;}h4{margin-bottom: 20px;}p, h4{font-size: clamp(14px ,1.5vw ,24px); font-family: 'Raleway', serif; letter-spacing: 2px; line-height: 3vw; z-index: 1; color:white;}a{outline: none;}/* HEADER */ .header{position: relative; width: 100%; height: 100vh; background-image: url(../img/Header_desktop.svg); background-size: cover; background-position: center ; background-repeat: no-repeat;}.header-zeb.hidden{transform: translate(0%, 100%);}.header-zeb{position: absolute; width: 100%; height: 100%; transform: translate(0%, 0%); background-image: url(../img/Header_desktop_Zeb.svg); background-size: contain; background-position: center bottom; background-repeat: no-repeat; transition: transform 0.8s ease-in-out; transition-delay: 0.5s;}/* WIE IS ZEB */ .wie{position: relative; height: 100vh; width: 100vw; background: rgb(76,64,197); background: linear-gradient(320deg, rgba(76,64,197,1) 0%, rgba(43,173,236,1) 100%);}.stars{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url(../img/BG-image_space.svg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.1;}.wie-img{position: absolute; transform: translateY(-45%); top: 50%; left: -10px; width: 55%;}.wie-text{position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 65%; text-align: justify; text-align-last: center; display: flex; flex-direction: column; align-items: center;}/* KRACHTEN */ .krachten{position: relative; height: 100vh; width: 100vw; background: radial-gradient(circle, rgba(58,228,177,1) 0%, rgba(0,70,77,1) 100%); padding: 10vh 10vw; display: flex; justify-content: center; align-content: center;}.krachten-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0; transition: 0.5s ease-in-out;}.krachten-effect{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url(../img/krachten-effect.svg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.3;}.krachten-inhoud-mobile{display: none;}.krachten-inhoud-desk{height: 80vh; width: 70vw; display: flex; flex-direction: column; justify-content: center; align-items: center;}.krachten-inhoud-karakters{width: 100%; display: flex; flex-direction: row; justify-content: space-between;}.karakter{width: 30%; height: 100%; z-index: 5; opacity: 1; transform: scale(1); transition: transform 0.5s ease, opacity 0.5s ease; display: flex; flex-direction: column; align-items: center;}.karakter:hover{transform: scale(1.3); transition: transform 0.8s ease-in-out;}.krachten-overlay.active{opacity: 0.5; transition: 0.8s ease-in-out;}.karakter.hidden{opacity: 0.2; transition: 0.8s ease-in-out;}.karakter img{width: 100%;}.karakter h2{font-size: 2vw; margin-bottom: 10px;}.karakter a{opacity: 0; color: #86ff69; padding-bottom: 20px; transition: opacity 0.8s ease-in-out;}.karakter a.active{opacity: 1; transition: opacity 0.8s ease-in-out;}.krachten-nav-mobile{display: none;}/* STORY */ .story{position: relative; height: 100vh !important; width: 100vw; background: linear-gradient(320deg, rgba(76,64,197,1) 0%, rgba(43,173,236,1) 100%);}.verhaal-content-text p{font-size: clamp(13px, 4vw, 14px); line-height: 3vh;}/* FOOTER */ .footer{position: relative; width: 100vw; height: 20vh !important; background: linear-gradient(80deg, rgba(134,255,96,1) 0%, rgba(0,207,232,1) 100%); display: flex; flex-direction: column; align-items: center; justify-content: center;}.footer::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); z-index: 1;}.footer .fp-tableCell{width: 80%; height: 100% !important; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center;}.footer-content-top{width: 100%; height: 50%; padding-bottom: 1vh; border-bottom: 2px solid white; display: flex; flex-direction: row; justify-content: center;}.footer-content-top img{height: 100%;}.footer-content-bottom{width: 80%; margin-top: 1vh; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}.footer-content-bottom p{display: inherit; width: 20%; font-size: 0.5vw;}.footer-content-bottom-icons{width: 15%; flex-direction: row; justify-content: space-between; align-items: center;}.footer-content-bottom-icons img{width: 15%; display: inherit;}}@media all and (min-width: 800px){p, h4{line-height: 2vw;}/* NAVIGATION */ #nav-desk{position: absolute; width: 85%; top: 20px; transform: translateX(-50%); left: 50%; z-index: 5; opacity: 1; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}#nav-mobile{display: none;}#nav-mobile-menu.active{display: none;}#nav-desk.active{opacity: 0;}nav a{font-family: 'Angella'; letter-spacing: 2px; text-transform: uppercase; font-size: 1.2vw;}.nav-left{width: 30%; padding-bottom: 15px; text-shadow: 0 0 5px black; display: flex; flex-direction: row; align-items: center; justify-content: space-between;}.nav-left:after{position: absolute; content: ''; height: 3px; border-radius: 3px; bottom: -4px; left: 0; width: 35%; background: white;}.nav-left a{text-decoration: none; display: block; width: 20%; text-align: left; color: white;}.nav-right{width: 35%; padding-bottom: 15px; text-shadow: 0 0 5px black; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}.nav-right:after{position: absolute; content: ''; height: 3px; border-radius: 3px; bottom: -4px; right: 0; width: 30%; background: white;}.nav-right a{text-decoration: none; display: block; text-align: right; color: white;}.page-transition{position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: #29a0e8; z-index: 6; transform-origin: left; transform: scaleX(0); transition: transform 1s ease-in-out;}.page-transition.active{transform-origin: right; transform: scaleX(1); transition: transform 1s ease-in-out;}.fullpage{flex-direction: column;}.allPages{transform: translateX(0%); transition: transform 1s ease; width: 100vw; display: flex; flex-direction: row;}.allPages.zenion{transform: translateX(-100%); transition: transform 1s ease;}.allPages.enion{transform: translateX(-200%); transition: transform 1s ease;}.allPages.bastion{transform: translateX(-300%); transition: transform 1s ease;}.currentPage{color: #86ff69 !important; transition: color 1s ease;}.selectLine{position: absolute; height: 3px; border-radius: 3px; bottom: -4px; left: 0; width: 5%; background: #86ff69; z-index: 5; transition: left 1s ease;}.selectLine.zenion{left: 8%; width: 6%; transition: left 1s ease, width 1s ease;}.selectLine.enion{left: 15.5%; transition: left 1s ease;}.selectLine.bastion{left: 24%; width: 7%; transition: left 1s ease, width 1s ease;}.selectLine.otwikkelaar{left: 85%; width: 15%; transition: left 1s ease, width 1s ease;}/* PAGE NAVIGATION */ .pageNav{position: absolute; transform: translateY(-50%); right: 0; top: 50vh; bottom: unset; left: unset; z-index: 5; opacity: 0; transition: opacity 1.5s ease; display: flex; flex-direction: column; align-items: flex-start;}.active .pageNav{opacity: 1; transition: opacity 1.5s ease;}.pageNav.paused{opacity: 0 !important; transition: opacity 0.3s ease;}.pageNav-selected{display: flex; flex-direction: row; align-items: flex-start; margin-left: 0px;}.pageNav img{margin-left: 5px; height: 30px; margin-bottom: 20px; opacity: 0.6;}.pageNav-selected img{height: 40px; margin-left: 0; opacity: 1;}.pageNav-selected h3{color: white; padding-left: 10px; margin-left: 10px; padding-right: 15px; padding-bottom: 3px; border-bottom: solid 2px white;}.pageNav-selected h3::after{display: none;}.clickable{cursor: pointer;}/* WIE */ .wie-img{display: block;}.wie-text{width: 40%;}/* STORY */ .story p{line-height: 3vw;}.story{height: 100vh !important;}/* HELD */ .held-content img{display: block;}.held-content{opacity: 1; width: 75%; padding-bottom: 0; justify-content: space-between;}.held-content-text{width: 40%; margin-right: 10%;}.held-content-text{display: flex; justify-content: left; text-align-last: left;}.held-content-text p{text-align: left; text-align-last: left; line-height: 2vw;}/* PAGES */ .zenionHeader{position: relative; height: 100vh; width: 100vw; background: rgb(76,64,197); background: linear-gradient(320deg, rgba(76,64,197,1) 0%, rgba(43,173,236,1) 100%);}.enionHeader{position: relative; height: 100vh; width: 100vw; background: rgb(76,64,197); background: linear-gradient(320deg, rgba(76,64,197,1) 0%, rgba(43,173,236,1) 100%);}.bastionHeader{position: relative; width: 100%; height: 100vh; background-image: url("../img/Background.svg"); background-size: cover; background-position: center; background-repeat: no-repeat;}.enionHeader .stars{opacity: 0.05;}.enion .held-content-text{display: flex; justify-content: right;}.bastionHeader .stars{opacity: 0.05;}.ontwikkelaarHeader .held-content{flex-direction: row;}#zebProductions{margin-bottom: 100px;}.citySkyline{display: block;}.karMo{display: none;}}@media all and (min-width: 1000px){/* VIDEO */ .video video{display: block; width: 100vw; height: 100%; object-fit: cover;}.video .vidMobile{display: none;}.video{width: 100vw; height: 100vh !important; position: relative; display: flex; flex-direction: column; align-items: center;}.btn{display: block; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 5vw; opacity: 0; z-index: 5; cursor: pointer; transition: opacity 0.3s ease;}.active .btn.paused{display: block; opacity: 1; transition: opacity 0.3s ease;}.video .pageNav{display: flex;}.slider{display: block; position: absolute; left: 20px; bottom: 20px; width: 5vw; opacity: 0; z-index: 5; cursor: pointer; transition: opacity 0.3s ease;}.slider h3{color: white;}.volumeSlider{color: #29a0e8;}.active .slider.active{display: block; opacity: 1; transition: opacity 0.3s ease;}.restart{position: absolute; right: 20px; bottom: 20px; width: 3vw; opacity: 0; z-index: 5; cursor: pointer; transition: opacity 0.3s ease;}.active .restart.active{display: block; opacity: 1; transition: opacity 0.3s ease;}.video-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0; transition: opacity 0.3s ease;}.video-overlay.paused{display: block; opacity: 0.5; transition: opacity 0.3s ease;}/* STORY */ .citySkyline{position: absolute; width: 100%; height: 100%; background-image: url(../img/Verhaal-BG.svg); background-size: cover; background-position: center; mix-blend-mode: color-dodge; opacity: 0.6;}.verhaal{position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 90%; color: black; display: flex; flex-direction: column; align-items: center;}.verhaal-content{position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 80%; margin-top: 2vw; opacity: 0.6; transition: opacity 0.5s ease; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}.active .verhaal-content{opacity: 1; transition: opacity 0.5s ease;}.verhaal-content img{width: 40%; display: block;}.verhaal-content-text{width: 40%; margin: 5%; display: flex; flex-direction: column; align-content: flex-start;}.verhaal-content-text h2{text-align: left; margin-bottom: 30px;}.verhaal-content-text p{text-align: left; margin-bottom: 1vw; text-align-last: left; font-size: clamp(14px, 14px, 16px); line-height: 2vw;}.slogan h1{margin-bottom: 0;}}@media all and (min-width: 1200px) and (min-height: 1000px){.verhaal-content-text p{text-align: left; margin-bottom: 1vw; text-align-last: left; font-size: clamp(14px, 8vw, 24px); line-height: 1.5vw;}}@media all and (min-width: 1200px) and (max-height: 900px){.verhaal-content-text p{text-align: left; margin-bottom: 1vw; text-align-last: left; font-size: 1vw; line-height: 1.5vw;}}