@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body { font-family: Poppins; font-weight: 400; color: #eee; background: #111; overflow-y:Scroll; }
#menu { color: #fff; position: fixed; top: 0px; left: 0; width: 100%; z-index: 99; background: rgba(0, 0, 0, 0); transition: .3s; }
#menu .brand { max-height: 140px; transition: .3s;}
#menu ul.menu { list-style: none; margin-top: 30px; transition: .3s;}
#menu ul.menu li { float: left; padding: 10px;  }
#menu ul.menu li a { color: #fff; font-weight: 600; text-decoration: none; padding: 10px; transition: .4s; text-decoration: none; }
#menu ul.menu li a:hover { border-bottom: 2px solid #fff;}
#menu ul.menu li.se a:hover { border-bottom: 2px solid #fff; }
#menu ul.socials { list-style: none; margin-top: 11px; }
#menu ul.socials li { float: left; padding: 5px; }
#menu ul.socials li a { color: #fff; transition: .4s; }
#menu ul.socials li a:hover img { opacity: .7; transition: .4s; }
#menu .btn { margin: 30px 30px 0 0;}
#menu .btn.whatsapp { background: #25d366; color: #fff; }
#menu.scroll { background: rgba(0, 0, 0, 1); }
#menu.scroll .brand { max-height: 90px; }
#menu.scroll ul.menu { margin-top: 24px; }

#header { width: 100%; height: 100vh;}
#header .inside { position: relative; width: 100%; height: 100vh;}
#header img { width: 100%; height: 100vh; object-fit: cover; opacity: .4; position: absolute; z-index: 1; }
#header h5 { font-weight: 900; font-size: 50px;}
#header h1 { font-weight: 700; font-size: 69px;}
#header .container { max-width: 900px; }

#intro { padding: 70px 70px 10px 70px; text-align: center; }
#intro h1 { font-weight: 900; }
#intro p { font-size: 16px; line-height: 30px; font-weight: 500; }

#white { background: #fff; color: #333; padding: 120px 0; }
#white p { font-size: 14px; line-height: 30px; object-fit: cover; width: 100%; }
#white h2 { font-weight: 700px; margin-top: 20px; }
#white img { aspect-ratio: 4/3; width: 100%; max-width: 100%; }
#white .item { padding: 20px; }

#nieuws { padding: 100px 0; background: url('/theme/img/bgdots1.png') left bottom no-repeat;}
#nieuws .item { padding: 10px; }
#nieuws .item .img { width: 100%; height: 250px; border-radius: 8px; background: #eee; margin-bottom: 20px; }
#nieuws .item video { font-weight: 800; }
#nieuws .item a.leesverder { font-weight: 700; text-transform: uppercase; text-decoration: none; transition: .3s; color:#333; }
#nieuws .item a.leesverder:hover { color: #888; transition: .2s; }
#nieuws .item p { font-size: 14px; line-height: 30px; }

#video { background: #adadad; padding: 80px 0 50px 0;}
#video embed { margin: 20px; }

#page { padding-top: 200px; }
#page p { font-size: 16px; line-height: 30px; }

#nieuwsitem { padding: 125px 0 60px 0; background: #eee; }
#nieuwsitem p { font-size: 16px; line-height: 30px; }

#footer { padding: 50px; }
#footer a { color: #fff; }
#footer ul.footermenu { list-style: none; margin-top: 2px; display: inline-block;}
#footer ul.footermenu li { display: inline-block; padding: 5px; }
#footer ul.footermenu li a { display: inline-block; color: #FFF; font-weight: 600; text-decoration: none; padding: 10px;transition: .4s;}

#footer ul.footermenu li a:hover {
    color: #3a72ff;
}


#fotos .foto {aspect-ratio: 4/3;
    width: 100%;
    max-width: 100%; margin-bottom: 20px; object-fit: cover; }

@media (max-width: 992px) {
body { overflow-y: none !important; }
#menu ul.menu { display: none; position: absolute; top: 0px; left:0px; height: 100vh; width: 100%; background: rgba(0,0,0,.9); z-index: 9999; padding: 50px 0 0 0 ; margin: 0; }
#menu ul.menu.show { display: block; !important}
#menu ul.menu li { display: block; width: 100%; text-align: center; }
#menu ul.menu li a { border: 0; font-size: 22px; }
#header img { width: 100%; height: 400px; object-fit: cover; }
#intro { padding: 70px 0 10px 0; text-align: center; }
#footer { padding: 50px 0; }
}