/*
Theme Name: Bergingsfotos.nl
Author: Marco Lisseveld
Description: Responsive thema voor Bergingsfotos.nl
Version: 2.0.0
*/
:root{--navy:#0b1e33;--orange:#ff6900;--line:#e3e7ea}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#151515}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-mark{border:4px solid var(--orange);border-radius:7px;padding:10px;color:var(--navy);font-weight:900}.brand-name{font-size:24px;font-weight:900}.brand-name span{color:var(--orange)}.tagline{font-size:9px;color:#666;letter-spacing:1px}.nav{display:flex;gap:25px}.nav a{font-weight:900;font-size:13px;text-transform:uppercase;padding:30px 0;border-bottom:4px solid transparent}.nav a:hover{border-color:var(--orange)}.mobile-toggle{display:none;background:var(--navy);color:white;border:0;border-radius:7px;width:44px;height:44px;font-size:22px}.mobile-menu{display:none;background:#fff}.mobile-menu a{display:block;padding:15px 4%;font-weight:900;border-top:1px solid #eee}
.hero{min-height:520px;background:linear-gradient(90deg,rgba(5,18,31,.93),rgba(5,18,31,.35)),url('assets/hero.svg') center/cover;display:flex;align-items:center}.hero-content{color:#fff;max-width:650px;padding:70px 0}.hero h1{font-size:64px;line-height:.95;text-transform:uppercase;margin:0 0 20px}.hero h1 span{color:var(--orange)}.hero p{font-size:21px;line-height:1.45}.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;padding:14px 21px;border-radius:5px;font-weight:900;text-transform:uppercase;font-size:13px}.btn-orange{background:var(--orange);color:#fff}.btn-dark{background:var(--navy);color:#fff}.btn-outline{border:2px solid #fff;color:#fff}
.section{padding:55px 0}.section h1,.section h2{text-transform:uppercase}.layout{display:grid;grid-template-columns:1fr 300px;gap:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:7px;overflow:hidden}.card img{width:100%;height:205px;object-fit:cover}.card-body{padding:17px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item img{width:100%;height:240px;object-fit:cover;border-radius:7px}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.video-card{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden;border-radius:7px}.video-card img{width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:42px}.video-embed{aspect-ratio:16/9}.video-embed iframe{width:100%;height:100%;border:0}.sidebar-box{border:1px solid var(--line);padding:20px;border-radius:7px}.site-footer{background:var(--navy);color:#fff;padding:35px 0;margin-top:30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
@media(max-width:900px){.nav{display:none}.mobile-toggle{display:block}.layout{grid-template-columns:1fr}.grid,.gallery{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:48px}}
@media(max-width:600px){.header-inner{height:64px}.brand-name{font-size:17px}.tagline{display:none}.brand-mark{padding:7px}.hero{min-height:430px}.hero-content{padding:50px 0}.hero h1{font-size:38px}.hero p{font-size:17px}.buttons{flex-direction:column;max-width:340px}.btn{width:100%}.section{padding:40px 0}.grid,.gallery,.video-grid{grid-template-columns:1fr}.gallery-item img{height:230px}.footer-grid{grid-template-columns:1fr}}