/* V041 – nur Referenzen: 15 Karten initial, Nachladen in Schritten von 15 */
.design-v041 .v041-references-hero .page-hero-copy h1{font-size:clamp(38px,5vw,70px)}
.design-v041 .v041-reference-section{padding-top:clamp(65px,7vw,110px)}
.design-v041 .v041-references-grid{align-items:stretch}
.design-v041 .v041-reference-card{background:#fff;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}
.design-v041 .v041-reference-card:hover{box-shadow:0 12px 28px #1b20191a;border-color:#c9d0ca}
.design-v041 .v041-reference-image{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:#ecefeb}
.design-v041 .v041-reference-image img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}
.design-v041 .v041-reference-image:hover img,.design-v041 .v041-reference-image:focus-visible img{transform:scale(1.025)}
.design-v041 .v041-image-hint{position:absolute;bottom:13px;right:13px;padding:9px 11px;color:#232824;background:#fffefa;font-size:11px;font-weight:700;box-shadow:0 2px 12px #0002}
.design-v041 .v041-reference-card figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 17px}
.design-v041 .v041-reference-card figcaption span{font-size:10px}
.design-v041 .v041-reference-card figcaption strong{margin-left:0;color:#36403a;line-height:1.4}
.design-v041 .v041-more-area{margin:40px auto 0;text-align:center;max-width:550px}
.design-v041 .v041-count{font-size:13px;color:#4b554e;margin:0 0 17px}
.design-v041 .v041-more-button{border:1px solid #ad1620;background:#b50d19;color:white;padding:15px 27px;min-height:50px;font-weight:700;cursor:pointer;display:inline-flex;gap:22px;align-items:center;justify-content:center;font-size:13px}
.design-v041 .v041-more-button:hover:not(:disabled){background:#8e111a}
.design-v041 .v041-more-button:focus-visible,.design-v041 .v041-reference-image:focus-visible{outline:3px solid #d30813;outline-offset:3px}
.design-v041 .v041-more-button:disabled{opacity:.5;cursor:wait}
.design-v041 .v041-notice{font-size:12px;color:#667169;margin:10px 0 0}
.design-v041 .v041-admin-extra{display:none;border-top:1px solid #e2e5df;margin-top:55px;padding-top:40px}
.design-v041 .v041-admin-extra:has(.reference-preview-card){display:block}
.design-v041 .v041-admin-extra h3{font-size:23px;margin-bottom:26px}
.design-v041 .v041-lightbox{width:min(1040px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);border:0;padding:14px 18px 18px;background:#f7f7f3;color:#202423;box-shadow:0 14px 55px #0006}
.design-v041 .v041-lightbox::backdrop{background:rgba(10,17,16,.86)}
.design-v041 .v041-lightbox-top,.design-v041 .v041-lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}
.design-v041 .v041-lightbox-top{padding-bottom:10px}
.design-v041 .v041-lightbox-top p{margin:0;font-weight:700;font-size:14px}
.design-v041 .v041-lightbox-close,.design-v041 .v041-lightbox-bottom button{background:#fff;border:1px solid #c9cfcb;cursor:pointer;min-width:44px;min-height:42px;font-size:20px}
.design-v041 #v041-lightbox-img{width:100%;height:auto;max-height:calc(100dvh - 155px);object-fit:contain;background:#e7e9e6}
.design-v041 .v041-lightbox-bottom{padding-top:10px;font-size:12px;color:#566158}
.design-v041 .v041-lightbox-bottom div{display:flex;gap:8px}
.design-v041 .v041-lightbox-bottom button:disabled{opacity:.4;cursor:default}
@media(max-width:640px){
 .design-v041 .v041-reference-card figcaption{padding:12px 14px}
 .design-v041 .v041-more-area{margin-top:28px}
 .design-v041 .v041-more-button{width:100%}
 .design-v041 .v041-lightbox{padding:10px}
}
@media(prefers-reduced-motion:reduce){.design-v041 .v041-reference-image img{transition:none}}
.design-v041 .v041-more-button[hidden]{display:none}