/* FM Media Referenzen – ergänzende Styles, ohne vorhandene Styles zu verändern */
.ref-page{background:#f6f6f3;color:#202124}.ref-wrap{width:min(1200px,calc(100% - 44px));margin-inline:auto}.ref-kicker{font-size:12px;letter-spacing:.17em;font-weight:800;text-transform:uppercase;color:#b48a1d}.ref-hero{background:#202124;color:#fff;padding:95px 0 72px;overflow:hidden}.ref-hero h1{font-size:clamp(58px,9vw,124px);line-height:.97;letter-spacing:-.065em;margin:20px 0 40px;font-weight:800}.ref-hero h1 em{color:#e4b23c;font-style:normal}.ref-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:32px}.ref-hero-bottom p{max-width:650px;font-size:clamp(17px,2.2vw,22px);line-height:1.6;color:#d1d1d1;margin:0}.ref-primary{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;white-space:nowrap;background:#e5b53e;color:#1c1c1c!important;padding:17px 22px;text-decoration:none;font-weight:800;border-radius:4px;transition:transform .2s,background .2s}.ref-primary:hover{background:#f5c95e;transform:translateY(-2px)}.ref-section{padding:78px 0 90px}.ref-intro{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:33px}.ref-intro h2{font-size:clamp(32px,4vw,53px);line-height:1.12;letter-spacing:-.045em;margin:12px 0 0}.ref-dot{color:#dba62e}.ref-intro>p{max-width:375px;color:#666;line-height:1.7;margin:0}.ref-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.ref-filters button{border:1px solid #d9d9d5;border-radius:3px;background:#fff;padding:12px 17px;color:#373737;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.ref-filters button.active,.ref-filters button:hover{background:#252525;color:#fff;border-color:#252525}.ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.ref-card{min-width:0;background:#fff;border:1px solid #e7e7e3;overflow:hidden}.ref-card[hidden]{display:none}.ref-image{position:relative;display:block;aspect-ratio:1.4;overflow:hidden;background:#e6e6e6}.ref-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.ref-image:hover img{transform:scale(1.045)}.ref-zoom{position:absolute;bottom:13px;right:13px;width:36px;height:36px;background:#e6b63f;display:grid;place-items:center;color:#1b1b1b;font-weight:800}.ref-card-copy{padding:22px 22px 25px}.ref-tag{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a67b16}.ref-card h3{font-size:21px;line-height:1.25;margin:11px 0 8px;letter-spacing:-.025em}.ref-card p{font-size:14px;line-height:1.65;color:#666;margin:0}.ref-note{color:#777;font-size:13px;margin:26px 0 0}.ref-cta{background:#e9e9e4;padding:66px 0}.ref-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.ref-cta h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1.13;margin:12px 0}.ref-cta p:not(.ref-kicker){max-width:610px;line-height:1.7;color:#565656}.ref-cta .ref-primary{background:#222;color:#fff!important}.ref-cta .ref-primary:hover{background:#444}@media(max-width:900px){.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-hero-bottom,.ref-intro,.ref-cta-inner{align-items:start;flex-direction:column}}@media(max-width:620px){.ref-wrap{width:min(100% - 30px,1200px)}.ref-hero{padding:65px 0 56px}.ref-hero h1{margin:17px 0 27px}.ref-grid{grid-template-columns:1fr;gap:18px}.ref-section{padding:53px 0 60px}.ref-filters{gap:8px}.ref-filters button{padding:10px 12px;font-size:12px}.ref-card-copy{padding:18px}.ref-cta{padding:50px 0}.ref-primary{white-space:normal}}

/* Referenz-Lightbox */
body.ref-lightbox-open{overflow:hidden}
.ref-lightbox[hidden],.ref-lightbox-arrow[hidden]{display:none!important}
.ref-lightbox{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px;color:#fff}
.ref-lightbox-backdrop{position:absolute;inset:0;background:rgba(12,13,16,.94);cursor:zoom-out}
.ref-lightbox-content{position:relative;z-index:1;width:min(1200px,100%);height:min(92dvh,950px);display:flex;align-items:center;justify-content:center;pointer-events:none}
.ref-lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:calc(100% - 110px);max-height:100%;min-width:0;pointer-events:auto}
.ref-lightbox figure img{display:block;max-width:100%;max-height:calc(92dvh - 80px);width:auto;height:auto;object-fit:contain;border-radius:2px}
.ref-lightbox figcaption{width:100%;display:flex;justify-content:space-between;gap:20px;padding:15px 2px 0;color:#eee;font-size:14px}
.ref-lightbox figcaption span:last-child{white-space:nowrap;color:#c9c9c9}
.ref-lightbox button{position:absolute;z-index:2;border:0;color:#fff;background:rgba(255,255,255,.14);cursor:pointer;display:grid;place-items:center;pointer-events:auto;transition:background .2s}
.ref-lightbox button:hover,.ref-lightbox button:focus-visible{background:#d8a934;color:#111}
.ref-lightbox-close{top:0;right:0;width:46px;height:46px;border-radius:50%;font-size:34px;line-height:1}
.ref-lightbox-arrow{top:50%;transform:translateY(-50%);width:44px;height:52px;border-radius:4px;font-size:27px}
.ref-lightbox-prev{left:0}.ref-lightbox-next{right:0}
@media(max-width:620px){.ref-lightbox{padding:10px}.ref-lightbox-content{height:94dvh}.ref-lightbox figure{max-width:100%;max-height:100%}.ref-lightbox figure img{max-height:calc(94dvh - 110px)}.ref-lightbox-close{top:0;right:4px}.ref-lightbox-arrow{top:auto;bottom:0;transform:none;width:48px;height:44px}.ref-lightbox-prev{left:0}.ref-lightbox-next{right:0}.ref-lightbox figcaption{padding:14px 55px 55px;font-size:12px;text-align:center;flex-direction:column;gap:4px;align-items:center}}