@import url('assets/fonts.css');
#i8-referenzen{--ink:#0d0d0d;--accent:#ef9921;--muted:#656565;--line:#d9d9d9;background:#fff;color:var(--ink);font:400 15px/1.7 'Manrope',sans-serif;overflow:clip;-webkit-font-smoothing:antialiased}#i8-referenzen *{box-sizing:border-box}#i8-referenzen [hidden]{display:none!important}#i8-referenzen a{color:inherit;text-decoration:none}#i8-referenzen button{font:inherit;color:inherit;cursor:pointer}#i8-referenzen img{display:block;max-width:100%;height:auto}#i8-referenzen h1,#i8-referenzen h2,#i8-referenzen h3,#i8-referenzen p,#i8-referenzen figure{margin:0}#i8-referenzen h1,#i8-referenzen h2,#i8-referenzen h3{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.04;letter-spacing:-.025em;color:inherit}#i8-referenzen em{font-weight:400}#i8-referenzen h1{font-size:clamp(48px,5.9vw,84px)}#i8-referenzen h2{font-size:clamp(38px,4.2vw,58px)}#i8-referenzen h3{font-size:35px}#i8-referenzen .rf-wrap{max-width:1360px;margin:auto;padding-left:64px;padding-right:64px}#i8-referenzen .rf-eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.6}#i8-referenzen .rf-header{height:108px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ededed;gap:30px}#i8-referenzen .rf-header img{width:196px}#i8-referenzen .rf-header nav{display:flex;gap:32px;font-size:12px;align-items:center}#i8-referenzen .rf-header a[aria-current]{border-bottom:1px solid var(--accent);padding:10px 0}#i8-referenzen .rf-intro{padding-top:66px;padding-bottom:54px}#i8-referenzen .rf-intro>.rf-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:34px}#i8-referenzen .rf-eyebrow>span{height:1px;background:var(--accent);width:30px}#i8-referenzen .rf-intro-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:45px;align-items:end}#i8-referenzen .rf-intro-copy{padding-bottom:5px}#i8-referenzen .rf-intro-copy p:first-child{font-size:18px;line-height:1.5;margin-bottom:15px}#i8-referenzen .rf-intro-copy p:last-child{font-size:12px;color:var(--muted);max-width:330px}#i8-referenzen .rf-hero{position:relative;margin:0 28px;height:clamp(420px,46vw,690px);overflow:hidden;background:#26382a}#i8-referenzen .rf-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}#i8-referenzen .rf-hero:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}#i8-referenzen .rf-hero figcaption{position:absolute;z-index:1;bottom:38px;left:4.5%;right:4.5%;color:white;display:flex;justify-content:space-between;align-items:end}#i8-referenzen .rf-hero figcaption p{font-family:'Cormorant Garamond',serif;font-size:38px;line-height:1.2;margin:8px 0}#i8-referenzen .rf-hero figcaption div>span:last-child{font-size:11px;color:#eee}#i8-referenzen .rf-hero figcaption>a{border:1px solid #ffffff80;border-radius:50%;height:52px;width:52px;display:grid;place-items:center;font-size:22px}#i8-referenzen .rf-selection{padding-top:105px;padding-bottom:80px;scroll-margin-top:20px}#i8-referenzen .rf-section-intro{display:grid;grid-template-columns:1.7fr 1fr;gap:9%;align-items:end;margin-bottom:55px}#i8-referenzen .rf-section-intro .rf-eyebrow{margin-bottom:24px;color:var(--muted)}#i8-referenzen .rf-section-intro>p{font-size:14px;color:var(--muted);padding-bottom:4px}#i8-referenzen .rf-filterbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-bottom:58px;gap:15px}#i8-referenzen .rf-filters{display:flex;gap:28px}#i8-referenzen .rf-filters button{border:0;border-bottom:2px solid transparent;background:none;font-size:12px;padding:22px 0 20px;color:var(--muted);border-radius:0}#i8-referenzen .rf-filters button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}#i8-referenzen sup{font-size:9px;margin-left:5px;color:#777}#i8-referenzen .rf-count{font-size:10px;white-space:nowrap;color:#777}#i8-referenzen .rf-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:48px;row-gap:80px;align-items:start}#i8-referenzen .rf-card{grid-column:span 6;min-width:0}#i8-referenzen .rf-card:nth-child(6n+1){grid-column:span 7}#i8-referenzen .rf-card:nth-child(6n+2){grid-column:span 5;padding-top:100px}#i8-referenzen .rf-card:nth-child(6n+3){grid-column:span 5;padding-top:30px}#i8-referenzen .rf-card:nth-child(6n+4){grid-column:span 7}#i8-referenzen .rf-card:nth-child(6n+5),#i8-referenzen .rf-card:nth-child(6n+6){grid-column:span 6}#i8-referenzen .rf-image{display:block;width:100%;padding:0;background:#f5f5f5;border:0;position:relative;border-radius:12px;overflow:hidden;text-align:left}#i8-referenzen .rf-image img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.3,1)}#i8-referenzen .rf-card:nth-child(6n+1) .rf-image img{aspect-ratio:1.13}#i8-referenzen .rf-card:nth-child(6n+4) .rf-image img{aspect-ratio:1.3}#i8-referenzen .rf-image:hover img{transform:scale(1.025)}#i8-referenzen .rf-open{position:absolute;bottom:18px;right:18px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-size:21px;transition:background .2s}#i8-referenzen .rf-image:hover .rf-open{background:var(--accent)}#i8-referenzen .rf-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:20px 0 14px;font-size:9px;letter-spacing:.09em}#i8-referenzen .rf-role{letter-spacing:0;color:#606060;display:flex;align-items:center;gap:7px}#i8-referenzen .rf-role:before{content:'';width:5px;height:5px;background:#777;border-radius:50%;flex:none}#i8-referenzen .rf-role.n:before{background:var(--accent)}#i8-referenzen .rf-type{font-size:12px;color:#666;margin-top:9px}#i8-referenzen .rf-description{font-size:12px;line-height:1.8;color:#666;margin-top:13px;max-width:510px}#i8-referenzen .rf-filtered .rf-card{grid-column:span 6;padding-top:0}#i8-referenzen .rf-filtered .rf-image img{aspect-ratio:3/2}#i8-referenzen .rf-gallery-end{border-top:1px solid var(--line);margin-top:60px;padding-top:23px;display:flex;justify-content:space-between;gap:24px;font-size:11px;color:#666}#i8-referenzen .rf-closing{background:#0d0d0d;color:#fff;padding:90px 0 100px}#i8-referenzen .rf-contact-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:12%}#i8-referenzen .rf-closing .rf-eyebrow{color:#bbb;margin-bottom:28px}#i8-referenzen .rf-closing h2{font-size:clamp(48px,5vw,70px);margin-bottom:26px}#i8-referenzen .rf-closing p:not(.rf-eyebrow){font-size:13px;color:#bbb}#i8-referenzen .rf-cta{display:inline-flex;align-items:center;gap:40px;background:#fff;color:#111;padding:16px 22px;border-radius:4px;font-size:12px;margin-top:32px}#i8-referenzen .rf-cta:hover{background:var(--accent)}#i8-referenzen .rf-contact{border-left:1px solid #3c3c3c;padding-left:38px;padding-top:8px}#i8-referenzen .rf-contact h3{font-size:34px;margin-bottom:8px}#i8-referenzen .rf-contact>a{display:block;margin-top:15px;font-size:15px}#i8-referenzen .rf-service-links{border-top:1px solid #3c3c3c;margin-top:30px;padding-top:20px}#i8-referenzen .rf-service-links a{display:block;font-size:11px;margin:10px 0;color:#ccc}#i8-referenzen .rf-footer{padding:28px 5%;font-size:10px;display:flex;gap:20px;justify-content:space-between;background:#0d0d0d;color:#aaa;border-top:1px solid #333}#i8-referenzen .rf-footer nav{display:flex;gap:24px}#i8-referenzen .rf-dialog{border:0;padding:0;background:#fff;color:#0d0d0d;width:min(1080px,94vw);max-height:92dvh;overflow:auto}#i8-referenzen .rf-dialog::backdrop{background:#000d}#i8-referenzen .rf-close{position:absolute;right:16px;top:16px;z-index:2;border:0;border-radius:4px;background:#fff;padding:10px 16px;font-size:12px;box-shadow:0 2px 14px #0002}#i8-referenzen .rf-dialog-image{width:100%;height:52dvh;object-fit:contain;background:#f5f5f5}#i8-referenzen .rf-dialog-copy{padding:30px 40px}#i8-referenzen .rf-dialog h2{margin:12px 0;font-size:44px}#i8-referenzen #rf-dialog-type{font-size:13px;color:#666}#i8-referenzen #rf-dialog-description{font-size:14px;margin-top:16px;max-width:750px}#i8-referenzen .rf-dialog-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:25px;padding-top:20px;border-top:1px solid #ddd;font-size:11px}#i8-referenzen .rf-dialog-nav{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:22px;font-size:11px}#i8-referenzen .rf-dialog-nav button{border:1px solid #ccc;border-radius:50%;width:40px;height:40px;background:white}#i8-referenzen :focus-visible{outline:2px solid #a66400;outline-offset:5px}#i8-referenzen .rf-skip{position:absolute;left:16px;top:-100px;background:white;padding:10px;z-index:10}#i8-referenzen .rf-skip:focus{top:12px}
@media(min-width:1600px){#i8-referenzen .rf-hero{max-width:1544px;margin:auto}}@media(max-width:1000px){#i8-referenzen .rf-wrap{padding-left:38px;padding-right:38px}#i8-referenzen .rf-intro-grid{grid-template-columns:1fr;gap:25px}#i8-referenzen .rf-intro-copy{display:flex;gap:40px;justify-content:space-between}#i8-referenzen .rf-intro-copy p:last-child{max-width:400px}#i8-referenzen .rf-grid{gap:55px 30px}#i8-referenzen .rf-meta{display:block}#i8-referenzen .rf-role{margin-top:7px}#i8-referenzen .rf-header nav{gap:18px}#i8-referenzen h3{font-size:30px}#i8-referenzen .rf-count{display:none}#i8-referenzen .rf-section-intro{gap:35px}#i8-referenzen .rf-contact-grid{gap:7%}}
@media(max-width:640px){#i8-referenzen .rf-header{height:82px;padding:0 6%}#i8-referenzen .rf-header img{width:146px}#i8-referenzen .rf-header nav>a:not(:last-child){display:none}#i8-referenzen .rf-wrap{padding-left:24px;padding-right:24px}#i8-referenzen .rf-intro{padding-top:39px;padding-bottom:32px}#i8-referenzen .rf-intro>.rf-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:25px}#i8-referenzen h1{font-size:clamp(38px,9.4vw,59px)}#i8-referenzen .rf-intro-copy{display:block}#i8-referenzen .rf-intro-copy p:first-child{font-size:16px;margin-bottom:12px}#i8-referenzen .rf-intro-copy p:last-child{font-size:12px;max-width:100%}#i8-referenzen .rf-hero{margin:0 12px;height:auto;aspect-ratio:4/3}#i8-referenzen .rf-hero figcaption{left:22px;right:20px;bottom:20px}#i8-referenzen .rf-hero figcaption p{font-size:27px}#i8-referenzen .rf-hero figcaption .rf-eyebrow{font-size:8px}#i8-referenzen .rf-hero figcaption div>span:last-child{font-size:9px}#i8-referenzen .rf-hero figcaption>a{width:38px;height:38px}#i8-referenzen .rf-selection{padding-top:60px;padding-bottom:50px}#i8-referenzen .rf-section-intro{display:block;margin-bottom:28px}#i8-referenzen .rf-section-intro .rf-eyebrow{font-size:9px;margin-bottom:18px}#i8-referenzen h2{font-size:38px}#i8-referenzen .rf-section-intro>p{margin-top:23px;font-size:13px}#i8-referenzen .rf-filterbar{margin-bottom:30px}#i8-referenzen .rf-filters{flex-wrap:wrap;gap:0 20px;padding:8px 0}#i8-referenzen .rf-filters button{font-size:11px;padding:10px 0 8px}#i8-referenzen .rf-grid{display:block}#i8-referenzen .rf-grid .rf-card{padding:0;margin-bottom:42px}#i8-referenzen .rf-grid .rf-image img{aspect-ratio:3/2}#i8-referenzen .rf-meta{display:flex;font-size:8px;margin-top:16px}#i8-referenzen .rf-role{margin:0}#i8-referenzen .rf-description{font-size:12px}#i8-referenzen .rf-open{width:36px;height:36px;bottom:12px;right:12px}#i8-referenzen .rf-gallery-end{margin-top:10px;display:block;font-size:10px}#i8-referenzen .rf-gallery-end a{display:inline-block;margin-top:15px}#i8-referenzen .rf-closing{padding:55px 0}#i8-referenzen .rf-contact-grid{display:block}#i8-referenzen .rf-closing h2{font-size:47px}#i8-referenzen .rf-contact{margin-top:45px;padding:30px 0 0;border-left:0;border-top:1px solid #444}#i8-referenzen .rf-contact .rf-eyebrow{margin-bottom:20px}#i8-referenzen .rf-footer{display:block;padding:25px 24px}#i8-referenzen .rf-footer nav{margin-top:12px}#i8-referenzen .rf-dialog{width:96vw;max-height:94dvh}#i8-referenzen .rf-dialog-image{height:36dvh}#i8-referenzen .rf-dialog-copy{padding:24px}#i8-referenzen .rf-dialog h2{font-size:35px}#i8-referenzen .rf-dialog-bottom{flex-direction:column}#i8-referenzen .rf-close{top:9px;right:9px}}
@media(prefers-reduced-motion:reduce){#i8-referenzen *{transition:none!important}}
#i8-referenzen .rf-header img{filter:brightness(0)}

#i8-referenzen .rf-photo-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding:12px;font-size:12px}#i8-referenzen .rf-photo-controls button{width:42px;height:42px;border:1px solid #ccc;border-radius:50%;background:#fff}#i8-referenzen .rf-no-image{display:grid;place-items:center;aspect-ratio:3/2;padding:30px;font-family:'Cormorant Garamond',serif;font-size:30px}#i8-referenzen #rf-dialog-description{white-space:pre-line}