html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards{--sub-ink:var(--color-ink);--sub-muted:var(--color-muted);background:var(--color-paper)!important;color:var(--color-ink)!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-projects-head h1{color:var(--color-ink)!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-projects-head .kicker{color:var(--color-accent)!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-projects-head p{color:var(--color-muted)!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-card{--sub-ink:var(--color-paper);--sub-muted:#D4E3DE;display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;align-items:stretch!important;gap:0!important;background:var(--color-dark)!important;color:var(--color-paper)!important;border:0!important;border-radius:0!important;box-shadow:none!important;height:auto!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-card>figure{min-height:360px;height:100%;aspect-ratio:auto;position:relative;margin:0!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-card>figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important;filter:none!important;transition:none!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-card-body{box-sizing:border-box;min-height:360px;min-width:0;padding:clamp(24px,3vw,40px)!important;justify-content:center}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-card h3{max-width:26ch!important;margin:0 0 20px!important;font-size:clamp(24px,2.3vw,30px)!important;line-height:1.2!important;color:var(--color-paper)!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-meta{margin:0 0 18px!important;font-size:12px!important;line-height:1.5!important;letter-spacing:.08em!important;color:var(--color-signal-light)!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-location{margin:0 0 14px!important;font-size:16px!important;color:var(--color-paper)!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-summary{margin:0!important;font-size:17px!important;line-height:1.6!important;color:#d4e3de!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-details{grid-column:1/-1;min-width:0;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.2);background:var(--color-dark)}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;box-sizing:border-box;padding:18px clamp(24px,3vw,40px);color:var(--color-paper)!important;font:600 16px/1.5 var(--sans);list-style:none;cursor:pointer;text-decoration:none!important;transition:color .2s ease,background-color .2s ease}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-details>summary::-webkit-details-marker{display:none}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-details>summary::marker{content:""}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-details>summary span{flex:0 0 auto;font-size:24px;line-height:1;color:var(--color-signal-light);transition:transform .2s ease}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-details[open]>summary span{transform:rotate(180deg)}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-details>summary:is(:hover,:focus-visible){color:var(--color-signal-light)!important;background:#194942}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-details>summary:focus-visible{outline:2px solid var(--color-signal-light)!important;outline-offset:-4px!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-detail-content{padding:clamp(24px,3vw,40px);background:var(--color-deep);border-top:1px solid rgba(255,255,255,.15)}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-facts>div{min-width:0;margin:0;padding:0;border:0}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-facts dt{margin:0 0 10px;color:var(--color-signal-light)!important;font-size:14px;line-height:1.5;font-weight:600;letter-spacing:0;text-transform:none}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-facts dd{margin:0;color:#d4e3de!important;font-size:16px;line-height:1.65;overflow-wrap:break-word}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-development,html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-facts-secondary{margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.18)}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-development h4{margin:0 0 24px;color:var(--color-paper);font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.02em}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-detail-content small{display:block;margin-top:26px;max-width:85ch;color:#baccc5!important;font-size:13px;line-height:1.6}@media (max-width:900px){html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-card{grid-template-columns:minmax(0,1fr)!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-card>figure{min-height:0;height:auto;aspect-ratio:3/2}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-card-body{min-height:0}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-facts{grid-template-columns:minmax(0,1fr);gap:24px}}@media (prefers-reduced-motion:reduce){html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-details>summary,html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-details>summary span{transition:none!important}}@media print{html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-card,html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-details,html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .reference-detail-content{background:#fff!important;color:#000!important}html body.aid-subpage[data-focus-view=referenzen] #main #projektportfolio.reference-cards .signature-project-card :is(h3,h4,p,dt,dd,summary,small){color:#000!important}}