.seitenkopf{max-width:1400px;padding:calc(var(--kopf-hoehe) + clamp(56px, 10vw, 140px)) var(--rand) clamp(8px, 2vw, 24px);margin:0 auto}.seitenkopf h1{max-width:16ch;font-size:clamp(40px,6vw,96px)}.seitenkopf-lead{color:var(--farbe-text-leise);max-width:58ch;margin:0;font-size:clamp(17px,1.4vw,21px)}.platzhalter-hinweis{background:#fff3a8;border-left:4px solid #e8d55a;margin:0 0 32px;padding:14px 18px;font-size:14px}.referenzliste{padding-top:clamp(40px,6vw,80px)}.ref-filter{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.ref-filter button{border:1px solid var(--farbe-linie);color:var(--farbe-text);font:inherit;cursor:pointer;transition:background var(--bewegung), border-color var(--bewegung);background:0 0;padding:10px 18px;font-size:14px}.ref-filter button:hover{border-color:var(--farbe-text)}.ref-filter button[aria-pressed=true]{background:var(--farbe-marke);border-color:var(--farbe-marke)}.ref-karten{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(28px,3vw,48px) 28px;display:grid}.ref-karte h2{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(22px,1.8vw,28px);line-height:1.2}.ref-bild{aspect-ratio:4/3;background:var(--farbe-flaeche);place-items:center;margin-bottom:18px;display:grid;overflow:hidden}.ref-bild img{object-fit:cover;width:100%;height:100%;display:block}.ref-bild span{letter-spacing:.18em;text-transform:uppercase;color:var(--farbe-text-leise);font-size:12px}.ref-leistungen{letter-spacing:.18em;text-transform:uppercase;color:var(--farbe-akzent);margin:0 0 8px;font-size:11px}.ref-ort,.ref-umfang,.ref-text,.ref-auftraggeber{color:var(--farbe-text-leise);margin:0 0 4px;font-size:15px}.ref-umfang{color:var(--farbe-text);font-weight:500}.ref-text{margin-top:10px}.ref-karte{text-decoration:none;display:block}.ref-karte[hidden]{display:none}.ref-bild{position:relative}.ref-bild img{transition:scale .8s cubic-bezier(.2,.7,.2,1)}.ref-karte:hover .ref-bild img{scale:1.03}:is(.ref-bild,.referenz-bild) .ref-hinweis{letter-spacing:.08em;text-transform:uppercase;color:var(--farbe-text);background:#fff3a8;padding:4px 8px;font-size:11px;position:absolute;top:12px;left:12px;box-shadow:0 0 0 1px #e8d55a}.ref-umfang{flex-wrap:wrap;gap:4px 16px;display:flex}.ref-mehr{border-bottom:1px solid;margin-top:14px;padding-bottom:2px;font-size:14px;display:inline-block}.leistungslinks{padding-top:0}.leistungslinks-raster{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-top:32px;display:grid}.leistungslink{border:1px solid var(--farbe-linie);transition:border-color var(--bewegung);background:#fff;gap:6px;padding:28px 56px 28px 28px;text-decoration:none;display:grid;position:relative}.leistungslink:hover{border-color:var(--farbe-marke)}.leistungslink strong{font-size:20px;font-weight:500}.leistungslink span{color:var(--farbe-text-leise);font-size:15px}.leistungslink-pfeil{transition:transform var(--bewegung);position:absolute;top:28px;right:24px;color:var(--farbe-akzent)!important;font-size:20px!important}.leistungslink:hover .leistungslink-pfeil{transform:translate(4px)}.person{grid-template-columns:minmax(260px,5fr) 7fr;align-items:center;gap:clamp(32px,6vw,112px);display:grid}.person-bild{--rahmen-innen:radial-gradient(120% 90% at 30% 20%, #fbfbfa, var(--farbe-flaeche) 70%);aspect-ratio:4/5;place-items:center;display:grid}.person-logo{width:72%;height:auto;color:var(--farbe-text)}.person-text h2{margin-bottom:4px}.person-rolle{letter-spacing:.18em;text-transform:uppercase;color:var(--farbe-akzent);margin:0 0 28px;font-size:13px}.person-text p{max-width:58ch;font-size:17px}.person-kontakt{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:32px 0 0;display:grid}.person-kontakt div{border-top:1px solid var(--farbe-linie);padding-top:12px}.person-kontakt dt{letter-spacing:.18em;text-transform:uppercase;color:var(--farbe-akzent);margin-bottom:4px;font-size:11px}.person-kontakt dd{margin:0;font-size:19px}.person-kontakt a{border-bottom:1px solid var(--farbe-marke);text-decoration:none}.grundsaetze{padding-top:0}.grundsaetze-raster{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px;margin-top:40px;display:grid}.grundsaetze-raster>div{border-top:2px solid var(--farbe-marke);padding-top:18px}.grundsaetze h3{letter-spacing:-.01em;margin-bottom:8px;font-size:22px}.grundsaetze p{color:var(--farbe-text-leise);margin:0}.ablauf,.fakten{padding-top:0}.fakten dl{max-width:900px;margin:32px 0 0}.fakten dl div{border-top:1px solid var(--farbe-linie);grid-template-columns:200px 1fr;gap:24px;padding:16px 0;display:grid}.fakten dl div:last-child{border-bottom:1px solid var(--farbe-linie)}.fakten dt{letter-spacing:.18em;text-transform:uppercase;color:var(--farbe-akzent);padding-top:4px;font-size:11px}.fakten dd{margin:0;font-size:17px}.fakten a{text-decoration-color:var(--farbe-marke);text-underline-offset:3px}@media (width<=860px){.person{grid-template-columns:1fr}.person-bild{max-width:420px}}@media (width<=560px){.fakten dl div{grid-template-columns:1fr;gap:4px}}.referenz-zurueck{color:var(--farbe-text-leise);margin-bottom:32px;font-size:14px;text-decoration:none;display:inline-block}.referenz-zurueck:hover{color:var(--farbe-text)}.referenz-kopf h1{max-width:18ch}.referenz-bild{max-width:1400px;padding:0 var(--rand);margin:clamp(32px,4vw,56px) auto 0;position:relative}.referenz-bild img{aspect-ratio:16/9;object-fit:cover;background:var(--farbe-flaeche);width:100%;height:auto;display:block}.referenz-bild .ref-hinweis{left:calc(var(--rand) + 12px)}.referenz-kennzahlen{max-width:1400px;padding:0 var(--rand);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0 auto;display:grid}.referenz-kennzahlen div{border-bottom:1px solid var(--farbe-linie);padding:clamp(24px,3vw,40px) 24px clamp(24px,3vw,40px) 0}.referenz-kennzahlen div+div{border-left:1px solid var(--farbe-linie);padding-left:24px}.referenz-kennzahlen dd{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0 0 6px;font-size:clamp(40px,4.4vw,72px);line-height:1}.referenz-kennzahlen dt{color:var(--farbe-text-leise);font-size:14px}.referenz-inhalt{max-width:1400px;padding:clamp(48px, 7vw, 96px) var(--rand);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,112px);margin:0 auto;display:grid}.referenz-lead{max-width:40ch;margin:0 0 32px;font-size:clamp(20px,1.8vw,26px);line-height:1.45}.referenz-text>:not(.referenz-lead){max-width:66ch}.referenz-steckbrief{top:calc(var(--kopf-hoehe) + 32px);background:var(--farbe-flaeche);padding:28px;position:sticky}.referenz-steckbrief dl{gap:16px;margin:0 0 28px;display:grid}.referenz-steckbrief dt{letter-spacing:.18em;text-transform:uppercase;color:var(--farbe-akzent);margin-bottom:2px;font-size:11px}.referenz-steckbrief dd{margin:0}.referenz-galerie{max-width:1400px;padding:0 var(--rand) clamp(48px, 7vw, 96px);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;margin:0 auto;display:grid}.referenz-galerie figure{margin:0}.referenz-galerie img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.referenz-weiter{max-width:1400px;padding:clamp(48px, 6vw, 80px) var(--rand) clamp(80px, 10vw, 140px);border-top:1px solid var(--farbe-linie);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:28px;margin:0 auto;display:grid}.referenz-weiter-link{text-decoration:none;display:block}.referenz-weiter-link img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:opacity var(--bewegung);margin-bottom:16px;display:block}.referenz-weiter-link:hover img{opacity:.85}.referenz-weiter-link .eyebrow{margin-bottom:8px}.referenz-weiter-link strong{letter-spacing:-.02em;font-size:clamp(22px,1.8vw,28px);font-weight:400;display:block}.referenz-weiter-ort{color:var(--farbe-text-leise);font-size:14px}.referenz-weiter-link:last-child:not(:first-child){text-align:right}@media (width<=900px){.referenz-inhalt{grid-template-columns:minmax(0,1fr)}.referenz-steckbrief{position:static}.referenz-weiter-link:last-child:not(:first-child){text-align:left}}.leistungskacheln{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(28px,3vw,48px) 28px;padding-top:clamp(40px,6vw,80px);display:grid}.leistungskachel{text-decoration:none;display:block}.leistungskachel h2{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(24px,2vw,32px);line-height:1.2}.leistungskachel p{color:var(--farbe-text-leise);max-width:38ch;margin:0;font-size:15px}.leistungskachel-bild{aspect-ratio:4/5;background:radial-gradient(120% 90% at 50% 30%, #fbfbfa, var(--farbe-flaeche) 70%);margin-bottom:20px;position:relative;overflow:hidden}.leistungskachel-bild img{object-fit:contain;object-position:top;width:76%;height:94%;transition:opacity .5s,scale .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:6% 12% 0}.leistungskachel-explodiert{opacity:0}.leistungskachel:hover .leistungskachel-bild img{scale:1.03}.leistungskachel:hover .leistungskachel-bild img:first-child{opacity:0}.leistungskachel:hover .leistungskachel-explodiert{opacity:1}.leistungen-weiter{margin:40px 0 0}@media (prefers-reduced-motion:reduce){.leistungskachel-bild img{transition:none}}.kontaktwege{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(56px,8vw,112px);display:grid}@media (width<=1100px){.kontaktwege{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.kontaktwege{grid-template-columns:minmax(0,1fr)}}.kontaktweg{border:1px solid var(--farbe-linie);background:#fff;align-content:start;gap:10px;padding:28px;display:grid}.kontaktweg .eyebrow{margin-bottom:4px}.kontaktweg-wert{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:clamp(20px,1.6vw,24px);font-style:normal;line-height:1.35;text-decoration:none}a.kontaktweg-wert:hover{box-shadow:0 1px 0 var(--farbe-marke);justify-self:start}.kontaktweg p:not(.kontaktweg-wert){color:var(--farbe-text-leise);margin:0;font-size:15px}
