/* Reference page only: clearer service groups and one entry per project. */
.reference-hero { padding-top:clamp(80px,8vw,120px); padding-bottom:64px; }
.reference-hero h1 { font-size:clamp(54px,7vw,100px); line-height:1.04; }
.reference-hero .landing-wrap > p:last-child { max-width:850px; }
.reference-directory { background:#07131f; padding:0 var(--pad) 60px; color:#fff; scroll-margin-top:110px; }
.reference-directory-inner { max-width:1440px; margin:auto; }
.reference-directory .section-label { color:#87d9f6; }
.reference-directory-grid { display:grid; grid-template-columns:1fr 1fr .85fr; border:1px solid #405366; }
.reference-directory-grid a { display:flex; flex-direction:column; gap:14px; min-width:0; padding:28px; border-right:1px solid #405366; color:#fff; transition:background .2s; }
.reference-directory-grid a:last-child { border-right:0; }
.reference-directory-grid a:hover,.reference-directory-grid a:focus-visible { background:#16384d; }
.reference-directory-number { color:#82d7f5; font-size:12px; letter-spacing:.15em; font-weight:800; }
.reference-directory-grid strong { font-size:clamp(20px,2vw,28px); line-height:1.25; }
.reference-directory-grid a > span:not(.reference-directory-number) { color:#cad8e3; font-size:14px; line-height:1.5; }
.reference-directory-grid b { margin-top:auto; color:#8bdffb; font-size:13px; }
.reference-collections { background:#edf2f5; color:#07131f; }
.reference-category { padding:64px var(--pad) 32px; scroll-margin-top:95px; }
.reference-category + .reference-category { border-top:1px solid #ccd8df; }
.reference-category-heading { max-width:1440px; margin:0 auto 36px; padding:0; }
.reference-category-heading .section-label { color:#075679; }
.reference-category-heading h2 { margin:12px 0 20px; font-family:var(--display); font-size:clamp(35px,4.7vw,64px); line-height:1.1; letter-spacing:-.035em; text-transform:uppercase; }
.reference-category-heading > p:last-child { max-width:850px; color:#425969; font-size:18px; line-height:1.7; }
.reference-project { max-width:1440px; min-height:0; margin:0 auto 32px; border:1px solid #d4dfe5; background:#fff; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.reference-project > * { min-width:0; }
.reference-project .reference-copy { padding:clamp(28px,4vw,58px); }
.reference-project .reference-copy h3 { margin:18px 0 26px; font-family:var(--display); font-size:clamp(32px,3.3vw,49px); letter-spacing:-.035em; line-height:1.12; text-transform:uppercase; hyphens:none; overflow-wrap:normal; }
.reference-project .reference-copy > p:not(.reference-meta),.reference-project .reference-copy li { color:#425969; }
.reference-project .reference-copy .approval-note { font-size:12px; line-height:1.65; color:#506573; }
.reference-project .reference-current-gallery { padding:clamp(20px,2.5vw,34px); gap:18px; }
.reference-project .reference-current-gallery figcaption { line-height:1.6; }
.reference-project .reference-single-gallery { align-content:center; }
.reference-project .reference-single-gallery img { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }
.reference-project .reference-gallery-kfw40 { padding:clamp(20px,2.5vw,34px); }
.reference-project .approval-facts { grid-template-columns:repeat(3,minmax(0,1fr)); }
.reference-project .approval-facts strong { font-size:clamp(18px,1.6vw,24px); line-height:1.25; white-space:normal; overflow-wrap:normal; }
.reference-project .approval-facts div { padding:15px 10px; }
.reference-back-link { display:block; max-width:1440px; margin:20px auto 0; padding:12px 0; color:#075679; font-size:13px; font-weight:800; }
.reference-category .funding-references { max-width:1440px; margin:0 auto 32px; padding:40px 32px; border:1px solid #d4dfe5; }
.reference-category .funding-references-inner { width:100%; }
.reference-category .funding-references h3 { font-family:var(--display); font-size:clamp(30px,3.6vw,48px); line-height:1.15; margin:14px 0 22px; text-transform:uppercase; letter-spacing:-.025em; }
.reference-category .funding-reference-content h4 { font-family:var(--display); font-size:clamp(25px,2.5vw,35px); line-height:1.2; margin:14px 0 22px; letter-spacing:-.02em; }
.reference-category .funding-reference-card { min-width:0; }
#statik-referenzen .reference-project .reference-copy h3 { font-size:clamp(30px,3vw,43px); }
a:focus-visible { outline:3px solid #1ca8df; outline-offset:5px; }
@media(max-width:1000px) { .reference-project { grid-template-columns:1fr; } .reference-project .reference-copy { padding:36px; } .reference-project .reference-current-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; } .reference-project .reference-single-gallery { grid-template-columns:1fr; } .reference-project .reference-single-gallery img { max-height:620px; } }
@media(min-width:651px) and (max-width:1000px) { .reference-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .reference-directory-grid a:nth-child(2) { border-right:0; } .reference-directory-grid a:last-child { grid-column:1/-1; border-top:1px solid #405366; } }
@media(max-width:650px) { .reference-directory-grid { grid-template-columns:1fr; } .reference-directory-grid a { border-right:0; border-bottom:1px solid #405366; padding:24px; gap:10px; } .reference-directory-grid a:last-child { border-bottom:0; } .reference-directory-grid strong { font-size:23px; } .reference-category { padding-top:44px; } .reference-category-heading > p:last-child { font-size:16px; } .reference-project .reference-current-gallery { grid-template-columns:1fr; } .reference-project .reference-copy { padding:26px 24px; } .reference-project .reference-copy h3 { font-size:33px; } .reference-project .approval-facts { grid-template-columns:1fr; } .reference-project .approval-facts div { border-right:0; border-bottom:1px solid var(--line); } .reference-project .approval-facts div:last-child { border-bottom:0; } .reference-category .funding-references { padding:28px 20px; } .reference-project .reference-gallery-kfw40 { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .reference-directory-grid a { transition:none; } }