.mf-series-arbeitsweg main > .wp-block-post-content { max-width:1200px; }
.mf-work-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.mf-work-gallery a { display:block; }
.mf-work-gallery img { display:block; width:100%; height:auto; }
.mf-work-gallery.justified-gallery { display:block; }
.mf-work-gallery a:focus-visible { outline:3px solid #66715f; outline-offset:-3px; }
.mf-lightbox { box-sizing:border-box; position:fixed; inset:0; width:100vw; max-width:none; height:100dvh; max-height:none; margin:0; padding:64px 64px 30px; border:0; background:#171918; color:#f6f4ef; }
.mf-lightbox::backdrop { background:#171918; }
.mf-lightbox[open] { display:flex; align-items:center; justify-content:center; }
.mf-lightbox figure { margin:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; }
.mf-lightbox figure img { max-width:100%; max-height:calc(100% - 50px); width:auto; height:auto; object-fit:contain; }
.mf-lightbox figcaption { font-size:14px; text-align:center; line-height:1.4; }
.mf-lightbox button { background:transparent; color:inherit; border:1px solid #777; cursor:pointer; padding:8px 12px; font:inherit; min-width:44px; min-height:44px; }
.mf-lightbox button:focus-visible { outline:2px solid white; outline-offset:3px; }
.mf-lightbox-top { position:absolute; left:24px; right:24px; top:12px; display:flex; justify-content:space-between; align-items:center; }
.mf-lightbox .mf-prev,.mf-lightbox .mf-next { position:absolute; top:calc(50% - 24px); font-size:30px; line-height:1; }
.mf-prev { left:8px; } .mf-next { right:8px; }
html:has(.mf-lightbox[open]) { overflow:hidden; }
@media(max-width:600px) { .mf-work-gallery { grid-template-columns:1fr; } .mf-lightbox { padding:70px 8px 76px; } .mf-lightbox .mf-prev,.mf-lightbox .mf-next { top:auto; bottom:14px; } .mf-lightbox-top { left:12px; right:12px; } }