.history-archive{margin:36px 0 12px;padding-top:28px;border-top:1px solid var(--history-rule);scroll-margin-top:180px}
.history-archive-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center}
.history-archive .history-archive-date{display:inline-block;margin-bottom:12px;font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--blue)}
.history-archive h3{margin:0 0 18px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(28px,3vw,38px);line-height:1.1;letter-spacing:0}
.history-archive .history-archive-meta{font-size:14px!important;color:var(--muted);margin:0!important}
.history-archive-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 22px;align-items:start}
.history-archive figure{min-width:0;margin:0}
.history-archive .archive-image-link{position:relative;display:block;overflow:hidden;border-radius:9px;background:#f3f5f8;line-height:0;isolation:isolate}
.history-archive .archive-image-link img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;filter:none!important;border:0;border-radius:0}
.archive-image-link:after{content:'Vergrößern';position:absolute;right:10px;bottom:10px;padding:9px 12px;border-radius:5px;background:#ffffffed;color:var(--ink);font:700 13px/1.2 Arial,sans-serif;box-shadow:0 2px 10px #10223f12;transition:background .2s}
.archive-image-link:hover:after{background:#fff}
.history-archive figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.5}
.history-archive .archive-identification{padding:16px 20px;border-left:3px solid var(--red);background:#f7f9fc;border-radius:0 7px 7px 0;max-width:none!important;font-size:14px!important;line-height:1.7!important}
.archive-lightbox{width:min(1100px,calc(100% - 32px));max-width:1100px;max-height:calc(100dvh - 32px);padding:18px;border:0;border-radius:12px;background:#fff;color:var(--ink);overflow:auto;box-shadow:0 20px 90px #0005}
.archive-lightbox::backdrop{background:#08162bd9}
.archive-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.archive-lightbox-top h2{margin:0;font:700 18px/1.4 Arial,sans-serif;text-transform:none;letter-spacing:0}
.archive-lightbox button{min-height:44px;padding:10px 15px;border:1px solid #dce6f1;border-radius:7px;background:#fff;color:var(--ink);font-size:14px;font-weight:700}
.archive-lightbox button:hover{background:#eff5fc}
.archive-lightbox figure{margin:0}
.archive-lightbox img{width:100%;height:auto;max-height:calc(100dvh - 220px);object-fit:contain;display:block;background:#f3f5f8}
.archive-lightbox figcaption{font-size:14px;line-height:1.5;margin-top:12px;color:var(--muted)}
.archive-lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.archive-lightbox-count{font-size:14px;color:var(--muted)}
@media(max-width:780px){.history-archive{scroll-margin-top:120px}.history-archive-intro{grid-template-columns:1fr;gap:20px}.history-archive-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.history-archive h3{font-size:29px}.history-archive .archive-identification{padding:14px 16px}.archive-lightbox{width:calc(100% - 20px);padding:14px}.archive-lightbox-top h2{font-size:16px}}
@media(max-width:480px){.history-archive-gallery{grid-template-columns:1fr;gap:24px}.archive-lightbox-top{align-items:flex-start}.archive-lightbox button{padding:10px 12px}.archive-lightbox-top h2{max-width:190px}}