/* Aangeleverde DDM-huisstijl. De originele logoafbeeldingen blijven intact. */
[hidden]{display:none!important}
.instagram-empty{grid-template-columns:1fr;min-height:190px}
.field-editor form{padding-top:20px}
.admin-menu{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:28px}
.admin-menu a{padding:9px 14px;border:1px solid var(--line);font-size:12px}
.field-flags{padding-top:28px}
.answer-list{margin:22px 0}
.answer-list>div{padding:12px 0;border-bottom:1px solid var(--line)}
.answer-list dt{font-size:12px;font-weight:700;color:var(--muted)}
.answer-list dd{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.instagram-embeds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,326px),1fr));gap:22px;align-items:start;margin-bottom:20px}
.instagram-embed{min-width:0;background:#fff;border:1px solid var(--line)}
.instagram-embed iframe{display:block;width:100%;height:560px;border:0;background:#fff}
.embed-caption{padding:18px}
.embed-caption h3{font-size:21px;overflow-wrap:anywhere}
.instagram-help{font-size:12px;color:var(--muted);margin-bottom:30px}
.instagram-gallery{margin-bottom:30px}
.instagram-gallery img{aspect-ratio:1;transition:filter .2s}
.instagram-gallery a:hover img{filter:brightness(1.08)}
.instagram-gallery figcaption p{font-size:13px;line-height:1.6;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.admin details{margin:25px 0;padding:20px;border:1px solid var(--line)}
.admin summary{cursor:pointer;font-weight:600}
.admin details p{font-size:13px}
.admin details a{text-decoration:underline}
:root{--ink:#24221e;--green:#111110;--gold:#c8a878;--muted:#74716a}
.header{max-width:none;background:#080808;color:#f6f0e5;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}
.brand-mark{width:108px;height:54px;object-fit:contain;display:block;flex-shrink:0}
.header .brand{gap:13px;font-size:13px;letter-spacing:1.5px}
.header .brand small{color:#c8b393;font-size:7px;letter-spacing:2px}
.header .nav-contact{border-color:#69583e;color:#e5c99e}
.header nav a:hover{color:#dfbd87}
.hero{padding-top:35px}
.hero-visual{background:#030303;display:flex;align-items:center;justify-content:center}
.hero-visual:after{display:block}
.hero-visual .visual-label{bottom:30px;left:30px}
.hero-visual .visual-label strong{font-size:25px}
.hero-visual .visual-index{color:#c8b393;top:24px;font-size:8px}
.brand-banner{background:#030303;padding:12px 6%}
.brand-banner img{display:block;width:min(100%,900px);height:auto;max-height:275px;object-fit:contain;margin:auto}
footer{max-width:none;background:#080808;color:#eee4d5;padding:22px max(5%,calc((100vw - 1296px)/2));gap:35px}
footer .footer-brand{width:260px;flex-shrink:0}
.footer-brand img{display:block;width:100%;height:auto}
footer>span,footer>a:last-child{color:#c0b5a2}
.admin-brand{display:block;width:230px;margin:20px 0}
.admin-brand img{display:block;width:100%;height:auto}
@media(max-width:1000px){.header .brand{font-size:10px;gap:9px}.brand-mark{width:83px;height:45px}.header .brand small{font-size:6px;letter-spacing:1.5px}.header nav{gap:15px}.hero-visual .visual-label{left:24px}.hero-visual .visual-label strong{font-size:23px}}
@media(max-width:720px){.header{padding:17px 6% 20px;gap:15px}.header .brand{font-size:12px;gap:12px}.brand-mark{width:92px;height:46px}.header .brand small{font-size:7px}.header nav{gap:10px}.hero{padding-top:20px}.hero-visual{min-height:320px}.hero-brand-image{margin-bottom:22px}.hero-visual .visual-label{bottom:20px;left:22px}.hero-visual .visual-label>span{font-size:8px}.hero-visual .visual-label strong{font-size:21px;margin-top:4px}.hero-visual .visual-index{top:18px;right:20px;font-size:7px}.brand-banner{padding:15px 0}.brand-banner img{min-height:155px}footer{padding:20px 6% 30px;gap:18px}footer .footer-brand{width:230px;margin-right:calc(100% - 230px)}.admin-brand{width:210px}}
