.ref-geraet{justify-self:center;justify-items:center;width:100%;max-width:38rem;margin:0;display:grid}.ref-geraet__laptop{background:linear-gradient(160deg, var(--c-dark-2) 0%, var(--c-dark) 100%);width:100%;box-shadow:0 30px 60px -28px color-mix(in srgb, var(--c-dark) 55%, transparent), 0 0 0 1px color-mix(in srgb, var(--c-white) 8%, transparent) inset;border-radius:18px 18px 6px 6px;padding:3.2% 3.2% 2.6%;position:relative}.ref-geraet__kamera{background:color-mix(in srgb, var(--c-white) 22%, var(--c-dark));border-radius:50%;width:6px;height:6px;position:absolute;top:1.2%;left:50%;transform:translate(-50%)}.ref-geraet__bildschirm{aspect-ratio:16/10;background:var(--c-white);border-radius:4px;position:relative;overflow:hidden;container-type:size}.ref-geraet__seite{width:100%;display:block}.ref-geraet__seite img{width:100%;height:auto;display:block}.ref-geraet__basis{background:linear-gradient(180deg, color-mix(in srgb, var(--c-white) 70%, var(--c-line)) 0%, color-mix(in srgb, var(--c-line) 80%, var(--c-ink)) 100%);width:112%;height:16px;box-shadow:0 18px 30px -18px color-mix(in srgb, var(--c-dark) 50%, transparent);border-radius:2px 2px 14px 14px;margin-top:-1px;position:relative}.ref-geraet__basis:before{content:"";background:color-mix(in srgb, var(--c-line) 70%, var(--c-ink));border-radius:0 0 6px 6px;width:16%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.ref-geraet__seite{animation-name:ref-geraet-lauf;animation-duration:auto;will-change:transform;animation-timing-function:linear;animation-fill-mode:both}.ref-geraet .ref-geraet__seite{animation-timeline:scroll(root);animation-range:0 110vh}}}@keyframes ref-geraet-lauf{0%{transform:translateY(0)}to{transform:translateY(calc(100cqh - 100%))}}.ref-projekt{background:var(--c-dark);color:var(--c-on-dark-text)}.ref-projekt h2{color:var(--c-on-dark)}.ref-projekt .kicker{color:var(--c-violet-on-dark)}.ref-projekt__grid{gap:var(--space-7);grid-template-columns:minmax(0,1fr);display:grid}.ref-projekt__links{gap:var(--space-4);align-content:start;justify-items:start;display:grid}.ref-projekt__lead{font-size:var(--fs-lead);color:var(--c-on-dark);max-width:34rem}.ref-projekt__kennzahl{align-items:baseline;gap:var(--space-3);display:flex}.ref-projekt__kennzahl strong{font-family:var(--ff-head);color:var(--c-on-dark);font-size:clamp(2.5rem,6vw,3.5rem);line-height:1}.ref-projekt__kennzahl span{color:var(--c-on-dark-text)}.ref-projekt__rechts{gap:var(--space-4);align-content:start;display:grid}.ref-projekt__rechts p{color:var(--c-on-dark-text);max-width:var(--measure)}.ref-projekt__merkmale{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.ref-projekt__merkmale li{color:var(--c-on-dark);padding-left:1.4rem;position:relative}.ref-projekt__merkmale li:before{content:"";border-left:2px solid var(--c-link-on-dark);border-bottom:2px solid var(--c-link-on-dark);width:.75rem;height:.4rem;position:absolute;top:.45em;left:0;transform:rotate(-45deg)}@media (width>=64rem){.ref-projekt:not(.ref-projekt--kompakt) .ref-projekt__grid{gap:var(--space-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.ref-projekt--kompakt{padding-block:var(--space-8)}.ref-plugins__kopf{gap:var(--space-3);max-width:var(--measure);margin-bottom:var(--space-6);display:grid}.ref-plugins__liste{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=48rem){.ref-plugins__liste{grid-template-columns:repeat(2,minmax(0,1fr))}}.ref-plugins__karte{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--c-line);border-radius:var(--radius-m);background:var(--c-white);align-items:center;min-width:0;display:flex;position:relative}.ref-plugins__bild{aspect-ratio:16/10;border-radius:var(--radius-s);background:var(--c-surface);flex:none;width:5rem;overflow:hidden}.ref-plugins__bild img{object-fit:cover;width:100%;height:100%}.ref-plugins__text{gap:.2rem;min-width:0;display:grid}.ref-plugins__text a{color:var(--c-ink);overflow-wrap:anywhere;font-weight:700;text-decoration:none}.ref-plugins__text a:after{content:"";border-radius:inherit;position:absolute;inset:0}.ref-plugins__text a:focus-visible{outline:none}.ref-plugins__karte:has(a:focus-visible){box-shadow:var(--focus-ring)}.ref-plugins__text span{font-size:var(--fs-small);color:var(--c-text-strong)}@media (hover:hover){.ref-plugins__karte:hover a{color:var(--c-primary-700)}}.ref-layouts{background:var(--c-surface)}.ref-layouts__kopf{gap:var(--space-3);margin-bottom:var(--space-6);justify-items:start;display:grid}.ref-layouts__live{justify-self:start}.ref-layouts__live svg{width:16px;height:16px}.ref-layouts__liste{gap:var(--space-5);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:var(--space-3);grid-auto-columns:minmax(15rem,78%);grid-auto-flow:column;max-width:100%;display:grid;overflow-x:auto}.ref-layouts__ansicht{scroll-snap-align:start;gap:var(--space-3);align-content:start;min-width:0;display:grid}@media (width>=64rem){.ref-layouts__liste{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;overflow:visible}.ref-layouts__liste--beitraege{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}}.ref-layouts__link{border-radius:var(--radius-m);background:var(--c-white);border:1px solid var(--c-line);box-shadow:0 18px 40px -30px color-mix(in srgb, var(--c-dark) 45%, transparent);transition:transform var(--dur-hover) var(--ease-out), box-shadow var(--dur-hover) var(--ease-out);display:block;overflow:clip}.ref-layouts__link:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (hover:hover){.ref-layouts__link:hover{box-shadow:0 24px 48px -30px color-mix(in srgb, var(--c-dark) 55%, transparent);transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.ref-layouts__link{transition:none}.ref-layouts__link:hover{transform:none}}.ref-layouts__leiste{background:color-mix(in srgb, var(--c-line) 55%, var(--c-white));border-bottom:1px solid var(--c-line);align-items:center;gap:6px;height:26px;padding:0 10px;display:flex}.ref-layouts__leiste span{background:color-mix(in srgb, var(--c-line) 60%, var(--c-ink));opacity:.5;border-radius:50%;width:8px;height:8px}.ref-layouts__bild{max-height:46rem;display:block;overflow:hidden}.ref-layouts__liste--beitraege .ref-layouts__bild{max-height:none}.ref-layouts__bild img{width:100%;height:auto;display:block}.ref-layouts__label{font-family:var(--ff-head);color:var(--c-ink);font-weight:700}.ref-akkordeon{gap:var(--space-3);margin-top:var(--space-2);display:grid}.ref-akkordeon__eintrag{border:1px solid var(--c-line);border-radius:var(--radius-m);background:var(--c-white)}.ref-akkordeon__eintrag summary{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:52px;padding:var(--space-3) var(--space-5);cursor:pointer;font-family:var(--ff-head);color:var(--c-ink);font-weight:700;list-style:none;display:flex}.ref-akkordeon__eintrag summary::-webkit-details-marker{display:none}.ref-akkordeon__eintrag summary:after{content:"";border-right:2px solid var(--c-primary);border-bottom:2px solid var(--c-primary);width:.6rem;height:.6rem;transition:transform var(--dur-hover) var(--ease-out);flex:none;transform:rotate(45deg)}.ref-akkordeon__eintrag[open] summary:after{transform:rotate(225deg)}.ref-akkordeon__eintrag summary:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-m);outline:none}.ref-akkordeon__inhalt{padding:0 var(--space-5) var(--space-5)}@media (prefers-reduced-motion:reduce){.ref-akkordeon__eintrag summary:after{transition:none}}.ref-projekt__ergebnisse{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.ref-projekt__besonderheit{padding-left:var(--space-4);border-left:3px solid var(--c-link-on-dark)}.ref-projekt__rechts .ref-projekt__besonderheit,.ref-projekt__besonderheit strong{color:var(--c-on-dark)}