@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: #333; overflow-y:Scroll; }
#menu { background: #111; color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
#menu ul.menu { list-style: none; margin-top: 11px; }
#menu ul.menu li { float: left; padding: 10px;  }
#menu ul.menu li a { color: #fff; font-weight: 600; text-decoration: none; padding: 10px; border: 2px solid #111; border-radius: 10px; transition: .4s; text-decoration: none; }
#menu ul.menu li a:hover { border: 2px solid #777; transition: .4s;}
#menu ul.menu li.se a:hover { border: 2px solid #777; transition: .4s;}
#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; }

#header img { width: 100%; height: 800px; object-fit: cover; }
#header h5 { font-weight: 900; font-size: 50px;}

#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; }


#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 { margin-top: 125px; }
#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 .logo { padding: 20px; }
#footer a { color: #333; }

#fotos .foto { width: 200px; height: 200px; margin-bottom: 20px; object-fit: cover; }
#albums h3 { font-size: 20px; padding: 15px 15px 35px 15px; }

@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; }
#fotos .foto { width: 170px; height: 170px; margin-bottom: 20px; object-fit: cover; }
}