.ref-head .page-head__intro{margin-bottom:var(--space-2)}.ref-filter{width:100%;margin-top:var(--space-2)}.ref-filter ul{gap:var(--space-2);flex-wrap:wrap;display:flex}.ref-filter__link{border:1px solid var(--c-line);border-radius:var(--radius-s);background:var(--c-white);min-height:40px;color:var(--c-ink);font-size:var(--fs-small);transition:border-color var(--dur-hover) var(--ease-out), background-color var(--dur-hover) var(--ease-out), transform var(--dur-press) var(--ease-out);align-items:center;padding:.4rem .9rem;font-weight:500;line-height:1.3;text-decoration:none;display:inline-flex}.ref-filter__link:active{transform:scale(.98)}.ref-filter__link.is-aktiv{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-white)}@media (hover:hover){.ref-filter__link:not(.is-aktiv):hover{border-color:var(--c-primary);background:var(--c-blue-soft);color:var(--c-primary-700)}}.ref-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=40rem){.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.ref-grid{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}.ref-grid--kompakt:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}.ref-karte{align-content:start;gap:var(--space-4);padding:var(--space-4);background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--radius-l);transition:border-color var(--dur-small) var(--ease-out), box-shadow var(--dur-small) var(--ease-out);display:grid;position:relative}.ref-karte__media{border-radius:var(--radius-m);aspect-ratio:16/10;background:var(--c-surface);border:1px solid var(--c-line);overflow:hidden}.ref-karte__media img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform var(--dur-reveal) var(--ease-out)}.ref-karte__text{gap:var(--space-3);padding:0 var(--space-2) var(--space-2);min-width:0;display:grid}.ref-karte__meta{font-family:var(--ff-mono);font-size:var(--fs-label);color:var(--c-violet-700)}.ref-karte__titel{overflow-wrap:anywhere;font-size:1.1875rem;font-weight:700;line-height:1.3}.ref-karte__titel a{color:var(--c-ink);text-decoration:none}.ref-karte__titel a:after{content:"";border-radius:var(--radius-l);position:absolute;inset:0}.ref-karte__titel a:focus-visible{box-shadow:none;outline:none}.ref-karte:has(a:focus-visible){box-shadow:var(--focus-ring)}.ref-karte p{font-size:.9375rem}.ref-karte__mehr,.plugin-karte__mehr{font-size:var(--fs-small);color:var(--c-primary-700);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.ref-karte__mehr svg,.plugin-karte__mehr svg{width:16px;height:16px;transition:transform var(--dur-hover) var(--ease-out)}.ref-grid--kompakt .ref-karte__titel{font-size:1.0625rem}@media (hover:hover){.ref-karte:hover{border-color:var(--c-primary);box-shadow:var(--shadow-2)}.ref-karte:hover .ref-karte__media img{transform:scale(1.03)}.ref-karte:hover .ref-karte__titel a{text-decoration:underline}.ref-karte:hover .ref-karte__mehr svg,.plugin-karte:hover .plugin-karte__mehr svg{transform:translate(3px)}}.ref-leer__text{max-width:var(--measure);font-size:var(--fs-lead)}.ref-bereiche__titel,.ref-weitere__titel{margin-bottom:var(--space-6)}.ref-bereiche__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));display:grid}.ref-bereich{gap:var(--space-2);padding:var(--space-5);background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--radius-l);transition:border-color var(--dur-small) var(--ease-out), box-shadow var(--dur-small) var(--ease-out);align-content:start;display:grid;position:relative}.ref-bereich h3{font-size:1.125rem;font-weight:700;line-height:1.3}.ref-bereich h3 a{color:var(--c-ink);text-decoration:none}.ref-bereich h3 a:after{content:"";border-radius:var(--radius-l);position:absolute;inset:0}.ref-bereich h3 a:focus-visible{box-shadow:none;outline:none}.ref-bereich:has(a:focus-visible){box-shadow:var(--focus-ring)}.ref-bereich p{font-size:.9375rem}@media (hover:hover){.ref-bereich:hover{border-color:var(--c-primary);box-shadow:var(--shadow-1)}.ref-bereich:hover h3 a{color:var(--c-primary-700);text-decoration:underline}}.ref-block+.ref-block{margin-top:var(--space-8)}.ref-block__kopf{justify-content:space-between;align-items:baseline;gap:var(--space-3) var(--space-5);padding-bottom:var(--space-3);margin-bottom:var(--space-5);border-bottom:1px solid var(--c-line);flex-wrap:wrap;display:flex}.ref-block__kopf h3{font-size:var(--fs-h4)}.ref-notizen{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));display:grid}.ref-notiz{gap:var(--space-2);padding:var(--space-5);background:var(--c-surface);border-radius:var(--radius-m);align-content:start;display:grid}.ref-notiz__name{color:var(--c-ink);font-size:1.0625rem;font-weight:700;line-height:1.3}.ref-notiz__text{font-size:.9375rem}.ref-notiz__text p+p{margin-top:var(--space-2)}.ref-projekte{gap:var(--space-5) var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ref-projekt .ref-notiz__name{overflow-wrap:break-word;font-size:.9375rem}@media (width<=359px){.ref-projekte{grid-template-columns:minmax(0,1fr)}}@media (width>=40rem){.ref-projekte{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.ref-projekt .ref-notiz__name{font-size:1.0625rem}}.ref-projekt{gap:var(--space-2);align-content:start;min-width:0;display:grid}.ref-projekt__media{aspect-ratio:16/10;border:1px solid var(--c-line);border-radius:var(--radius-m);background:var(--c-surface);overflow:hidden}.ref-projekt__media img{object-fit:cover;object-position:top center;width:100%;height:100%}.ref-namen{gap:var(--space-2);flex-wrap:wrap;display:flex}.ref-namen li{border:1px solid var(--c-line);border-radius:var(--radius-s);font-size:var(--fs-small);color:var(--c-text-strong);background:var(--c-white);padding:.35rem .7rem;line-height:1.3}.ref-zusatz__inner{gap:var(--space-4);display:grid}.ref-zusatz__titel{font-size:var(--fs-h4)}.ref-zusatz__links,.case-weitere__links,.plugin-verwandt__links,.plugin-entwicklung__links{gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.case-head__grid{gap:var(--space-6);align-items:center;display:grid}.case-head__text{gap:var(--space-4);justify-items:start;min-width:0;display:grid}.case-head__actions,.plugin-head__actions{align-items:center;gap:var(--space-4) var(--space-6);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.case-head__bild{border-radius:var(--radius-l);border:1px solid var(--c-line);background:var(--c-white);aspect-ratio:16/9;margin:0;overflow:hidden}.case-head__bild img{object-fit:cover;object-position:top center;width:100%;height:100%}@media (width>=64rem){.page-head .case-head__grid{gap:var(--space-8);grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center}}.case-vorschau{padding:var(--space-3) var(--space-4);border-left:3px solid var(--c-secondary);border-radius:var(--radius-s);background:var(--c-purple-soft);color:var(--c-ink);font-size:var(--fs-small);max-width:var(--measure)}.case-body{gap:var(--space-7);display:grid}.case-text{gap:var(--space-7);min-width:0;display:grid}.case-abschnitt>h2:first-child{margin-top:0}.case-steckbrief{gap:var(--space-4);padding:var(--space-5);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-l);align-content:start;display:grid}.case-steckbrief__titel,.plugin-steckbrief__titel{font-size:var(--fs-h4)}.case-steckbrief__liste{gap:var(--space-4);display:grid}.case-steckbrief__liste dt{font-family:var(--ff-mono);font-size:var(--fs-label);color:var(--c-violet-700);margin-bottom:var(--space-1)}.case-steckbrief__liste dd{font-size:var(--fs-small);color:var(--c-text-strong);overflow-wrap:anywhere;margin:0}.case-steckbrief__links{gap:var(--space-1);display:grid}.case-steckbrief__links a{color:var(--c-primary-700)}@media (width>=64rem){.case-body{gap:var(--space-8);grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start}.case-steckbrief{top:calc(var(--header-h) + var(--space-5));order:2;position:sticky}.case-text{order:1}}.case-kpis{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));padding:0;display:grid}.case-kpi{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--c-line);border-radius:var(--radius-m);background:var(--c-white);display:grid}.case-kpi__wert{font-family:var(--ff-head);font-size:var(--fs-h3);color:var(--c-ink);font-weight:700;line-height:1.1}.case-kpi__label{font-size:var(--fs-small)}.case-kpis__fussnote{font-size:var(--fs-label);color:var(--c-text-strong)}.case-zitat{padding:var(--space-5) var(--space-6);border-left:4px solid var(--c-primary);background:var(--c-surface);border-radius:var(--radius-s);max-width:var(--measure);margin:0}.case-zitat blockquote{font-size:var(--fs-lead);color:var(--c-ink);margin:0}.case-zitat figcaption{margin-top:var(--space-3);font-size:var(--fs-small);color:var(--c-text-strong)}.case-screens h2{margin-bottom:var(--space-6)}.case-screens__grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=48rem){.case-screens__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.case-screens__item{border-radius:var(--radius-m);border:1px solid var(--c-line);background:var(--c-white);overflow:hidden}.case-screens__item img{width:100%;height:auto}.case-weitere__kopf{gap:var(--space-4);margin-bottom:var(--space-6);display:grid}@media (width>=48rem){.case-weitere__kopf{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.plugin-head .container{gap:var(--space-4);justify-items:start;display:grid}.plugin-body{gap:var(--space-7);display:grid}.plugin-body__text{min-width:0}.plugin-body__text>h2:first-child{margin-top:0}.plugin-steckbrief{gap:var(--space-4);padding:var(--space-5);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-l);align-content:start;display:grid}.plugin-features{gap:var(--space-3);display:grid}.plugin-features li{gap:var(--space-3);font-size:var(--fs-small);color:var(--c-text-strong);grid-template-columns:18px minmax(0,1fr);align-items:start;display:grid}.plugin-features svg{width:18px;height:18px;color:var(--c-primary);margin-top:.15rem}.plugin-steckbrief__store{min-height:44px;color:var(--c-primary-700);font-weight:600;font-size:var(--fs-small);align-items:center;gap:.4rem;display:inline-flex}.plugin-steckbrief__store svg{width:16px;height:16px}@media (width>=64rem){.plugin-body{gap:var(--space-8);grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:start}.plugin-steckbrief{top:calc(var(--header-h) + var(--space-5));position:sticky}}.plugin-verwandt__titel{margin-bottom:var(--space-6)}.plugin-verwandt__links{margin-top:var(--space-6)}.plugin-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));display:grid}.plugin-karte{gap:var(--space-2);padding:var(--space-5);background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--radius-l);transition:border-color var(--dur-small) var(--ease-out), box-shadow var(--dur-small) var(--ease-out);align-content:start;display:grid;position:relative}.plugin-karte__media{margin:calc(var(--space-5) * -1) calc(var(--space-5) * -1) var(--space-2);aspect-ratio:16/10;border-bottom:1px solid var(--c-line);border-radius:var(--radius-l) var(--radius-l) 0 0;background:var(--c-surface);overflow:hidden}.plugin-karte__media img{object-fit:cover;width:100%;height:100%}.plugin-bild{margin:0 0 var(--space-6);border:1px solid var(--c-line);border-radius:var(--radius-m);background:var(--c-surface);overflow:hidden}.plugin-bild img{width:100%;height:auto}.plugin-karte__name{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:700;line-height:1.3}.plugin-karte__name a{color:var(--c-ink);text-decoration:none}.plugin-karte__name a:after{content:"";border-radius:var(--radius-l);position:absolute;inset:0}.plugin-karte__name a:focus-visible{box-shadow:none;outline:none}.plugin-karte:has(a:focus-visible){box-shadow:var(--focus-ring)}.plugin-karte p{font-size:.9375rem}@media (hover:hover){.plugin-karte:hover{border-color:var(--c-primary);box-shadow:var(--shadow-1)}.plugin-karte:hover .plugin-karte__name a{color:var(--c-primary-700);text-decoration:underline}}.plugin-gruppe+.plugin-gruppe{margin-top:var(--space-8)}.plugin-gruppe__kopf{gap:var(--space-2);margin-bottom:var(--space-5);max-width:var(--measure);display:grid}.plugin-gruppe__kopf h3{font-size:var(--fs-h3);scroll-margin-top:calc(var(--header-h) + var(--space-5))}.plugin-entwicklung__inner{gap:var(--space-5);display:grid}.plugin-entwicklung__inner p{max-width:var(--measure);margin-top:var(--space-3)}@media (width>=64rem){.plugin-entwicklung__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}}@media (prefers-reduced-motion:reduce){.ref-karte,.ref-karte__media img,.ref-bereich,.plugin-karte,.ref-filter__link,.ref-karte__mehr svg,.plugin-karte__mehr svg{transition:none}.ref-karte:hover .ref-karte__media img{transform:none}}.plugin-einsatz{gap:var(--space-4);margin-block:var(--space-4) var(--space-6);grid-template-columns:minmax(0,1fr);padding:0;display:grid}@media (width>=40rem){.plugin-einsatz{grid-template-columns:repeat(2,minmax(0,1fr))}}.plugin-einsatz__karte{padding:var(--space-5);border:1px solid var(--c-line);border-radius:var(--radius-m);background:var(--c-white);list-style:none}.plugin-einsatz__karte h3{margin:0 0 var(--space-2);font-size:1.0625rem}.plugin-einsatz__karte p{margin:0}.plugin-screens{gap:var(--space-4);margin-block:var(--space-4) var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=40rem){.plugin-screens{grid-template-columns:repeat(2,minmax(0,1fr))}}.plugin-screen{gap:var(--space-2);margin:0;display:grid}.plugin-screen a{border:1px solid var(--c-line);border-radius:var(--radius-m);background:var(--c-white);display:block;overflow:hidden}.plugin-screen img{width:100%;height:auto;display:block}.plugin-screen figcaption{font-size:var(--fs-small);color:var(--c-text-strong)}.plugin-schritte{padding-left:1.4rem}.plugin-schritte li+li{margin-top:var(--space-2)}.plugin-steckbrief__text{margin:0 0 var(--space-4);font-size:var(--fs-small);color:var(--c-text-strong)}.plugin-dock{z-index:40;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--c-white) 92%, transparent);backdrop-filter:blur(10px);border-top:1px solid var(--c-line);transition:transform .22s var(--ease-out), opacity .22s var(--ease-out);position:fixed;inset:auto 0 0;transform:translateY(0);box-shadow:0 -8px 24px #17182614}.plugin-dock[hidden]{opacity:0;pointer-events:none;visibility:hidden;display:block;transform:translateY(110%)}.plugin-dock ul{gap:var(--space-2);max-width:var(--container);scrollbar-width:none;scroll-snap-type:x proximity;margin-inline:auto;display:flex;overflow-x:auto}.plugin-dock ul::-webkit-scrollbar{display:none}.plugin-dock li{scroll-snap-align:start;flex:none}.plugin-dock .ref-filter__link{white-space:nowrap}.plugin-dock .ref-filter__link[aria-current=true]{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-white)}.plugin-gruppe{scroll-margin-top:var(--space-8)}@media (prefers-reduced-motion:reduce){.plugin-dock{transition:none}}.ref-connector__gruppe{margin-top:var(--space-6)}.ref-connector__gruppentitel{font-size:var(--fs-h4)}.ref-connector__gruppentext{margin-top:var(--space-1);color:var(--c-text-strong)}.ref-connector__grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=40rem){.ref-connector__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.ref-connector__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ref-connector__karte{align-content:start;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--c-line);border-radius:var(--radius-l);background:var(--c-white);display:grid}.ref-connector__karte h4{font-size:1.125rem}.ref-connector__karte h4 a{color:var(--c-ink);align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.ref-connector__karte h4 a svg{width:16px;height:16px;color:var(--c-primary)}.ref-connector__karte p{font-size:var(--fs-small);color:var(--c-text-strong)}.ref-connector__zusatz a{color:var(--c-primary-700);font-weight:600}.ref-connector__hex{clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);background:linear-gradient(160deg, var(--c-blue-soft) 0%, var(--c-purple-soft) 100%);width:44px;height:48px;color:var(--c-primary);place-items:center;display:grid}.ref-connector__hex svg{width:22px;height:22px}.ref-connector__karte--blau,.ref-connector__karte--violett{border-color:#0000}.ref-connector__karte--blau{background:linear-gradient(150deg, var(--c-primary-700) 0%, var(--c-primary) 100%)}.ref-connector__karte--violett{background:linear-gradient(150deg, var(--c-violet-700) 0%, color-mix(in srgb, var(--c-violet-700) 78%, var(--c-secondary)) 100%)}:is(.ref-connector__karte--blau,.ref-connector__karte--violett) :is(h4 a,p),:is(.ref-connector__karte--blau,.ref-connector__karte--violett) h4 a svg{color:var(--c-white)}:is(.ref-connector__karte--blau,.ref-connector__karte--violett) .ref-connector__hex{background:color-mix(in srgb, var(--c-white) 18%, transparent);color:var(--c-white)}@media (hover:hover){.ref-connector__karte:not(.ref-connector__karte--blau,.ref-connector__karte--violett):hover{border-color:var(--c-primary)}}@media (width>=40rem){.ref-grid.ref-grid--zwei{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=39.99rem){.ref-grid.ref-grid--zwei{grid-template-columns:minmax(0,1fr)}}.lv2-refs{scroll-margin-top:calc(var(--header-h) + var(--space-5))}