.ref-seite{position:relative;z-index:1;padding-top:clamp(88px,11vw,132px);padding-bottom:clamp(40px,6vw,72px)}.ref-krumen{display:flex;flex-wrap:wrap;gap:6px;padding:0 var(--pf-pad-x) 12px;font-size:.85rem;color:var(--color-text-muted);min-width:0}.ref-krumen a{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:3px}.ref-krumen a,.ref-krumen span{display:inline-flex;align-items:center;min-height:44px}.ref-kopf{padding:0 var(--pf-pad-x) clamp(28px,3.4vw,44px);min-width:0}.ref-dachzeile{margin:0 0 10px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.ref-kopf h1{margin:0 0 14px;font-size:clamp(1.7rem,4.6vw,2.6rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);overflow-wrap:anywhere}.ref-einleitung{margin:0;max-width:46rem;font-size:1.02rem;line-height:1.7;color:var(--color-text-secondary)}.ref-einleitung a{color:var(--color-text-primary);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 60%,transparent);text-underline-offset:3px}.ref-leistungen{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;margin:18px 0 0;padding:0}.ref-leistungen a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-accent) 34%,transparent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-text-primary);font-size:.8rem;font-weight:600;text-decoration:none}.ref-leistungen a:focus-visible,.ref-leistungen a:hover{border-color:var(--color-accent)}.ref-abschnitt{padding:clamp(30px,3.4vw,44px) var(--pf-pad-x) clamp(36px,4vw,56px);border-top:1px solid var(--tech-border-soft);min-width:0}.ref-abschnitt h2{margin:0 0 20px;font-size:clamp(1.2rem,2.6vw,1.5rem);font-weight:700;color:var(--color-text-primary)}.ref-alle{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;font-weight:600;color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.ref-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(14px,2vw,22px);list-style:none;margin:0;padding:0}.ref-karten--uebersicht{padding:clamp(24px,3vw,40px) var(--pf-pad-x) clamp(36px,4vw,56px);border-top:1px solid var(--tech-border-soft)}.ref-karte{min-width:0}.ref-karte-link{display:flex;flex-direction:column;height:100%;border:1px solid var(--tech-border-soft);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--color-bg-surface) 70%,transparent);color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.ref-karte-link:focus-visible,.ref-karte-link:hover{border-color:var(--color-accent);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.ref-karte-link:focus-visible,.ref-karte-link:hover{transform:none}}.ref-karte-bild{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-surface))}.ref-karte-bild--logo{box-sizing:border-box;padding:clamp(18px,2.4vw,28px) clamp(28px,4vw,48px)}.ref-karte-text{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;min-width:0}.ref-karte-kunde{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.ref-karte-titel{font-size:1rem;font-weight:700;line-height:1.35;color:var(--color-text-primary);overflow-wrap:anywhere}.ref-karte-leistungen{font-size:.8rem;line-height:1.5;color:var(--color-text-secondary)}