body.indehuidvan
.page{display:none}body.indehuidvan
#page1{display:block}html{overflow-y:auto !important;min-height:100%}body.indehuidvan{background-color:#FFF;overflow-y:auto !important;font-size:16px;line-height:1.5em;min-height:100%}body.indehuidvan, body.indehuidvan
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body.indehuidvan
#wrapper_outer{box-shadow:none;background-color:#FFF;top:0}body.indehuidvan,
body.indehuidvan #wrapper_outer,
body.indehuidvan #wrapper_inner,
body.indehuidvan
div#content.wrapper{max-width:none;height:auto;max-height:none}body.indehuidvan
#content{min-height:100%;padding:0}body.indehuidvan
section.content.wrapper{width:100%;max-width:none;padding:0
0 0 0}body.indehuidvan
#header{display:none;max-width:580px;margin-left:calc(50% - 290px);position:relative}body.indehuidvan #header
h1{margin:0}body.indehuidvan{position:relative}#header_inner{}body.indehuidvan #header,
body.indehuidvan
#footer{display:none}*::-webkit-media-controls-play-button{display:none!important;-webkit-appearance:none}*::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}video::-webkit-media-controls{display:none !important}#turn_to_landscape{position:fixed;top:0;left:0;width:100%;height:100%;background:#242529 url(/images/indehuidvan/turn_mobile.svg) no-repeat center 10vh;background-size:20vw auto;color:white;z-index:9999;display:none}div#turn_to_landscape
h1{color:white;font-size:2rem;line-height:1em;position:absolute;bottom:0;text-align:center;width:100%}body.indehuidvan
h1{text-align:center}body.indehuidvan .page
img{margin:0
auto;height:auto;width:100%;max-width:100%}body.indehuidvan #page6
img{width:10%}body.indehuidvan
p{text-align:center}body.indehuidvan
div.page{height:100vh;max-height:100vh;width:100%;margin:0;position:relative;z-index:1;overflow:hidden}body.indehuidvan
div.page.scrollpage{height:100%;min-height:100vh;max-height:none;width:100%;margin:0;position:relative;z-index:1;overflow:visible}@-moz-document url-prefix(){html,body,div.page.scrollpage{scrollbar-width:thin !important}}body.indehuidvan
div.page_content{max-width:580px;margin:0
auto;position:relative;z-index:3;height:100%;min-height:100vh;padding:0
0 40px 0 !important}body.indehuidvan div.page_content p,
body.indehuidvan div.page_content h1,
body.indehuidvan div.page_content h2,
body.indehuidvan div.page_content
h3{padding:.5em 5%}body.indehuidvan div.page_content
h1{font-size:2.5rem}body.indehuidvan div.page_content
h2{font-size:2rem}.bg-video-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.bg-video-container>video{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.bg-video-container:after{content:'';background:rgba(255,255,255,.7);width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:1}.video_toggle_container{position:absolute;top:0;left:0;z-index:1;height:calc(100% - 40px);width:100%;overflow:hidden}.video-container{width:100%;height:100%}.video-container
video{width:100%;height:100%;margin:0
auto;object-fit:cover}.video-container.off{visibility:hidden;height:0}.video-container.on{visibility:visible;height:100%}a.btn_scrolldown{background-color:rgba(0, 0, 0, 0.6);background-image:url(/images/indehuidvan/chevron_dubbel_wit.svg);-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:auto 60%;background-repeat:no-repeat;background-position:center;width:100%;height:40px;display:block;margin:0
auto;z-index:99;position:absolute;left:0;margin-left:0;bottom:0}section .page
h1{color:#FFF}.scroll_tekst{overflow:auto;height:65vh}.intro>p{display:none;animation-name:eenvooreen;animation-delay:1s;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:both}section #page1
p{padding:0
1em}section #page1.active
.intro{position:absolute;top:0;left:0;z-index:2;background-color:transparent;color:#333;width:100%;height:calc(100% - 40px - 2em)}section #page1.active .intro
p{display:block;opacity:0;position:relative;margin:0;overflow:hidden}section #page1.active .intro p:nth-of-type(1){animation-delay:0s;animation-duration:4s}section #page1.active .intro p:nth-of-type(2){animation-delay:4s;animation-duration:4s}section #page1.active .intro p:nth-of-type(3){animation-delay:8s;animation-duration:4s}section #page1.active .intro p:nth-of-type(4){animation-delay:12s;animation-duration:4s}section #page1.active .intro p:nth-of-type(5){animation-delay:16s;animation-duration:10s}body.indehuidvan #page1
header{background-image:url(/images/indehuidvan/banner_indehoudvan.jpg);background-size:cover;background-position:bottom center;background-repeat:no-repeat;min-height:40vh;max-height:400px}.wrapper header
.header_box_options{right:1rem;top:1rem}.wrapper header .header_box_options .fa-times:before{content:"\f00d";color:white;font-size:2em}body.indehuidvan #page1
fieldset{margin-bottom:30px;position:relative;word-wrap:break-word;width:100%;border:1px
solid #DDD;border-top:0px;padding:20px;box-sizing:border-box;box-shadow:0 3px 6px rgba(0,0,0,0.08), 0 3px 6px rgba(0,0,0,0.13)}body.indehuidvan #page1
.page_content{position:relative}body.indehuidvan #page1 .page_content
h1{position:absolute;margin:0;bottom:0;width:100%;left:50%;transform:translateX(-50%);color:#fff;line-height:1;text-shadow:0 3px 6px rgba(0,0,0,0.23);z-index:10;font-weight:bold;font-size:70px}body.indehuidvan .page_content
.instructie{color:white;border-radius:20px;background-color:#1a7ea3;padding:15px
!important;margin: .5em 20px;display:block}body.indehuidvan .page_content .tekst_animatie
.instructie{margin: .5em 0}body.indehuidvan #page1 p, body.indehuidvan #page5
p{text-align:left;font-size:16px;line-height:1.5em}.fa-headphones:before{content:"\f025"}section
#page2{background-color:#C8ABB0;color:#FFF}section .active #wakker.tekst_animatie
p{background-color:#1b7ea3}#wakker.tekst_animatie p:nth-of-type(1){animation-delay:0s;animation-duration:8s}#wakker.tekst_animatie p:nth-of-type(2){animation-delay:9s;animation-duration:8s}#wakker.tekst_animatie p:nth-of-type(3){animation-delay:17s}#wakker.tekst_animatie p:nth-of-type(4){animation-delay:18s}#wakker.tekst_animatie p:nth-of-type(5){animation-delay:20s}#wakker.tekst_animatie p:nth-of-type(6){animation-delay:20.5s}#wakker.tekst_animatie p:nth-of-type(7){animation-delay:22s}#wakker.tekst_animatie p:nth-of-type(8){animation-delay:23s}#wakker.tekst_animatie p:nth-of-type(9){animation-delay:25s}#wakker.tekst_animatie p:nth-of-type(10){animation-delay:27s}#wakker.tekst_animatie p:nth-of-type(11){animation-delay:28s}#wakker.tekst_animatie p:nth-of-type(12){animation-delay:28.5s}#wakker.tekst_animatie p:nth-of-type(13){animation-delay:29.5s}#wakker.tekst_animatie p:nth-of-type(14){animation-delay:32s}#wakker.tekst_animatie p:nth-of-type(15){animation-delay:32.5s}#wakker.tekst_animatie p:nth-of-type(16){animation-delay:33s}#wakker.tekst_animatie p:nth-of-type(17){animation-delay:33.5s}#wakker.tekst_animatie p:nth-of-type(18){animation-delay:37s}#wakker.tekst_animatie p:nth-of-type(19){animation-delay:37.5s}#wakker.tekst_animatie p:nth-of-type(20){animation-delay:37.6s}#wakker.tekst_animatie p:nth-of-type(21){animation-delay:39.1s}#wakker.tekst_animatie p:nth-of-type(22){animation-delay:39.3s}#wakker.tekst_animatie p:nth-of-type(23){animation-delay:39.5s}#wakker.tekst_animatie p:nth-of-type(24){animation-delay:40s}#wakker.tekst_animatie p:nth-of-type(25){animation-delay:40.3s}#wakker.tekst_animatie p:nth-of-type(26){animation-delay:41.6s}#wakker.tekst_animatie p:nth-of-type(27){animation-delay:44s}.bg_wakker{background:url(/images/indehuidvan/ij_fred_04.jpg) no-repeat center bottom scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.bg_wakker::after{content:'';background-color:rgba(34, 46, 76, 0.99);display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:2}section #page2.active.bg_wakker::after{animation-name:sunrise;animation-delay:18s;animation-duration:20s;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:both}section
#page3{padding-top:0}section #page3
.page_content{height:100vh;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}section #page3 .page_content
h1{color:#2A2A31;margin-bottom:0px}section #page3 img.agenda-afspraak{box-shadow:0 0 5px 2px rgba(0,0,0,.1)}#page3
.page_content{background-image:url("/images/indehuidvan/agenda_bg.jpg");-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:top center;background-repeat:no-repeat}section #page3 .page_content
h1{padding:0.1em 5%}section .active
#agenda{padding-top:40px}section .active
#agenda.tekst_animatie{}section .active #agenda.tekst_animatie
p{background-color:#EAF1F4;color:#FFF}#page3
.page_content{animation-delay: .3s;background-image:url("/images/indehuidvan/agenda_bg_dark.jpg")}section .active #agenda.tekst_animatie p:nth-of-type(1){animation-delay: .5s;background-color:rgb(84, 171, 38)}section .active #agenda.tekst_animatie p:nth-of-type(2){animation-delay:2s;background-color:rgb(84, 171, 38)}section .active #agenda.tekst_animatie p:nth-of-type(3){animation-delay:5s;background-color:rgb(254,2,205)}section .active #agenda.tekst_animatie p:nth-of-type(4){animation-delay:5.3s;background-color:rgb(254,2,205)}section .active #agenda.tekst_animatie p:nth-of-type(5){animation-delay:7s;background-color:rgb(254,2,205)}section .active #agenda.tekst_animatie p:nth-of-type(6){animation-delay:7.2s;background-color:rgb(227, 0, 27)}section .active #agenda.tekst_animatie p:nth-of-type(7){animation-delay:7.5s;background-color:rgb(254,2,205)}section .active #agenda.tekst_animatie p:nth-of-type(8){animation-delay:8.5s;background-color:rgb(254,2,205)}section .active #agenda.tekst_animatie p:nth-of-type(9){animation-delay:9.3s;background-color:rgb(254,2,205)}section .active #agenda.tekst_animatie p:nth-of-type(10){animation-delay:12s;background-color:rgb(254,2,205)}section .active #agenda.tekst_animatie p:nth-of-type(11){animation-delay:13.5s;background-color:rgb(227, 0, 27)}section .active #agenda.tekst_animatie p:nth-of-type(12){animation-delay:16s;background-color:rgb(84, 171, 38)}section .active #agenda.tekst_animatie p:nth-of-type(13){animation-delay:16.3s;background-color:rgb(84, 171, 38)}section .active #agenda.tekst_animatie p:nth-of-type(14){animation-delay:17s;background-color:rgb(84, 171, 38)}section .active #agenda.tekst_animatie p:nth-of-type(15){animation-delay:19s;background-color:rgb(84, 171, 38)}section .active #agenda.tekst_animatie p:nth-of-type(16){animation-delay:21.5s;background-color:rgb(84, 171, 38)}section .active #agenda.tekst_animatie p:nth-of-type(17){animation-delay:21.8s;background-color:rgb(84, 171, 38)}section .active #agenda.tekst_animatie p:nth-of-type(18){animation-delay:22.8s;background-color:rgb(84, 171, 38)}section .active #agenda.tekst_animatie p:nth-of-type(19){animation-delay:23s;background-color:rgb(254,2,205)}section .active #agenda.tekst_animatie p:nth-of-type(20){animation-delay:26s;background-color:rgb(84, 171, 38)}section .active #agenda.tekst_animatie p:nth-of-type(21){animation-delay:26.4s;background-color:rgb(84, 171, 38)}section .active #agenda.tekst_animatie p:nth-of-type(22){animation-delay:28.8s;background-color:rgb(227, 0, 27)}section .active #agenda.tekst_animatie p:nth-of-type(23){animation-delay:30s;background-color:rgb(84, 171, 38)}section .active #agenda.tekst_animatie p:nth-of-type(24){animation-delay:30.3s;background-color:rgb(254,2,205)}section
#page4{background-color:rgba(0,0,0,.8);padding-top:0;padding-bottom:0}section #page4
.page_content{height:calc(100vh)}div#whatsapp{position:absolute;top:0;left:0;width:100%;height:100%}iframe#whatsapp_gesprek{margin:0
auto;display:block;width:100%;height:calc(100% - 40px)}section
#page5{padding:0}section #page5
h1{margin-bottom:0px}body.indehuidvan section #page5
div.page_content{height:100%}.fa-toggle-on:before{content:"\f205"}section #page5:not(.playing) .intro_feestje{position:absolute;top:0;left:0;z-index:2;background-color:rgba(0,0,0,0.80);color:#fff;width:100%;height:100%;padding:2em}section #page5.active.playing
.intro_feestje{display:none}section #page5.active .intro_feestje p:nth-of-type(1){animation-delay:0s;animation-duration:2.5s}section #page5.active .intro_feestje p:nth-of-type(2){animation-delay:2.5s;animation-duration:7.5s}section #page5.active .intro_feestje p:nth-of-type(3){animation-delay:10s;animation-duration:7.5s}section #page5.active .intro_feestje p:nth-of-type(4){animation-delay:17.5s;animation-duration:7.5s}section #page5.active .intro_feestje p:nth-of-type(5){animation-delay:25s;animation-duration:7.5s}section #page5.active .intro_feestje p:nth-of-type(6){animation-delay:32.5s;animation-duration:2.5s}section
#page6{background-color:#56ACEB;animation-delay:0s;animation-duration:20s;animation-iteration-count:1;animation-fill-mode:forwards;animation-direction:normal;padding-top:0}section #page6
.page_content{height:100vh;z-index:3;margin-top:-100vh}section
#page6.active{animation-name:naar_bed}section #page6.active::after{animation-name:sunrise}section #page6
audio{position:absolute;margin:0
auto;display:block;bottom:4em;width:280px;left:50%;margin-left:-140px}section #page6 .intro
h1{color:#FFF}section #page6.active
.intro{position:absolute;top:0;left:0;z-index:2;background-color:transparent;color:#FFF;width:100%;height:calc(100% - 40px - 2em)}section #page6.active .intro
p{display:block;opacity:0;position:relative;margin:0;padding:0
1em;overflow:hidden}section #page6.active .tekst_animatie p:nth-of-type(1){animation-delay:0s;animation-duration:6s}section #page6.active .tekst_animatie p:nth-of-type(2){animation-delay:6s;animation-duration:6s}section #page6.active .tekst_animatie p:nth-of-type(3){animation-delay:12s;animation-duration:6s}section #page6.active .tekst_animatie p:nth-of-type(4){animation-delay:18s;animation-duration:6s}section #page6.active .tekst_animatie p:nth-of-type(5){animation-delay:24s;animation-duration:6s}section #page6.active .tekst_animatie p:nth-of-type(6){animation-delay:30s;animation-duration:20s}#skyscraper_container{position:relative;z-index:2;margin:0
auto;display:block;width:580px;height:100vh}#skyscraper_container
.video_container{position:absolute;z-index:1;top:0;left:0;width:100%;max-width:580px;height:100vh;overflow:hidden}#skyscraper_container  .video_container
video{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:100vh;z-index:1}div#skyscraper_container
.img_container{position:absolute;z-index:2;top:60vh;left:0;width:100%;overflow:hidden}div#skyscraper_container .img_container
img{width:110%;max-width:none;height:auto;left:0;position:relative}.colofon_btn{position:fixed;z-index:4;bottom:2em;width:100%;text-align:center}body.indehuidvan
.page.colofon_container{position:relative;min-height:100vh;max-height:none;height:auto;padding:2em;background-color:#2A2A31;overflow:visible}body.indehuidvan .page.colofon_container
.page_content{height:auto}.colofon_container
h1{font-size:2.5rem;padding:1.5em 0 0 0 !important}.colofon_container
h3{font-size:2rem}.colofon_container
p{font-size:1.5rem}.colofon_container h3,
.colofon_container
p{text-align:left !important;color:#FFF}.colofon_container
a{color:#FFF;text-decoration:underline}.colofon_container
.share_btns{text-align:center}.colofon_container .share_btns>*{width:4em;height:4em;display:inline-block;margin: .25em}.goback{width:62%;border:1px
solid white;margin:0
auto;text-align:center!important;text-decoration:none!important;color:white;padding:10px}#page7
.page_content{text-align:center}button.btn_toggle{position:relative;margin:-50px auto 50px auto;height:31px;width:51px;border-radius:15.5px}button.btn_play{position:absolute;bottom:20vh;left:50%;margin-left:-60px;height:120px;width:120px;border-radius:50%;color:#FFF;text-align:center;font-size:55px;text-indent:5px}button.btn_play.play{display:none}button.btn_play
i.fas{pointer-events:none}button.btn_play,button.btn_toggle{display:block;box-shadow:0 0 0 hsla(0,100%,70%,.8);animation:pulse_btn 2s infinite;background-color:#f66;border:none;outline:0;cursor:pointer;z-index:20;padding:0;transition:background-color .2s ease;will-change:background-color}button.btn_toggle:before{content:"";background-color:#fff;width:27px;height:27px;border-radius:50%;border: .5px solid rgba(0,0,0,.1);box-shadow:0 3px 1px 0 rgba(0,0,0,.05), 0 2px 2px 0 rgba(0,0,0,.1), 0 3px 3px 0 rgba(0,0,0,.05);position:absolute;top:2px;left:2px;transform:translateX(0);transition:transform .2s ease;will-change:transform}button.btn_toggle.on{background-color:#f66}button.btn_toggle.off{background-color:#535252}button.btn_toggle.on:before{transform:translateX(0px)}button.btn_toggle.off:before{transform:translateX(20px)}button.btn_toggle:after{position:absolute;margin-top:-60px;padding:0
1em;background-color:rgba(0,0,0,0.70);color:#FFF;border-radius:1em;line-height:2em;margin-left:-90px;width:180px;left:50%;text-align:center;text-shadow:none;white-space:nowrap}button.btn_toggle.on:after{content:'normale modus'}button.btn_toggle.off:after{content:'PWS modus'}.tekst_animatie{margin:0
auto;width:100%;position:relative;max-height:100vh}.tekst_animatie
p{display:none}section .active .tekst_animatie
p{position:relative;display:block;opacity:0;color:#FFF;border-radius:3px;text-align:center;animation-name:tekst_animatie;animation-duration:5s;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:both;width:80%;margin:0
auto;padding:0
1em !important;overflow:hidden}section .active .tekst_animatie
p.blijf{animation-name:tekst_animatie_blijf;background-image:none !important}section .active .tekst_animatie p:not(.normaal):not(.instructie){line-height:2em}section .active .tekst_animatie p.instructie,
section .active .tekst_animatie
p.normaal{background-color:transparent !important;background:transparent url(/images/indehuidvan/bg_normaal_tekst.png) no-repeat 100% 100%;background-size:100% 10px;padding:0
0 .5em 0 !important;border-radius:0;width:calc(90% - 2em)}@keyframes
pulse_btn{0%{box-shadow:0 0 0 0 hsla(0,100%,70%,.8)}70%{box-shadow:0 0 0 25px hsla(0,100%,70%,0)}to{box-shadow:0 0 0 0 hsla(0,100%,70%,0)}}@keyframes
tekst_animatie{0%{opacity:0;transform:translateY(15px) scale(.9);background-size:100% 10px}20%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1;transform:translateY(0) scale(1);max-height:100vh}100%{opacity:0;transform:translateY(-1.5em) scale(1);max-height:0;background-size:0 10px}}@keyframes
tekst_animatie_blijf{0%{opacity:0;transform:translateY(15px) scale(.9);background-size:100% 10px}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes
sunrise{0%{opacity:1}100%{opacity:0}}@keyframes
naar_bed{0%{background-color:#56ACEB}100%{background-color:#2A2A31}}@keyframes
eenvooreen{0%{opacity:0}10%{opacity:1}90%{opacity:1;max-height:100vh}100%{opacity:0;max-height:0}}@media screen AND (max-height:568px){button.btn_play{bottom:15vh}}@media screen AND (max-width:580px){}@media screen AND (min-width:581px) AND (max-width:1024px){div#skyscraper_container .img_container
img{width:120%}body.indehuidvan{font-size:24px}}@media screen AND (min-width:1025px){body.indehuidvan{font-size:24px}div#skyscraper_container .img_container
img{width:120%}}@media only screen AND (orientation: landscape) AND (max-width:1024px){#turn_to_landscape{display:block}}@media only screen and (max-width: 400px){body.indehuidvan #page1 .page_content
h1{font-size:2.5rem}body.indehuidvan #page1 .page_content
.instructie{padding:15px}body.indehuidvan #page1 p, body.indehuidvan #page5
p{font-size:15px}}