/*

	Version: 		1.0
	Description: 	Landingspagina voor de campagne "Ik zie, ik zie, wat jij niet ziet"
	Author:			Stunned communicatie & vorm
	Author URI: 	https://www.stunned.nl/

*/

:root{--wit:#ffffff;--geel:#fff100;--zwart:#000000}.bg-geel{background:var(--geel)}.bg-zwart{background:var(--zwart)}.tekst-wit{color:var(--wit)}.tekst-geel{color:var(--geel)}.tekst-zwart{color:var(--zwart)}body.noscroll,html.noscroll{overflow-y:hidden;touch-action:none;-ms-touch-action:none}.transition{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.btn{border:0;width:100%;display:block;font-weight:500;border-radius:0;padding:1rem 1.5rem}.btn:active,.btn:focus,.btn:hover{outline:0;box-shadow:none}.btn.btn-primary{color:var(--zwart);background:var(--geel)}.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover{background:var(--wit)}body,html{font-style:normal;font-family:museo-sans,sans-serif}body a,body a:hover{color:inherit}body p{font-size:16px;font-weight:500;line-height:1.7;color:var(--zwart);margin-bottom:2rem}body p:last-of-type{margin-bottom:0}body p strong{font-weight:900}body ul.list{margin:0;font-size:16px;padding:0 0 0 1rem}body ul.list+p{margin-top:2rem}body p.tekst-large{font-size:22px}.h1,h1{font-size:100px;font-weight:900;line-height:1}.h2,h2{font-size:50px;font-weight:900;line-height:1;margin-bottom:2rem}.h3,h3{font-size:22px;font-weight:500;line-height:1;margin-bottom:1rem;letter-spacing:.125rem}.h4,h4{font-size:22px}.h2.tekst-large,h2.tekst-large{font-size:75px}header{z-index:1090}header .row{padding-top:15px}.navigation{top:0;bottom:0;width:300px;right:-300px;position:fixed;background:var(--geel);box-shadow:0 0 50px 25px transparent}.navigation ul{top:50%;margin:0;padding:0;list-style:none;position:relative;transform:translateY(-50%)}.navigation ul li{padding:1rem 5rem}.navigation ul li a{font-weight:500;color:var(--zwart);display:inline-block;letter-spacing:.125rem}.navigation ul li a:hover{text-decoration:none}.navigation.active{right:0;box-shadow:0 0 50px 25px rgba(0,0,0,.05)}.navigation-toggle{top:25px;left:auto;right:25px;z-index:1090}.toggle{z-index:1090;cursor:pointer;position:relative}.toggle span{width:35px;height:2px;display:block;background:var(--wit)}.toggle span{margin:10px auto}.toggle span:first-of-type,.toggle span:last-of-type{margin:0!important}.toggle.active span{width:0}.toggle.active span:first-of-type{width:35px;background:var(--zwart);transform:translate(0,12px) rotate(45deg)}.toggle.active span:last-of-type{width:35px;background:var(--zwart);transform:translate(0,-12px) rotate(-45deg)}.page-content{width:100%;z-index:1031;overflow:hidden;position:relative;box-shadow:0 0 25px 25px rgb(0,0,0,.025)}.hero-image{top:0;left:0;right:0;width:100%;height:100%;z-index:1000;position:absolute;pointer-events:none}.hero-image img,.hero-image video{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero-gradient::before{top:0;left:0;right:0;bottom:0;content:" ";opacity:.5;position:absolute;pointer-events:none;background:#000;background:linear-gradient(0deg,#000 0,rgba(0,0,0,0) 100%)}.hero-content{z-index:1010;position:relative}.hero-arrows{left:50%;bottom:4rem;z-index:1020;position:absolute;transform:translateX(-50%)}.hero-arrows img{-webkit-animation:slide-bottom 3s ease-in-out infinite;animation:slide-bottom 3s ease-in-out infinite}@-webkit-keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(2rem);transform:translateY(2rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(2rem);transform:translateY(2rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.cibap-image{top:0;width:50%;height:100%;z-index:1000;position:absolute;pointer-events:none}.cibap-image img,.cibap-image video{width:100%;height:100%;object-fit:cover}.cibap-image.left{left:0}.cibap-image.right{right:0}footer.fixed-bottom{right:auto;overflow:hidden}footer p{font-size:12px}footer p .tekst-large{font-size:15px}@media only screen and (max-width:1200px){.h1,h1{font-size:80px}.h2,h2{font-size:40px}.h2.tekst-large,h2.tekst-large{font-size:62px}}@media only screen and (max-width:992px){.h2.tekst-large,h2.tekst-large{font-size:50px}}@media only screen and (max-width:768px){body p,body ul.list{font-size:15px}.h1,h1{font-size:56px}.h2,h2{font-size:36px}.h2.tekst-large,h2.tekst-large{font-size:54px}header .branding img{max-width:200px}header .btn{font-size:14px;padding:.5rem .75rem}.hero-arrows{bottom:7rem}.cibap-image{z-index:0;height:75vh;position:relative;margin-bottom:-10.25rem;width:calc(100% - 15px)}footer p{font-size:12px}footer p .tekst-large{font-size:15px}}